/* SECTION STYLES - VIDEO.CSS */
h1 { color:#EB2026; font-size:2em; 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; }
h2.links { color:#EB2026; margin:0; }
#taboolaWidget h2 { margin-top:0; }

/*.alpha-container { float:left; width:100%; margin-top:-1px; }
	
	.alpha { margin:0 387px 0 189px; padding:50px 3% 50px 4%; }*/
		.landing-header { width:100%; text-align:left; padding:0 0 10px; border-bottom:7px solid #EB2026; }
			.landing-header .label { padding-top:12px; display:inline-block; color:#919191; font-size:0.75em; }
			.landing-header img { vertical-align:middle; }
			.landing-header select {border: solid 1px #EBEBEB; color:black; background-color:white; padding:0.3em;}
			.links-dropdown {display:none;}
		div.contents {display:none;}
		div.contents.show {display:block;}
		ul.tab-nav {padding-left:0;margin-bottom:1em;}
		ul.tab-nav li {display:inline-block; border-right: solid black 2px; padding:0 0.5em 0 0; margin: 0 0.5em 0 0;}
		ul.tab-nav li:last-child {border-right:none;}
		ul.tab-nav li a {text-decoration:none; margin-bottom:0.5em;}
		ul.tab-nav li a:hover, ul.tab-nav li a.on {border-bottom: 2px solid #EB2026;}
			div.links {display:none;}
				div.links ul {padding-left:0px;}
			div.links.show {display:block;}

		.section-border {  border-bottom: 2px solid #ebebeb; display: block; height: 2px; padding-top: 40px; position: relative; top: 17px; width: 100%; }
		.video-section { background-color: #eb2026; color: #ffffff; display: inline-block; font-family: "ROBOTO",sans-serif; font-size: 0.7em; font-weight: bold; padding: 12px 15px; position: relative; text-transform: uppercase; word-spacing: 0.7em; }
		.section-tab { border-bottom: 17px solid #710e11; border-right: 13px solid transparent; height: 0; position: absolute; right: -13px; top: 0; width: 0; }
		
		.video-top { display: inline-block; margin-top: 30px; padding-bottom: 20px; max-width: 750px; width:100%; }
			.video-title-wrapper { float: left; width: 77%; }			
				.video-title-wrapper .video-title { font-family: "ROBOTO",sans-serif; padding: 0 15% 0 0; }
				.video-title-wrapper .byline a { font-size:0.8em; color:#000000; }
				.video-title-wrapper .byline a.rec-auth { color:#919191; }
				
				.video-top .paging a { color:#000000; font-size:0.75em; }
				.video-top .paging .arrow { vertical-align:sub; }
					.video-top .paging .arrow img { width:15px; }
					
			body.links .byline { font-size:0.75em; }
			
			.video-social { float: left; text-align: right; width: 23%; font-size:0.95em; font-weight:bold; }
				.video-social .socialBar { padding:25px 0 0; width:100%; }
					.video-social .socialBar .left { float:right; }
					
					.socialBar-clicks { color: #eb2026; display: inline-block; height: inherit; vertical-align: middle; }
						.socialBar-clicks .label { color: #919191; font-size: 0.8em; text-transform: capitalize; }
					
					.socialBar-divide { color: #b7b7b7; display: inline-block; height: inherit; padding: 0 3px; vertical-align: middle; } 
					
					.socialBar-shares { color: #eb2026; display: inline-block; height: inherit; vertical-align: middle; }
						.socialBar-shares .label { color: #919191; font-size: 0.8em; text-transform: capitalize; }
						
				.breaking-embed { }
			.breaking-play { position:absolute; top:40%; left:50%; cursor:pointer; }
		
		.breaking-text { font-family:"Domine", serif; font-size:0.95em; line-height:1.6em; }
			.breaking-text a { color:#EB2026; }
			
		.breaking-related { margin:30px 0; }	
			.breaking-related .label { font-size:0.8em; font-weight:bold; text-transform:uppercase; margin:20px 0; }
			.breaking-related .title { line-height:1.7em; }
				.breaking-related .title a { font-weight:bold; }
				.breaking-related .title a.auth { color:#919191; font-weight:normal; padding-left:10px; }
				.breaking-related .title .source { font-size:0.8em; }
						
		body.links .body-photo-inline { margin:30px 0; }
		
		.video-body-text { clear: both; font-family: "Domine",serif; font-size: 1em; line-height: 1.9em; padding: 0 20px 10px 0; }			
			.video-body-text p { margin:35px 0; padding-right:0; }
				
		.pop-header { border-top:7px solid #000000; margin-top:40px; }
			.pop-header h2 { margin-top:15px; }
		
		.pop-wrapper { margin-left:-30px; display:inline-block; }	
		.pop-item { float:none; display:inline-block; vertical-align:top; width:45.8%; margin-left:30px; padding-bottom:30px; }
			.pop-item .photo {}
			.pop-item .title { padding:15px 50px 15px 0; line-height:1.2em; }
				.pop-item .title a { font-weight:bold; font-size:0.95em; }
			.pop-item .source { font-size:0.75em; }
			
		.cat-header { border-top:7px solid #000000; }
			.cat-header h2 { margin-top:15px; }
		
		.cat-wrapper { margin-left:-14px; display:inline-block; }	
		.cat-item { float:none; display:inline-block; vertical-align:top; width:31%; margin-left:14px; padding-bottom:30px; }
			.cat-item .photo {}
			.cat-item .title { padding:15px 5px 15px 0; line-height:1.2em; }
				.cat-item .title a { font-weight:bold; font-size:0.95em; }
			.cat-item .source { font-size:0.75em; }
			
		.cl-cat-header { margin-top:20px; }
		.cl-header-text { font-family:"Domine", serif; font-size:0.95em; line-height:1.6em; margin:20px 0; }



body.links .gamma { background-color:#F8FAF9; }
.gamma { float:left; width:189px; margin-left:-100%; margin-top:73px; background-color:#F8FAF9; margin-bottom:-99999px; padding-bottom:99999px; }
	.gamma ul { padding:0; margin:0; position: fixed; top: 75px; width: 181px; background-color: #F8FAF9;}
		.gamme ul li {padding:0;}
		.gamma ul li a:hover, .gamma ul li a.on { background-color:#3D3D3D; color:#FFFFFF;}
			.gamma ul li a { display:block; color:#000000; font-weight:bold; font-size:0.9em; text-decoration:none; padding:20px 0 20px 15px; border-bottom:2px solid #E4E4E4;}
	
/*.beta-container { float:left; width:386px; margin-left:-387px; margin-top:-1px; border-left:1px solid #EBEBEB; }
	.beta { margin:35px auto; width:300px; }*/
	body.links .rec-link-body .byline { font-size:1.1em; }

.footer-wrapper { display:inherit; }

.links .top-banner {text-align: center;margin-left: 182px;border-bottom: 1px solid #EBEBEB;}
.links .top-banner .RC-AD-TOP-BANNER {margin: 10px auto;}

/********************************************************** RESPONSIVE STYLES **************************************************************/

/* DESKTOP & TABLET STYLES */

/* BREAKING VIDEO HEADER STYLES */
@media only screen and ( min-width : 1025px ) and ( max-width : 1439px ){
		body.links .alpha { margin:0 387px 0 189px; }
}

@media only screen and ( min-width : 1289px ) and ( max-width : 1346px ){
	.video-title-wrapper { width:75%; }
		.video-title-wrapper h1 { font-size:1.7em; }
		
	.video-social { width:25%; }
}

@media only screen and ( min-width : 1112px ) and ( max-width : 1288px ){
	.video-title-wrapper { width:66%; }
		.video-title { padding:0; }
		.video-title-wrapper h1 { font-size:1.4em; }
		
	.video-social { width:34%; }
}

@media only screen and ( min-width : 1025px ) and ( max-width : 1111px ){
	.video-title-wrapper { width:57%; }
		.video-title-wrapper h1 { font-size:1em; }
		
	.video-social { width:43%; }
}

@media only screen and (min-width:768px) and (max-width:919px) {
	body.links .top-banner {margin-left: 0px;}
	body.links .top-banner .RC-AD-TOP-BANNER {margin-left:auto;}
}

/* VIDEO SECTION STYLES - POPULAR, POLITICAL, CHANGING LANES, ETC,. */
@media only screen and ( min-width : 1275px ) and ( max-width : 1405px ){
	.pop-item { width:44%; }
}

@media only screen and ( min-width : 1280px ) and ( max-width :  1371px ){
	.cat-item { width:30%; }	
}

@media only screen and ( min-width : 1178px ) and ( max-width :  1279px ){
	.cat-item { width:47%; }	
}

@media only screen and ( min-width : 1161px ) and ( max-width : 1274px ){
	.pop-item { width:44%; }
}

@media only screen and ( min-width : 1025px ) and ( max-width :  1177px ){
	.cat-item { width:45%; }	
}

@media only screen and ( min-width : 1025px ) and ( max-width : 1160px ){
	.pop-item { width:42%; }
	.pop-item .title { padding:15px 10px 15px 0; }
}

/* BASE VIDEO RESPONSIVE STYLES - DESKTOP & TABLET */

@media only screen and ( max-width : 1024px ){
	.gamma { display:none; }
	.links-dropdown {display:inline;}
	h2.links{float:left;}
	.landing-header {text-align:right;}


	
	.video-social { width:100%; }
		.video-social .socialBar { display:block; }
			.video-social .socialBar .left { float:left; }	
			
	.video-title-wrapper { width:100%; }	
		.video-title-wrapper .video-title { padding:0 5% 0 0; }
			.video-title-wrapper .video-title h1 { font-size:3.2vw; }
	
	.pop-item { width:43%; }
	
	.cat-item { width:47%; }
	

	
}

@media only screen and ( max-width : 973px ){
	.cat-item { width:97%; }
}

@media only screen and ( max-width : 875px ){
	.pop-item { width:93%; }
}

/* SMARTPHONE STYLES */

@media only screen and ( max-width : 767px ){
		/*.beta-container { display:none; }*/
		.landing-header {margin-top:2em;}
		/*body.links .alpha { margin:0; }
		
		.alpha-container { margin-top:35px; }
			.alpha { margin:30px 0 0 0; padding:0 3% 50px 4%; }*/
	.top-banner {border:medium none;margin-left:0px;padding:10px 0px;}
	.top-banner .RC-AD-TOP-BANNER {display:none;}
			body.links .video-title-wrapper { margin-top:10px; }
			
			.body-photo-inline .body-photo:hover .hover-social {
				display: none;
			}
}

@media only screen and ( max-width : 414px ){
	.video-title-wrapper .video-title h1 { font-size:1.3em; margin:0 0 10px; }
}

/*Mobile Menu added by Javascript*/
.mobile-links-section{
    display:block;
    width:100%;
    margin-top:20px;
    background-color: #F8FAF9;
}

.mobile-links-section:before,
.mobile-links-section:after{
    display:block;
    content: " ";
    clear:both;
}

.mobile-links-section ul {
    padding: 0;
    margin: 0;
    width: 181px;
    width:100%;
}

.mobile-links-section li{
    list-style-type: none;
    padding: 0;
    float:left;
}

.mobile-links-section li a{
    display: block;
    color: #000000;
    font-weight: bold;
    font-size: 0.9em;
    text-decoration: none;
padding: 10px 10px 10px 10px;
    border-right: 2px solid #E4E4E4
}

.mobile-links-section ul li a:hover, .mobile-links-section ul li a.on {
    background-color: #3D3D3D;
    color: #FFFFFF;
}

.mobile-links-section li:last-child a{
  border-right:none;
}

@media only screen and (min-width:768px) and (max-width: 824px){
  .mobile-links-section li a{
    font-size:.7em;
  }
}

@media only screen and (min-width:425px) and (max-width: 767px){
  .mobile-links-section li a{
    font-size:.7em;
  }
}

@media only screen and (min-width:375px) and (max-width: 424px){
  .mobile-links-section li a{
    font-size:.63em;
  }
}

@media only screen and (max-width: 374px){
  .mobile-links-section li a{
    font-size:.5em;
  }
}