/* SECTION STYLES - VIDEO.CSS */ h1 { font-size:1.8em; 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 { text-align:left; margin:0; } #taboolaWidget h2 { margin-top:0; } .video .top-banner {text-align:center; /*margin-left:182px;*/ border-bottom:1px solid #EBEBEB;} .video .top-banner .RC-AD-TOP-BANNER {margin:10px auto; } .video .top-banner .RC-AD-MOBILE-BANNER {display:none; margin:auto; width:320px; height:auto;} .video-perma .alpha .RC-AD-TOP-BANNER {display:none;} .video-perma .alpha .RC-AD-MOBILE-BANNER { display:none;} .video .alpha .bottom-banner {margin:0 0 10px 0; border-top:1px solid #ebebeb; padding-top:10px;} .video-perma .alpha .bottom-banner {border-top:0; padding-top:0;} .video .alpha .bottom-banner .RC-AD-BOTTOM-BANNER {margin:0 auto;} .alpha .RC-AD-BOX-TOP, .alpha .RC-AD-BOX-MIDDLE, .alpha .RC-AD-BOX-BOTTOM, .alpha .RC-AD-BOX-MOBILE_1, .alpha .RC-AD-BOX-MOBILE_2 { display:none; margin:10px auto;} body.date-based .dos-col .alpha {margin-left:10px !important;} .center_crop_image { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /* .video-perma .top-banner {border-bottom:1px solid #ebebeb;} .video-perma .top-banner .RC-AD-TOP-BANNER {margin:10px auto;} .video-perma .top-banner .RC-AD-MOBILE-BANNER {display:none; margin:10px; auto; width:320px; height:auto; } */ body.video-landing .alpha-container { float:left; width:100%;} body.video-landing .alpha {border-right:1px solid #EBEBEB; margin:0 335px 0 0; padding:20px 35px 50px 0; } body.video-landing .beta-container { margin-left:-300px;} body.video-landing .beta { margin:20px auto; width:300px; } .beta .social_links { background: #fff; margin-bottom:5px; padding-top: 15px; text-align:center; box-sizing: border-box; height: 55px; } /*with left column*/ /*body.video-landing .alpha {border-right:1px solid #EBEBEB; margin:0 335px 0 185px; padding:20px 35px 50px; }*/ /*without left column */ .landing-header { width:100%; text-align:right; padding:0 0 10px; }/*color*/ .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: 20px; position: relative; top: 17px; width: 100%; } .video-section { 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:0; width:100%; } .video-title-wrapper { float: left; width: 75%; } .video-title-wrapper .video-title { font-family: "ROBOTO",sans-serif; padding: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.video .byline { font-size:0.75em; color:#919191;} .video-social { float: left; text-align: right; width: 25%; font-size:0.95em; font-weight:bold; } .video-social .socialBar { padding:25px 0 0; width:100%; } .video-social .socialBar .left { float:right; } .socialBar-clicks { 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 { display: inline-block; height: inherit; vertical-align: middle; } .socialBar-shares .label { color: #919191; font-size: 0.8em; text-transform: capitalize; } .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-related {margin-bottom:20px;} .breaking-related .label { font-size:1em; font-weight:bold; margin:10px 0; } .breaking-related .label:after { display: block; border-bottom: solid 2px #000; content: ''; padding-bottom: 5px; } .breaking-related ul {margin:0 0 0 20px; padding:0; list-style-position: outside;} .breaking-related ul li.title {list-style-type:circle; line-height:1.1em; padding-bottom:7px;} .breaking-related ul li.title a {font-weight: bold;;} .breaking-embed { height:auto; overflow:hidden; margin-bottom: 20px; overflow: auto; } .breaking-embed img { width:100%; margin:-13% 0; } .breaking-embed > a { overflow: hidden; float: left; margin-right: 4%; width: 48%; position: relative; } .breaking-embed > a > .dummy { padding-top: 75%; /* 4:3 aspect ratio */ } .breaking-embed .right_section { float: right; width: 48%; } .breaking-embed .right_section ul.related { list-style:disc; padding-left: 15px; margin-top: 15px; clear: right; } body.video .body-photo-inline { margin:20px 0 0; } body.video .rc_video_player_container #ooyalaplayer {position:relative; z-index:1;} .video-body-text { clear: both; font-family: "Domine",serif; font-size: 1em; line-height: 1.9em; padding: 0 0 40px 0; } .video-body-text p { margin:0; padding-right:0; } .video-body-text blockquote {color:#000; background:#f5f5f5; padding:10px; margin: 1em 40px 1em 40px;} #related-footer { margin:0 0 20px; } .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%; margin-left:30px; padding-bottom:30px; } .pop-item .photo {} .pop-item .photo img {width:100%;} .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; } body.video-perma #political { clear:both;} .cat-header { border-top:7px solid #000000; position: relative;} .cat-header h2 { margin-top:20px; } .cat-wrapper { margin-left:-14px; display:inline-block; } .cat-item { float:none; display:inline-block; vertical-align:top; width:30.4%; margin-left:14px; padding-bottom:30px; } .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; } .cat-wrapper .cat-item { width: 22.9%; margin-bottom: 0px; } .cat-wrapper .cat-item .photo > a { overflow: hidden; position: relative; display: block; } .cat-wrapper .cat-item .photo > a > .dummy { padding-top: 75%; /* 4:3 aspect ratio */ } .cat-wrapper .cat-item .date { font-size:0.75em; color:#919191; display:inline-block; } .cat-wrapper .cat-item .title { padding: 15px 5px 0px 0px; line-height: 1.1; font-size: 0.9em; } .cat-wrapper .cat-item .title.ajaxTitle { display:inline-block; margin-top:-15px; } .cat-wrapper .cat-item .title a { font-size: 0.9em; } .ajaxLeft { padding-top: 5px; display: none; margin-left: 30px; margin-right: -45px; } .loadMoreBtn { display:table; font-size: 0.9em; font-weight: bold; cursor: pointer; border-radius: 7px; width: 180px; margin: 0px auto 20px; color: white; text-align: center; vertical-align: text-top; height: 38px; padding: 3px 10px 0px; } .loadMoreBtn:hover { background-color:#9A0000; } .loadMoreText { display: table-cell; vertical-align: middle; } .cat-item-row { margin-left: 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #999; } .cat-item-row .photo { width: 40%; display:table-cell; vertical-align: top; width:323px; } .cat-item-row .photo > a { overflow: hidden; position: relative; display: block; } .cat-item-row .photo > a > .dummy { padding-top: 75%; /* 4:3 aspect ratio */ } .cat-item-row .title { padding-left: 20px; width:auto; display:table-cell; vertical-align:top; } .cat-item-row .title a { font-size: 1.2em; font-weight: bold; } .cat-item-row .section-social { float: right; width: auto; margin-left: 10px; } .cat-item-row .section-social .socialBar { padding-top: 0; } .cat-item-row .excerpt { padding-top: 14px; font-size:0.8em; } .cl-cat-header { margin-top:20px; } .cl-header-text { font-family:"Domine", serif; font-size:0.95em; line-height:1.6em; margin:20px 0; } .gamma { float:left; width:182px; margin-left:-100%; margin-top:-110px; background-color:#F8FAF9; margin-bottom:-99999px; padding-bottom:99999px; position: relative;;} .gamma ul { padding:0; margin:0; } .gamma ul.fixed {position:fixed; top:200px; left:0; z-index:10;} .gamma ul li { padding:20px 0 20px 15px; border-bottom:2px solid #E4E4E4; } .gamma ul li:hover { background-color:#3D3D3D; } .gamma ul li:hover a { color:#FFFFFF; } .gamma ul li a { color:#000000; font-weight:bold; font-size:0.9em; text-decoration:none; } /*body.video-landing .video-perma .beta-container { margin-left:-325px; margin-top:0px;} body.video-landing .video-perma .beta-container .beta {width:300px; margin:0px auto 35px auto;}*/ body.video .rec-link-body .byline { font-size:1.1em; } .footer-wrapper { display:inherit; } .RC-AD.RC-AD-BOX-TOP.MOBILE-ONLY {display:none; width:300px; margin:auto;} .goldmanclickthrough {width:100%; height:100%; /*background-color:#ccc;*/ position:absolute; left:0; top:0; z-index:111111111111;} /*Floating video to the right on scroll section*/ .video_float { position: fixed; z-index: 2147483647; transition: top 0.2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.74902) 10px 10px 44px -11px; width:300px; height:170px; } .video_float iframe, .video_float embed, .video_float object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video_float > div{ top: 0; left: 0; width: 100%; height: 100%; } .video .cat-header .send-tips-wrapper{ float:right; margin-top: 5px; font-weight: bold; } .video .cat-header .send-tips:hover{ opacity: .8; -wekkit-opacity:0.8; } .video .send-tips-item .social-media-image{ padding-right: 5px; height: 12px; } .video .send-tips-item a { /*display: block;*/ padding-bottom: 5px; padding-right: 5px; color: #000; } .send-tips-item a:hover{ color:#d30015; } /********************************************************** RESPONSIVE STYLES **************************************************************/ @media only screen and ( max-width:1179px ){ body.video .video-social {display:block; float: none; width:100%; text-align: left; } body.video .video-social .socialBar {padding:15px 0 0;} body.video .video-social .socialBar .left {float:left;} body.video .video-title-wrapper {display:block; float:none; width:100%;} body.video .pop-item {width:41%;} body.video .pop-item .title {padding:15px 0;} body.video .cat-item {width:44%; margin-left:15px;} body.video .cat-item .title {padding:15px 0;} body.video .rc_video_player_container #ooyalaplayer {height:250px !important;} body.video #ooyalaplayer .plugins video {left:0 !important;} /*android device browser ad position bug fix*/ body.video .top-banner .RC-AD-TOP-BANNER {display:block;} body.video .alpha .bottom-banner {display:none;} /* body.video-perma .alpha .RC-AD-MOBILE-BANNER {display:none;} body.video-perma .alpha .RC-AD-TOP-BANNER {display:none;} */ } @media only screen and (max-width:1024px){ body.video .rc_video_player_container #ooyalaplayer {width:100% !important; height:300px !important;} .rc_video_player_container iframe { width:100%; } /*.breaking-embed .right_section ul.related {clear:both; padding-top:10px; padding-left:20px;} */ } /*@media only screen and (max-width:1120px){ body.video-perma .RC-AD-TOP-BANNER {display:none;} body.video-perma .RC-AD-MOBILE-BANNER {display:block;} }*/ /*NO ROOM FOR LEFT MENU */ @media only screen and ( min-width:768px ) and ( max-width:919px ){ body.video-landing .top-banner .RC-AD-TOP-BANNER {margin-left:auto;} body.video-landing .gamma {display:none;} body.video-landing .alpha { margin:0 310px 0 0; padding:10px 10px 50px;} body.video .top-banner {margin-left:0;} body.video-landing .beta-container {margin-left:-301px;} body.video .pop-item {width:44%;} body.video .pop-item .title {padding:15px 0;} body.video .cat-item {width:46%; margin-left:15px;} body.video .cat-item .title {padding:15px 0;} .breaking-embed .right_section { float: none; width: auto; } .breaking-embed .right_section ul.related {clear:both; padding-top:10px; padding-left:20px;} .breaking-embed .right_section .excerpt {padding-left:220px;} } /* SMARTPHONE STYLES */ @media only screen and ( max-width : 767px ){ body.video-landing .alpha {margin:10px 0; padding:0 10px; border:none;} body.video-landing .beta-container {display:none;} .alpha .RC-AD-BOX-TOP, .alpha .RC-AD-BOX-MIDDLE, .alpha .RC-AD-BOX-BOTTOM, .alpha .RC-AD-BOX-MOBILE_1, .alpha .RC-AD-BOX-MOBILE_2 {display:block;} /*body.video-landing .top-banner {margin-left:0; border-bottom:none;} body.video-landing .top-banner .RC-AD-TOP-BANNER {display:none;} body.video-landing .top-banner .RC-AD-MOBILE-BANNER {display:block;} body.video-landing .alpha .RC-AD.RC-AD-BOX-TOP.MOBILE-ONLY {display:block;} */ body.video-landing .gamma {display:none;} /*body.video-perma .top-banner {display:none;}*/ body.video .top-banner .RC-AD-TOP-BANNER {display:none;} body.video .top-banner .RC-AD-MOBILE-BANNER {display:block;} body.video-perma .alpha .RC-AD-MOBILE-BANNER {display:none;} body.video-perma .alpha .RC-AD-TOP-BANNER {display:none;} body.video .video-title-wrapper { margin-top:10px; } body.video .body-photo-inline .body-photo:hover .hover-social {display: none;} body.video .landing-header .label {font-size:0.5em;} body.video .video-title-wrapper .video-title h1 {font-size:1.5em;} .top-banner {border:none; margin-left:0; padding:10px 0;} body.video .pop-wrapper {margin:0;} body.video .pop-header h2 {font-size:1.5em;} body.video .pop-item {width:100%; margin:0;} body.video .pop-item .title {padding:15px 0;} body.video .cat-wrapper {margin:0;} body.video .cat-header h2 {font-size:1.5em;} body.video .cat-item {/*width:auto;*/ width:100%; margin:0;} body.video .cat-item .title {padding:15px 0;} body.video .cat-item-row {margin-left:0;} body.video .cat-item-row .excerpt {display:none;} body.video .rc_video_player_container #ooyalaplayer {height:250px !important;} } @media only screen and (max-width: 529px) { .breaking-embed > a { overflow: hidden; float: none; margin-right: 0; width: auto; position: relative; display: block; margin-bottom: 20px; } .breaking-embed .right_section { float: none; width: auto; } .cat-header h2{ margin-top: 25px; } } @media only screen and ( max-width : 320px ){ body.video .RC-AD-MOBILE-BANNER {margin-left:-10px;} } /* Latest Political Videos Vue.js App */ #rc-latest-political-videos-app { margin: 20px -20px 40px 0; } #rc-latest-political-videos-app .app_container .videos { overflow: auto; } #rc-latest-political-videos-app .app_container .videos .video_item { box-sizing: border-box; display: inline-block; width: 25%; padding-right: 20px; padding-bottom: 20px; vertical-align: top; } #rc-latest-political-videos-app .app_container .videos .video_item > a { box-sizing: border-box; display: block; width: 100%; padding-top: 75%; position: relative; color: #fff; } #rc-latest-political-videos-app .app_container .videos .video_item > a .image { background-size: cover; background-color: #000; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } #rc-latest-political-videos-app .app_container .videos .video_item > a .date { background: rgba(0,0,0,0.5); padding: 10px; position: absolute; top: 0; right: 0; } #rc-latest-political-videos-app .app_container .videos .video_item > .text { font-size: 13px; font-weight: bold; line-height: 1.1; padding: 15px 0 0; } #rc-latest-political-videos-app .app_container .load_more_container { width: 180px; margin: 0 auto; } #rc-latest-political-videos-app .app_container .videos_load_more { font-size: 13px; width: 180px; height: 38px; border-radius: 7px; vertical-align: text-top; font-weight: bold; color: #fff; padding: 3px 10px 0px; cursor: pointer; background: #9A0000; text-align: center; display: block; border: none; } #rc-latest-political-videos-app .app_container .load_more_container:hover .videos_load_more { opacity: 0.75; } @media only screen and (max-width: 567px) { #rc-latest-political-videos-app .app_container .videos .video_item { width: 100%; padding-right: 20px; } #rc-latest-political-videos-app .app_container .videos .video_item:nth-child(2n) { padding-left: 0; } } /* Vertical colors */ #rc-latest-political-videos-app.politics .app_container .videos_load_more { background-color: #D30015; } #rc-latest-political-videos-app.politics .app_container .videos .video_item > a .image { background-color: #ffffff; } #rc-latest-political-videos-app.markets .app_container .videos_load_more { background-color: #669933; } #rc-latest-political-videos-app.markets .app_container .videos .video_item > a .image { background-color: #669933; } #rc-latest-political-videos-app.world .app_container .videos_load_more { background-color: #0C124D; } #rc-latest-political-videos-app.world .app_container .videos .video_item > a .image { background-color: #0C124D; } #rc-latest-political-videos-app.science .app_container .videos_load_more { background-color: #37414A; } #rc-latest-political-videos-app.science .app_container .videos .video_item > a .image { background-color: #37414A; } #rc-latest-political-videos-app.sports .app_container .videos_load_more { background-color: #003399; } #rc-latest-political-videos-app.sports .app_container .videos .video_item > a .image { background-color: #003399; } #rc-latest-political-videos-app.history .app_container .videos_load_more { background-color: #CC6600; } #rc-latest-political-videos-app.history .app_container .videos .video_item > a .image { background-color: #CC6600; } #rc-latest-political-videos-app.future .app_container .videos_load_more { background-color: #004952; } #rc-latest-political-videos-app.future .app_container .videos .video_item > a .image { background-color: #004952; } #rc-latest-political-videos-app.religion .app_container .videos_load_more { background-color: #81C0C8; } #rc-latest-political-videos-app.religion .app_container .videos .video_item > a .image { background-color: #81C0C8; } #rc-latest-political-videos-app.energy .app_container .videos_load_more { background-color: #70AB41; } #rc-latest-political-videos-app.energy .app_container .videos .video_item > a .image { background-color: #70AB41; } #rc-latest-political-videos-app.health .app_container .videos_load_more { background-color: #DBB706; } #rc-latest-political-videos-app.health .app_container .videos .video_item > a .image { background-color: #DBB706; } #rc-latest-political-videos-app.investigations .app_container .videos_load_more { background-color: #5D5D5D; } #rc-latest-political-videos-app.investigations .app_container .videos .video_item > a .image { background-color: #5D5D5D; } #rc-latest-political-videos-app.education .app_container .videos_load_more { background-color: #8D0000; } #rc-latest-political-videos-app.education .app_container .videos .video_item > a .image { background-color: #8D0000; } #rc-latest-political-videos-app.defense .app_container .videos_load_more { background-color: #485228; } #rc-latest-political-videos-app.defense .app_container .videos .video_item > a .image { background-color: #485228; } #rc-latest-political-videos-app.policy .app_container .videos_load_more { background-color: #65198E; } #rc-latest-political-videos-app.policy .app_container .videos .video_item > a .image { background-color: #65198E; } #rc-latest-political-videos-app.books .app_container .videos_load_more { background-color: #553C2D; } #rc-latest-political-videos-app.books .app_container .videos .video_item > a .image { background-color: #553C2D; } #rc-latest-political-videos-app.life .app_container .videos_load_more { background-color: #000000; } #rc-latest-political-videos-app.life .app_container .videos .video_item > a .image { background-color: #000000; } /* Loading spinner */ #rc-latest-political-videos-app .loading { background: url(/asset/img/ajax-black-sm.gif) center center no-repeat; width: 180px; height: 32px; border-radius: 5px; } .cal_container .title_container { height: 55px; } .cal_container .title_container .title { font-weight: bold; color: #fff; padding: 20px 0 0 15px; font-size: 0.9em; } body.video #searchbox_video{ padding: 12px 0px 10px 10px; margin-bottom: 15px; } /* STYLES TARGETS VIDEO ARCHIVES 05/22/2017 */ .date-archive .archive-item, .video-perma .archive-item{float:left; width:100%; padding:20px 0 20px; border-bottom:3px solid #EBEBEB; } .date-archive .archive-item .archive-image-wrapper a, .video-perma .archive-item .archive-image-wrapper a{padding:0;} .date-archive .archive-item .archive-image-wrapper img, .video-perma .archive-item .archive-image-wrapper img{ border:solid 3px #000; width:100%} .date-archive .archive-item a, .video-perma .archive-item a {padding-left:5px;} .date-archive .landing-header{float:left;} .date-archive .video-archives-date { text-align:initial; float:left; width:100%; border-bottom:solid 2px #eee;} .date-archive .video-archives-date h3{margin: 10px 0;} .date-archive .landing-header h2.sponsor {margin: 10px 0;} .date-archive .social-links img {padding-right: 5px;} .date-archive .send-tips-item a {color: #000;} .date-archive .send-tips-item a:hover{color:#990000;} .date-archive .video-archives-date{position: relative;} .date-archive .video-archives-date img.arrow-black{width:8px; margin-top: -2px;} /* LARGE SCREENS > 1024PX*/ @media only screen and (min-width:1025px){ .send-tips-wrapper { position: absolute; top: 14px; right: 10px; } .date-archive .landing-header .search-wrapper{ margin-top:14px; } .send-tips-wrapper .send-tips-item span.social-links { padding-right: 10px; } .archive-item .archive-content-wrapper, .archive-item .archive-content-wrapper {margin-left:220px;} .archive-item .archive-image-wrapper{ float:left;margin-right:20px; width:200px; } } /* IPAD STYLES*/ @media only screen and (min-width:768px) and (max-width:1024px){ .date-archive .video-archives-date h3{ text-align:center; } .date-archive .search-wrapper input.inline-search{ width:98%; } .send-tips-wrapper{ text-align:center; margin-bottom: 10px; } .date-archive .landing-header .search-wrapper{ margin-top:14px; width:100%; } .send-tips-wrapper .send-tips-item span.social-links { padding-right: 10px; } .archive-item .archive-image-wrapper{ float:left;margin-right:20px; width:200px; } .archive-item .archive-content-wrapper {margin-left:220px;} } @media only screen and (max-width:767px){ .date-archive .video-archives-date h3{ text-align:center; } .date-archive .search-wrapper input.inline-search{ width:92%; } .date-archive .landing-header .search-wrapper{ margin-top:14px; width:100%; } .send-tips-wrapper{ text-align:center; margin-bottom: 10px; } .send-tips-wrapper .send-tips-item span.social-links { padding-right: 10px; } .archive-item .archive-image-wrapper{ float:left;margin-right:20px; width:200px; } } @media only screen and (max-width: 567px){ .archive-item .archive-image-wrapper{ width:98%; } .date-archive .archive-content-wrapper { margin: 2%; } .send-tips-wrapper { position: absolute; right:5px; top:4px; } .date-archive .search-wrapper{ float:left; width:98%; } .date-archive input.inline-search{ width:96%; } .send-tips-wrapper .tips-text{ display:none; } .date-archive .archive-item .archive-content-wrapper, .video-perma .archive-item .archive-content-wrapper {margin-left:0;} } /*IPHONE 6 MEDIA QUERYS*/ @media only screen and (min-width:375px) and (max-width:667px){ .date-archive .video-archives-date h3{ text-align:left; } .send-tips-wrapper { position: absolute; top: 14px; right: 10px; } .send-tips-wrapper .send-tips-item span.social-links { padding-right: 5px; } } @media only screen and (min-width:360px) and (max-width:640px){ .date-archive .video-archives-date h3{ text-align:left; } .send-tips-wrapper .send-tips-item span.social-links { padding-right: 5px; } } @media only screen and (max-width:320px){ .send-tips-wrapper { position: relative; top:-2px; margin-bottom: 10px; } .send-tips-wrapper .send-tips-item span.social-links { padding-right: 5px; } } /*NEW VIDEO CSS FOR MOBILE ADS*/ .video .top-banner .RC-AD-BOX-TOP, .video .alpha-container .RC-AD-BOX-MIDDLE, .video .alpha-container .RC-AD-BOX-BOTTOM, .video .alpha-container .RC-AD-BOX-BOTTOM-600, .video .alpha-container .RC-AD-BOX-MOBILE_1, .video .alpha-container .RC-AD-BOX-MOBILE_2 { margin: 5px auto; } @media only screen and ( min-width : 768px ) { .video .top-banner .RC-AD-BOX-TOP, .video .alpha-container .RC-AD-BOX-BOTTOM-600, .video .alpha-container .RC-AD-BOX-MIDDLE, .inline-rc-ad-middle{ display: none; } } body.date-based .inline-rc-ad-middle:before, body.date-based .inline-rc-ad-middle:after{ content: " "; clear: both; display: block; } /*DATE BASED ARCHIVES MIDDLE AND BOTTOM ADS NEED NEGATIVE MARGIN TO FIT*/ body.date-based .inline-rc-ad-middle:nth-child(1n), body.date-based .inline-rc-ad-middle:nth-child(2n){ margin-left: -5px !important; } @media only screen and ( max-width: 374px ) { body.date-based .inline-rc-ad-middle:nth-child(1n), body.date-based .inline-rc-ad-middle:nth-child(2n){ margin-left: -10px !important; } } @media only screen and ( max-width : 767px ) { .video-landing .alpha .RC-AD-BOX-MIDDLE, .video-landing .alpha .RC-AD-BOX-BOTTOM{ margin-bottom: 20px; } } /* *Jan 02 2018 video was not displayed properlty */ body.video .rc_video_player_container iframe{ left:0 !important; } /* Print Styles */ @media print { .top-banner, .beta-container, .spnf_container, #masthead .verticals-menu, body.video-perma #political, .footer-wrapper, #revContentWidget, .RC-AD, #rc-latest-political-videos-app, .rcmg_auth, div[data-spotim-module="recirculation"], .inline_sign_up_box, #related-footer, .video-top .paging { display: none; } .dos-col .alpha { margin: 0; border-right: none; } #masthead-wrapper { position: static; } #container { padding-top: 0; } body.video { margin: 0; } }