/*===============================
/templates/ja_magz_ii/css/layouts/docs.css
================================================================================*/
.docs-section{margin-bottom:60px;margin-top:30px;font-size:14px}.docs-section .page-header{border-bottom:0;margin-bottom:40px;padding-bottom:0;text-align:center}.docs-section .page-header h1{font-size:36px;font-weight:700;color:#d7d9db;margin:0;line-height:normal}.docs-section h2.sub-title{font-size:24px;font-weight:700;font-family:"PT Serif","Times New Roman",Times,serif;color:#3c3c3c;margin-bottom:20px;margin-top:0}.docs-section .dropdown-menu{border:0;padding:10px 0}.docs-section .dropdown-menu li{padding:0 10px}.docs-section .tags{text-align:center}.example-type h1,.example-type h2,.example-type h3,.example-type h4,.example-type h5,.example-type h6{margin:20px 0;font-weight:100}.example-colors .swatch-item{width:100%;min-height:100px;position:relative;background:#3c3c3c;color:#ffffff;margin-bottom:20px}@media (min-width:1200px){.example-colors .swatch-item{min-height:123px}}.example-colors .swatch-item dl{width:100%;position:absolute;bottom:0;padding:20px;margin:0}.example-colors .color-brand-primary{background:#00bfe6}.example-colors .color-brand-secondary{background:#428bca}.example-colors .color-brand-success{background:#5cb85c}.example-colors .color-brand-danger{background:#d9534f}.example-colors .color-brand-warning{background:#f0ad4e}.example-colors .color-brand-info{background:#5bc0de}.example-colors .color-gray-darker{background:#262626}.example-colors .color-gray-dark{background:#3c3c3c}.example-colors .color-gray{background:#555555}.example-colors .color-gray-light{background:#999999;color:#3c3c3c}.example-colors .color-gray-lighter{background:#eaeaea;color:#3c3c3c}.example-colors .color-gray-lightest{background:#f7f7f7;color:#3c3c3c}.example-inputs .form-control{box-shadow:none;width:100%;margin-bottom:20px}.example-inputs ul{padding:0;list-style:none}@media screen and (min-width:768px){.example-inputs ul li{float:left;width:30%;padding-right:20px}}.example-button .btn{margin:0 10px 10px 0}@media screen and (min-width:768px){.example-button .btn{width:30%}}