/* mobile august 2014 */

a.active{
    text-decoration: underline;
}

#wrapper-header-mobile {
	display:block !important;
	background: #eee;
	height: 45px;
	position:relative;
	/* width: 320px !important; */
}

div#footer, div#footer div.middle {
	width: 100%;
	height: auto !important;
}

div#footer div#footer-columns {
	margin: 0 auto;
}

div#footer div.f-column {
	width: 20% !important;
	margin-right: 2% !important;
	min-width: 110px;
	min-height: 200px;
}

div#footer div.f-column#mobile-f-column {
	display:block !important;
}

div#mega-bottom-wrapper img#footer-logos {
	display:none;
}

div#footer-columns {
}

div#footer-mobile {
	background: #333;
	padding: 10px;
}

div#footer-mobile p {
	color: #ccc;
}

div#footer-mobile a {
	color: #fff;
}

div#page {
	background: #fff !important;
	padding: 10px !important;
}

div#container {
	border:0;
}

div.container_12 {
	width: auto !important;
}

div.archive-item {
	width: auto !important;
}

div.archive-item .program-photo-wrapper {
	width: 90px !important;
	height: 60px !important;
}

div.archive-item img.program-photo {
	max-width: 90px !important;
	max-height: 60px !important;
}

div.grid_8, div.grid_12 {
	width: auto !important;
	margin:0;
	float:none;
}

div#dl-menu {
	margin-right:0;
}

/* custom dl menu */

#wrapper-header-mobile .dl-menuwrapper button.dl-active,
#wrapper-header-mobile .dl-menuwrapper ul {
	background: #666 !important;
}

div.top-mobile-logo {
	position:absolute;
	left:50%;
	margin-left: -145px;
	top:0;
	width: 290px;
	height: 45px;
}

div.top-mobile-logo img#logo-290-45 {
	width: 290px;
	height:45px;
}
div.top-mobile-logo img#logo-190-45, div#top-program-logo img#programlogo-190-45 {
	display:none;
}

div#top-program-logo {
	margin-top: 15px;
	display:block !important;
	text-align: center;
}
div#top-program-logo img {
	width: 80%;
	max-width: 400px;
}

@media (max-width:480px){ /* big phone, tablet, etc */
div.top-mobile-logo {
	position:absolute;
	left:50%;
	margin-left: -95px;
	top:0;
	width: 190px;
	height: 45px;
}

div.top-mobile-logo img#logo-290-45 {
	display:none;
}

div.top-mobile-logo img#logo-190-45 {
	width: 190px;
	height:45px;
}

div.top-mobile-logo img#logo-190-45 {
	display:block;
}

}

div#givenow-mobile {
	position:absolute;
	right:0;top:0;
	width: 60px;
	height:45px;
	background-color:#cc0000;
	color:#fff;
	cursor:pointer;
}

div#givenow-mobile p {
	text-align:left;
	margin-left: 4px;
	line-height: 18px;
	margin-top: 6px;
	font-weight: bold;
	text-transform: uppercase;
}

span#givearrow {
    font-size: 16px;
    position: absolute;
    top: 13px;
    right: 7px;
}

span#givearrow-mobile {
    font-size: 16px;
    position: absolute;
    top: 13px;
    right: 7px;
}

div#mobile-search-wrapper {
	border-bottom: 5px solid #ccc;
}

div.gs-result .gs-title {
	height: auto !important;
	text-decoration:none !important;
	border-bottom:0 !important;
	margin-bottom: 4px !important;
}

a.gs-title, a.gs-title b {
	text-decoration:none !important;
	border-bottom:0 !important;
	line-height: 18px !important;
}

div#mobile-givenow-wrapper {
	border-bottom: 5px solid #ccc;
	padding: 5px;
}

div#mobile-givenow-wrapper div#choose-support {
	width: auto;
}

div#mobile-givenow-wrapper div#choose-support p {
	width: 40%;
	margin-left: 15px;
	font-size: 16px;
}

div#mobile-givenow-wrapper div#choose-support p img {
	width: 100%;
	max-width: 120px;
}

div#mobile-givenow-wrapper div#choose-support p#support-text {
	width: 100%;
	margin-left:0;
}

/* delays and closings */

div.full-width.desktop-full {
	display:none;
}

div.full-width.mobile-full {
	display:block !important;
	margin-bottom: 20px;
}

div.full-width.mobile-full img {
	width: 100%;
}

@media (max-width:640px){ /* iPhone, etc */

div.full-width.mobile-full a.closings-mobile {
	display:none;
}

div.full-width.mobile-full a.closings-mobile-narrow {
	display:inline !important;
}

}

/* sidebar craziness */

div#program-sidebar, div#program-sidebar-upper, div#program-sidebar-lower {
	float:none !important;
	clear:both;
}

div#program-sidebar-upper div.program-box, div#program-sidebar-lower div.program-box {
	text-align: center;
}

div.program-box ul {
	text-align: left;
}

@media (max-width:480px){ /* phones */
div.search-box input#query {
	width: 180px;
}
}

@media (max-width:675px) {
	div#program-sidebar-lower iframe {
	display:block;
	margin: 0 auto;
}
}

.dfp300x250 {
	margin:0 auto;
}

/* content */

div.timeline {
	border:0 !important;
	padding:0 !important;
	background-color:transparent !important;
}

div.timeline ul li span.timeline-date span {
	max-width: 75%;
	font-size: 9px;
}

h1.article-title, div.wide-feature h1.article-title {
	font-size: 32px !important;
	line-height: 36px !important;
}

div.program-upper-content img.article-logotype {
	width: 300px;
}

div.program-upper-content h1.page-title {
	font-size: 20px;
	line-height: 24px;
}

div#fb-wrapper {
	display:none;
}

div#byline-wrapper {
	width: 100% !important;
}

iframe.fb-like-button {
	width: 100% !important;
}

div#top-social-bar {
	display:none;
}

div.jpdark {
	display:none;
}

/* wpss */

div.postimage-wrapper, div.wp-caption {
	width: auto !important;
	height: auto !important;
}

img.postimage, div.wp-caption img {
	width: 95% !important;
	/*height: 95% !important;*/
	display:block;
}

.slidercontainer {
	margin: 0 auto !important; /*always center slideshows*/
}

@media (max-width:680px){ /* big phone, tablet, etc */
.slidercontainer{
	width: 480px !important;
	height:400px !important;
	margin: 0 auto !important;
}

.iosSlider img{
	max-width: 480px !important;
	max-height: 400px !important;
	cursor: pointer;
}
div.prevarrow, div.nxtarrow {
	font-size: 75px !important;
}

div.nxtarrow {
	left: 340px;
}
}

@media (max-width:540px){ /* iPhone, etc */
.slidercontainer{
	width: 280px !important;
	height:280px !important;
	margin: 0 auto !important;
}

.iosSlider img{
	max-width: 280px !important;
	max-height: 200px !important;
	cursor: pointer;
}
div.prevarrow, div.nxtarrow {
	font-size: 75px !important;
}

div.nxtarrow {
	left: 140px;
}
}

div.caption {
	width: auto !important;
}

div.social {
	display:none;
}

/* iframe embeds, mostly youtube */

div.entry iframe.twitter-tweet {
	width: auto !important;
	height: auto !important;
	margin: 10px auto !important;
}

div.entry iframe.scribd_iframe_embed {
	height: 400px !important;
	margin: 10px auto !important;
}
@media (max-width:460px){
div.entry iframe.scribd_iframe_embed { /* don't bother showing full scribd embed on narrow displays */
	display:none;
}
}

div.entry iframe, div.featured-story-content iframe, div.entry .fve-video-wrapper {
	width: 100% !important;
	max-width: 600px;
	/* height: 300px; */
	/* padding-bottom: 0 !important; */
}

@media (max-width:400px){
	div.entry iframe, div.featured-story-content iframe, div.entry .fve-video-wrapper {
	/* height: 200px !important; */
	}
}

/* overriding width and height attributes on non-wp-slideshow images (i.e. PMP) */

div.entry p img.aligncenter {
	width:100%;
	height:auto;
}

/* news/arts front page */

div.widestream div.program-box h3.program-headline {
	font-size: 16px !important;
	line-height: 20px !important;
}
/* 
div.widestream p {
	border: 1px solid red;
}*/

div.program-threeacross-content {
	width: 100%;
	margin-bottom: 5px !important;
}

div.program-threeacross-box {
	width: 29% !important;
	margin: 0 2% !important;
}

div.program-threeacross-box h4 {
	white-space:nowrap;
}

div.program-threeacross-box h3 {
	font-size: 18px !important;
	line-height: 22px !important;
}

div.program-threeacross-box div.headline-container {
	min-height: 60px !important;
}

div.program-threeacross-main-image {
	width: auto !important;
	height: auto !important;
	border:0 !important;
}

@media (max-width:960px){
.mobileAd{
    display:block!important;
    margin-left:10%;
}
.desktopAd{
    display:none;
}
div.program-threeacross-main-image {
	width: auto !important;
	height: 140px !important;
}
}

@media (max-width:760px){
div.program-threeacross-main-image {
	width: auto !important;
	height: 110px !important;
}
div.program-threeacross-box h3 {
	font-size: 14px !important;
	line-height: 19px !important;
}

 div.iurts-ipm-internal-controls-main {
    display:none;    
}
}

@media (max-width:960px){
div.program-threeacross-main-image {
	width: auto !important;
	height: 80px !important;
}
div.program-threeacross-box h4.toptag {
	word-spacing: 250px;
}

div#footer div.f-column {
	width: 43% !important;
}

span#givearrow {
    font-size: 16px;
    position: absolute;
    top: 13px;
    right: 3px;
}

span#givearrow-mobile {
    font-size: 16px;
    position: absolute;
    top: 13px;
    right: 3px;
}

@media (max-width:460px){
div.program-threeacross-main-image {
	width: auto !important;
	height: 55px !important;
}
div.program-threeacross-box h3 {
	font-size: 14px !important;
	line-height: 17px !important;
}
div.program-threeacross-box h4 {
	font-size: 10px;
}

div.program-threeacross-box h4.dateline {
	display:none;
}
div.program-threeacross-box h4.dateline.abv {
	display:block !important;
}
}

div.program-threeacross-main-image img {
	width: 100% !important;
}

/* category pages, etc */

div#program-featured {
	display:none;
}

div.program-upper-content div#program-lower-main h3.program-heading {
	display:none;
}

div.entry img.special-header-img {
	width: 100% !important;
}

.no-mobile {
	display:none !important;
}

.mobile-only {
	display:block !important;
}

@media (max-width:728px){
    .phone-only {
        display:block !important;
    }
    
    .no-phone {
	   display:none !important;
    }
}


/* hiding stuff on mobile */

div.meta-columns {
	display:none; /* we'll bring this back at some point */
}

div.meta-columns.wide-meta-box {
	display:block;
}

div.meta-columns.wide-meta-box a.wp_rp_title {
	font-size: 12px;
	line-height: 13px;
}

div#wrapper-header {
	display:none;
}

div#program-upper-navigation {
	display:none;
}

/* div#program-sidebar-upper, div#program-sidebar-lower {
	display:none;
} */

div#disqus_thread {
	display:none;
}

div.separator-bar {
	display:none;
}

div#subfooter {
	display:none;
}

div#wrapper-footer {
	/* display:none; */
}

div.breadcrumb {
	display:none;
	
}

div#wrapper-footer {
	padding-bottom: 100px;
	background-color:#555 !important;
}

/* a few sidebar centering fixes */

div.sidebar-upper-underwritings.program-box {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:auto;
}

div#program-sidebar-middle.grid_4 {
	width:auto !important;
}

div#aux-intro {
	float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center;
}

div#sidebar-events {
	float:none !important;
	margin-left:auto;
	margin-right:auto;
}

/* events */

@media (max-width:640px){ /* iPhone, etc */

div.featured-box h3.program-headline {
	font-size:26px !important;
}

}

/* jym */

div.playlist .show-item .song {
	width: 80% !important;
}

div.playlist .show-item .album-image {
	width: 94px !important;
}

@media (max-width:640px){
div.playlist .show-item .song {
	width: 60% !important;
}
}

/* noon edition */

div.archive-item.noon-promo-left {
	width: calc(100% - 230px) !important;
}

@media (max-width:640px){ /* iPhone, etc */

div.archive-item.noon-promo-left {
	width: auto !important;
	float:none !important;
}

div#join-discussion {
	float:none !important;
	margin: 10px auto 20px auto !important;
	text-align: center;
	width: 80%;
}

div#join-discussion ul li {
	font-size: 20px;
	margin-bottom:10px;
}

}

/* election */


	ul.election-mobile-frontpage-nav li {
		white-space:nowrap;
	}
	
@media (max-width:960px){
    .lower-left-election {
        width:100% !important;
    }
}
	
@media (max-width:640px){


	div#home-results-fullspan {
		height: auto !important;
	}
	
	div#home-results-fullspan h3 {
		font-size: 22px !important;
	}

	div#election2016-results-container {
		height: auto !important;
	}

	div#election2016-results-container iframe#election2016-map {
		position:static !important;
		width:50% !important;
		float:left;
		max-height: 350px !important;
	}
	
	div#election2016-results-container iframe#election2016-chart {
		position:static !important;
		width:50% !important;
		float:right;
		/* max-height: 350px !important;*/
	}
	
	div#election2016-results-container iframe#election2016-chart.sxs.no-map {
		position:static;
		width:100% !important;
	}

	div#election2016-results-container div.election-results-table-wrapper {
		clear:both;
		position:static !important;
		width: 100% !important;
		height: 300px;
	}
	
	p.more-details-link {
		position:static !important;
		text-align:center;
		margin-bottom:40px;
	}
}

@media (max-width:460px){
		div#election2016-results-container iframe#election2016-map {
			display:none;
		}
		
		div#election2016-results-container iframe#election2016-chart {
			width: 100% !important;
			/* height: 250px !important; */
		}
		
		.big-map div#election2016-results-container iframe#election2016-chart {
			height: 500px !important;
		}
}

/* single, flexbox */

div.sidebar {
    margin-left:10px !important;
}

@media (max-width:760px){
    div.program-flex-container {
        display:block !important;
    }
}


.lead-image{
    max-width: 596px;
    height: auto;
    /* max-height:400px; */
}


table.gsc-completion-container {
	font-family: Helvetica, Arial, sans-serif !important;
}

input.gsc-input {
	font-size: 21px !important;
	background-image:none !important;
	border: 1px solid #ccc !important;
	-webkit-appearance:none !important;
}

input.gsc-search-button {
	width: 70px;
	height: 30px !important;
	font-size: 16px !important;
	-webkit-appearance:none;
	background: #660000 !important;
	color: #fff !important;
}

div.gsc-cursor-box {
	text-align: center;
}

div.gsc-cursor-page {
	font-size: 21px;
	margin-right: 12px !important;
}

div.gsc-above-wrapper-area {
	border-bottom:0;
}

div.gsc-result {
	border:0 !important;
}


/*transcript styles*/
.hide {
	display: none;
}

.transcript-toggle, .transcript {
	margin: 20px 0;
}

.transcript-box{
    width: 100%;
    max-height: 500px;
    height: auto;
    overflow:auto;
}

