body{padding-top:120px}

iframe{overflow:hidden;border:none}

@media (min-width: 768px){
    body>.navbar-transparent{box-shadow:none}
    body>.navbar-transparent .navbar-nav>.open>a{box-shadow:none}
}

.navbar .fa,.navbar .fab{margin-right:.25rem;font-size:1rem}

#home .navbar,#help .navbar{background:#375ee3;background:linear-gradient(145deg, #375ee3 0%, #6543e0 80%);transition:box-shadow 200ms ease-in}

#home .navbar-brand .nav-link,#help .navbar-brand .nav-link{display:inline-block;margin-right:-30px}

#home{padding-top:0}

#home .btn{padding:.5rem .9rem}

.bs-docs-section{margin-top:4em}

.bs-docs-section .page-header h1{padding:2rem 0;font-size:3rem}

.dropdown-menu.show[aria-labelledby="themes"]{display:-ms-flexbox;display:flex;width:420px;-ms-flex-wrap:wrap;flex-wrap:wrap}

.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item{width:33.333%}
.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item:first-child{width:100%}
.bs-component{position:relative}
.bs-component+.bs-component{margin-top:1rem}
.bs-component .card{margin-bottom:1rem}
.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}
.bs-component .modal-dialog{width:90%}
.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}
.source-button{display:none;position:absolute;top:0;right:0;z-index:100;font-weight:700}
.source-button:hover{cursor:pointer}
.bs-component:hover .source-button{display:block}
#source-modal pre{max-height:calc(100vh - 11rem)}
.nav-tabs{margin-bottom:15px}
.progress{margin-bottom:10px}
#footer{margin:5em 0}
#footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}
#footer p{clear:left;margin-bottom:0}
.splash{position:relative;padding:12em 0 6em;background-color:#375ee3;background-image:url("../img/splash.svg"),linear-gradient(145deg, #375ee3 0%, #6543e0 80%);background-size:cover;background-repeat:no-repeat;color:#fff;text-align:center}
.splash .logo{width:160px}
.splash h1{font-size:3em;color:#fff}
.splash #social{margin:2em 0 3em}
.splash .alert{margin:2em 0;border:none}
.splash .sponsor a{color:#fff}
.section-tout{padding:6em 0 1em;border-bottom:1px solid rgba(0,0,0,0.05);background-color:#eaf1f1;text-align:center}
.section-tout .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;background:#375ee3;background:linear-gradient(145deg, #375ee3 0%, #6543e0 80%);border-radius:50%;font-size:2rem;color:rgba(255,255,255,0.9)}
.section-tout p{margin-bottom:5em}
.section-preview{padding:4em 0}
.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}
.section-preview .preview .image{position:relative}
.section-preview .preview .image img{width:100%;height:auto}
.section-preview .preview .options{padding:2em;border-top:1px solid rgba(0,0,0,0.125);text-align:center}
.section-preview .preview .options p{margin-bottom:2em}
.section-preview .dropdown-menu{text-align:left}
.section-preview .lead{margin-bottom:2em}
@media (max-width: 767px){
    .splash{padding-top:8em}
    .splash .logo{width:100px}
    .splash h1{font-size:2em}
    #banner{margin-bottom:2em;text-align:center}
}
@media (max-width: 991px){
    .navbar .fab{display:none}
}
@media (min-width: 992px){
    .navbar-transparent{background:none !important;box-shadow:none}
}