@charset "UTF-8";
/* CSS Main 2016 */
/*color variables*/
$dark-blue:  #312c2c;
$medium-blue: #b3b3b3;
$light-blue: #ececec;
$main-grey: #535353;
$text-box-header: #eceaf1;
$text-box: #fff;
$aux-link-color: #fff;
//$link-color: #782f40;
$link-color: #48A973;
$alt-link-color: #009BBA;
$lightGreyText: #999;
$mediumGreyText: #666;
$top-of-grey-bg: #777;
$bodycolor: #fafafa;

$headlines: #000;
$subheadlines: #535353;
$lightheadlines: #fff;

/*wfsu colors*/
 $wfsu-teal: #009BBA;
 $wfsu-lgreen: #48A973;
 $wfsu-dgreen: #405927;
 $wfsu-charcoal: #312c2c;
 $wfsu-purple: #4E3261;
 $wfsu-garnet: #782F40;
 $wfsu-yellow: #e9c31e;
 $wfsu-coral: #B8584C;

/*20% colors*/
 $wfsu-teal20: #007c95;
 $wfsu-lgreen20: #3a875c;
 $wfsu-yellow20: #ba9c18;


/*$heading-font-stack:    'Signika', sans-serif;  
$footer-font-stack:     'Signika', sans-serif; */ 
$heading-font-stack:   'Benton Sans',Arial,sans-serif;
$footer-font-stack:    'Benton Sans',Arial,sans-serif;

/*$textual-font-stack:   Georgia, Times, 'Times New Roman', serif;*/
$textual-font-stack: 	"Helvetica Neue", Helvetica, Arial, sans-serif;

$navigation-font-stack: "Lato","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;

/**/
	html { font-size: 62.5%; } 
	body {
  		font-family: $textual-font-stack;
		font-size: 18px; font-size: 1.8rem;/* =18px */
		line-height:26px;line-height:2.6rem;
		color:#333!important;
		background: #000;
	}
	/*FSU Strata typography*/
/*new button colors  based on wfsu*/
.btn-primary {background: $wfsu-teal;border-color: #008ba7;}
.btn-succses {background: $wfsu-lgreen;border-color: #419867;}
.btn-info {background: $wfsu-garnet; border-color: #6c2a39;}
.btn-warning {background: $wfsu-yellow; border-color: #d1af1b;}
.btn-warning:hover {background: #e9b21e; border-color: #d1971b; cursor: pointer!important;}
.btn-danger {background: $wfsu-coral;border-color: #a54f44;}
.btn-no-text-change {font-size:inherit!important;}
.btn-mgmt a {margin-bottom:20px;}
 
/*ads*/
.banner-ad-large {display: none;}
/*lead from fsu branding guide*/
	.lead {
		margin-bottom: 1em;
	}
	/**/
	.hide-this {
		display:none;
	}
	.emphasis {color: $wfsu-coral;}

	/*fa checkbox*/
	span.bigcheck-target {
		font-family: FontAwesome; /* use an icon font for the checkbox */    
	}
	input[type='checkbox'].bigcheck {     
		position: relative;
		left: -999em; /* hide the real checkbox */
	}
	input[type='checkbox'].bigcheck + span.bigcheck-target:after {
		content: "\f096"; /* In fontawesome, is an open square (fa-square-o) */
		position: absolute;
	}
	input[type='checkbox'].bigcheck:checked + span.bigcheck-target:after {
		content: "\f046"; /* fontawesome checked box (fa-check-square-o) */
		position: absolute;
	
	}
	label.bigcheck {font-weight:normal;}
	span.bigcheck { 
		display: block;
		font-size:1em;
		padding-right: 1em;
		color: $wfsu-teal; 
		position: relative;
	}
	/**/
	.noscroll {margin: 0; height: 100%; overflow: hidden}

	/*Nick Gallaagher Micro Clearfix*/
	.cf:before,
	.cf:after {
			content:"";
			display:table;
	}
	.cf:after {
		clear:both;
	}
	/*ie 6/7 trigger hasLayout */
	.cf {
		zoom:1;
	}
	/* /NG MCf */
	
	/**links**/
	a {
		color:$link-color;
	}
	a:hover, a:focus {
		color: #2b6545;/*40% black over lr green*/
		color: $wfsu-lgreen20;/*20% black over lr green*/
	}
	a:hover {
	 cursor:pointer!important;
	}
	.header1 a {
		color:$aux-link-color;
	}
	
	footer a {
		color:$alt-link-color;
	}
	.socialfooter {
		margin-top:17px;
		float: none!important;
	}
	/*fonts*/
	h1, h2, h3, h4, h5, h6 {
		font-family: $heading-font-stack!important;
	}
	h1 {
		font-size: 32px; font-size: 3.2rem;/* =32px */
		font-style: normal;
		font-variant: normal;
		font-weight: 600;
/*		line-height: 35.2px; line-height: 3.52rem;*/
 		line-height: 38px; line-height: 3.8rem;
		color: $wfsu-teal;
	}
	
	h2{
		font-size: 28px; font-size: 2.8rem;/* =28px */
		font-style: normal;
		font-variant: normal;
		font-weight: 300;
		line-height: 40px; line-height: 4rem;
	}
	
	h3 {
		font-size: 22px; font-size: 2.2rem;/* =24px */
		font-style: normal;
		font-variant: normal;
		font-weight: 300;
		line-height: 28px;	 line-height: 2.8rem;
	}
	
	h4 {
		font-size: 18px; font-size: 1.8rem;/* =18px */
		font-style: normal;
		font-variant: normal;
		font-weight: 600;
		line-height: 23px; line-height: 2.3rem;
	}
	
	h6 {
		font-style:normal;
		font-variant:normal;
		line-height: 21px;
		font-weight:100;
		font-size: 16px; font-size: 1.6rem;/* =16px */
		}
	.site-body {
		background:$bodycolor;
		position: relative;
	}
	.uppercase {
		text-transform:uppercase;
		}
	.uppercase-emph {
		text-transform:uppercase!important;
		font-weight:400!important;
		}
	/**/
	img{
		max-width: 100%;
	}
	
	header, .block { 
		display:block;
	}

		span.anchor {
			display: block;
			position: relative;
			top: -170px;
			visibility: hidden;
		}

	.header1 {
		background:$wfsu-charcoal;
		text-align:right;
		font-family: $heading-font-stack;
		border-bottom:1px solid #555;
	}

	h1.section-title {
		font-size: 23px; font-size: 2.3rem;/* =23px */
		font-family:$heading-font-stack;
		font-style: normal;
		font-variant: normal;
		font-weight: 500;
		line-height: 33.2px; line-height: 3.3rem;
		display:block;
		padding: 5px 15px 15px;
		background:transparent;
		margin:0;
	}
	.social-media {
		display:none;
	}


	.header1 .container * {
		padding: 0;
		margin: 0;
		/*check the efficacy of the above padding and margin*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	
	.header1 section ul li a {
		font-size: 16px; font-size: 1.6rem;/* =16px */
		line-height: 21px;
		margin: 6px 2% 3px !important;/**fix me**/
	}
	.header1 section ul li:nth-child(5) a {
		margin-right:0!important;
	}
	  .header1 section ul li:nth-child(6) a {
		margin-left: 0!important;
	  }
	.header1 section ul li:nth-child(7) a {
		/*display: none;*/
	}
	.header1 section ul li:nth-child(-n+5) a {
		margin-right:0!important;
	}

	.header1 section {
		width: 100%;
		margin: 0 auto!important;
		overflow: hidden;	
	}
	
	.header1 section ul {
		list-style: none;
		overflow: hidden;
	}
	.header1 section li a {
		display: block;
		float: left;
		text-align: center;
		margin-right:2%;
	}
	.header1 ul li:nth-child(-n+5) a {
		float:right!important;
	}	
	
	.caption {
		position: relative;
		top: -30px;
		font-size: 13px;
		color:$lightGreyText;
	}
	.caption-mod {
		line-height:20px; 
		line-height:2.0rem; 
		display:block; 
		margin-top:20px
	}
	.rmv-caption-spc {margin-bottom: -25px;}
	.social-media .fa-youtube-square, .social-media .fa-facebook-square, .social-media .fa-flickr, .social-media .fa-home, .social-media .fa-pinterest-square, .social-media .fa-twitter-square, .social-media .fa-instagram  {
	  color: #fff;
	}

	
/*	.headMidContent:before {
		content:'';
		display:block;
		clear: both;
	}
	.header-btn-full{
		background: #595C55;
		padding: 15px 20px;
		font-size: 18px; font-size: 1.8rem;
		display: inline-block;
		margin-left: 5px; 
	}*/

	/*main navigation*/

	.navbar-default {
		/*background:#fff;header colors*/
	}
	
	.navbar-toggle {
		/*float:none;*/
	}

	div.collapse ul:first-of-type.nav > li:first-child {
		 /*target television in menu*/
	}
	

	.menu-btn{
		text-transform:uppercase;
		font-family: $navigation-font-stack;
	}
	.left-content .well {
		padding-top:0;
		border:none;
		background: $bodycolor;
	}
/*new header styles*/



/*mega dropdown*/


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #000000;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: $wfsu-yellow;
    background-color: transparent;
}
/*icon bar for mega menu*/
.navbar-inverse .navbar-toggle {position:relative; z-index: 200; }

button.navbar-toggle {padding:0; width: 50px; height: 40px; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background: transparent;}
.navbar-inverse .navbar-toggle {border-color: transparent;}
.navbar-toggle .icon-bar {
	   display: block;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
   /*these styles are to center the words in the hover/black line on the dropdown menu*/
	padding-bottom: 5px;
	margin-top:5px;
	margin-bottom:5px;
}
#navbar-close, .navbar-toggle span:first-child  {
	text-align: left;
}
#navbar-close {
	padding-top:8px;
}
.remove-top-mg {
	margin-top:0!important;
}
.container.for-buttons {padding:23px 0 13px 0;}
.navbar-inverse {background:transparent; border-bottom: none;}
.navbar-collapse {background-color: $wfsu-teal }
.navbar-collapse  {max-height: 100vh!important; }


.navbar-collapse .nav-items li > a { font-family: $heading-font-stack;font-size: 23px;   line-height: 23px; font-size: 2.3rem; line-height: 2.3rem; font-weight: 600; text-transform: uppercase; display: block; color:#000; overflow: hidden; }


.navbar-toggle {float:left!important}
.navbar-toggle span:first-child {display: block; color:#e9c31e; text-transform: uppercase;font-size: 11px;  font-size: 1.1rem; line-height: 22px!important;}
.logo-adjust .navbar-brand {
background: url(/themes/main/assets/theme-images/wfsu-logo-500-garnet.png) center / contain no-repeat;
width: 200px;
position: absolute;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform:translateX(-50%);
left: 50%;
display: block;
top:45px;
}
.navbar-collapse {
z-index: -1;
	
/*before IE fix 	
position: relative;
top:-50px;*/
	/*added to fix IE browser issues*/
	position: absolute;
	top: 190px;
	left: 0;
	width:100%;
}
.navbar-collapse ul {margin-top:65px;}
.header2 {background: #000; padding-bottom:10px; }

.wavediv {
display: block;
width: 100%;
}	
.wavediv svg {
display: block;
}
.mega-buttons {text-align: center; }
.mega-buttons a {
display: inline-block; 
width: 25%;
padding: 2.5px 3.75px;
padding: .25rem .375rem;
font-weight: 700;
text-transform: uppercase;
vertical-align: middle;
color: #fff;
border-radius: 2.5px;
border-radius: .25rem;
font-size: 14px;
font-size: 1.4rem;
cursor: pointer;
transition-property: color,background-color,border-color;
transition-duration: .3s;
transition-timing-function: ease-out;
background-color: #e03642;

}
.mega-buttons a:first-child {
background-color:  $wfsu-lgreen;
}
.mega-buttons a:nth-child(2) {
background-color:  $wfsu-teal;
}
.mega-buttons a:nth-child(3) {
background-color:  $wfsu-yellow;
}
.mega-buttons a:hover {text-decoration: none;}
.mega-buttons a:first-child:hover {
background: $wfsu-lgreen20;
}
.mega-buttons a:nth-child(2):hover {
background-color:  $wfsu-teal20;
}
.mega-buttons a:nth-child(3):hover {
background-color:  $wfsu-yellow20;
}
.mega-buttons .fa-heart {color: #d65343;}

.fa-times {color: $wfsu-teal;}
/*end*/
/*image resize and crop for feature box images*/
	.cove-box, .rss-img {  
		padding-bottom:56.25%; /* 1,77 Ratio */
		background-size:cover;
		background-position: center center;
		position:relative;
		height: 0;
		display:block;
	}
	.box {  
		padding-bottom:56.25%; /* 1,77 Ratio */
		height:0;
		box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
		background-size:cover;
		background-position: center center;
		overflow:hidden;
		position:relative;
		margin-bottom:0;
	}	

	.box-plus-text {  
	   font-family:Helvetica;/*change*/
	   font-weight:900;
	   line-height: 18px; line-height: 1.8rem;
	   color:rgba(255,255,255,.85);
	   font-size:16px; font-size:1.6rem; 
	   text-align:center; 
	   width:100%;
	   background:$dark-blue/*#1d263b*/;
	   display:block;
	   padding: 20px 15px;
	}
	
	.cat-title {
		text-transform: uppercase;
		display:block;
		color:$subheadlines;
		text-shadow: none;
		font-size: 14px; font-size:1.4 rem;
	}
	.cat-title a {
		-webkit-transition: color,0.1s;
		-moz-transition: color,0.1s;
		-ms-transition: color,0.1s;
		-o-transition: color,0.1s;
	}
	.box-plus-text a {
		color: #fff;
	}
	.featureimg div:nth-child(n+2) .box {
		margin-bottom:15px;
	}
	.featureimg div:nth-child(n+2) .box-plus-text {
		background: transparent;
		text-align:left;
		padding: 0 15px 20px;
	}
	.featureimg div:nth-child(n+2) .box-plus-text a {
		color: #000;
	}
	
	.featureimg div:nth-child(n+2) .box-plus-text {
		float:left;
		width:60%;
	}
	.blockContainer {
		display:flex;
		flex-flow: column;
	}
	.blockA {
		order:2;
	}
	.blockB {
		order:1;
	}
	
	.overlay {  
		background:rgba(0,0,0,.5);
		height: 100%;
		text-align:center;
		padding-top:100%;
		opacity:0;
		-webkit-transition: opacity .25s ease;
		-moz-transition: opacity .25s ease;
		transition: opacity .25s ease;
	}	
	.box:hover .overlay {
		opacity:.5;
		height:100%;
	}
	.line-clamp {
		/*min-height:36px;*/
		display:block;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;  
		overflow:hidden;
		color: #000;
	}	
	
	.featureimg div:first-child .cat-title a {
		border-top: 1px solid #fff;
		padding-top:8px;
	}
	/*box end*/
	.space-this {
		display:block;
	}
	div.featured {}
	div.newsroom {}
	/*check this one*/
	.wfsu-news-header {
		background:$dark-blue!important;
		margin: 0px;
		color: #FFFFFF;
		background-image: none;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.wfsu-news-header .feed_title {
	     margin: 0 20px;
         padding: 20px 0 15px 0;
		word-wrap: break-word;
		font-size:16px; font-size: 1.6rem;
		font-family: Arial, Helvetica, sans-serif!important;
		line-height:20px;
	}
	.wfsu-news-header .feed_title a, .wfsu-news-header .feed_title a:link {
		color: $aux-link-color;
		text-decoration: none;
	}
	.wfsu-news-header .feed_title a:hover {
		text-decoration: underline;
	}
	
	div.local-newsroom, div.content-start {
		background:$text-box;
		/*padding-bottom:10px;*/
	}
	h4.box-category {
		 margin-bottom:0; 
		 padding-bottom:0;
		 text-transform:uppercase;
	}
	.box-title {
		background:$light-blue;
		border-bottom: $medium-blue 1px solid;
	}
	.box-title a {
		margin-top:0;
		padding-top:0;
		font-family: $heading-font-stack;
		font-weight: 300;
		line-height: 32px;	 line-height: 3.2 rem;
		color: #000;
	}
	.box-channel {
		text-transform:uppercase;
		font-size:16px; font-size:1.6rem;		
		font-family:$heading-font-stack;
		
	}
	.news-text {
		 color:$mediumGreyText;
		 margin-bottom:0;
	}
	.news-text p {
		display:inline;
	}
	.news-timestamp {
		color:$lightGreyText;
		font-size:17px; font-size:1.7rem;
		}
	.news-text, .news-timestamp, .box-title {
		padding:10px;
	}
	.subfeature-box {
		margin:30px 0;
	}
	.subfeature-box .top {
		/*background:$light-blue;*/
	}
	.subfeature-box hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid $dark-blue;
		margin: 1em 0;
		padding: 0;
	}
	.tv-highlights, .UCevents {
		background:#fff;
		padding:15px 5px;
		text-align:center;
	}
	.weather {
		background:#fff;
		text-align:center;
	}
	.weather {
		margin-bottom:40px;
		border:1px solid $text-box-header;
	}
	.weather-container {
		position:relative;
		height: 0;
		/*padding-bottom: 133%;for height 400, width 300 ratio*/
		padding-bottom: 106%;
		overflow: hidden;
		padding-top:5px;
	}
	.weather-content {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
	.more {
		display:block;
		border: 1px solid #404040;
		padding:7.5px 10px; padding: 0.75rem 1rem;
		margin:5px auto 15px;
		color:#404040;
		text-align:center;
		width:80%;
		text-transform:uppercase;
		opacity: 1;
		transition: all .15s ease;
		font-size:15px;font-size: 1.5rem;
		font-family:$navigation-font-stack;
	}
	.more:hover {
		 opacity: .6;
		 text-decoration:none;
		 color: #404040;
	}
	.seriesTitle {text-transform: capitalize!important;}
	.tv-highlight-item, .event-item {padding:2%; border-bottom:1px solid $text-box-header; margin-bottom:14px; }
	.tv-highlights a:last-of-type div, .UCevents a:last-of-type div {border-bottom:none; margin-bottom:0;}
	.tv-highlight-item img, .event-item img { margin: 0 0 2% 0; float:none;}
	.tv-highlight-item img {display:block;}
	.tv-highlight-item span, .event-item span {font-family:$heading-font-stack;}
	.tv-highlight-item div, .event-item div {font-size:14px; font-size:1.4rem;line-height:22px;line-height:2.2rem; text-align:left;}
	.tv-highlight-item p, .event-item p {color:$mediumGreyText;}
	.tv-highlights  a:hover, .UCevents  a:hover {}
	.airdate {color:#000; display:block; margin-bottom:10px;}
	
	.wfsu-news-rss img, .rss-img {
		min-width:100%;
	}
	.rss-img {
		
}
	.feeds a {
		text-decoration:none;
		color:inherit;
	}
	.feeds .well h3 {
		color:$link-color;
	}
	
	.cove-slider-container {
		padding: 10px 0;
		border:1px solid #DDDDDD;
	}
	.cc-events-slider-container {
		padding: 10px 0;
		padding-top:20px;
		border:none;
		background: #fff;
	}
	.cc-events-slider-container a, .cc-event-date {
		display: block;
	}
	
	.cove-title {
		text-align:center; 
		 width:100%;
		 background-color:$medium-blue;
		 color:#fff;
		 font-size: 14px!important; font-size: 1.4rem!important;
		 line-height: 18px; line-height: 1.8rem;
		height: 46px;
		overflow: hidden;
	}
	.cove-title span {
	    display:block; 
		height: 36px;
		overflow: hidden;
		margin: 5px 3px;
}
	.cove-title a {color: #fff;}
	button.slick-arrow { z-index: 20!important;}
	.events {
		margin:25px 0; 
	}
	.radio-sched-box {
		background: #fff;
	}
	.box-head-style {
		background:$light-blue;
		border-bottom: 1px solid $medium-blue;
		padding:15px 0 5px;
	}
	.box-head {
		 margin: 0 auto; 
		 /*width:94%; */
	}
	.box-head a, .box-head a:hover, .mimic-box-title:hover, .weather a:hover {
		color:$wfsu-teal;
	}

	.box-head.comcal { width: 94%;}
	.box-head h1.section-title {font-size:20px; font-size: 2rem;}

	 h1.section-title a, h1.section-title a:hover {color:$wfsu-teal!important;}

	.calendar-box { 
	   position: relative; 
	   width: 30%; 
	   margin-right:20px; 
	   top:-8px;
	}
	.cal-date {
	   position: absolute; 
	   left: 0; 
	   width: 100%; 
	   text-align:center;
	   top:32px;
	   text-transform:uppercase;
	   font-family:$navigation-font-stack;
	   font-weight:bold;
	}
	.cal-month {
	   display:block;}
	.cal-day {
	   display:block;}
	.event-listing {
		font-size:90%;
		padding: 10px;
	}
	.event-more {
		background: $dark-blue;
		color:#fff;
		padding: 0 3%;
		font-size: 85%;
		margin-bottom:40px;
	}
	.event-more a {
		color:$aux-link-color;
	}
	.sponsortext {
		color: $lightGreyText;     
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 26px;
		line-height: 2.6rem;
	}
	.underwriting {
		 text-align:left;
		 margin-bottom: 40px;
		 margin-top: 40px;
		 color: $lightGreyText;
	}
	.underwriting span {
		display:block;
		border-bottom: 1px solid #ccc;
		margin-bottom:20px;
		text-align:left;
		font-family:$heading-font-stack;
		font-weight:100;
		font-size: 14px; font-size: 1.4rem;/* =14px */
		text-transform: uppercase;
	}
	.underwriting div {
		margin-bottom: 20px;
	}
	.underwriting, .underwriting img {max-width: 100%!important;}


	.bottom-story-tv-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 34px;
		line-height: 3.4rem;
		font-style: normal;
		font-variant: normal;
		margin-top: 8px;
		margin-bottom:20px;
		font-weight: 700;
		display: block;
	}

	.bottom-story-mobile-img {
		padding:30px 20px 30px 0;
	}
	.bottom-card-row {
		background-color: #fff; 
		border: none; 
	}
	.mainStoryCard {
		padding:30px;
		
	}

	.storySource a {
		color: $alt-link-color;
	}

	footer {
		border-top: 1px solid #555;
		margin: 20px 0;
		padding-top:15px;
		font-family:$footer-font-stack;
		font-weight: 100;
		font-size: 16px; font-size: 1.6rem;/* =16px */
		line-height:26px;line-height:2.6rem;
		color: $lightGreyText;
		
	}
	.date {
		color:$lightGreyText;
	}
	.feeds .well {
		background:#fff;
		border-color: #F2F2F2;
	}
	.affiliated {
		 background-color:#eeebeb; 
		 padding:15px 0;
	}
	.affiliated section {
		text-align:center;
	}
	.affiliated img {
		max-width:125px;
	}
	.affiliated section div:nth-of-type(-n+2) img {
		max-width:140px!important;
	}
	.report-link:before { 
    content: "";
	}	
	/**/
	footer span {
		float: left;
		line-height:36px!important;
	}
	footer ul li {
		display: inline-block;
		padding-left: 15px; 
	}
	footer ul {
		padding:0;
		margin:0 0 20px 0;
	}
	footer ul.address li {display:block; }
	footer ul.copyright {display: block; margin-bottom: 35px;}

	.footer-resources::before {
		content:"National Resources:";
		padding-left:15px;
	}
	.left-img { margin: 0 2% 0 0; float:left; max-width:50%;}	
	.video .col-xs-12.extrapadding {
		padding-left:30px;
		padding-right:30px;
	}
@media (max-width:599px) {
	.featureimg div:nth-child(n+2) .box {
		float:left;
		width:100px;
		height:100px!important;
		padding-bottom:0;
	}
	.featureimg div:first-child .box-plus-text h2 {
		line-height:normal;
		margin-bottom:0;
	}
	.featureimg div:nth-child(n+2) .box-plus-text h2 {
		margin-top:0;
	}
	/*remove heart for small firefox browsers*/
	@-moz-document url-prefix() { 
		
	  .mega-buttons .fa-heart {
			 display:none;
		  }
	}
}

@media (min-width:320px) {
	.navbar-collapse {
		top: 125px;
	}
}

@media (min-width:440px) {
	.calendar-box {
	   width: 15%;
		}
	.cal-date { font-size:12px; font-size:1.2rem; line-height:normal!important; top:20px}
	.cal-month {}
	.cal-day {}
}
@media (min-width:550px) {
	.calendar-box { 
	width: 13%;
	}
	
}
@media (min-width: 600px) and (max-width:991px) { 
	.featureimg div:nth-child(n+2) .box {
		float:left;
        width:200px;
		height:200px;
		padding-bottom:0;
	}
	.line-clamp {
		-webkit-line-clamp: 4;
	}
	
	.cal-date { font-size:14px; font-size:1.4rem; top:25px}
	.tv-highlight-item img, .event-item img { margin: 0 2% 0 0; float:left; max-width:50%;}	
	.bottom-story-tv-title {
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 35px;
		line-height: 3.5rem;		
	}

	
}
@media (min-width:568px) {
	.report-link:before { 
    content: "Community Report";
	}		
}
@media (min-width:620px) {
	footer ul {
		padding:0;
		margin:0 0 14px 0;
	}
	.calendar-box { 
	width: 10%;
	}
	
	.cal-date { top:19px}
}
.sustain-text .donate-button-text-b span, .sustain-text .donate-button-text-a span  {display: none; }
.sustain-text .donate-button-text-a::after {content: "Sustain TV"!important;}
.sustain-text .donate-button-text-b::after {content: "Sustain FM"!important;}

.sub-feat.fix-height {min-height:600px;}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	
body {
	line-height:28px;line-height:2.8rem;
}
	
.banner-ad-large {display: block;}	
.weather-container {
		
		padding-bottom: 92%;
	}
.btn-mgmt a {margin-bottom:0;}
	
.navbar-toggle .icon-bar {
	width: 26px;
    height: 2px;
    border-radius: 4px;
    margin: 5px 0;
    padding: 2px 0;
}
/*remove icon-bar padding for safari because it was only displaying 2 bars*/	
_:-webkit-full-screen, _::-webkit-full-page-media, _:future, :root .navbar-toggle .icon-bar  {
   padding: 0; 
}
_:-webkit-full-screen, _::-webkit-full-page-media, _:future, :root #navbar-hamburger span:first-of-type {font-weight: bold;}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
	
.bottom-card-row {
		background-color: #fff; 
		border: none; 
		padding: 20px;
	}
	
.underwriting {
		 margin-top: 0;
	}
.feeds img {
		float:left;
		max-width:25%;
		margin-right:20px;
	}	
.login:before { 
    content: "Member ";
	}	
.schedule-link:before { 
    content: "TV & Radio ";
	}	

	
  .header1 section ul li a {
   /** margin: 5px 10px!important;
	  margin: 6px 2% 3px !important;fix me**/
	  margin-right:10px!important;
	  margin-left:10px!important;
  }
  .header1 section ul li:nth-child(6) a {
    /*margin-right: 2%!important;*/
	  margin-left: 0!important;
  }
	

	.logo-adjust .navbar-brand {
		height: 65px;
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		left: 14%;
		background-position: left;
		position: inherit;
	}
	.logo-adjust .navbar-brand  {margin-top:9px;}

	.header2 .container a, .header2 .container a:hover {}

	.container.for-buttons {padding:0; position: relative;} 
	.mega-buttons {text-align:right; position: absolute; width: 100%; right: 0; top:-50px;}
	
	.mega-buttons {width:61.2%!important;}
	.mega-buttons a {width: 24.5%;text-align: center;}
	
	
	
	.top-banner {
		position: absolute;
		right: -3px;
		top: 36px
	}
	

	.subfeature-box {
		margin:0;
	}
	
	.calendar-box { 
	   width: 10%; 
	}
	
	.cal-date { top:23px}
	.header2 {padding-top:10px;}
	.bottom-story-mobile-img {
		padding:inherit;
	}
	.bottom-story-tv-title {
		margin-bottom:10px;
	}
	
}


@media (min-width: 780px) { 

.video .col-xs-12.extrapadding {
		padding-left:15px;
		padding-right:15px;
	}
}

@media (max-width:991px){
		/*for firefox browsers*/
	@-moz-document url-prefix() { 
		br.visible-xs.visible-sm {margin-bottom:30px;}
	}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	body {
		font-size: 18px; font-size: 1.8rem;/* =18px */
		line-height:31px; line-height:3.1rem;
	}	
	.weather-container {
		padding-bottom: 115%;
	}
	.feeds img {
		float: none;
		max-width: 100%;
		margin-right:0;
	}
	.underwriting {
	}
	footer ul {
		margin-bottom:0;
	}
	.pull-left-large {
		float:left;
	}
	.pull-right-large {
		float:right;
	}	
	
		
	
	.featureimg div:nth-child(even) {
		padding-right:0;
	}	
	.featureimg div:nth-child(3) {
		padding-left:0;
	}
	
/*started out at min-width 600px*/
	.box {  
		padding-bottom:56.25%; /* 1,77 Ratio */
		height:0;
		/*box-shadow*/
		background-size:cover;
		background-position: center center;
		overflow:hidden;
		position:relative;
		margin-bottom:0;
	}	
	/*as it relates to box: more or less shadow*/
	.lessshadow {
		box-shadow: inset 0 -50px 100px 0 rgba(0,0,0,.40)!important;/*change 3rd paramater to affect the height of the bottom shadow under the title and category (more negative makes it go up higher)*/
	}
	.moreshadow {
		/*box-shadow*/
		box-shadow: inset 0 -100px 100px 0 rgba(0,0,0,.50)!important;/*change 3rd paramater to affect the height of the bottom shadow under the title and category (more negative makes it go up higher)*/
	}
	.featureimg div:nth-child(1) .box-plus-text {
		padding-right:15px;
	}
	.featureimg div:nth-child(2) .box-plus-text {
		padding-left:30px;
	}
	.featureimg div:nth-child(3) .box-plus-text {
		padding-right:30px;
	}	
	.featureimg div:nth-child(n+2) .box-plus-text {
		text-align:center;
	}	
/*end started at min-wdth 600px*/	
/*this stays here if feature-story box model changes*/
	.box-plus-text {  
	   position:absolute;
	   right:0;
	   bottom: 0;
	   top: auto;
	   z-index:100;
	   background:transparent;  
	   display: inherit;
	   padding-bottom:10px;
	   text-shadow: 1px 1px 1px #000;
	   pointer-events:none;
	   font-weight:500;
	   font-size: 24px; font-size:2.4rem;
	   line-height:30px; line-height: 3.0rem;
	}	
	.featureimg div:nth-child(n+2) .box-plus-text a {
		color: #fff;
	}
	.featureimg div:nth-child(n+2) .box-plus-text {
		float: none;
		width:100%;
	}	
	.blockContainer {
		display: block;
	}
	.blockA {
		order:1;
	}
	.blockB {
		order:2;
	}

	.cat-title a {
		text-shadow: 1px 1px 1px #000;
		pointer-events: auto;
		border-top: 1px solid #fff;
		padding-top:8px!important;
		font-weight: bold;
		letter-spacing: .8px; letter-spacing: .08em;
	}
	.box-plus-text h2 {
		line-height:normal;
		margin-bottom:0;
	}
	.featureimg div:first-child .box-plus-text .line-clamp {
		padding-left:15px;
		padding-right:15px;		
	}
	.line-clamp {
		color: #fff;
		-webkit-line-clamp: 2;
	}
	.calendar-box { 
	   width: 35%; 
	}
	.cal-date { font-size:18px; font-size:1.8rem; top:32px}
	.cal-month {}
	.cal-day {}
	
	.tv-highlight-item img, .event-item img { float:none; margin: 0 0 2% 0;}
	.mega-buttons {top:-55px; width:53.1%!important;}
	footer ul.right {/*float: right;*/ text-align: right;}
	footer ul.copyright li {text-align:right;  float:right; padding-top:20px;}
 }
/*mobile menu changes*/
@media(max-width:999px)
{	/*collapsing nav issues*/
	.donate-btn {
		/*fix collapse positioning (up to 999px)*/
		position: relative;
   		top: 11.25px;
	}
	.nav-adjustA { position:relative; top:-7.5px!important;}
	.nav-adjustB { position:relative; top:-15px!important;}
}

@media (min-width: 1000px) { 
	/*hide top right donate*/
	
	.dropdown-menu > li > a {
	
	}
	ul.nav > li {
    	
	}
	#myNavbar ul.nav:first-of-type > li:first-child > a {
		/*padding-left:0!important;
		margin-left:0!important;*/
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	span.anchor {
			display: block;
			position: relative;
			top: -150px;
			visibility: hidden;
		}
	.weather-container {
		padding-bottom: 106%;
	}
	.calendar-box { 
	   width: 20%; 
	}
	
	.cal-date { font-size:14px; font-size:1.4rem; top:24px; font-weight:bold;}
	
}
/* 14% = 100% (full-width row) divided by 7 */
/*added for landscape mobile 6/18*/
@media screen and (max-width : 736px) and (orientation:landscape) {
  /* Styles for Landscape screen under 768px */
	nav.navbar-fixed-top {position: relative;z-index: 1;}
	.navbar-collapse  {max-height: none!important; }
	main, .premain-banner {padding-top:0!important;}/*weird orientation spacing*/
}
/*target safari only */
		/*
		  Define here the CSS styles applied only to Safari browsers
		  (any version and any device)
			added for "flex" before and after issues.
		 */
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) { 
		
		.is-flex.container:before,
		.is-flex.container:after,
		.is-flex.row:before,
		.is-flex.row:after,
	.row.is-flex > [class*='col-']:before,
	.row.is-flex > [class*='col-']:after,
	.row.is-flex:before, .row.is-flex:after { content: normal; }
	
}

/* end target safari only */