.airing-splash {
    position:relative;
    white-space: nowrap;
    text-decoration: none;
}
#podcast-stack .airing-splash, #highlight-stack .airing-splash, #highlight-border .airing-splash {
	float: left;
	margin-right: 10px;
}
	
.airing-splash img {width: 100%; vertical-align: top;}

.airing-splash-image-link {
    position:relative;     
    z-index: 1;
}
.airing-splash-text-onnow {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 2;
    text-transform: uppercase;
	color: white;
	font-family: 'Montserrat', 'Arial', 'Gadget', sans-serif;
	font-weight: bolder;
}
.airing-splash-text-showname-holder {
    position: absolute;
    z-index: 2;
    top: 12%;
    left: 33%;
    right: 20%;
    bottom: 40%;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.airing-splash-text-showname {
    position:absolute;
    white-space: normal;
    line-height: 1em;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.airing-detail {
	font-weight: inherit;
	padding: 12px;
    background-color: inherit;
    color: white;
	font-family: 'Open Sans', 'Arial', 'Gadget', sans-serif;
	line-height: normal;
}
.airing-detail-nav a {
	text-transform: uppercase; 
    color: #fff126;
    text-decoration: none;
    display: inline;
    padding-bottom: 5px;
    font-weight: bolder; 
	font-family: 'Open Sans', 'Arial', 'Gadget', sans-serif;
	margin-right: 15px;
	white-space: nowrap;
}

/* GENERIC SHOW IMAGE SETUP */
/* FOR DEBUGGING CAN ADD: .NEWSELECTOR .airing-splash-text-showname-holder {border: 1px solid white;} .NEWSELECTOR .airing-splash-text-showname {border: 1px solid blue;}*/
.genericimg-headphones {top: 12%; left: 33%; right: 20%; bottom: 40%; font-size: 1.1em;}
.genericimg-headphones .airing-splash-text-showname {text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: bolder; color: #ffffff; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-blue-piano {top: 10%; left: 30%; right: 10%; bottom: 62%; font-size: 1.2em;}
.genericimg-blue-piano .airing-splash-text-showname {font-family: 'Life Savers', serif; color: #0F87FA; left: 50%; right: -50%; bottom: 0; transform: translate(-50%,0);}
.genericimg-blue-speaker {top: 20%; left: 12%; right: 8%; bottom: 20%; font-size: 2.5em;}
.genericimg-blue-speaker .airing-splash-text-showname {font-family: 'Unica One', sans-serif; color: #eaf908; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-blue-turntable {top: 79%; left: 0%; right: 0%; bottom: 2%; font-size: 1.6em;}
.genericimg-blue-turntable .airing-splash-text-showname {text-transform: uppercase; font-family: 'Codystar', sans-serif; color: #fcec00; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-board-slider {top: 1%; left: 38%; right: 2%; bottom: 68%; font-size: 1.4em;}
.genericimg-board-slider .airing-splash-text-showname {font-family: 'Unica One', sans-serif; color: #ffffff; left: 50%; right: -50%; bottom: 0; transform: translate(-50%,0); text-align: left;}
.genericimg-boom-box {top: 63%; left: 7%; right: 43%; bottom: 6%; font-size: 1.9em; }
.genericimg-boom-box .airing-splash-text-showname {font-family: 'Emilys Candy', cursive; color: #ffffff; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%); }
.genericimg-folk-dude {top: 15%; left: 1%; right: 1%; bottom: 55%; font-size: 2em;}
.genericimg-folk-dude .airing-splash-text-showname {font-family: 'Life Savers', serif; color: #A3F90D; left: 50%; right: -50%; bottom: 0; transform: translate(-50%,0);}
.genericimg-green-cassette {top: 15%; left: 3%; right: 5%; bottom: 15%; font-size: 2em;}
.genericimg-green-cassette .airing-splash-text-showname {text-transform: uppercase; font-family: 'Kirang Haerang', sans-serif; color: #96BC8B; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-torme-mic {top: 50%; left: 1%; right: 55%; bottom: 20%; font-size: 1.5em;}
.genericimg-torme-mic .airing-splash-text-showname {font-family: 'Elsie', cursive; color: #FC9BB4; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%); text-align: right;}
.genericimg-word-up {top: 30%; left: 5%; right: 5%; bottom: 30%; font-size: 2.4em;}
.genericimg-word-up .airing-splash-text-showname {font-family: 'Alfa Slab One', sans-serif; color: #FCD351; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-accordion {top: 37%; left: 5%; right: 29%; bottom: 37%; font-size: 1.4em;}
.genericimg-accordion .airing-splash-text-showname {font-family: 'Metamorphous', sans-serif; color: #FFFFFF; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-airpods {top: 75%; left: 1%; right: 1%; bottom: 1%; font-size: 1.6em;}
.genericimg-airpods .airing-splash-text-showname {text-transform: uppercase; font-family: 'Codystar', sans-serif; color: #FFFFFF; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-metal-dude {top: 63%; left: 1%; right: 1%; bottom: 6%; font-size: 2.2em;}
.genericimg-metal-dude .airing-splash-text-showname {font-family: 'UnifrakturMaguntia', cursive; color: #FB2500; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-yelling-guy {top: 15%; left: 1%; right: 1%; bottom: 45%; font-size: 2.2em;}
.genericimg-yelling-guy .airing-splash-text-showname {font-family: 'Mountains of Christmas', fantasy; color: #0BFAD5; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-amp-blazer {top: 63%; left: 5%; right: 5%; bottom: 6%; font-size: 2.5em;}
.genericimg-amp-blazer .airing-splash-text-showname {font-family: 'Yanone Kaffeesatz', sans-serif; color: #ffffff; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%); text-align: right;}
.genericimg-yelly-boy {top: 70%; left: 0%; right: 0%; bottom: 9%; font-size: 2.35em;}
.genericimg-yelly-boy .airing-splash-text-showname {text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #e3fd04; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%);}
.genericimg-burning-guitar {top: 63%; left: 1%; right: 1%; bottom: 6%; font-size: 1.5em;}
.genericimg-burning-guitar .airing-splash-text-showname {font-family: 'Oi', cursive; color: #f7f40c; left: 50%; right: -50%; top: 50%; transform: translate(-50%,-50%); text-transform: uppercase; }
.genericimg-neon-conductor {top: 5%; left: 1%; right: 1%; bottom: 9%; font-size: 3.32em;}
.genericimg-neon-conductor .airing-splash-text-showname {font-family: 'Anton', sans-serif; color: #e3fd04; left: 50%; right: -50%; bottom: 0%; transform: translate(-50%,0); text-transform: uppercase; }

.generic-fontsize-small {font-size: 0.8em}
.generic-fontsize-normal {}
.generic-fontsize-big {font-size: 1.6em}

/* Override lots of CSS on the flow-flow social plugin to shrink height */
#social-holder #ff-stream-1 {max-width: 330px !important;}
#social-holder .ff-stream {padding: 5px 0 30px; font-family: 'Open Sans', 'Arial', 'Gadget', sans-serif;}
#social-holder .ff-stream-wrapper {margin: 0;}
#social-holder .ff-nickname {display: none !important;}
#social-holder .ff-timestamp {padding-left: 15px;}
#social-holder .ff-sc-label2 .ff-item .ff-content:first-child, .ff-sc-label2 .ff-item h4:first-child {margin-top: 14px;}
#social-holder .ff-item-bar {display: none;}
#social-holder .ff-item h4, #social-holder .ff-item-meta, #social-holder .ff-item .ff-img-holder+.ff-content, #social-holder .ff-item .ff-content {margin: 5%;}
#social-holder .ff-item h4 {margin-right: 8%;}
#social-holder .ff-item .ff-content, #social-holder .ff-article, #social-holder .ff-item .ff-content p, #social-holder .ff-item h4 {line-height: normal;}
#social-holder .ff-item .ff-content, #social-holder .ff-article, #social-holder .ff-item .ff-content p {font-size: 12px; font-size: 0.75rem;}
#social-holder .ff-item h4 {font-size: 14px; font-size: 0.875rem;}

/* CENTRALIZED FONT SIZING FOR CLARITY -- see http://snook.ca/archives/html_and_css/font-size-with-rem */
.airing-splash {font-size: 18px; font-size: 1.125rem;}
.airing-detail, #home-splash .highlight-item, #home-splash .podcast-label, .highlight-label, .dcwss.dc-wall .stream li .inner {font-size: 12px; font-size: 0.75rem;}

/* Unlike the other kinds of "splash" that take up a full width on phones, thumbnails should not grow to full width. */
/* They have to stay as "splashes" to facilitate generic show image text placement. So override the base CSS. */
#thumb-splash .airing-splash {font-size: 6.7px; font-size: 0.41875rem;}
#thumb-splash .airing-splash {display: inline-block; width: 150px; height: 86px; position: relative;}


@media screen and (min-width: 825px) {
    #home-splash .airing-splash {display: block; width: 443px; height: 253px; position: relative; float: left;}
    #home-splash .airing-detail {display: block; height: 253px; position:relative; margin-left: 443px;padding: 15px;}
    #home-splash .airing-detail-nav {position: absolute; bottom: 0; padding-bottom: 7px; z-index: 2;}
    #guide-splash .airing-splash {display: inline-block; width: 269px; height: 154px; position: relative;}
    #thumb-splash .airing-splash {display: inline-block; width: 150px; height: 86px; position: relative;}
	#home-splash .mejs__container {width: 443px !important;}

    #thumb-splash #highlight-border {width: 100%; background-color: #A0A0A0; display: block;}
	#thumb-splash #highlight-stack {display: none;}

    #guide-splash #podcast-border {display: block;} /* guide-splash is used on homepage for font-sizing in show images */
	#thumb-splash #podcast-stack {display: none;}

    #home-splash .airing-splash {font-size: 20px; font-size: 1.25rem;}
    #guide-splash .airing-splash {font-size: 11.8px; font-size: 0.7375rem;}
    #home-splash .airing-detail, #home-splash .highlight-item, #home-splash .podcast-label, .highlight-label, .dcwss.dc-wall .stream li .inner {font-size: 11px; font-size: 0.6875rem;}

    /* customize social stream plugin. don't show feed type icons, and shrink the detail on when posted. Have to use an important because they do :( */
    /*#social-holder .icon, #social-holder .socicon {display: none;}
    .dcwss.dc-wall .stream li .section-intro { padding: 0px 5px; font-weight: normal; background: none;}
    .dcwss.dc-wall .stream li {padding-top: 7px; width: 98% !important;}
    .dcwss.dc-wall .stream li .inner {margin: 0 7px 5px; color: #32403F; font-family: 'Open Sans', 'Arial', 'Gadget', sans-serif;}
    .dcwss.dc-wall .stream li a {color: royalblue;}*/
}

@media screen and (min-width: 900px) {
    #home-splash .airing-splash {width: 538px; height: 308px;}
    #home-splash .airing-detail {font-size: 0.9em; margin-left: 538px; height: 308px;}
    #home-splash .airing-splash {font-size: 24px; font-size: 1.5rem;}
    #home-splash .airing-detail, #home-splash .highlight-item, #home-splash .podcast-label, .highlight-label /*, .dcwss.dc-wall .stream li .inner */ {font-size: 12px; font-size: 0.75rem;}
	#home-splash .mejs__container {width: 538px !important;}
}

@media screen and (min-width: 1030px) {
    #home-splash .airing-splash {width: 633px; height: 362px;}
    #home-splash .airing-detail {font-size: 0.9em; margin-left: 633px; height: 362px;}
    #home-splash .airing-splash {font-size: 28px; font-size: 1.75rem;}
    #home-splash .airing-detail, main article {font-size: 14px; font-size: 0.875rem;}
    #home-splash .highlight-item, #home-splash .podcast-label, .highlight-label /*,.dcwss.dc-wall .stream li .inner */{font-size: 12px; font-size: 0.75rem;}
	#home-splash .mejs__container {width: 633px !important;}
}