/* typography */
.explorer .text-plugin h1,
.cms-blogger .blog-promotion-header #blog-promotion-title,
.cms-blogger .blog-header #blog-title,
.cms-blogger .blog-post > .right-col h1,
.cms-blogger .blog-entry > .right-col h1,
h1{
    font-size: 34px;
    font-weight: bold;
    text-transform: none;
    text-align: left;
    padding: 0;
    margin: 30px 0 20px 0;
    color: #444444;
}
.cms-blogger .blog-entry > .right-col h1{
    margin-top: 0;
    color: #444444;
}

.explorer .text-plugin h2
{
    font-size: 26.21px;
    font-weight: bold;
    margin: 30px 0 20px 0;
    color: #444444;
}
.explorer .text-plugin h3{
    font-size: 20.48px;
    font-weight: bold;
    margin: 30px 0 20px 0;
    color: black;
}
.explorer .text-plugin h4{
    font-size: 16px;
    font-weight: bold;
}
@media (max-width: 960px){
    .text-plugin, .explorer.passport .container .box.text-plugin{
        padding-right: 30px;
        padding-left: 30px;
    }
}
.explorer .text-plugin li, blockquote p, p{
    font-size: 16px;
    line-height: 1.7;
    font-weight: normal;
}
.explorer.passport h1 a, .explorer.passport h2 a, .explorer.passport h3 a, .explorer.passport h4 a{
    color: #AA273D;
    font-weight: bold;
}
p{
    margin: 2em 0;
}
.passport a,
.passport a:hover
{
    color: #AA273D;
}
.passport h1 a,
.passport h1 a:hover{
    color: #AA273D !important;
}
code, pre{
    font-size: 16px;
}
a.fa, a.fa:hover{
    text-decoration: none;
}

/* buttons */
.btn, .btn:hover, a.btn, a.btn:hover{
    text-decoration: none;
    font-size: 16px;
    color: #000;
    background: #fafafa;
}
.btn-primary, a.btn-primary, a.btn-primary:hover{
    color: white;
    background: #AA273D;
}
.btn-secondary, a.btn-secondary, a.btn-secondary:hover{
    border: 0;
    background-color: #efefef;
    color: #AA273D;
    
}

/* layout adjustments */
.breadcrumbs{
    padding: 0;
}
.explorer.passport .container .box{
    border: 0;
    padding: 0;
}
.middle-header{
    padding: 15px 0;
}
@media (max-width: 500px) {
    header .middle-header .btn-search {
        display: none;
    }
}
.explorer.passport header{
    border: 0;
    height: auto;
    background-color: transparent;
}
header .main-menu a{
    text-transform: none;
}
.passport .border-top-6px{
    border-top: 0;
}
.explorer.passport header div.main-menu{
    background-color: #6b6b6b;
    border: 0;
}
header .main-menu .navbar-inner{
    min-height: 0;
}
.explorer.passport header div.main-menu .navbar li{
    height: auto;
    line-height: inherit;
}
.explorer.passport header div.main-menu .navbar li:hover,
.explorer.passport header div.main-menu .navbar li.active{
    background-color: white !important;
}
.explorer.passport header div.main-menu .navbar ul.nav li a{
    padding-top: 6px;
    padding-bottom: 6px;
}
.explorer.passport header div.main-menu .navbar ul.nav li a.dropdown-toggle{
    padding-right: 6px;
}
.explorer.passport header div.main-menu .navbar li:hover a,
.explorer.passport header div.main-menu .navbar li.active a{
    color: #AA273D;
}
.explorer.passport header div.main-menu .navbar li a{
    height: auto;
    color: white;
    line-height: inherit;
}
.explorer.passport header div.main-menu .navbar li .dropdown-menu{
    border-top: 0;
    line-height: inherit;
}
.explorer.passport header div.main-menu .navbar li a,
.explorer.passport header div.main-menu .navbar li .dropdown-menu li a{
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}
.explorer.passport header div.main-menu .navbar li .dropdown-menu li a{
    margin: 0;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-top-color: #eee;
}
.explorer.passport header div.main-menu .navbar li .dropdown-menu li a:hover{
    background-color: #eee !important;
    color: #444 !important;
}
.explorer.passport header div.main-menu .navbar ul.nav li.divider-vertical{
    display: none;
}
.explorer.passport header div.main-menu .navbar li:hover .dropdown-menu{
    display: block;
}

.explorer.passport footer.container.content-wrapper{
    text-align: center;
}
footer .nav li{
    border-right: 0;
}
.explorer.passport header div.main-menu .navbar li:hover .dropdown-menu li a, .explorer.passport header div.main-menu .navbar li.open .dropdown-menu li a{
    font-weight: normal;
    height: auto;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
/* reverse the nav caret colors of normal / current */
.explorer.passport header div.main-menu .navbar li .caret{
    background: url(http://bento.cdn.pbs.org/hostedbento-prod/filer_public/_bento_media/passport/img/arrow-down-white.png) no-repeat 0 0;
}
.explorer.passport header div.main-menu .navbar li:hover .caret,
.explorer.passport header div.main-menu .navbar li.open .caret,
.explorer.passport header div.main-menu .navbar li.active .caret
{
    background: url(http://bento.cdn.pbs.org/hostedbento-prod/filer_public/_bento_media/passport/img/arrow-down.png) no-repeat 0 0;
}
.explorer.passport header div.main-menu .navbar li .dropdownBg{
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 0;
    padding-left: 6px;
    border-left: 1px solid #BDBDBD;
    width: auto;
}
/* enables "header mini logos" to not be hidden by search bar */
.explorer.passport header .search-collapse{
    display: block;
    float: none;
}
/* enables "header mini logos" to not be hidden on smaller screens */
@media (max-width: 959px) {
    .explorer.passport header .middle-header .header-logos {
        display: block;
    }
}

.container .box.promo-container.vertical .promo.span12{
    padding-left: 0;
}



/* kids pages */

.explorer.kids header{
    background-color: #00cccb;
}
.explorer.kids header div.main-menu{
    background-color: #AA273D;
}
.explorer.kids h1 a, .explorer.kids h2 a, .explorer.kids h3 a, .explorer.kids h4 a{
    color: #00cccb;
    font-weight: bold;
}
p{
    margin: 2em 0;
}
.explorer.kids a,
.explorer.kids a:hover{
    color: #00cccb;
}
.explorer.kids h1 a,
.explorer.kids h1 a:hover{
    color: #00cccb !important;
}
.explorer.kids .btn-primary, .explorer.kids a.btn-primary, .explorer.kids a.btn-primary:hover{
    background-color: #00cccb;
    color: white;
}