/* SECTION STYLES - VIDEO.CSS */
h1 { color:#EB2026; font-size:2.5em; font-weight:900; font-family:"Helvetica Neue", sans-serif; line-height:1.1em; margin-bottom:10px; }
	h1 a:hover { text-decoration:none; }
h2 { color:#000000; font-size:2em; font-weight:900; font-family:"Helvetica Neue", sans-serif; }
h3 { color: #000000; font-family: "Helvetica Neue",sans-serif; font-size: 1.5em; font-weight: 900; line-height: 1.1em; }

/*body.story-stream #masthead-wrapper { background: #fff; height: 74px; position: fixed; top: 0; transition: top 0.2s ease-in-out; width: 100%; z-index:111; max-width:1180px; border-bottom:0px solid #ebebeb; }*/
body.story-stream .page-header { margin-top:0; }

.scroller-wrapper { background-color:#F8FAF9; padding:10px 0; display:inline-block; width:100%; max-width:1440px; overflow:hidden; margin-top:74px; position:relative; height:51px; }
	.scroller-wrapper .scroller { display:inline-block; position:absolute; top:10px; left:0; }
		.scroller-wrapper .scroller .post { float:left; width:213px; padding-left:20px; border-right:2px solid #EBEBEB; }
			.scroller-wrapper .scroller .post .label { text-transform:uppercase; }
				.scroller-wrapper .scroller .post .label a {  font-size:0.6em; font-weight:bold; color:#919191; text-decoration:none; }
				.scroller-wrapper .scroller .post .label a:hover {  color:#EB2026; }
				.scroller-wrapper .scroller .post .title a { color:#000000; font-size:0.7em; font-weight:bold; display:inline-block; line-height:1.3em; }
				
.stream-header { display:inline-block; height:250px; overflow:hidden; position:relative; width:100%; }
	.stream-header .photo { display:inline-block; width:100%; height:250px; background: rgb(0, 0, 0) !important;}
		.stream-header .photo img {}
		
	.stream-header .stream-details { position:absolute; top:0; right:0; width:100%; height:250px; display:inline-block; }
		.stream-header .stream-details .icon-wrapper { display:table; float:left; height:inherit; max-width:200px; width:16%; min-width:50px;}
			.stream-header .stream-details .icon-wrapper .icon { display:table-cell; height:inherit; vertical-align:middle; text-align:center; }
				
		.stream-header .stream-details .title-wrapper { padding-top:33px; }
			.stream-header .stream-details .title-wrapper .title {}
			.stream-header .stream-details .title-wrapper .title h1 { margin-bottom:10px; color:#FFFFFF; font-size:3em; }
			.stream-header .stream-details .title-wrapper .summary { text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:0.75em; line-height: 33px; }
				
	.scroller-wrapper .nav { position:absolute; top:0; right:0; cursor:pointer; }
		.scroller-wrapper .nav div { height:35px; }
		.scroller-wrapper .nav .right {}
		.scroller-wrapper .nav .left {}



		
		.stream-type-wrapper { margin-top: -4px; display:inline-block; width: 100%; height:75px; border-bottom:1px solid #EBEBEB; border-right: 1px solid #EBEBEB; box-sizing:border-box;}
			.stream-type-wrapper .stream-type { border-left: 1px solid #ebebeb; display: table; float: left; height: 75px; text-align: unset; width: 16.4%; box-sizing:border-box; /*position: relative; left:50%;  transform:translateX(150%);*/}
			.stream-type-wrapper .world-stream{ width: 19.91% !important; }
			.stream-type-wrapper .no-polls-site{ width: 19.91% !important; }
/*			.stream-type-wrapper .stream-type { float:left; width: 16%; min-width: 103px; height: 75px; border-right:1px solid #EBEBEB; text-align:center; display: inline-block; }*/
			.stream-type-wrapper .stream-type:last-child { border-right:none; }
				div.stream-type a { cursor:pointer; color: #656565; display: table-cell; font-size: 0.7em; font-weight: bold; height: inherit; padding: 0; text-align: center; text-decoration: none; vertical-align: middle; width: 100%; }
/*				div.stream-type a { text-decoration: none; display: block; padding: 0; font-size: 0.7em; position: relative; font-weight: bold; top: 50%; transform: translateY(-50%); color: #656565; }*/
				div.stream-type a.active, div.stream-type a:hover { color: #EB2026; }
					div.stream-type a i { background-image: url("/asset/img/grey-stream-type-icon.png"); height:8px; width:8px; display:inline-block;}
					div.stream-type a.active i, div.stream-type a:hover i { background-image: url("/asset/img/red-stream-type-icon.png"); height:8px; width:8px; display:inline-block;}
		.stream-type-dropdown { display: none; width: 100%; height: 3em; border-bottom: 1px solid #EBEBEB; text-align: center; /*margin-left: 20px;*/}
			.dropdown-container { display: block;  text-align:center; height:inherit; vertical-align: middle; /*padding-right:35px;*/ }
			.stream-type-dropdown select { width:100%; padding:5px; color:#808080; font-weight:bold; border:2px solid #EBEBEB; }
	


						
	
/*.beta-container { float:left; width:386px; margin-left:-387px; margin-top:-5px; border-left:1px solid #EBEBEB; }
	.beta { margin:35px auto; width:300px; }*/

.footer-wrapper { display:inherit; }

.RC-AD-MOBILE-BANNER {display:none;width:320px; min-height:50px; margin: 1em auto;}
.RC-AD-TOP-BANNER {	width: 728px;min-height: 90px; margin:1em auto;}


/*TAGS COLORS*/
.related-tags ul.tags li{
	border:solid 1px #FFF;
	color: #fff;
}
.related_tags .rec-widget-header .related-topics{
	font-weight: bold;
	font-size:0.9em;
}
.related_tags .related-tags-side-widget{
	margin:0;
	padding-left: 0;
	border:solid 1px #dedede;
	margin-bottom: 15px;
	max-height: 260px;
	overflow-y: scroll;
}
.related_tags .related-tags-side-widget li{
	
}
.related_tags .related-tags-side-widget .tag-icon{
	background: url(../img/tag_icon.png) no-repeat 12px 50%;
}
.alpha_related_tags .related-tags .tag-icon{
	background: url(../img/tag_icon.png) no-repeat 12px 50%;
}
.related_tags .related-tags-side-widget .tag-icon .content_wrapper {
    margin-left: 40px;
	padding:10px 0 5px 0;
	border-bottom: 2px solid #dedede;
    font-weight: bold;
    font-size: 0.9em;
	text-transform: capitalize;
}
.related_tags .related-tags-side-widget li:last-child .content_wrapper{
	border:none;
	padding-bottom: 10px;
	
}
.alpha_related_tags {
    float: left;
    width: 100%;
}

/*
Added  5-26-2017
By: Edgar
For: related tags 
*/


		/* the navigation width is now handeled in js 
		.stream-type-wrapper .stream-type { position: relative; left:50%;  transform:translateX(-200%);}
		.stream-type-wrapper .stream-type:last-child { border-right: 1px solid #ebebeb; }
		*/
		.alpha_related_tags {
			float: left;
			width: 100%;
			position: relative;
			display:none;
		}
.stream-details .tag-description{
	padding-right: 20px;
}
		.alpha_related_tags .alpha_related_tags_mobile {
			border-top: 2px solid #d30015;
			border-bottom: 2px solid #d30015;
			padding: 15px 0;
			float: left;
		}
		.alpha_related_tags .alpha_related_tags_title {
			text-align: center;
			border-bottom: 1px solid #ebebeb;
			padding-bottom: 5px;
			font-weight: bold;
			color: #d30015;
			font-size: 1.3em;
			width: 100%;
			float: left;
			margin-bottom: 10px;
		}
		ul.related-tags.mobile {
				float: left;
		}
		.alpha_related_tags .related-tags{
			margin: 0 2%;
			padding: 0;
			
		}
		.alpha_related_tags .related-tags li {
			display: inline-block;
			border: solid 1px red;
			padding: 3px 6px;
			font-size: 0.8em;
			margin: 2px;
		}
		.alpha_related_tags .related-tags .tag-icon .content_wrapper {
			padding: 3px 6px 3px 30px;
			text-transform: capitalize;
		}
		@media only screen and ( max-width : 767px ){
			.alpha_related_tags {
				display:block;
			}
			
		}
/********************************************************** RESPONSIVE STYLES **************************************************************/

/* BASE VIDEO RESPONSIVE STYLES - DESKTOP & TABLET */

@media only screen and (max-width: 1120px) { /*Below 1120, shrink banner ad*/
	.RC-AD-MOBILE-BANNER {display: block;}
	.RC-AD-TOP-BANNER {display: none;}
}

@media only screen and ( max-width : 1024px ){	
/*	.beta-container { border-left:none; margin-left:-300px; width:300px; }

	.alpha { margin-right: 297px;}*/

    .stream-type-wrapper { border-bottom: none; }
    .stream-type-wrapper div.stream-type { width: 16%; border-bottom:1px solid #EBEBEB; }
    .stream-type-wrapper div.stream-type:last-child { border-right:1px solid #EBEBEB; }
}

/* SEMI-MOBILE STYLES */
@media only screen and ( max-width: 950px ) {
	.alpha-left span.stream-timestamp { display:none; }
	.alpha-left span.stream-datestamp { display:none;}
	.alpha-right span.stream-timestamp { display: block;}
	.alpha-right span.stream-datestamp {display: block;}
	ul.stream-content { display:inline-block; width:97%; }
	.alpha .alpha-right { margin-left:60px; margin-bottom:0; }
	ul.stream-content p.body { font-size:0.9em; line-height:1.7em; }
	.alpha-right h2 { font-size:1.6em; }
	.stream-type-wrapper { display:none; }
	.stream-type-dropdown { display:block; }
}

/* SMARTPHONE STYLES */

@media only screen and ( max-width : 767px ){
	/*.stream-header {margin-top:54px;}*/
	.stream-header .stream-details .title-wrapper .title h1 { font-size: 2em; margin:0;}

		/*.beta-container { display:none; }*/
		body.author .story-stream { margin:0; }
		/*div.alpha { margin-right: 0; }*/
		li.stream-type-tweet img.avatar { display:none; }

		.stream-header .stream-details {height:100px !important;}
		.stream-header .photo {height:100px;}
		.stream-header {height:100px !important;}
		.stream-header .stream-details .title-wrapper .title {display:table-cell; vertical-align: middle;}
		.stream-header .stream-details .title-wrapper {display:table; height:inherit;padding-top:0;}
		.stream-header .stream-details .title-wrapper .summary {display:none;}
		.stream-header .stream-details .icon-wrapper .icon img { width:30px; }
		/*.dropdown-container {padding-right:40px;}*/
	.stream-header .photo { background-image:  none !important;}
	.stream-header .stream-details .tag-description p{}

}

@media only screen and (max-width:339px) {
	.RC-AD-MOBILE-BANNER {margin-left: -10px;}
}



.story_stream_items { display:inline-block; margin:0 0 30px; }
	.story_stream_items .result { float:left; width:100%; max-width:930px; padding:20px 0 15px; border-bottom:2px solid #EBEBEB; }
		.story_stream_items .result p { margin:0; }
		
		.story_stream_items .result .excerpt { font-family:"Domine", serif; font-size:0.85em; line-height:1.6em; padding:10px 0; }
	
	.story_stream_items .photo { float:left; margin-right:25px; width:200px; }
		.story_stream_items .photo img { border:3px solid #000000; }
	
	.story_stream_items .result a { padding-left:5px; font-size:1em; }
	
	.story_stream_items .result .date { color:#808080; font-size:0.8em; }

#stream_content_app .load_more_container {
	background: #DC0000;
	width: 200px;
	margin: 0 auto;
}
#stream_content_app .story_stream_load_more {
	font-size: 18px;
	width: 200px;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	background: #DC0000;
	text-align: center;
	display: block;
	border: none;
	margin: 10px 0 30px;
}
/* Loading spinner */
#stream_content_app .loading {
  background: #fff url(/asset/img/ajax-black-sm.gif) center center no-repeat;
  width: 300px;
  height: 32px;
}
body.story-stream .title-wrapper .social {
	padding-left: 10px;
	overflow:auto;
}
body.story-stream .title-wrapper .social .icon {
	background: url(/asset/img/social-icons.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    margin: 0 5px 0 0;
    width: 31px;
    cursor: pointer;
}
body.story-stream .title-wrapper .social .icon.fb_icon {
	background-position: -37px 0;
}
.stream-header .stream-details .title-wrapper .summary {
	float: left;
}
@media only screen and (max-width:767px) {
	body.story-stream .title-wrapper .social {
		padding-left: 20px;
		min-width: 90px;
		display: block;
		top: 50%;
		position: absolute;
		transform: translateY(-50%);
	}
}