/* --------------------------------------------------------------------------
 * Prodigystudio  : Maleo - Multipurpose HTML Template
 *  
 * file           : doc.css
 * Desc           : Maleo Framework Documentation Special styles for presenting Maleo's documentation and code examples
 * Version        : 1.0
 * Date           : 07/21/2014
 * Author         : Prodigystudio - team
 * Author URI     : http://prodigystudio.net
 * Email          : Hello@prodigystudio.net
 *
 * Prodigy Studio. Copyright 2014. All Rights Reserved.
 * -------------------------------------------------------------------------- */

header { background: #f1f1f1; }

.brand { font-weight: bold; }

.main { background: #3498db url(img/bg_pattern.png) repeat; text-align: center; width: 100%; padding: 110px; color: #fff; min-height: 600px; }
.main h1, .main h2, .main h3, .main h4, .main h5, .main h6 { color: #fff; line-height: 45px; font-weight: bold; font-size: 1.8rem; }

.brand-logo { width: 145px; height: 145px; border: 3px #fff solid; -webkit-border-radius: 15%; -moz-border-radius: 15%; -ms-border-radius: 15%; -o-border-radius: 15%; border-radius: 15%; margin: 0 auto 30px; padding: 10px; }

.doc-header { padding: 60px 15px; background: #3498db url(img/bg_pattern.png) repeat; color: #fff; font-size: 24px; margin-bottom: 50px; }
.doc-header h1, .doc-header h2, .doc-header h3, .doc-header h4, .doc-header h5, .doc-header h6 { color: #fff; }
.doc-header p { margin-bottom: 0; }

.doc-section { margin-bottom: 60px; margin: 40px 0 20px; }
.doc-section h3.doc + h4.doc { margin-top: 0px; }
.doc-section h3.doc, .doc-section h4.doc { margin-top: 20px; }
.doc-section .feature h1, .doc-section .feature h2, .doc-section .feature h3, .doc-section .feature h4, .doc-section .feature h5, .doc-section .feature h6 { margin-top: 0px; }

.page-header { padding-bottom: 9px; margin-bottom: 30px; border-bottom: 1px solid #eee; }

.sidemenu.stuck { margin-top: 20px; position: fixed; display: block; top: 0; }

/* Bootstrap code examples 
-------------------------------------------------- */
/* Base class */
.docs-example { position: relative; margin: 25px 0; padding: 60px 40px 30px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: auto; /* Echo out a label for the example */ }
.docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; }
.docs-example:before { border: 1px solid #e8e8e8; content: ""; position: absolute; bottom: -5px; left: 6px; right: 6px; height: 4px; border-top: none; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
.docs-example .table .type-info { color: #999; vertical-align: middle; text-align: center; font-size: 14px; }
.docs-example .table td { border-color: #eee; padding: 15px 0; }
.docs-example .table tr:first-child td { border-top: 0; }
.docs-example .table tr.even, .docs-example .table tr.alt, .docs-example .table tr:nth-of-type(even) { background: none; }
.docs-example.form-control .form-control { margin-top: 10px; }
.docs-example .doc-icon { text-align: center; }
.docs-example .doc-icon li { padding: 10px 0; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }
.docs-example .doc-icon li i { width: 100%; margin-bottom: 8px; font-size: 32px; text-align: center; float: left; }

/* Remove spacing between an example and it's code */
.docs-example + .prettyprint { margin-top: -26px; padding-top: 8px; }

.prettyprint.linenums { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; }

/* Pre */
pre { font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace; background: url(img/pre.gif) repeat 0px -4px; display: block; margin: 0 0 20px; font-size: 13px; line-height: 19px; word-break: break-all; word-wrap: break-word; border-radius: 3px; }

.com { font-style: italic; color: #93a1a1; }

.lit { color: #195f91; }

.pun, .opn, .clo { color: #93a1a1; }

.fun { color: #dc322f; }

.str, .atv { color: #D14; }

.kwd, .prettyprint .tag { color: #1e347b; }

.typ, .atn, .dec, .var { color: teal; }

.pln { color: #48484c; }

.prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; position: relative; }
.prettyprint:before { border: 1px solid #e8e8e8; content: ""; position: absolute; bottom: -5px; left: 6px; right: 6px; height: 4px; border-top: none; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }

.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; }

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin: 0 0 0 33px; /* IE indents via margin-left */ padding: 7px 0; }

ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 19px; text-shadow: 0 1px 0 #fff; list-style: decimal; }

code { padding: 3px 5px; color: #d14; white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.grid-example { /* Nested grid examples need outdenting because padding. */ }
.grid-example .columns, .grid-example .column { margin-bottom: 20px; padding: 10px 0; text-align: center; padding: 10px 0; background-color: rgba(52, 152, 219, 0.15); font-size: 14px; }
.grid-example .columns p, .grid-example .column p { margin: 0; }
.grid-example .columns:nth-child(odd), .grid-example .column:nth-child(odd) { background-color: rgba(52, 152, 219, 0.3); }
.grid-example .row { margin-left: 0; margin-right: 0; }
.grid-example .columns .columns { margin-top: .5rem; margin-bottom: 0; }

hr { margin: 20px 0; }