#newshero { 
 overflow: auto; 
/*background-size:cover; background-position:center; */
background-size:100% auto;  background-position:top center; 
background-repeat:no-repeat;   position:relative;  }

@media screen and (max-width:600px){  
#newshero  {background-size:100% auto;  background-position:top center;
min-height:300px;
height:35vw; height:auto;
}
}
@media screen and (min-width:601px) and (max-width:850px){  
#newshero  {background-size:100% auto;  background-position:top center;
min-height:300px;
height:35vw;
}
}
@media screen and (min-width:851px) and (max-width:1499px){  
#newshero  {background-size:cover;  background-position:center; 
min-height:550px; max-height:800px;  
height:35vw;
margin-bottom:3rem;
}
}
@media screen and (min-width:1500px){  
#newshero  {background-size:cover;  background-position:center;  
min-height:600px; max-height:850px; 
height:40vw;
margin-bottom:3rem;
}
}
 
body.postid-323 #newshero #studentfinance_logo { content:" ";
/*background:  url(../../images/logos/student-finance.svg) no-repeat 20px 30px; background-size:180px 48px; */
display:block; width:100%; height:100px; position:absolute; top:0; left:0; z-index:10; margin:0 auto; clear:both; max-width:1500px;  position:relative; transition:all 0.1s ease; padding:30px 20px 0;}
body.postid-323 #newshero #studentfinance_logo img {
	display:block; width:180px; height:48px;
	-webkit-filter: drop-shadow(12px 12px 12px rgba(0,0,0,0.5));
	filter:drop-shadow(12px 12px 12px rgba(0,0,0,0.5)); 
}


@media screen and (min-width:641px){
body.postid-323 #newshero #studentfinance_logo { background-position:30px 30px; padding:30px 30px 0; }
}
 
@media screen and (min-width:1404px){ 
body.postid-323 #newshero #studentfinance_logo { background-position:60px 30px; padding:30px 60px 0; background-size:270px 72px; }
body.postid-323 #newshero #studentfinance_logo img { width:270px; height:72px; }
}
body.parent-323 #studentfinance_logo, #studentfinance_logo { max-width:270px;   }
@media screen and (max-width:850px){
body.parent-323 #studentfinance_logo
{
  width:calc(33% - ((36px * 2) / 3)); margin:1rem 0 2rem; 
}
}
@media screen and (max-width:700px){
body.parent-323 #studentfinance_logo, #studentfinance_logo
{
  width:calc(50% - ((36px * 1) / 2)); margin:1rem 0 2rem; 
}
}



@media screen and (min-width:851px) and (max-width:1024px){
body.parent-323 #studentfinance_logo, #studentfinance_logo
{
 width:calc(33% - ((36px * 2) / 3));  margin:1rem 0 2rem; 
 margin-left: calc((100% * 2 / 12) - ((36px * 1) / 2) + 36px);
 
}
}
@media screen and (min-width:1024px){
body.parent-323 #studentfinance_logo, #studentfinance_logo
{
  width:calc(20% - ((36px * 4) / 5)); position:absolute; top:0; left:20px; margin:0 !important; 
}
}


@media screen and (min-width:1404px){ 
body.parent-323 #studentfinance_logo, #studentfinance_logo {  left:60px; }
}






#newshero #newshead { border:none; background:none; padding-top:10rem;  padding-bottom:1rem;
background: rgba(25,46,62,0.8);
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
}

#newsimage { position:absolute; top:-100%; left:-100%; width:1px; height:1px; overflow:hidden; } 
#newsimage img {  }


#newshero .introtext * { color:#FFF; }

#newshero .introtext hr {display:none; }

 
#newshead { width: 100% ; position:absolute; bottom:0; left:0;  } 
#newshead .wrapper { padding-bottom:0;}


/*#newshead { font-family: 'Merriweather', serif; font-weight:400; font-weight:normal; line-height:1.4; color:#000;  }*/
#newshead h1 { font-size:3.6rem; line-height:1.41666666666; color:#000; margin-bottom:2rem;font-weight:400; }
@media screen and (min-width:1500px){
#newshead h1 { font-size:4.2rem; }
}
@media screen and (max-width:600px){
#newshero {background:none !important; }
#newshero #newshead { background:none; padding:0 !important; position:static;   }
#newshero #newshead h1 { font-size:2.2rem; color:black; margin-bottom:0 !important;  }

#newsimage { position:static; width:100%; height:auto; overflow:auto; margin-bottom:2rem; } 
#newsimage img { display:block;  width:100%; height:auto;  }



}
.module h3 a { text-decoration:none; color:#134267; color:#000;  }
.module h3 a:hover { color:#d22333;  }
.newslist { }
.newslist li {transition:all 0.3s ease;   }

.newslist li:hover:not(.tweet)  {background:#134267 !important; color:#FFF !important; }
 
.newslist li .img { background-position:center; background-size:cover; }

.newslist li:hover h3 a { color:#FFF !important; }


.newslist li.noimage h3 { /*font-size:3.2rem;*/ }
.newslist li.noimage p.tweet_text {padding-bottom:1rem; }
.newslist li.noimage p.tweet_text a { display:inline-block; text-decoration:none;color:#266295;}
.newslist li.noimage p.tweet_text a:hover { color:#d22333; }
.newslist li .tweetlink { padding:0 3rem; margin:0 0 1rem; font-weight:300;  position:relative; font-size:1.6rem;   }
.newslist li .tweetlink a {text-decoration:none; color:#AAA; display:block; font-weight:300; }
.newslist li .tweetlink a span { display:block; margin-top: 0.5em;}



.newslist li.noimage p.tweet_text { /*font-size:3.2rem;*/ }

@media screen and (min-width:851px){
	.newslist li .tweetlink a span { /*float:right;*/ position:absolute; top:0; right:3rem; margin-top:0; display:inline-block;}
	.newslist li.noimage p.tweet_text { font-size:2.4rem; }
}
@media screen and (max-width:600px){
	.newslist li .tweetlink a span { /*float:right;*/ position:absolute; top:0; right:3rem; display:inline-block;}
	
	.newslist li.noimage h3,
	.newslist li.noimage p.tweet_text { /*font-size:2.4rem;*/ } 
}
.newslist li .tweet_link { display:block !important; padding:1rem 0 1rem; font-size:1.6rem;   }
 



#twitterfeed { padding:2rem 0 1rem; clear:both; position:relative; top:3rem; }
#twitterfeed h2 { text-align:center; color:#134267; font-size:2.4rem; font-weight:600; margin: 3rem 0; } 


#byline {  margin-bottom:1.5rem; position:relative;}
#byline p { margin:0; /*position:absolute; left:70px; top:50%; transform:translateY(-50%);*/ font-size:1.6rem;  height:5rem; line-height:5rem; }

#byline .headshot { margin-right:2rem; width:5rem; height:5rem; float:left; border-radius:100%; overflow:hidden; display:block; }
#byline .headshot img { /*position:absolute; top:0; left:0; */ width:100%; height:100%; display:block;}

#byline .bylinelogo {border-radius:0; }

#dateline p { font-size:1.6rem; display:inline-block; border-top:1px solid #216093; padding:1rem 0; margin-bottom:1em; font-weight:400; }
#dateline em { font-weight:300; font-style:normal; }
 
@media screen and (max-width:1023px){
.sidebarnews { display:none;}
}
.sidebarnews h3 { font-size:1.6rem; height:5rem; line-height:5rem; font-weight:400; margin-bottom:1em;  }  

.sidebarnews { top:0 !important;}
 
.sidebarnews ul { border-bottom:1px dotted #216093; }
#maincontent .sidebarnews ul li { list-style:none !important; margin:0 !important; font-size:2rem; border-top:1px dotted #216093; line-height:1.2; padding:0.65em 0; }
.sidebarnews ul li a { text-decoration:none; color:#134267 !important;  }
.sidebarnews ul li a:hover { color:#216093 !important; }
.sidebarnews ul li em { font-style:normal; font-weight:300; font-size:1.6rem; }

#tags { position:relative; line-height:1.2; padding:2rem 0 1rem 3.25em ; padding:2rem 0 1rem 3em ; border-top:1px solid rgba(200,201,202,0.5);}
#tags .comma{display:none;}
#tags a,
#tags strong{display:inline-block; margin:0 0.5em 0.5em 0; padding:0.2em 0.5em 0.25em;text-decoration:none; }
p#tags { font-size:1.6rem; }
p#tags strong { font-weight:300; position:absolute; top:2rem; left:0; padding-left:0; }
p#tags a { color:#000; background:rgba(200,201,202,0.5); transition:all 0.2s ease;font-weight:400; }
#tags a:hover { color:#000; background:rgba(200,201,202,1); }


.footnote { padding:2rem 0 1rem 0 ; border-top:1px solid rgba(200,201,202,0.5);  }
.footnote * { font-weight:300;}
.footnote strong, .footnote h1, .footnote h2, .footnote h3, .footnote h4 { font-weight:400; }

.footnote_small p { font-size:1.6rem; }

.postloader { clear:both;}
 
.nextpage { padding-left:50%;  margin:0 0 36px 0 !important;   } 
.nextpage a  { transform:translateX(-50%); }

body.post .loader { position:relative; overflow:visible; margin:0; clear:both;}

.tweetloading,
body.post .loader div { position:relative; top:0; left:0; background:url(../../images/loader.gif) no-repeat center 2px; width:100%; height:3rem; }
.tweetloading { clear:both; }

/*@media screen and (min-width:1024px){  */
@media screen and (max-width:1304px){
#content .tweetlist li.module { width:calc(50% - ((36px * 1) / 2)) !important; clear:none !important;} 
#content .tweetlist li.module:nth-child(3n+3){ margin-right:36px !important; }
#content .tweetlist li.module:nth-child(2n+2) { margin-right:0 !important; clear:none !important; }
 
}

@media screen and (min-width:1304px){
#content .tweetlist li.module { width:calc(25% - ((36px * 3) / 4)) !important; clear:none !important;} 
#content .tweetlist li.module:nth-child(3n+3){ margin-right:36px !important; }
#content .tweetlist li.module:nth-child(4n+4) { margin-right:0 !important; clear:none !important; }
.tweetlist li.module:nth-child(4n+5){ clear:both !important;  }
}

@media screen and (max-width:600px){
#content .tweetlist li.module { width:100% !important; clear:none !important; margin-right:0 !important; }
 
}


#content .tweetlist li.module p.date b { background: none ; }