.no-desktop {display: none;}
.notouch {display: block;}
.snap-content {position: static;}



.site-logo {max-width: 421px; }



/* === LAYOUT === */
.main-navigation {font: 600 1em 'Source Sans Pro', sans-serif;}
.main-navigation ul {margin: 0; padding: 0;}
.main-navigation ul li {float: left; }
.main-navigation ul li .menu-roll {display: none;} 
.main-navigation ul li:hover .menu-roll {display: block;}
.main-navigation a {color: #fff; padding: 0 .4em; border-right: 1px solid #1d3e5d; border-left: 1px solid #000; display: table-cell; vertical-align: middle; height: 2.3em;}
.main-navigation .nav-recent-programs a {border-left: 0; border-right: 0; line-height: 2.3em; padding-left: 35px; padding-right: .4em; background: url(1744bd520f9760da12ddc3a3b07b21d7b4f98c39.png)  left center no-repeat; background-size: 30px 26px;}
.main-navigation a:hover {background-color: #0089ff;}
.main-navigation li:first-of-type a {border-left: 0;}
.main-navigation li:last-of-type a {border-right: 0;}



/* menu dropdown */
.menu-roll {background-color: #fff; border: 1px solid #999; position: absolute; float: left; width: 34em; margin: 5px 0 0 -3em; font: 700 1em 'Cabin'; z-index: 999999; letter-spacing: 0;}
.menu-roll .loading {background: url(548f621e8c362e1637ea5795f35b1344b7c856f6.gif) ; width: 30px; height: 30px; margin: 1em;}
.menu-pointer {background: url(d57fe38b387d8307ada609d0374c993b31f11040.png)  top left no-repeat; position: relative; float: left; margin: -10px 0 0 0; height: 11px; width: 100%;}
.menu-content {float: left; width: 100%; padding: .5em 1em;}
.menu-content a {padding: 0 !important;}
.menu-roll a {color: #1b1b1b; padding: 0; border: 0; display: inline; height: auto;}
.menu-roll a:hover {background-color: #fff; color: #af1e23;}
.menu-roll-title {color: #af1e23; font-size: 2em; font-weight: bold; margin-bottom: .2em; text-transform: uppercase;}
.menu-roll-title a {color: #af1e23;}
.menu-roll-left {float: left; width: 25%; margin-right: 2%; font-size: .9em;}
.menu-roll-right {float: left; width: 73%;}
.nav-health .menu-roll {margin-left: -9em;}
.nav-health .menu-roll .menu-pointer {margin-left: 7em; width: 10em;}
.nav-education .menu-roll {margin-left: -15em;}
.nav-education .menu-roll .menu-pointer {margin-left: 13em; width: 10em;}
.nav-the-rundown .menu-roll {margin-left: -25.5em;}
.nav-the-rundown .menu-roll .menu-pointer {margin-left: 23em; width: 10em;}
.menu-roll-left li {margin-bottom: .5em; float: none; width: 100%;}
.menu-roll-right li {margin-bottom: 1em; width: 100%;}
.menu-roll-right .item-thumb {width: 31%; float: left; margin-right: 2%;}
.menu-roll-right .item-title {width: 67%; float: left; font-size: 1.375em; line-height: 1em;}
.menu-roll-right.menu-false {width: 100%;}
.menu-roll-right.menu-false .item-thumb {width: 23%;}
.menu-roll-right.menu-false .item-title {width: 75%;}
/* end menu dropdown */


	.sidebar-sponsors, .sidebar-newsletter {margin-bottom: 1em;}

	#pagewraphead .pwh-left {float: left; width: 58%;}
	#pagewraphead .pwh-right {display: block; float: right;  width: 42%; margin-top: 1em; text-align: right;}
	#pagewrap  #sidebar .sidebar-social {display: none;}	
	
	.top-story-overlay.overlay-top {bottom: auto; margin-top: 43px;}
	.top-story-overlay.overlay-middle {bottom: auto; margin-top: 20%;}
	.top-story-overlay.overlay-bottom {bottom: 30px;} 	
		
	.single-video-top .video-wrapper {width: 96%;}
	
	.sidebar-rundown-alt {padding: 0;}
	.sidebar-rundown-alt li {padding-right: 3%;}
	.rundown-header-alt img {float: none;}	
	
	.generic-archive .left-column {padding-right: 1.5em;}

	.sched-content {padding-right: 2%;}
	
	
/* Desktop SIDEBAR Responsiveness */
/* dynamic sidebar sizing */
@media screen and ( min-width: 769px ) and ( max-width: 1116px ) {
	.left-column {width: 66.43%; width: -moz-calc(100% - 310px); width: -webkit-calc(100% - 310px); width: -o-calc(100% - 310px); width: calc(100% - 310px); }
	.right-column {width: 310px;}
	#pagewrap .left-column {width: 66.43%; width: -moz-calc(100% - 310px); width: -webkit-calc(100% - 310px); width: -o-calc(100% - 310px); width: calc(100% - 310px); }
	#pagewrap .right-column {width: 310px;}
	
	
	
	#videoarchive .video-top-main { width: -moz-calc(100% - 320px); width: -webkit-calc(100% - 320px); width: -o-calc(100% - 320px); width: calc(100% - 320px); margin-right: 20px;}
	#videoarchive .video-top-sidebar {width: 300px;}
	
	
}

@media screen and ( min-width: 1117px ) and ( max-width: 9999px ) {
	
	/* .left-column {width: 66.5%;}
	.right-column {width: 33.5%;}
	*/
	
	.left-column {width: 768px; }
	.right-column {width: 33%;  width: -moz-calc(100% - 768px); width: -webkit-calc(100% - 768px); width: -o-calc(100% - 768px); width: calc(100% - 768px); float: left;}
	
	
	#pagewrap .left-column {width: 70.44%;}
	#pagewrap .right-column {width: 29.56%;}
	
	#pagewrap.topicpage .left-column {width: 66.5%;}
	#pagewrap.topicpage .right-column {width: 33.5%;}
	#pagewrap.topicpage .sidebar-left-inset {margin-left: 6%;}
	#pagewrap.topicpage .sidebar-sponsors.sidebar-left-inset {margin-left: 0;}
	

}
/* END dynamic sidebar sizing */



/* desktop tiny */
@media screen and ( min-width: 769px ) and ( max-width: 1045px ) {
.footer-list-title {display: none;}
.footer-list {width: 33%;}
.sidebar-watch button {font-size: 1.1em;}
.curated-post-offlede .title { font-size: 1em; }	
.curated-post-lede .top-story-title {font-size: 1.8em;}	
.author-twitter-handle {display: none;}

	/* a little hacky here for legacy browsers... */
 	.left-column {width: 68%; width: -moz-calc(100% - 310px); width: -webkit-calc(100% - 310px); width: -o-calc(100% - 310px); width: calc(100% - 310px);}
	.right-column {width: 32%; width: -moz-calc(311px - 1px); width: -webkit-calc(311px - 1px); width: -o-calc(311px - 1px); width: calc(311px - 1px);}
	
}

@media screen and ( min-width: 769px ) and ( max-width: 1117px ) {
.left-column {width: 68%; width: -moz-calc(100% - 310px); width: -webkit-calc(100% - 310px); width: -o-calc(100% - 310px); width: calc(100% - 310px);}
	.right-column {width: 32%; width: -moz-calc(311px - 1px); width: -webkit-calc(311px - 1px); width: -o-calc(311px - 1px); width: calc(311px - 1px);}
}

/* end desktop tiny */

/* desktop tiny */
@media screen and ( min-width: 769px ) and ( max-width: 950px ) {

	.archive-rundown-header {background-position: center left;}
	.rundown-header-tagline {display: none;font-size: .8em;}
	.rundown-tag-nav {position: absolute; margin-top: 8%; top: 0; right: 0;}
	.rundown-tag-nav li {padding: 8px 10px;}
	.rundown-tag-nav li:first-of-type {background-color: transparent !important; line-height: 1.5em; padding: 0 2% 0 2% !important;}
}
/* end desktop tiny */



/* add padding to templates if screen less than max 1150 */
@media screen and ( max-width: 1150px ) {
#page, #pagewraphead, #footer {padding-left: 1%; padding-right: 1%;}
}


/* desktop 1024px */
@media screen and ( min-width: 1046px ) and ( max-width: 1150px ) {
	.sidebar-social {text-align: center;}
	.sidebar-watch button {font-size: 1.1em;}
	#pagewraphead .pwh-right .sidebar-social {text-align: right;}
}







/* main navigation responsive */
	@media screen and ( min-width: 769px ) and ( max-width: 900px ) {.main-navigation {font-size:75%;}}
	@media screen and ( min-width: 901px ) and ( max-width: 1000px ) {.main-navigation {font-size: 85%;}}
	@media screen and ( min-width: 1001px ) and ( max-width: 1045px ) {.main-navigation {font-size:98%;}}
	@media screen and ( min-width: 1046px ) and ( max-width: 1150px ) {.main-navigation {font-size:100%;} .main-navigation .nav-recent-programs a {padding-right: .5em;} .main-navigation a {padding: 0 .5em; }}
	@media screen and ( min-width: 1151px ) {.main-navigation .nav-recent-programs a {padding-right: .87em;} .main-navigation a {padding: 0 .87em; }}
/* END main navigation responsive */