/*===============================
/templates/ja_sugite/local/css/themes/blue/docs.css
================================================================================*/
.docs-section{margin-bottom:56px}.docs-section .page-header{margin-bottom:28px}.docs-section .page-header h1{font-size:36px}@media (min-width:768px){.docs-section .page-header h1{font-size:46px}}.docs-section h2{color:#222222;font-size:32px;margin-bottom:28px}@media (min-width:768px){.docs-section h2{font-size:42px}}.example-type h1,.example-type h2,.example-type h3,.example-type h4,.example-type h5,.example-type h6{margin:28px 0}.example-colors .swatch-item{width:100%;min-height:100px;position:relative;background:#333333;color:#ffffff;margin-bottom:28px}@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:#3498db}.example-colors .color-brand-secondary{background:#2d3e50}.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:#222222}.example-colors .color-gray-dark{background:#333333}.example-colors .color-gray{background:#555555}.example-colors .color-gray-light{background:#999999;color:#333333}.example-colors .color-gray-lighter{background:#eeeeee;color:#333333}.example-colors .color-gray-lightest{background:#f7f7f7;color:#333333}.example-buttons .btn,.example-inputs .btn,.example-buttons .form-control,.example-inputs .form-control{width:100%;margin-bottom:28px}