/* ==========================================================================
	ľ¹ÏÊÓƵ News: Homepage Stylesheet
    Author: Wayne Espinola, ľ¹ÏÊÓƵ University Communications and Marketing
    Author URL: http://www.usf.edu/news/
   ========================================================================== */


/*  ==========================================================================
     Highlighted Content
    ==========================================================================  */
.highlighted-content {
	background-color: #3f565e;
	color: #fff;
}
.highlighted-content_inner {
	align-items: stretch;
}
.highlighted-content a, .highlighted-content_icon {
	color: #fff;
}


/* ==========================================================================
    ľ¹ÏÊÓƵ Magazine
   ========================================================================== */
.usf-magazine-wrapper {
	display: flex;
	margin: 0 auto;
	max-width: 1000px;
	padding: 1em;
	justify-content: space-between;
	flex-direction: column;
}

.usf-magazine-image {
	max-width: 580px;	
}

.usf-magazine-content {
	margin: 0;
	padding-top: 1em;
}

.usf-magazine-title {
	color: #006747;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
}

.usf-magazine-copy {
	margin-top: 1em;
}

.usf-magazine-issue-link {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 1.25em;
	text-transform: uppercase;
}

@media screen and (min-width: 500px) {

.usf-magazine-wrapper {
	padding: 2em;
}
	
}

@media screen and (min-width: 650px) {

.usf-magazine-wrapper {
	padding: 3em;
	flex-direction: row;
}

.usf-magazine-image {
	width: 60%;	
}

.usf-magazine-content {
	width: 35%;
}

.usf-magazine-title {
	font-size: 1.7em;
}

}
   
@media screen and (min-width: 800px) {
 
.usf-magazine-title {
	font-size: 2.5em;
}
   
} 

/*  ==========================================================================
     Twitter Feed
    ==========================================================================  */
.twitter-feed-wrapper {
	display: flex;
	flex-direction: column;
	margin: 3em auto 1em auto;
	max-width: 1000px;
	border-top: 2px solid #e6e6e6;
}

.twitter-feed-icon {
	position: relative;
	color: #1DA1F2;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	top: -15px;
	background-color: #fff;
}

.twitter-feed-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0;
	padding: 1em;
}

.twitter-feed-tweet {
	margin: 0;
	max-width: 100%;
	padding-bottom: 2em;
}

.twitter-retweet {
	margin: 0;
	color: #666666;
	padding-bottom: .5em;
}

.twitter-handle, .twitter-handle-link {
	margin: 0;
	color: #008568;
	font-weight: 500;
	font-size: 1.125em;
}

.twitter-tweet-copy {
	margin: 0;
	padding-top: 0.5em;
}

.twitter-tweet-copy-link, .twitter-tweet-copy-link:visited {
	color: #000;
	font-weight: 100;
}
.twitter-tweet-copy-link:hover, 
.twitter-tweet-copy-link:active, 
.twitter-tweet-copy-link:focus {
	text-decoration: none;
}
.twitter-tweet-copy-link:hover .twitter-tweet-copy-text, 
.twitter-tweet-copy-link:active .twitter-tweet-copy-text, 
.twitter-tweet-copy-link:focus .twitter-tweet-copy-text {
	text-decoration: underline;
}


.twitter-feed-tweet img {
	max-width: 320px;
	width: 100%;
	padding: .5em 0;
}

.twitter-feed-tweet span {
	color: #666666;
}

.twitter-like-icon svg {
	width: 20px;
	height: 20px;
}
.twitter-retweet-icon svg {
	width: 25px;
	height: 20px;
}

.twitter-retweet-number {
	padding-right: 1em;
}
.twitter-retweet-number, .twitter-like-number {
	padding-left: 5px;
}

@media screen and (min-width: 500px) {

.twitter-feed-icon {
	width: 40px;
	height: 40px;
	top: -20px;
}

}

@media screen and (min-width: 650px) {
.twitter-feed-wrapper {
	margin: 3em auto;
}

.twitter-feed-content {
	flex-direction: row;
}

.twitter-feed-tweet {
	max-width: 32%;
}

}

@media screen and (min-width: 800px) {

.twitter-feed-icon {
	width: 50px;
	height: 50px;
	top: -25px;
}

}

@media screen and (min-width: 1000px) {
	
.twitter-feed-content {
	padding: 0;
}

}