/* 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.sponsor { color:#EB2026; float:left; margin:0; } body.date-based h3 { font-size:1.3em; } body.date-archive a { font-weight:bold; line-height:1.5em; } body.date-based .dos-col .alpha { margin-left:145px; } body.entry h2 { margin:0 0 20px; } body.entry .more-link { font-weight:bold; float:right; margin-top:0; } .alpha .post { padding:2.75px 0; } .alpha .post:last-child { margin-bottom: 30px; } .alpha .post .title { /*float:left;*/ margin-right:2px; display:inline;} .alpha .post .title a { font-weight:bold; } .alpha .post .byline { display:inline-block; font-size:0.9em; } .alpha .post .byline { font-size:0.8em; display:inline; color:#000; } .alpha .post .byline a { color:#000; } /*.alpha-container { float:left; width:100%; margin-top:73px; }*/ /*body.entry .alpha { margin:0 352px 0 148px; }*/ /*.alpha { margin:0 387px 0 189px; padding:0 4% 50px 4%; }*/ .landing-header { width:100%; text-align:right; 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; } .section-border { border-bottom: 2px solid #ebebeb; display: block; height: 2px; padding-top: 40px; position: relative; top: 17px; width: 100%; } .entry-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; } .entry-top { display: inline-block; margin-top: 30px; padding-bottom: 5px; max-width: 800px; width:100%; } .RC-AD-TOP-BANNER { margin:10px auto; } .RC-AD-BOTTOM-BANNER { margin:30px auto; clear:both; min-height:90px; width:728px; } .RC-AD-MOBILE-BANNER { display:none; } .alpha .RC-AD-BOX-TOP, .alpha .RC-AD-BOX-BOTTOM { display:none; } .dos-col .alpha-container { border-top:1px solid #EBEBEB; } .entry-title-wrapper { float: left; width: 100%; } .entry-title-wrapper .entry-title { font-family: "ROBOTO",sans-serif; padding: 0 15% 0 0; } body.entry .entry-title-wrapper .byline { font-size:0.8em; } .entry-title-wrapper .byline a { color:#919191; } .entry-title-wrapper .byline a.rec-auth { color:#919191; } .entry-top .paging a { color:#000000; font-size:0.75em; } .entry-top .paging .arrow { vertical-align:sub; } .entry-top .paging .arrow img { width:15px; } body.entry .byline { font-size:1.1em; } .entry-social { float: left; text-align: right; width: 100%; padding-top:20px; font-size:0.95em; font-weight:bold; } .entry-social .socialBar { padding:0 0 0; float:left; margin-top:-7px; } .entry-social .socialBar .left { float:right; } .socialBar-clicks { color: #eb2026; display: inline-block; height: inherit; } .socialBar-clicks .label { color: #919191; font-size: 0.8em; text-transform: capitalize; } .socialBar-divide { color: #b7b7b7; display: inline-block; height: inherit; padding: 0 3px; } .socialBar-shares { color: #eb2026; display: inline-block; height: inherit; } .socialBar-shares .label { color: #919191; font-size: 0.8em; text-transform: capitalize; } .vs-entry-social { text-align:right; width:100%; display:inline-block; } .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.entry .body-photo-inline { margin:0 0; } .body-photo-inline img { /*max-width:805px;*/ width:100%; } body.entry .body-photo-inline .body-photo { height:auto !important; } .body-photo .hero_credit { position: absolute; background: rgba(0,0,0,0.5); color: #ddd; padding: 5px 10px; bottom: 0; right: 0; font-size: 10px; } .hero_credit a.attribution_url{ color:#ddd; } .entry-body-text { clear: both; font-family: "Domine",serif; font-size: 1em; line-height: 1.9em; padding: 0 20px 10px 0; } .entry-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; } /*.beta-container { float:left; width:386px; margin-left:-387px; margin-top:73px; border-left:1px solid #EBEBEB; } .beta { margin:35px auto; width:300px; }*/ body.entry .comments-label { padding-top:6px; } body.entry .comments-count { padding-top:24px; } .footer-wrapper { display:inherit; } /********************************************************** RESPONSIVE STYLES **************************************************************/ /* DESKTOP & TABLET STYLES */ /* BASE VIDEO RESPONSIVE STYLES - DESKTOP & TABLET */ @media only screen and ( max-width : 1069px) { body.date-based .dos-col .alpha { margin-left:10px; } } @media only screen and ( max-width : 1024px ){ /*.gamma { display:none; } body.entry .alpha { margin:0 307px 0 0; } .alpha { margin:0 307px 0 0; }*/ .entry-social { width:100%; } .entry-social .socialBar { display:block; } .entry-social .socialBar .left { float:left; } .entry-title-wrapper { width:100%; } .entry-title-wrapper .entry-title { padding:0 5% 0 0; } .entry-title-wrapper .entry-title h1 { font-size:1.7em; } /*.beta-container { border-left:none; margin-left:-300px; width:300px; }*/ } @media only screen and ( max-width : 550px ){ .alpha .post .byline { width:100%; } } @media only screen and ( max-width : 414px ){ /* iPhone 6+ down */ .alpha .post .title a {font-size:1.1em !important;} } /* SMARTPHONE STYLES */ @media only screen and ( max-width : 767px ){ /*.beta-container { display:none; } body.entry .alpha { margin:0; } .alpha-container { margin-top:35px; } .alpha { margin:30px 0 0 0; padding:0 3% 50px 4%; }*/ .entry-top { margin-top:0; } .RC-AD-TOP-BANNER, .RC-AD-BOTTOM-BANNER { display:none; } .RC-AD-MOBILE-BANNER { display:block; margin:10px auto; } .RC-AD-MOBILE-BANNER div { margin:0 auto; } .alpha .RC-AD-BOX-TOP, .alpha .RC-AD-BOX-BOTTOM { display:block; } .alpha .RC-AD-BOX-TOP { margin-bottom: 15px; } .entry-title-wrapper { margin-top:0; } .entry-title-wrapper h1 { margin-top:0; } .body-photo-inline .body-photo:hover .hover-social { display: none; } } @media only screen and ( max-width : 414px ){ .entry-title-wrapper .entry-title h1 { font-size:1.3em; margin:0 0 10px; } } /*NEW VIDEO CSS FOR MOBILE ADS*/ .entry .top-banner .RC-AD-BOX-TOP, .entry .alpha-container .RC-AD-BOX-MIDDLE, .entry .alpha .RC-AD-BOX-MIDDLE, .entry .alpha-container .RC-AD-BOX-BOTTOM, .entry .alpha .RC-AD-BOX-BOTTOM, .entry .alpha-container .RC-AD-BOX-BOTTOM-600, .entry .alpha .RC-AD-BOX-BOTTOM-600, .entry .alpha-container .RC-AD-BOX-MOBILE_1, .entry .alpha .RC-AD-BOX-MOBILE_1, .entry .alpha-container .RC-AD-BOX-MOBILE_2, .entry .alpha .RC-AD-BOX-MOBILE_2 { margin: 5px auto; } @media only screen and ( min-width : 768px ) { .entry .top-banner .RC-AD-BOX-TOP, .entry .alpha-container .RC-AD-BOX-BOTTOM-600, .inline-rc-ad-middle{ display: none; } }