/* CSS Document */
/* Include PBS Font */

@font-face {
    font-family: 'PBS';
    src: url('http://pbs.bento.storage.s3.amazonaws.com/hostedbento-prod/filer_public/kued/fonts/PBSSans.eot');
    src: url('http://pbs.bento.storage.s3.amazonaws.com/hostedbento-prod/filer_public/kued/fonts/PBSSans.svg#PBS') format('svg'),
         url('http://pbs.bento.storage.s3.amazonaws.com/hostedbento-prod/filer_public/kued/fonts/PBSSans.eot?#iefix') format('embedded-opentype'),
         url('http://pbs.bento.storage.s3.amazonaws.com/hostedbento-prod/filer_public/kued/fonts/PBSSans.woff2') format('woff2'),
         url('http://pbs.bento.storage.s3.amazonaws.com/hostedbento-prod/filer_public/kued/fonts/PBSSans.woff') format('woff'),
         url('http://pbs.bento.storage.s3.amazonaws.com/hostedbento-prod/filer_public/kued/fonts/PBSSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.explorer.white {
background:#fff;
}
.explorer.light .middle-header.container .box,
.explorer.white .middle-header.container .box,
.middle-header.container .box {
background:transparent;
border:none;
}

body {
font-family:PBS, Helvetica, Arial, sans-serif;
line-height:auto;
}
.hero-placeholder {
margin:0;
}
a {
text-decoration:none;
font-weight:bold;
}
a:hover {
text-decoration:none;
}

header .action-bar {
height:0;
}
header {

}

.middle-header {
background:#2638c4;
border-bottom:10px solid #0f1e8c;
height:auto;
}
.middle-header .row-fluid,
.container, .navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
margin:0 auto;
width:95%;
max-width:960px;
}
header .container.middle-header {
width:100%;
max-width:100%;
}
header {
background:#2638c4;
text-align:center;
font-family:PBS, Arial, Helvetica, sans-serif !important;
}
.container.middle-header {
position:relative;
}
#navigation-logo {
display:inline-block;
position:absolute;
top:-20px;
left:-40px;
}
/*
.page-content,.right-rail {
margin-top:166px;
}
*/
.content-wrapper {
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}
header,footer.container {
margin:0 auto;
}
.middle-header {
}
.container.content-wrapper {
background:#fff;
z-index:100;
}


header .middle-header img {
width:auto;
}
header .middle-header {
overflow:visible;
}
header .middle-header #search-form {
margin-top:1.5em;
}
header .middle-header #search-form .submit-search,
header .middle-header #search-form input {
width:auto;
border:none;
}


/* Give the page a margin */
.container.content-wrapper .row-fluid:nth-of-type(1) {
text-align:center;
margin:0 10px;
width:auto;
}
.container.content-wrapper .row-fluid .row-fluid,
.container.content-wrapper .row-fluid .row-fluid .row-fluid {
text-align:left;
padding:0;
margin:0;
}
.container.content-wrapper .row-fluid .span12.page-content {
margin:0 auto;
width:100%;
}
.pbs-profile-grid {
padding:0 !important;
}
.og-grid li {
margin-right:0 !important;
}


/* Dropdown Menu */
.navbar.split-button .nav li {
padding:0;
}
.navbar.split-button .nav li a {
padding:0 1em;
font-family:PBS, Arial, Helvetica, sans-serif !important;
}
.explorer.white .main-menu {
background:transparent;
}
.explorer.white .main-menu a {
color:#fff;
font-size:1.25em;
text-transform:none;
}
.explorer.white .main-menu a:hover {
color:#FB0311;
}
.explorer.white .main-menu a:hover, .explorer.white .main-menu li.open, .explorer.white .main-menu li:hover {
}
.explorer.blue .main-menu .navbar.split-button li.active, .explorer.blue .main-menu .navbar.split-button li.active > a + .dropdownBg, .explorer.blue .main-menu .navbar.split-button li.open, .explorer.blue .main-menu .navbar.split-button li.open > a, .explorer.blue .main-menu .navbar.split-button li.open > a + .dropdownBg, .explorer.blue .main-menu .navbar.split-button li:hover, .explorer.blue .main-menu .navbar.split-button li:hover > a + .dropdownBg, .explorer.blue .main-menu .navbar.split-button li > a + .dropdownBg:hover, .explorer.blue .main-menu a:hover, .explorer.blue .main-menu li.open > a, .explorer.blue .main-menu li.open > a + .dropdownBg, .explorer.dark .main-menu a:hover, .explorer.white .main-menu .navbar.split-button li.active, .explorer.white .main-menu .navbar.split-button li.active > a + .dropdownBg, .explorer.white .main-menu .navbar.split-button li.open, .explorer.white .main-menu .navbar.split-button li.open > a + .dropdownBg, .explorer.white .main-menu .navbar.split-button li:hover, .explorer.white .main-menu .navbar.split-button li:hover > a + .dropdownBg, .explorer.white .main-menu a:hover {
background:#0a145a;
background:transparent;
}
.nav > li > a:hover {
}
.explorer.white .main-menu a:hover,
.explorer.white .main-menu li.open > a {
background:transparent;
background:#0a145a;
color:#fff;
}
.explorer.white .main-menu li a {
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}
header .main-menu .navbar .nav .dropdown-menu li a {
padding:.75em 1em;
font-size:1.5em;
text-align:left;
background:#0a145a;
color:#fff;
font-weight:bold;
}
header .main-menu .navbar .nav .dropdown-menu li a:hover {
background:#0f1e8c !important;
color:#fff;
}
.explorer.white .main-menu li li a {
}
.dropdown-menu li > a {
line-height:auto;
width:300px;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
color:#fff;
}
.explorer.white .main-menu li.divider-vertical {
background:transparent;
}
.explorer.white .main-menu .dropdown-menu li a {
border-bottom:1px solid #0a145a;
border-top:1px solid #000;
}
header .main-menu .navbar .nav .dropdown-toggle .caret {
border-bottom-color:#fff;
border-top-color:#fff;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover,
.explorer.white .main-menu a:hover, .explorer.white .main-menu li.open > a, .explorer.white .main-menu li.open, .explorer.white .main-menu li:hover {
background:#0a145a;
}
/*
header .nav-collapse .nav {
overflow:hidden;
}
header .nav-collapse.collapse .nav, header .nav-collapse.collapse .nav li {
width:98% !important;
}
*/



.video-collection .vid-title .now-play {
color:#0094BE;
}

/* Footer */
footer.container.content-wrapper {
background:#0a145a;
}
footer.container.content-wrapper {
}
footer.content-wrapper .nav li  {
border-right:1px solid #0a145a;
color:#0a145a !important;
}
footer.content-wrapper  .nav li a {
color:#fff;
}


/* Tease items */
.series-image,
.series-details {
width:48%;
min-width:200px;
}
.series-image {
float:left;
max-width:320px;
}
.series-image img {
width:100%;
}
.series-details {
overflow:hidden;
padding-left:1em;
}
.series-image p span {
float:none !important;
}
.series-details h1,
.series-details p {
margin-left:0 !important;
}




/* Make the menu look and act like KUED's menu */
body {
font-family:PBS, Arial, Helvetica, sans-serif !important;
}
.container.middle-header .main-menu .row-fluid [class*="span"]  {
height:auto;
min-height:auto;
}
.tpl-producer header .middle-header {
height:auto;
}
.container.middle-header {
overflow:visible;
}
.tpl-producer header .container.middle-header  #station-logo {
z-index:0;
overflow:visible;
}
.container.middle-header .navbar {
z-index:1 !important;
overflow:visible;
}

.container.middle-header .navbar.split-button {
}
.container.middle-header .navbar .divider-vertical {
display:none;
}
.explorer.white .dropdown-menu li a {
border:none;
}
.container.middle-header .navbar-inner {
background:transparent;
border:none;
min-height:auto;
padding:0;
border-radius:0;
width:100%;
}
.container.middle-header .nav-collapse, header .nav-collapse.collapse,
.container.middle-header .container.middle-header .navbar * {
-webkit-transition: all .25s;
transition: all .25s;
}
.container.middle-header .navbar .nav,
.container.middle-header .navbar.split-button .nav > li,
.container.middle-header .navbar .nav > li > a {
padding:0 !important;
margin:0;
overflow:hidden;
}
.container.middle-header .navbar.split-button .nav > li > a {
padding:2.5em .7em 1.5em .75em !important;
color:#fff;
text-shadow:none;
font-size:1.7em;
font-weight:normal;
overflow:hidden;
font-family:PBS, Arial, Helvetica, sans-serif !important;
}

.container.middle-header .navbar .nav > li > a:focus,
.container.middle-header .navbar .nav > li > a:hover,
.container.middle-header .explorer.white .main-menu a:hover,
.container.middle-header .explorer.white .main-menu li.open > a,
.container.middle-header .explorer.white .main-menu li.open,
.container.middle-header .explorer.white .main-menu li:hover,
.container.middle-header .navbar.split-button .nav > li:nth-of-type(12) > a:hover {
background:transparent;
color:#ffcf00;
}
.container.middle-header .navbar .btn.btn-navbar {
background:transparent;
border:none;
border-radius:0;
height:40px;
font-size:100%;
margin:0 auto;
padding:20px 0 0 0;
width:100%;
position:relative;
text-align:left;
}
.container.middle-header .navbar .btn.btn-navbar .icon::before {
content:'\2261';
font-size:40px;
padding:0 20px;
font-weight:normal;
}
.container.middle-header .navbar .collapse .nav,
.container.middle-header .navbar .in.collapse .nav {
background:transparent;
width:100%;
display:block;
overflow:visible;
text-align:left;
}
.container.middle-header .navbar .in .nav a {
display:block;
border-radius:0;
}

.container.middle-header .navbar .btn.btn-navbar:hover .icon::before,
.container.middle-header .navbar .in .nav a:hover {
background:#0a145a;
color:#fff;
}


/* Fix PBS' inconsistent breakpoints */
/* This doesn't work. */
/*
@media (max-width: 768px) {

	.container.middle-header .navbar .collapse .nav,
	.container.middle-header .navbar .in.collapse .nav {
	background:#101010;
	}
	.navbar-inner {
	}
	.navbar.split-button {
	width:100%;
	}
	.container.middle-header .navbar.split-button .nav > li > a {
	padding:1.5em 1em 1.5em 1em !important;
	}
	header .nav-collapse, header .nav-collapse.collapse {
	height: 0 !important;
	overflow: hidden !important;
	}
	header .nav-collapse, header .nav-collapse.in.collapse {
	overflow: visible !important;
	}
	.navbar .btn-navbar {
	display: block;
	float:none;
	}
	.container.middle-header .navbar .in .nav a {
	display: block;
	width:100%;
	clear:both;
	}
	.nav-collapse .nav > li {
	float: none;
	}
}
*/
@media (max-width: 784px) {
	.container.middle-header .navbar.split-button .nav > li > a {
	padding:1em 1em 1.5em 1em !important;
	}
}
@media (max-width: 768px) {
	.container.middle-header .navbar.split-button .nav > li > a {
	padding:3em 1em 1em 1em !important;
	}
}
@media (max-width:599px) {
	.container.middle-header .navbar.split-button .nav > li > a {
	padding:1em 1em 1em 1em !important;
	}
}


/* Main Menu Tweaks (we hijacked this menu and repurposed it so we have to manually add links ) */
.main-menu .plugin_link a {
padding:.25em 0 0 0;
font-weight:normal;
}
.navbar .nav > li >  .plugin_link > a:focus,
.navbar .nav > li >  .plugin_link > a:hover,
.explorer.white .main-menu .plugin_link a:hover,
.explorer.white .main-menu li.open > .plugin_link a {
background:transparent;
text-decoration:none;
}


/* Search Form Tweaks */
.search-collapse.clearfix {
clear:none !important;
width:auto;
overflow:hidden;
}
#search-form {
position:relative;
width:100%;
}


/* Body text and footer */
body p,
.flexible-footer {
font-weight:normal;
	font-family:PBS;
}
.flexible-footer {
padding:3em 0 6em 0;
}
.flexible-footer p,
.flexible-footer .copyright {
color:#fff;
font-weight:normal;
font-size:1.5em;
}

/* Updated Header */
.studio.explorer.white header,
.container.middle-header {
/*height:80px !important;*/
}
.studio.explorer.white .main-menu {
display:none;
}
.container.middle-header {
overflow: visible;
}
a.donate-btn {
float:right;
margin-top:1em;
	padding:.75em 1em;
font-size:1.75em;
	color:#fff;
z-index:100;
	
}


.header-image {
text-align:right;
background:transparent;
overflow:visible;
width:0px !important;
height:100px;
right:0px;
float:right;
}
.page-content .row-fluid .span6 {
float:left;
}
.explorer.white .promo-container.horizontal .promo {
border-bottom:none;
}

/* Free Speech Messages Page  */
.fsm-page .filer-image-container {
margin:0 auto;
}
.page-content div.fsm-page:nth-of-type(2) {
width:100%;
}
.page-content  div.fsm-page:nth-of-type(1) div {
width:40%;
float:left;
margin:2% 5%;
overflow:hidden;
border-bottom:1px solid #60738a;
padding-bottom:3em;
min-height:200px;
}
.container .fsm-page .box {
padding:0;
margin:1em 0;
}

/* Right Column */
.page-content,
.right-rail {
padding-top:1em;
}
.right-rail {
font-size:142%;
}
.right-rail .menu {
text-align:left;
}
.right-rail a {
color:#000;
}
.common-list {
margin:0;
list-style:none;
font-weight:normal;
}
.right-rail .menu .common-list a {
font-weight:normal;
padding:.15em 0;
display:block;
}
.right-rail .menu .common-list a:hover {
color:#000;
}