/* === LAYOUT === */
.container, .station-id .contain {max-width: 1024px; margin: 0 auto;}
.menu-drawer {display: none !important;}


/* === HEADER === */
.header {padding: .5em 0;}
.header .program-id, 
.header .header-search,
.header .header-schedule {
  padding: .75em 0;
}

.header-search, .header-schedule {top: 1.5em;}
.header .program-id {width: 100%; text-align: center;}
.header-search {width: 25%; position: absolute; right: 2%; top: 0em;}
.header-search-input-wrap {display: inline-block; margin-top: 3em;}



/* === MAIN NAV === */

/*hide home&watch */
.main-nav .menu-item-18613, .main-nav .menu-item-18734 {display: none;}


.main-nav .menu-item-37395 {text-transform: uppercase;}
.main-nav .menu-item-37395 a {color: #d10707 !important;}

a.desktop-watch {color: #fff; font: bold 1.3em 'Roboto', arial;  text-shadow: 1px 1px 5px #666; display: block; width: 10%; background-color: #86c240; float: left; height: 2.3em; text-align: center; display: block; padding: .55em 0 0 0;}
a.desktop-watch:hover {background-color: #0293e2;}
.main-nav {overflow: hidden; height: 3em; width: 90%; float: right;}
.main-nav-items-wrap {padding: .75em 1.75em; margin: 0; display: block; width: 100%;}
.main-nav li {text-align: center; display: block; float: left; padding: 0 .5em; font: 700 .9em 'Roboto', arial;}
.main-nav .main-nav-home-link {display: none;}
.main-nav-seek {position: absolute; display: block; top: 0; line-height: 1.8em; padding: .5em; background: white; cursor: pointer;}
.main-nav-previous {left: 0;}
.main-nav-next {right: 0;}


/* === LAYOUT === */
.left-column {
  float: left;
  width: 69%;
  
  /* Firefox */
 width: -moz-calc(98% - 300px);
/* WebKit */
 width: -webkit-calc(98% - 300px);
/* Opera */
 width: -o-calc(98% - 300px);
/* Standard */
 width: calc(98% - 300px);
  
  
  
}

.right-column {
  float: right;
  width: 31%;
  min-width: 300px;
  max-width: 300px;
  margin-top: 1em;
}

.full-width, .full-width .post-text-cta {width: 100%;}


.promo {width: 100%; margin-left: 0; margin-right: 0;}

/* === SECTION LINKS === */

.link-list-header, .section-heading.stories, .promo {margin-left: 0; margin-right: 0;}
.section-link-wrap, .section-link {height: 11.9em;}
.section-link {width: 32%; float: left; margin-right: 2%; display: none;}
.section-link.last-in-row {margin-right: 0;}
.section-link-thumb {width: 100%; display: block; border: 0px; margin-bottom: 0;}
.section-link-thumb img {float: left; width: 100%; height: auto;}
.section-link.visible, .watch-latest .section-link.visible {display: block;}
.section-link-list {width: 100%; margin-left: 0; margin-right: 0;}
.topstories.section-link-list {height: 19em;}
span.dek.hasimage {display: none !important; border: 1px solid #000;}


body.single-format-aside .section-link-wrap, body.single-format-aside .section-link {height: 16em;}

.watch-latest .section-link {width: 48%; margin: 0 1%; display: none;}
.watch-latest .section-link-text {width: 100%;}
.watch-latest .section-link-wrap, .watch-latest .section-link {height: 15em;}

/* === CAROUSEL === */

.carousel, .media-carousel {height: 30em; }
.carousel h5 {font-size: 1.2em;}
.carousel-text {font-size: .9em;}

/* === WATCH DATES === */
.watch {height: 11.95em;}
.watch-dates-wrap {position: relative; /* ie fix */}
.watch-dates, .watch-date {height: 12.85em;}

/* === POST === */
.post-text-cta {float: left; width: 75%;}
.share-box {width: 23%;}
.share-box.vertical {float: right;}

.link-list-more-link {display: none;}

.menu-topnav-container {width: 999em;}
.menu-item-20778 a {color: #46799d;}
.menu-item-20771 a {color: #665df1;}
.menu-item-20772 a {color: #21c58a;}
.menu-item-20773 a {color: #7a4eba;}
.menu-item-20774 a {color: #99d901;}
.menu-item-20775 a {color: #1583d8;}

.menu-item-20776 a {color: #4d9e4d;}
.menu-item-20779 a {color: #da922b;}
.menu-item-20781 a {color: #08969c;}
.menu-item-20782 a {color: #c1c818;}
.menu-item-20780 a {color: #c20079;}
.menu-item-20777 a {color: #72a577;}
.menu-item-20770 a {color: #d85c19;}
.menu-item-1422 a {color: #5e55dd;}

.menu-item-21073 a {color: #d10707;}
.menu-item-21070 a {}



.funder-logos img {max-width: 18%; height: auto; margin: 0 1%;}



/* tiny desktop / ipad horizontal */
@media screen and ( min-width: 769px ) and ( max-width: 1024px ) {
.link-list-header, .section-heading.stories, .promo, .section-link-list {width: 98%; margin-left: 1%; margin-right: 1%;}
.carousel, .right-column {margin-right: 1%;}
.carousel h5 {font-size: 1em;}
.carousel-text {font-size: .8em;}
.section-link-list { height: 13.5em; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden;}
.section-link {width: 185px; float: left; margin-right: 10px !important; display: block;}
.section-link-wrap {  width: 1170px !important;}
#welcometeaser {width: 80%; margin: 5% 10%; font-size: .9em;}
}