@charset "UTF-8";
/*!
* Bootstrap v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/* ------------------- SITE STRUCTURE STARTS ------------------- */
body {font-family: Arial, Verdana, sans serif; font-size: 18px; color: #1b1b1b;}
.flex {display: flex;}
/* -------- BOOTSTRAP OVERRIDES ---------------
@import 'variables';
@import '~bootstrap/scss/bootstrap';
@import './Common/font';
@import './Common/themeVariables';
@import '~bootstrap/scss/bootstrap';
@import './Common/utils';
@import './Common/header';
@import './Common/dropzone';
@import './Common/datePicker';
@import './Common/pagination';
@import './Pages/create';
@import './Pages/details';*/
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm { z-index: 1; background-color: #FFFFFF;}
.container-xxl {padding-right: 0px; padding-left: 0px; } /* CONTAINS ALL*/
.container-xl {max-width: 1140px; width: 100%; padding-right: 0px; padding-left: 0px; } /* 20220907 width reduced from 1280px -- CONTAINS ALL CONTENT border: 1px solid green !important; */
.container-lg {max-width: 918px; width: 100%; padding-right: 0px; padding-left: 0px; } /* CONTAINS MAIN CONTENT WELL border: 1px solid black !important; */
.container-md {max-width: 450px; width: 100%; padding-right: 0px; padding-left: 0px; } /* CONTENT COL 1 2 3 border: 1px solid blue !important;*/ /* 720px; */
.container-sm { } /* CONTAINS THE SMALL HALF COLUMNS OF CONTENT IN THE HEADER border: 1px solid yellow !important; */
.card {
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: 2px dotted #a7a7a7 !important;
border-radius: 0rem;
background-color: rgba(255,255,255,0);
}
.article .card {border: 1px solid #c5c5c5;}
.card:last-child {border-bottom: none !important;}
.news-list #single-col-stories ul .card, .taxonomy-home #single-col-stories ul .card, .taxonomy-home #single-col-stories ul.card, .taxonomy-home #single-col-stories ul.card, .taxonomy-home #single-col-stories.card {border-bottom: 2px dotted #a7a7a7 !important;}
/* JF moved this on top to 'reset' link decorations */
/* KD removed > !important an unset */
a {text-decoration: none; color: inherit; cursor: pointer;}
a:hover {text-decoration: none; color: inherit; cursor: pointer;}
.taxonomy-home h1.page-title {margin-left: 1rem;}
.card-body { padding: 0rem 0rem ;}
.breaking-news .card-body, .more-news .card-body, .list-news .card-body { padding: 0rem 0rem;}
.breaking-news .card-body, .more-news .card-body, .list-news .card-body { padding: 0rem 0rem;}
.card-title {margin-bottom: 1.75rem !important;}
.breaking-news .card, .more-news .card, .list-news .card {
border-bottom: 2px dotted #a7a7a7 !important;
padding-bottom: 1.5rem;
}
.priority1 {}
.priority2 {}
.priority3 {}
.breaking-news {}
.list-news {}
ol, ul {list-style: none;}
/* ------------------- SITE STRUCTURE ENDS ------------------- */
/* ------------------- MEDIA QUERIES STARTS ------------------- */
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1280px; /* 1320px; */
}
}
/* ------------------- MEDIA QUERIES ENDS ------------------- */
/* ------------------- ADVERTISEMENTS START -------------------*/
.ad {background-color: #e6e6e6;text-align: center; display: flex;flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); padding-left: 13px; padding-right: 10px; padding-bottom: 10px; }
.ad-text {font-family: inherit; color: #333333; font-size: .60rem; text-transform: uppercase; font-weight: bold;}
.ad-leaderboard {max-width: 1280px; width: 100%; height: 120px; padding: 0px 0px; margin: 0 auto; background-color: #e6e6e6; }
.ad-imu-1 {max-width: 450px; width: 100%; height: 310px; padding: 0px 0px 10px 0px; margin: 0 auto 0px auto; background-color: #e6e6e6; text-align: center;}
.ad-imu-2 {width: 350px; height: 330px; padding: 0px 0px 0px 0px; margin: 0 auto 0px auto; background-color: #e6e6e6; text-align: center; }
.ad-imu-3 {width: 350px; height: 340px; padding: 0px 10px 0px 0px; margin: 0 auto 10px auto; background-color: #e6e6e6; text-align: center; }
.ad-hp {width: 300px; height: 630px; padding: 0px 0px 0px 0px; margin: 0 auto 0px auto; background-color: #e6e6e6; text-align: center; }
.ad-sponsored-resources {max-width: 350px; width: 100%; height: 500px; padding: 0px 10px 20px 20px; margin: 0 auto; background-color: #e6e6e6; }
.ad-ribbon {max-width: 1280px; width: 100%; max-height: 110px; height: 100%; padding: 0px 0px 20px 0px; margin: 0 auto; background-color: #e6e6e6; }
.ad-sponsored-post {max-width: 340px; width: 100%; height: 250px; height: 100%; padding: 0px 2px 20px 2px; margin: 0 auto; background-color: #e6e6e6;}
.ribbon, .mobileribbon {margin: 0 auto; text-align: center;padding: 5px 5px; background-color: rgba(230, 230, 230, 0.7);}
#imu1forarticles {height: 350px; text-align: center;}
/* ------------------- ADVERTISEMENTS END ------------------- */
/* ------------------- GENERAL SITE CSS AND PAGE INFO START ------------------- */
.home .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.taxonomy-home .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.news-list .parent, .tag-list .parent, .search-result-list .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.news .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.companies .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.awards .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.lists .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.events .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.sponsored .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.about .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.research .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.author-bio .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.meet-the-editors .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.edit-digital-newsroom .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.slideshows .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.article .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.search-results .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.error-page .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.flat-list .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.flat-page .parent {max-width: 1140px; width: 100%; } /* 20220907 width reduced from 1280px */
.crn-top {max-height: 400px; height: 100%;}
/* ------------------ BORDERS START ---------------------- */
.red-border-top {border-top: 2px solid #ed1c24; position:relative; z-index:11;}
.red-border-bottom {border-bottom: 2px solid #ed1c24; position:relative; z-index:300;}
.red-border:before {
content:"";
display:block;
position:absolute;
z-index:10;
top:2px;
left:2px;
right:2px;
bottom:2px;
border-top: 2px solid #ed1c24;
border-bottom: 2px solid #ed1c24;
}
.border-all-grey {border: 1px solid #c5c5c5;}
.border-top-gray {border-top: 2px solid #c5c5c5;}
.border-bottom-gray {border-bottom: 2px solid #c5c5c5;}
.border-all-dark-gray-rounded {border: 1px solid #494949; border-radius: 20px;}
.border-all-mid-gray-rounded {border: 1px solid #8a8a8a; }
.border-all-light-gray-rounded {border: 1px solid #cccccc; }
.black-border-top {border-top: 2px solid #000000;/* position:relative; *//* z-index:13; */}
.black-border-top:before {border-bottom: 2px solid #000000; position:relative; z-index:14;}
.border-all-black-rounded {border: 2px solid #000000; border-radius: 20px;}
.red-line {border-bottom: 1px solid #ed1c24;}
.dotted-top-border {border-top: 2px dotted #a7a7a7;}
.dotted-bottom-border {border-bottom: 2px dotted #a7a7a7;}
.borderMe {border: 1px solid #ed1c24;}
/* ------------------ BORDERS END ---------------------- */
a.red-hyperlink {color: #ed1c24;}
.hideMe {display: none; visibility: hidden;}
.seeMe {display: inline-block; visibility: show;}
.hidden-div, #hidden-div { display: none; background-color: #CCCCCC;} /* KD: This is to replace the search module eventually */
/* ------------------- GENERAL SITE CSS AND PAGE INFO END ------------------- */
/* ------------------- FEATURES START ------------------- */
/* ------------------- COMPONENTS CSS STARTS ------------------- */
/* Main menu *** START *** */
#main-nav-logo {
width: auto;
height: 80px;
}
#main-menu {
padding-top: 30px;
height: 100px;
}
#main-menu-content {background-color: #f3f3f3;}
.menu-border-me { border: 1px solid #8f8f8f; }
.no-border { border: none;}
.main-menu-section-first {
margin-top: 20px;
}
.main-menu-section {
margin-top: 20px;
padding-left: 1rem; /* new 113022 */
}
.main-menu-section-col {
border-left: 1px solid #8f8f8f;
}
.main-menu-tab-button {
height: 82px;
padding-bottom: 42px;
}
.nav-link {
color: #8c8c8c;
}
.nav-tabs {
border-bottom: 0px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #f3f3f3;
border-color: #dee2e6 #dee2e6 #f3f3f3;
}
.tab-pane.active { border: 1px solid #8f8f8f; }
.mobile-nav-link::before {
width: 1.25em;
line-height: 0;
content: url("data:image/svg+xml,");
transition: transform 0.35s ease;
transform-origin: .5em 50%;
}
.mobile-nav-link[aria-expanded="true"]::before {
content: url("data:image/svg+xml,");
/* transform: rotate(90deg); */
}
.circle {
padding-left: 2px;
border: 1px solid #4d4d4d;
border-radius: 20px;
padding-right: 2px;
}
.close-button {
float:right;
}
.tools-menu {
display: inline-block;
padding-top: 30px;
height: 100px;
float: right;
}
.tools-menu .btn {
color: #ed1c24;
}
.modal-dialog {
max-width: 80%;
}
ul.main-menu-section li b {color: #333333;}
.dropdown-item, ul.main-menu-section li a.dropdown-item {
/* max-width: 80%; */
max-width: 90%;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
}
/* KD added this for desktop users and to make the click action more visually clear */
.dropdown-item:hover, ul.main-menu-section a.dropdown-item:hover {
color: #ffffff;
text-decoration: none;
background-color: #ed1c24;
}
/* Main menu *** END *** */
/* In the News Swiper *** START *** */
#inthenews {
width: 100%;
height: 60px;
/* border-top: 1px solid #8c8c8c;*/
border-bottom: 1px solid #8c8c8c;
}
.inthenews-dot {
height: 8px;
width: 8px;
margin-right: 8px;
margin-bottom:1px;
background-color: #ed1c24;
border-radius: 50%;
display: inline-block;
}
.inthenews-header {
text-transform:uppercase;
color: #ed1c24;
display: inline-block;
font-weight:600;
width: 19%;
height: 60px;
vertical-align: middle;
padding-top: 19px;
padding-left: 10px;
float: left;
}
.inthenews-item {
text-transform:uppercase;
color: #8c8c8c;
width: 200px;
margin-right: 1rem;
}
.inthenews-item a {
text-decoration: none;
color: #8c8c8c;
}
.inthenews-item a:hover {
text-decoration: none;
color: #ed1c24;
}
#inthenews-carousel {
height: 58px;
width: 80%;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
display: inline-block;
}
#inthenews-carousel .handle {
width: 400%; /* width=100% multiplied by Number of Slides */
height: 60px;
border-radius: 0px;
background-color: #fff;
}
#inthenews-carousel .handle .slide {
float: left;
position: relative;
/* width: 16%; width=100% divided by Number of Slides */
background-repeat: no-repeat;
background-position: center center;
height: 50px;
padding-top: 20px;
padding-bottom: 12px;
padding-right:10px;
background-color: #fff;
}
.dragdealer {
background: #e1e1e1;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(225, 225, 225);
height: 40px;
border-radius: 3px;
}
.masked {
object-fit: cover;
-webkit-mask-image: radial-gradient(circle at center, white 80%, transparent 100%);
mask-image: radial-gradient(circle at center, white 80%, transparent 100%);
-webkit-mask-image: radial-gradient(circle, white 80%, rgba(0, 0, 0, 0.0) 100%);
mask-image: radial-gradient(circle, white 80%, rgba(0, 0, 0, 0.0) 100%);
}
/* In the News *** END *** */
/* Subtaxonomies slider *** START *** */
#inthesubtaxonomies {
width: 100%;
height: 60px;
border-top: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
}
#inthetaxonomies-carousel {
height: 58px;
width: 100%;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
display: inline-block;
}
#inthetaxonomies-carousel .handle {
width: 400%; /* width=100% * Number of Slides */
height: 60px;
border-radius: 0px;
background-color: #fff;
}
#inthetaxonomies-carousel .handle .slide {
float: left;
position: relative;
/* width: 16%; width=100% / Number of Slides */
background-repeat: no-repeat;
background-position: center center;
height: 50px;
padding-top: 20px;
background-color: #fff;
}
#inthetaxonomies-carousel .handle .slide a {
text-transform:uppercase;
text-decoration: none;
color: #ed1c24;
}
#inthetaxonomies-carousel .handle ul.slide {
list-style: none;
}
#inthetaxonomies-carousel .handle li.slide::before{
margin-left: 8px;
margin-right: 10px;
content: "|";
}
#inthetaxonomies-carousel .handle li.slide:first-child::before {
margin-left: 0px;
margin-right: 10px;
content: "";
}
/* the hyperlink css is below with pagination */
/* Subtaxonomies slider *** END *** */
@media (min-width: 992px){
#tools-menu-mobile{
display: none;
}
#mobile-navbar {
display: none;
}
#tools-menu-desktop{
display: inline-block;
}
}
@media (max-width: 992px){
#tools-menu-mobile{
display: inline-block;
}
#tools-menu-desktop{
display: none;
}
.main-menu-section {
margin-top: 5px;
max-width:300px;
}
.main-menu-section-col {
border-left: 0px;
}
}
@media (min-width: 767px){
.inthenews-header {
width: 20%;
}
#inthenews-carousel {
width: 80%;
}
}
@media (max-width: 768px){
.inthenews-header {
width: 34%;
}
#inthenews-carousel {
width: 66%;
}
}
@media (max-width: 576px) {
.flex-sm-column {
flex-direction: column !important;
}
.ad {margin-bottom: 2rem; }
}
@media (max-width: 455px) {
.inthenews-header {
width: 34%;
padding-top: 8px;
line-height: 1.1;
}
}
/* ------------------- COMPONENTS CSS ENDS ------------------- */
/* --------------- BREADCRUMB START -----------------*/
.breadcrumb {
max-width: 1280px;
width: 100%;
padding: 0px 0px 0px 0px;
text-align: left;
overflow-x: hidden;
overflow-y: hidden;
white-space:nowrap;
height: 35px !important;
}
.breadcrumb ul {list-style: none; margin-bottom: 0px; margin-left: -15px; }
.closeup .breadcrumb ul {list-style: none; margin-bottom: 0px; margin-left: -20px; }
.breadcrumb li {
text-transform: uppercase;
margin: 0 30px 0px 0px;
overflow-y: visible;
text-align: left;
margin-inline-start: auto;
padding: 0px 5px 0px 0px;
font-family: inherit;
font-weight: bold;
font-size: 14px;
color: #8c8c8c;
text-decoration: none;
float: left;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumb ul li {color: #8c8c8c;text-decoration: none; font-family: inherit; font-weight: 600; text-transform: uppercase;}
.breadcrumb ul li a {color: #8c8c8c;text-decoration: none;}
.breadcrumb ul li a:hover, .in-the-news ul li a:focus {color: #8c8c8c;text-decoration: none;}
/* --------------- BREADCRUMB END -----------------*/
/* --------------- A-Z INTRAPAGE NAVIGATION/ANCHORS START -----------------*/
.a-z-jumps {
max-width: 1280px;
width: 100%;
padding: 0px 0px 0px 0px;
text-align: left;
overflow-x: hidden;
overflow-y: hidden;
white-space:nowrap;
/*height: 40px !important; The height is locked down to prevent text-wrapping */
}
.a-z-jumps ul {list-style: none; margin: 15px 0px 0px 15px;}
.a-z-jumps li, ul.a-z-jumps li a {
font-size: 1.20rem;
text-transform: uppercase;
text-align: left;
font-family: inherit;
font-weight: 600;
color: #ed1c24;
text-decoration: none;
float: left;
margin-right: 10px;
}
/* --------------- A-Z INTRAPAGE NAVIGATION/ANCHORS END -----------------*/
/* --------------- AWARD SECTION HEADERS NAV JUMPS START -----------------*/
.award-section-jumps {
max-width: 1280px;
width: 100%;
padding: 0px 0px 0px 0px;
text-align: left;
overflow-x: hidden;
overflow-y: hidden;
white-space:nowrap;
/*height: 40px !important; The height is locked down to prevent text-wrapping */
}
.award-section-jumps ul {list-style: none; margin: 15px 0px 0px 15px;}
.award-section-jumps li, ul.award-section-jumps li a {
font-size: 1.125rem;
text-transform: uppercase;
text-align: left;
font-family: inherit;
font-weight: 600;
color: #ed1c24;
text-decoration: none;
float: left;
margin-right: 20px;
}
li.awards-section-name-gray {color: #565656;}
.crn-award-winner-prev, .crn-award-home, .crn-award-winner-next {margin: 0 auto;}
.crn-award-winner-prev.inactive a, .crn-award-home.inactive a, .crn-award-winner-next.inactive a {color: #cccccc;}
p.awards-database-question {
font-family: inherit;
color: #1b1b1b;
font-size: 1rem;
font-weight: bold;
text-transform: capitalize;
background-color: #a0abb7;
padding: 10px 10px;
}
p.awards-database-answer {
font-family: inherit;
color: #1b1b1b;
font-size: 1rem;
font-weight: normal;
text-transform: capitalize;
background-color: #f2f2f2;
padding: 10px 10px;
}
p.awards-database-text {
font-family: inherit;
color: #1b1b1b;
font-weight: normal;
text-transform: capitalize;
}
/*-------------------- AWARDS FLAT PAGE FORMATTING STARTS ----------------- */
.article #news-article p a, .article #news-article #slideShowContainer a, #slideShowContainer p a {color: #ed1c24;}
/* .article #news-article a, Removing this lets the pagination hover work - does it break anything? */
.article #article h2 a {color: #ed1c24; text-transform: uppercase;}
.article #article form#ccsearchform .legend, .flat-list .legend, .flat-page .legend {color: #ed1c24; text-transform: uppercase; font-weight: bold;}
.article form#ccsearchform, form#ccsearchform, .awards form#ccsearchform, .lists form#ccsearchform, .flat-list form#ccsearchform, .flat-page form#ccsearchform { border: 1px solid #e8e8e8; border-radius: 15px;}
form#ccsearchform select {margin-bottom:10px;}
#searchDiv {margin: 0.6em; color: #ed1c24;text-transform: uppercase;font-weight: bold;}
#my_div {font-size: small;max-width: 760px;border: 1px solid #707070;border-radius: 15px; padding: 20px 20px;}
.data1 { margin: 5px 5px; text-align: center; border: 1px solid #a7a7a7;border-radius: 4px;}
#my_div .data1 a {}
.data1 img {margin-bottom: 10px;}
/*-------------------- Channel Chiefs specifically the individual chiefs pages - on the home page for the chief's names: -------------- */
.article #article #my_div .data1 a {color: #ed1c24; cursor: pointer; text-decoration: underline;}
#my_div .data1 text {}
/*-------------------- Tech Elite ----------------- */
.article #article .content-block .embed-container p, .flat-list .article #article .content-block .embed-container p, .flat-page .article #article .content-block .embed-container p {font-style: italic;}
.article #article .embed-container .company a {text-decoration: underline; cursor: pointer;}
.article #article .embed-container .company a:hover {color: #ed1c24;}
/*-------------------- use this for Tech Elite and MES Matters ----------------- */
.article #article #companydisplay .company a {text-decoration: underline; cursor: pointer;}
.article #article #companydisplay .company a:hover {color: #ed1c24;}
/*-------------------- MES Matters ----------------- */
.article #article #my_div .companydisplay .coname h2 a {color: #333333; text-transform: initial; cursor: pointer; text-decoration: underline; }
.article #article #my_div .companydisplay .coname h2 a:hover {color: #ed1c24;}
/*-------------------- AWARDS FLAT PAGE FORMATTING ENDS ----------------- */
/* --------------- AWARD SECTION HEADERS NAV JUMPS END -----------------*/
/* ------------------- VIDEO - BRIGHTCOVE EMBEDDED PLAYLIST STARTS ------------------- */
.videos {
text-align: center;
display: inline-block;
margin: 0 auto 3rem auto;
max-width: 800px;
width: 100%;
height: auto;
}
#playerHolder {margin-bottom: 2rem;}
div#video.video-player.clearfix {margin-bottom: 2rem; padding-top: 1rem;}
#video {
text-align: center;
display: inline-block;
margin: 0 auto;
/* height: 400px; */
max-width: 800px;
width: 100%;
/* max-height: 550px; */
height: 100%;
padding-bottom: 3rem;
overflow-x: visible;
overflow-y: visible;
border: 2px solid #ababab;
background-color: #ffffff;
}
.vjs-playlist {
padding: 0;
background-color: #ffffff;
color: #fff;
list-style-type: none;
background-color: #ffffff;
margin-top: 1rem;
display: block;
}
.vjs-playlist .vjs-playlist-horizontal .vjs-csspointerevents {
position: absolute;
width: 100%;
}
.vjs-playlist .vjs-selected, .vjs-playlist.vjs-mouse .vjs-selected {
background-color: #ed1c24;
}
#video .vjs-playlist .vjs-playlist-item {
margin-right: 2px;
position: relative;
border: 1px solid #c5c5c5;
}
.vjs-playlist-horizontal .vjs-playlist-item {
display: inline-block;
height: 100%;
margin-right: 25px;
}
.vjs-playlist-horizontal .vjs-playlist-item-list {
height: 100%;
white-space: nowrap;
background-color: #ffffff;
}
.vjs-playlist .vjs-playlist-title-container {
position: absolute;
bottom: 0;
box-sizing: border-box;
width: 100%;
color: black;
font-family: arial black;
padding: 0.5rem 0.8rem;
font-size: .550rem;
text-transform: uppercase;
text-shadow: none;
background-color: #dbdbdb;
background-blend-mode: darken;
opacity: .85;
border: 1px solid #c5c5c5;
}
/* ------------------- VIDEO - BRIGHTCOVE EMBEDDED PLAYLIST ENDS ------------------- */
/* ------------------- VIDEO - EDITORIAL DIGITAL NEWSROOMS BRIGHTCOVE EMBEDDED PLAYLIST STARTS ------------------- */
.editorial #playerHolder {margin-bottom: 2rem;}
.editorial div#video.video-player.clearfix {margin-bottom: 2rem; padding-top: 1rem;}
.editorial.featured-asset-videos, .editorial .featured-asset-videos { width: 45%; max-width: 650px; flex: 1 0 45%;}
.editorial .tech-featured-asset, #video { flex: 1;}
.editorial #video {text-align: center; display: inline-block; margin: 0 auto; max-width: 800px;width: 100%;max-height: 285px; border: none; height: 100%; padding-bottom: 3rem;overflow-x: visible;overflow-y: visible;}
.editorial .vjs-playlist {padding: 0;background-color: #ffffff;color: #fff;list-style-type: none;background-color: #ffffff; margin-top: 1rem;display: block;}
.editorial .vjs-playlist .vjs-playlist-horizontal .vjs-csspointerevents {position: absolute;width: 100%;}
.editorial .vjs-playlist .vjs-selected, .vjs-playlist.vjs-mouse .vjs-selected {background-color: #ed1c24;}
.editorial #video .vjs-playlist .vjs-playlist-item {position: relative;
cursor: pointer;overflow: hidden; max-width: 180px; height: auto; border: 1px solid red;
margin-right: 20px; float: left;}
.editorial .vjs-playlist-horizontal .vjs-playlist-item {display: inline-block; height: 100%;margin-right: 25px;}
.editorial .vjs-playlist-horizontal .vjs-playlist-item-list {height: 100%;white-space: nowrap; background-color: #ffffff;}
.editorial .vjs-playlist .vjs-playlist-title-container {position: absolute;bottom: 0; box-sizing: border-box; width: 100%;color: black;font-family: arial black; padding: 0.5rem 0.8rem; font-size: .550rem; text-transform: uppercase;text-shadow: none; background-color: #dbdbdb;background-blend-mode: darken; opacity: .85;border: 1px solid c5c5c5; }
/* ------------------- VIDEO - EDITORIAL DIGITAL NEWSROOMS BRIGHTCOVE EMBEDDED PLAYLIST ENDS ------------------- */
/* ------------------- PAGINATION STARTS ------------------- */
/* This CSS IS for slideshow pagination */
.news-list-pagination {width: 100%; text-align: justify;}
.page-link:focus, nav.news-list-pagination .page-link:focus {
z-index: 5;
color: #ed1c24;
background-color: #ffffff;
border: 3px solid #ed1c24;
outline: 0;
box-shadow: none;
}
nav.news-list-pagination a.page-link {
font-family: Arial Black;
font-size: 1.000rem;
color: #ed1c24;
text-decoration: none;
text-transform: uppercase;
}
nav.news-list-pagination .page-link {
position: relative;
display: block;
color: #ed1c24;
text-decoration: none;
background-color: #fff;
border: 3px solid #FFFFFF;
transition: none;
}
nav.news-list-pagination .page-item.active .page-link, nav.news-list-pagination .page-item.active .page-link {
z-index: 5;
color: #ed1c24;
background-color: #ffffff;
border: 3px solid #ed1c24;
}
.page-item.disabled .page-link {
color: #b5b5b5;
pointer-events: none;
background-color: #fff;
border-color: #FFFFFF;
}
li.page-item.disabled, .page-item.disabled .page-link .news-list-pagination li.page-item.disabled { color: #b5b5b5;}
.news-list-pagination .page-item .page-link.prev {color: #b5b5b5; border: none;}
nav.news-list-pagination .page-link:hover, .page-link:focus, nav.news-list-pagination .page-link:hover, .article a#a-next.page-link.next.active:hover, .article .pagination li.page-item a.page-link:hover, li.page-item.active a.page-link:hover, .article a#a-prev.page-link.previous:hover { color: #FFFFFF; background-color: #ed1c24; border-color: #ed1c24;}
.pagination .news-list-pagination ul li.page-item a.page-link:hover {color: #FFFFFF; background-color: #ed1c24;border-color: #ed1c24;}
/* .article #news-article a:hover THIS IMPACTS TAXONOMY AND FLAGS */
/* NEW PAGINATION CSS FOR EIDOS PAGINATION START */
#load-more-button.load-more, div#load-more-button.load-more {
font-family: Arial Black;
font-size: 1.000rem;
text-align: center;
color: #ed1c24;
text-decoration: none;
text-transform: uppercase;
width: 90px;
height: 40px;
background-color: #fff;
border: 3px solid #ed1c24;
transition: none;
float: right;
padding: 5px 5px;
cursor: pointer;
margin-bottom: 0.5rem;
}
#previous-button.load-more, #previous-button.previous, div#previous-button.previous {
font-family: Arial Black, Arial, sans-serif;
font-size: 1.000rem;
text-align: center;
color: #b5b5b5;
text-decoration: none;
text-transform: uppercase;
width: 90px;
height: 40px;
background-color: #FFFFFF;
border: 3px solid #b5b5b5;
transition: none;
float: left;
padding: 5px 5px;
cursor: pointer;
margin-bottom: 0.5rem;
}
/* #previous-button.load-more.disabled, div#previous-button.load-more.disabled, div#previous-button.load-more.disabled a .btn-on-white.white,
#previous-button.previous.disabled, div#previous-button.previous.disabled, div#previous-button.previous.disabled a .btn-on-white.white {
color: #b5b5b5;
pointer-events: auto;
background-color: #fff;
border: 3px solid #FFFFFF;
}
*/
.selected, div#load-more-button.load-more.selected, #load-more-button.load-more.selected
/* div#previous-button.load-more.selected, div#previous-button.previous.selected, */
{
z-index: 4;
color: #ed1c24;
background-color: #ffffff;
border: 3px solid #ed1c24;
transition: none;
text-decoration: none;
cursor: pointer;
}
.disabled {
color: #b5b5b5 !important;
pointer-events: none;
background-color: #fff !important;
border: 3px solid #b5b5b5 !important;
}
.selected {
z-index: 4;
color: #ed1c24 !important; /* KD/JD adding this to supercede the a styling. The .selected class must be removed w/Jquery & JS */
background-color: #ffffff;
border: 3px solid #ed1c24 !important;
transition: none;
text-decoration: none;
cursor: pointer;
pointer-events: auto;
}
a.btn-on-white.white:hover, .selected, div#load-more-button.load-more.selected:hover, div#previous-button.load-more.selected:hover, div#previous-button.previous.selected:hover, #load-more-button.load-more:hover, #previous-button.load-more:hover, #previous-button.previous:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #ed1c24;
border-color: #ed1c24;
cursor: pointer;
}
/* This is for the inTheTaxonomies to ensure active terms aren't blocked out */
a.ebrow-link.selected {background-color: #ffffff; border: none !important; font-weight: bold;}
/* NEW PAGINATION CSS FOR EIDOS PAGINATION END */
/* ------------------- PAGINATION ENDS ------------------- */
/* ------------------- ARTICLE CSS START ------------------- */
#single-col-stories, section#single-col-stories {background-color: #ffffff;}
.article p a.ext, p a.ext, #news-article.article p a.ext {text-decoration: underline;}
#cb-result li::marker {font-weight: bold;font-family: Arial, Verdana, sans-serif;
font-size: 1.5rem; color: #2e2e2e;}
/* ------------------- ARTICLE CSS END ------------------- */
/* ------------------- MULTI PAGE ARTICLE CSS START ------------------- */
div#news-article.article div#slideShowContainer div.figure.landscape .GLstoryRelated {} /* KD added this in case I need to hide the duplicate caption text */
/* ------------------- MULTI PAGE ARTICLE CSS END ------------------- */
/* ------------------- FEATURES END ------------------- */
/* ------------------- CSS GENERAL START ------------------- */
/* ------------------- LOGOS START ------------------- */
.tcc-crn-logo-header-dtp { max-width: 150px; width: 100%; height: auto; cover: contain; padding: 10px 20px 10px 0px;}
/* ------------------- LOGOS END ------------------- */
/* ------------------- TEXT STYLING START ------------------- */
.crn-red, li.crn-red {color: #ed1c24;}
.tax-term-flag {text-transform: capitalize;}
h1.page-title {font-family: inherit; font-size: 1.750rem; font-weight: 600; color: #ed1c24; margin-left: 0rem;} /* KD removed the margin-left as it looks out of place on most pages */
h1.article-title {font-family: inherit; font-size: 1.750rem; font-weight: bold; color: #1b1b1b; }
h1.article-1-title {font-family: inherit; font-size: 1.750rem; font-weight: bold; color: #1b1b1b;}
h1.article-2-title {font-family: inherit; font-size: .95rem; font-weight: bold; color: #1b1b1b;}
h1.article-1-title.card-title {font-size: 1.750rem !important;}
h1.tax-flag {font-family: inherit; font-size: 20px; font-weight: bold; color: #ed1c24; text-transform: uppercase;}
h1.author-name {font-family: Arial Black, Arial, sans serif; font-size: 1.750rem; font-weight: 600; color: #1b1b1b;}
h1.award-title {font-family: inherit; font-size: 2rem; font-weight: 600; color: #1b1b1b;}
.meet-the-editors h1.page-title, .meet-the-editors div.meet-this-editor h1.page-title {font-family: inherit; font-size: 2rem; font-weight: 600; color: #ed1c24; margin-bottom: 1.25rem; padding-bottom: 1rem;}
h2.article-1-title {font-family: inherit; font-size: 30px; font-weight: bold; color: #1b1b1b;}
h2.article-2-title {font-family: inherit; font-size: 18px; font-weight: bold; color: #1b1b1b;}
h2.tax-flag {font-family: inherit; font-size: 18px; font-weight: bold; color: #ed1c24; text-transform: uppercase;}
h2.section-header {font-family: inherit; font-size: 1.500rem; font-weight: bold; text-transform: uppercase; color: #ed1c24; margin-bottom: 0rem;}
#single-col-stories.content-items ul div.col-12 div#breaking-news.breaking-news.row.col-12 a h2#story-list-header {margin: .5rem;}
.meet-the-editors h2.section-header, .meet-the-editors div.meet-this-editor h2.section-header {font-family: inherit; font-size: 1.500rem; font-weight: bold; text-transform: uppercase; color: #ed1c24; padding-bottom: .5rem; margin-bottom: 1rem;}
h2.sub-header {font-family: inherit; font-size: 1.225rem; font-weight: bold; margin-bottom: .75rem;}
h2.author-title {font-family: Arial Black, Arial, sans serif; font-size: 1.125rem; font-weight: 800; color: #1b1b1b;}
h2.award-section-header {font-family: inherit; font-size: 1.425rem; font-weight: 600; text-transform: uppercase; color: #ed1c24; margin-bottom: 1rem;}
h2.award-winner {font-family: inherit; font-size: 1.725rem; font-weight: 800; text-transform: capitalize; color: #1b1b1b; margin-bottom: 1rem;}
h2.article { font-family: inherit; font-size: 1.225rem; font-weight: bold; margin-bottom: 0.75rem; }
h3.article-1-title {font-family: inherit; font-size: 26px; font-weight: bold; color: #1b1b1b;}
h3.article-2-title {font-family: inherit; font-size: 1.0rem; font-weight: bold; color: #1b1b1b;}
h3.related-article {font-family: inherit; font-size: 1.050rem; font-weight: bold; color: #1b1b1b;}
h3.tax-flag {font-family: inherit; font-size: 1.0rem; font-weight: bold; color: #ed1c24; text-transform: uppercase;}
h3.section-header {font-family: inherit; font-size: 1rem; font-weight: bold; text-transform: uppercase; color: #ed1c24; margin-bottom: 1rem;}
.back-to-top h3.section-header {font-family: Arial Black, Arial, sans serif; font-size: 1.0rem; font-weight: bold; text-transform: uppercase; color: #ed1c24; margin-bottom: 1rem;}
h3.author-title {font-family: Arial, sans serif; font-size: 1.050rem; font-weight: 600; color: #ed1c24;}
h3.home.tax-term-flag {font-size: 1.00rem; color: #ed1c24; font-family: inherit; font-weight: normal; display: inline-block;text-transform: capitalize;}
h3.home.tax-term-flag.fs-4.mb-3.crn-red {font-size: 1.25rem !important;}
h3.home.tax-term-flag.fs-6.mb-3.crn-red {font-size: .90rem !important; }
h4.article-1-title {font-family: inherit; font-size: 22px; font-weight: bold; color: #1b1b1b;}
h4.article-2-title {font-family: inherit; font-size: 12px; font-weight: bold; color: #1b1b1b;}
h4.tax-flag {font-family: inherit; font-size: 12px; font-weight: bold; color: #ed1c24; text-transform: uppercase;}
h5.author-name-lg {font-family: inherit; font-size: 1.05rem; font-weight: normal; color: #2e2e2e; text-transform: uppercase; text-align: left; clear: right;}
h5.author-name-md {font-family: inherit; font-size: 0.750rem; font-weight: normal; color: #2e2e2e; text-transform: uppercase; text-align: left; clear: right;}
h5.author-name-sm {font-family: inherit; font-size: .75rem; font-weight: normal; color: #2e2e2e; text-transform: uppercase; text-align: left; clear: right; margin-bottom: 0.75rem;}
h5.author-name-lg::before {content: "\ BY ";font-family: inherit; font-size: 1.05rem; font-weight: normal; color: #2e2e2e; text-transform: uppercase; text-align: left; clear: right;}
h5.author-name-md::before {content: "\ BY ";font-family: inherit; font-size: 0.750rem; font-weight: normal; color: #2e2e2e; text-transform: uppercase; text-align: left; clear: right;}
h5.author-name-sm::before {content: "\ BY ";font-family: inherit; font-size: 0.75rem; font-weight: normal; color: #2e2e2e; text-transform: uppercase; text-align: left; clear: right;}
a h5.author-name-lg, a h5.author-name-md, a h5.author-name-sm {color: #ed1c24;}
a h5.author-name-lg, a h5.author-name-md, a h5.author-name-sm {color: #ed1c24;}
h5.date-time-stamp-lg {font-family: inherit; font-size: 0.95rem; font-weight: normal; color: #5e5e5e; text-transform: uppercase; text-align: left;}
h5.date-time-stamp-md {font-family: inherit; font-size: 0.825rem; font-weight: normal; color: #5e5e5e; text-transform: uppercase; text-align: left;}
h5.date-time-stamp-sm {font-family: inherit; font-size: .650rem; font-weight: normal; color: #5e5e5e; text-transform: uppercase; text-align: left;}
h5.section-header::before {content: "\ BY ";font-family: inherit; font-size: 1rem; font-weight: normal; color: #2e2e2e; text-transform: uppercase; text-align: left; clear: right;}
h5.company-name-lg {font-family: inherit; font-size: 1.250rem; font-weight: normal; color: #2e2e2e; text-align: left; }
h5.company-name-md {font-family: inherit; font-size: 1.000rem; font-weight: normal; color: #2e2e2e; text-align: left; }
h5.company-name-sm {font-family: inherit; font-size: .750rem; font-weight: normal; color: #2e2e2e; text-align: left; }
h5.crn-news-title {font-family: inherit; font-size: 1rem; font-weight: bold; color: #1b1b1b; margin-bottom: 2rem;}
.breaking-news h5.card-title, h5.card-title, #single-col-stories a h5.card-title, #single-col-stories a.h5.card-title {padding-bottom: 1.5rem; font-size: 1.120rem; font-weight: 600; font-family: inherit; color: #1b1b1b; margin-bottom: 0rem;}
.more-news h5.card-title, h5.card-title {padding-bottom: 1.5rem; font-size: 1.120rem; font-weight: 600; font-family: inherit; color: #1b1b1b; margin-bottom: 0rem;}
.list-news h5.card-title {padding-bottom: 1.5rem; font-size: 1.120rem; font-weight: 600; font-family: inherit; color: #1b1b1b; margin-bottom: 0rem;}
.taxonomy-home a h5.card-title, .taxonomy-home a.h5.card-title, .taxonomy-home #single-col-stories a h5.card-title, .taxonomy-home #single-col-stories a.h5.card-title, .taxonomy-home .h5 {padding-bottom: 1.5rem; font-size: 1.120rem; font-weight: 600; font-family: inherit; color: #1b1b1b;}
.article-image-xl {object-fit: cover; max-width: 850px; width: 100%; height: 100%; border: 1px solid #0f0f0f; text-align: center; display: inline-block; margin: 0 auto; clear: both;}
.article-1-image-xl {object-fit: cover; width: 100%; height: 100%; border: 1px solid #0f0f0f; text-align: center; display: inline-block; margin: 0 auto; clear: both;}
.article-1-image-lg {object-fit: cover; max-width: 450px; width: 100%; max-height: 325px; height: 100%; border: 1px solid #0f0f0f; text-align: center; display: block; margin: 0 auto; clear: both;}
.article-1-image-md {object-fit: cover; max-width: 230px; width: 100%; max-height: 165px; height: 100%; border: 1px solid #0f0f0f; text-align: center; display: block; margin: 0 auto; clear: both;}
.article-1-image-sm {object-fit: cover; max-width: 200px; width: 100%; max-height: 144px; height: 100%; border: 1px solid #0f0f0f; text-align: center; display: block; margin: 0 auto; clear: both;}
.article-1-image-xsm {object-fit: cover; max-width: 150px; width: 100%; max-height: 108px; height: 100%; border: 1px solid #0f0f0f; text-align: center; display: block; margin: 0 auto; clear: both;}
figure {border: none; padding: 4px; margin: auto;}
figcaption, .caption.text-muted, span.caption.text-muted {background-color: transparent;color: #333333;font-style: italic; font-family: inherit; font-style: italic; font-size: 1rem; padding: 2px;text-align: center; margin-bottom: 2rem;}
.section-header {font-family: inherit; font-size: 1rem; font-weight: bold; text-transform: uppercase; color: #5e5e5e; margin-bottom: 1rem;}
p.article-1-text {float: none; font-family: inherit; font-size: 20px; font-weight: normal; margin: 2rem 0rem;}
p.author-bio-blurb {font-family: inherit; font-size: 0.825rem; font-weight: normal; color: #1b1b1b;}
.author-bio p.author-bio-blurb {font-family: inherit; font-size: 1rem; font-weight: normal; color: #1b1b1b;}
p.article-description-text {font-family: inherit; font-size: 1.15rem; font-weight: normal; color: #1b1b1b; font-style: italic; }
p.article-body-copy {font-family: inherit; font-size: 1.115rem; font-weight: normal; color: #1b1b1b;}
a.tag-hyperlink {font-family: inherit; font-size: 1rem; font-weight: 400; color: #ed1c24; border-right: 1px solid #5e5e5e; margin-right: 0.5rem; padding-right: 0.5rem;}
a.tag-hyperlink:last-child {border-right: none; margin-right: 0rem; padding-right: 0rem; }
/* a.tag-hyperlink::after {content: "\ | ";font-family: inherit; font-size: 1rem; font-weight: normal; color: #2e2e2e; text-transform: uppercase; text-align: center;}
a.tag-hyperlink:last-child {content: "\ ";}*/
.article p {font-family: inherit; font-size: 1.115rem; font-weight: normal; color: #1b1b1b;}
.article h2 { font-family: inherit; font-size: 1.225rem; font-weight: bold; margin-bottom: 0.75rem; }
.learn-more-md {font-family: inherit; font-size: 1rem; font-weight: normal; color: #5e5e5e; text-transform: uppercase; text-align: left;}
/*------------ IMAGE AND ICONS CSS STARTS ---------*/
.video-placeholder-img {max-width: 800px; width: 100%; max-height: 325px; border: 1px solid #0f0f0f; text-align: left; }
.rotate-paperclip {color: #ed1c24; width: auto; height: 80px; margin: 20px 20px 20px 20px; transform: rotateX(45deg); transform: rotateY(45deg); transform: rotateZ(45deg); }
.info-circle {color: #ed1c24; width: auto; height: 40px; margin: 20px 20px 20px 20px; }
.article-listen-to-this-icon {font-family: inherit; font-size: 1rem; color: #ed1c24; width: auto;height: 40px;float: left; padding-right: 10px; }
.previous-icon {/*- transform: rotateX(180deg); transform: rotateY(180deg);-*/ transform: rotate(90deg); transform: scaleX(-1);}
/*------------ IMAGE CSS STARTS ---------*/
/*------------ SOCIAL SHARE AND ADDTHIS STARTS ---------*/
.add-this { width: 100%; height: 37px;flex-flow: nowrap;}
.article-listen-to-this, .article-share-this {font-family: inherit; font-size: .750rem; font-weight: normal; text-transform: uppercase; text-align: left;}
.article-audio-duration {font-family: inherit; font-size: .750rem; font-weight: normal; color: #5e5e5e; text-transform: uppercase; text-align: left;}
.social-spacer {margin: 10px 10px;}
.article .at-icon-wrapper img, .at-icon-wrapper svg {height: 20px; width: 20px;}
.article .at-label {display:none;}
.award span.at-icon-wrapper img, .at-icon-wrapper svg {height: 20px; width: 20px;}
.award span.at-label {display:none;}
.award span.at-resp-share-element .at-share-btn
.award img.article-image-md, figure.awards-pg-image {float: right; background-color: #FFFFFF; border: 1px solid #b2b2b2; padding: 10px 10px;}
.award .award-page-social-share {clear: right; }
/*------------------ SOCIAL SHARE AND ADDTHIS END ---------------------- */
/*------------------AUTHOR BIO AND MEET THE EDITORS START ---------------------- */
.author-social-media {}
.author-pic-round {width: 200px; height: 200px; border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50%; }
.author-pic-round-sm {width: 100px; height: 100px; border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50%; }
p.author-bio-summary {}
.meet-the-editors.p.author-bio-blurb, .meet-the-editors .p.author-bio-blurb {margin-bottom: .5rem;}
.meet-this-editor .red-line {border-bottom: 1px solid #ed1c24; margin-bottom: 1.5rem;}
.author-bio .author-social-media a, .author-bio.author-social-media a {cursor: pointer;}
.author-bio .author-social-media a:hover, .author-bio.author-social-media a:hover, .author-bio p u a:hover {color: #ed1c24; cursor: pointer;}
.author-bio h2.section-header {padding-top: 0.5rem; padding-bottom: 1rem;}
/*------------------AUTHOR BIO AND MEET THE EDITORS END ---------------------- */
/*------------------COMPANIES START ---------------------- */
.companies img.company-logo {border: none; max-width: 200px; width: auto;max-height: 150px; height: auto;float: right;}
.companies-hq {font-family: inherit; font-size: 1rem; font-weight: 600; margin: 0px 0px 5px 0px;}
.companies-url {font-family: inherit; font-size: 1rem; font-weight: 600; margin: 0px 0px 5px 0px;}
.companies-top-exec {font-family: inherit; font-size: 1rem; font-weight: 600; margin: 0px 0px 5px 0px;}
.companies-global-channel-chief {font-family: inherit; font-size: 1rem; font-weight: 600; margin: 0px 0px 5px 0px;}
.companies-awards {font-family: inherit; font-size: 1rem; font-weight: 600; margin: 0px 0px 5px 0px;}
ul.companies-list li {list-style: none; margin: 15px 0px; }
.companies h1.page-title {margin-left: 0rem;}
/*------------------COMPANIES END ---------------------- *
/*------------------EDITORIAL DIGITAL NEWSROOM START ---------------------- */
.edit-digital-newsroom h2.section-header {font-family: inherit; color: #4e4e4e; font-size: 1.25rem; font-weight: 600; text-transform: capitalize;}
.edit-digital-newsroom h5.crn-news-title {color: #588bb8; font-family: inherit; text-transform: uppercase; font-weight: 600; font-size: 1rem;}
p.edit-dn-description {font-family: inherit; font-size: 1rem; font-weight: 600; color: #868686; }
.edit-dn-border { border-left: 2px solid #588bb8; padding-left: 10px;}
h1.edit-digital-newsroom-title {
display: block;
text-align: left;
font-family: Arial Black, Arial, sans serif;
color: #4e4e4e;
font-size: 1.800rem;
font-weight: 600;
text-transform: capitalize;
padding: 20px 20px;
margin: 10px 20px;
}
h2.edit-digital-newsroom-tagline {font-family: inherit; color: #4e4e4e; font-size: 1.250rem; font-weight: 600; font-style: italic; padding: 10px 0px; margin: 10px 0px;}
.edit-dn-bg-left {
background-image: url("../images/edit-digital-newsroom-header-left.jpg");
height: 175px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 175px;
}
.edit-dn-bg-center {
background-image: url("../images/edit-digital-newsroom-header-image.jpg");
height: 175px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.edit-dn-bg-right {
background-image: url("../images/edit-digital-newsroom-header-right.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
img.crntv-on-location { max-width: 180px; width: 100%; }
/*------------------ EDITORIAL DIGITAL NEWSROOM END ----------------------*/
/*------------------ ERROR PAGE START ---------------------- */
/* KD added styling for the error page */
.error-page h1 {font-family: inherit; font-size: 2rem; font-weight: 600; color: #ed1c24; margin-left: 0rem;}
.error-page .subheading p, .error-page .article .subheading p, .error-page .article h2 {
font-family: Arial Narrow, Arial, sans-serif;
font-size: 1.5rem;
font-weight: bold;
font-style: italic;
color: #1b1b1b;
margin: 20px 0px;
text-align: left;
}
.error-page .article h2 a {
font-family: Arial Narrow, Arial, sans-serif;
font-size: 1.5rem;
font-weight: bold;
font-style: italic;
color: #ed1c24;
margin: 20px 0px;
text-align: left;
}
.error-page .trending article.story-list ol.trendingStories #cb-result li a p {color: #ed1c24; text-decoration: underline; }
.error-page .trending article.story-list ol.trendingStories #cb-result li a p::after {content:" > "; font-weight: bold; }
.error-page .trending { border: none; border-top: 2px dotted #a7a7a7; }
/*------------------ ERROR PAGE END ----------------------*/
/*------------------ FLAT LIST AND PAGE START ---------------------- */
/* RANKINGS AND LISTS */
.flat-list h1.page-title, .flat-page h1.page-title {
font-family: inherit;
font-size: 1.500rem;
font-weight: bold;
text-transform: uppercase;
color: #ed1c24;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
.flat-list h2.page-title, .flat-page h2.page-title,
.flat-list h2.page-title, .flat-page h2.page-title {
font-family: inherit;
font-size: 1.225rem;
font-weight: bold;
text-transform: uppercase;
color: #ed1c24;
padding-bottom: 0.5rem;
}
/*------------------ FLAT LIST AND PAGE END ----------------------*/
/*------------------ SEARCH RESULTS PAGE START ---------------------- */
.search-results section.search-pg.search-pg-results {
border-top: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
padding: 20px 0px 10px 0px;
margin-bottom: 20px;
}
.search-form {margin: 20px 0px 10px 0px;}
.search-results #search-page-btn {
font-family: Arial Black;
font-size: 1.000rem;
text-align: center;
color: #ed1c24;
text-decoration: none;
text-transform: uppercase;
width: 90px;
height: 40px;
background-color: #fff;
border: 3px solid #ed1c24;
transition: none;
float: right;
padding: 5px 5px;
cursor: pointer;
margin: 20px 0px 15px 20px;
}
.search-results #search-page-btn:hover, .search-results .div#search-page-btn.selected:hover, div#search-page-btn:hover, div #search-page-btn:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #ed1c24;
border-color: #ed1c24;
cursor: pointer;
}
.search-results h1, h1.search-results {
font-family: inherit;
font-size: 2rem;
font-weight: 600;
color: #333333;
margin-left: 0rem;
}
.search-count {
font-family: inherit;
font-size: 1.5rem;
font-weight: 600;
color: #333333;
margin-left: 0rem;
}
.search-query {color: #ed1c24;}
.search-results h3, h3.search-results {
color: #333333;
font-family: inherit;
font-size: 1.50rem;
font-weight: 600;
}
.search-results #single-col-stories {}
.search-results #single-col-stories div.col-12 div.card {
border-bottom: 2px dotted #a7a7a7 !important;
padding-bottom: 1.5rem;
}
.search-results h5.card-title {
padding-bottom: 1.5rem;
font-size: 1.120rem;
font-weight: 600;
font-family: inherit;
color: #1b1b1b;
}
.search-results section#single-col-stories ul {padding: 0 0;} /* KD shifts the search list results to the left overriding a UL padding setting in bootstrap */
.search-results .rr-crn-magazine .magazine h3.featured-magazine-title, .search-results .magazine h3.featured-magazine-title, .magazine.h3 {
font-family: inherit;
font-size: .900rem;
font-weight: bold;
color: #333333;
text-align: left;
margin-bottom: 1.5rem;
}
input, button, select, optgroup, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
height: 40px;
}
/*------------------ SEARCH RESULTS PAGE END ----------------------*/
/* ----------------- RIGHT RAIL FEATURES AND FORMATTING STARTS -------------*/
/*------------------- RIGHT RAIL - TRENDING STORIES STARTS -------------------*/
.trending {border: 4px solid #ed1c24; margin: 10px auto; background-color: #ffffff;}
.trending h2.section-header { font-size: 1.500rem; margin-left: 1.25rem;}
h1.trending-1-number {font-family: inherit; font-size: 1.825rem; font-weight: bold; color: #848484; text-align: left; }
.trending-news-title {font-family: inherit; font-size: 1.025rem; font-weight: normal; color: #333333; line-height: .5rem; text-align: justify;}
.rt-col-section-title h2 {
font-size: 1.500rem;
margin-top: 1rem;
margin-bottom: 1rem;
font-family: inherit;
font-size: 1.500rem;
font-weight: bold;
text-transform: uppercase;
color: #ed1c24;
}
#cb-result li a p {
font-family: inherit;
font-size: 1.025rem;
font-weight: normal;
color: #333333;
line-height: 1rem;
text-align: left;
}
/*------------------- RIGHT RAIL - TRENDING STORIES ENDS -------------------*/
/*------------------- RIGHT RAIL - SPONSORED RESOURCES STARTS -------------------*/
.sponsored-resources {border: 4px solid #464646; margin: 2px auto; background-color: #d8d8d8; max-height: 400px; height: 100%;}
.row.sponsored-resources {border: none;}
.sponsored-resources h2.section-header {font-size: 1.000rem; margin-left: 0em; color: #1b1b1b;}
h1.sponsored-resources-1-number {font-family: inherit; font-size: 1.2rem; font-weight: bold; color: #b1b1b1; text-align: center; }
.sponsored-resources-news-title, .sponsored-resources ul#rr-sr-list li a {font-family: inherit; font-size: 0.775rem; font-weight: normal; color: #333333; line-height: normal; text-align: justify;}
.sponsored-resources ul#rr-sr-list li {margin-bottom: .5rem;}
#rr-sr-list {margin-top: .5rem; padding-left: 0rem;}
ul#rr-sr-list li a p {line-height: .5rem;}
.bi .bi-stop-fill {vertical-align: 0em; }
/*------------------- RIGHT RAIL - SPONSORED RESOURCES ENDS -------------------*/
/*------------------- RIGHT RAIL - FEATURED ARTICLES STARTS -------------------*/
.rr-featured, .rr-crn-awards, .rr-crn-magazine {border: 4px solid #ed1c24; margin: 10px auto; background-color: #ffffff;}
.row.featured {border: none;}
.featured h2.section-header {margin-left: 1.25rem;}
.featured-icon { font-family: inherit; font-size: 2.5rem; font-weight: bold; color: #ed1c24; text-align: left; }
a.featured-news-title {font-family: inherit; font-size: .925rem; font-weight: bold; color: #333333; line-height: 3rem; text-align: left;}
.bi-list-stars {border: 4px solid #ed1c24; padding: 5px; border-radius: 10px;}
/*------------------- RIGHT RAIL - FEATURED ARTICLES ENDS -------------------*/
/*------------------- RIGHT RAIL - CRN AWARDS - STARTS -------------------*/
.instructions {font-family: inherit; font-size: 1rem; color: #1b1b1b; line-height: 1rem; text-align: left; padding-bottom: 2rem;}
h1.featured-news-title {font-family: inherit; font-size: .900rem; font-weight: bold; color: #333333; line-height: 1rem; text-align: left;}
.right-rail-awards-logo {max-width: 150px; width: 100%; height: auto; padding: 0rem .05rem .5rem 1rem;}
.right-rail-magazine
/*------------------- RIGHT RAIL - CRN AWARDS - ENDS ------------------- */
/*------------------- RIGHT RAIL - CRN MAGAZINE - STARTS -------------------*/
h3.featured-magazine-title, .featured-magazine-title {font-family: inherit; font-size: .900rem; font-weight: bold; color: #333333; text-align: left; margin-bottom: 1.500rem; }
.right-rail-magazine-img {max-width: 100px; width: 100%; height: auto; padding: 0rem 0rem; border: 1px solid #CCCCCC;}
.row.magazine {border: none;}
/*------------------- RIGHT RAIL - CRN MAGAZINE - ENDS -------------------*/
/* ------------------- TEXT STYLING ENDS ------------------- */
/* FOOTER STARTS */
.row-red {border-top: 10px solid #ed1c24;}
.row-black {border-top: 10px solid #000000;}
.row-gray {background-color: #b7b7b7;}
/*.crn-2022 {border-top: 1px solid #000000; background-color: #;}*/
.boilerplate { font-family: inherit; font-weight: bold; font-size: .65rem; color: #000000; margin-left: .25rem;}
.footer-top {
padding-top: 30px;
}
.footer-bottom {
padding-bottom: 40px;
}
.tcc-crn-logo-footer-dtp {
margin: 10px auto 10px auto;
display: block;
width:100px;
height: 55px;
text-align: left;
}
.footer-small-print-row {
margin-bottom: 10px;
}
.footer-small-print {
font-size: 10px;
text-align: center;
margin-left: auto;
}
.footer-nav {
margin: 10px auto 10px auto;
display: block;
text-align: left;
/* font-size: 1.2rem; */
}
.footer-subnav {
margin-top: 10px;
margin: 10px auto 10px auto;
display: block;
text-align: left;
font-size: .60rem;
}
.footer-nav a {
text-transform: uppercase;
color: black;
font-weight: 600;
font-size: 1.0rem;
}
.social-icons {
width: 30px;
margin-left: 8px;
margin-right: 8px;
}
.dropdown-menu {
z-index:8;
}
.footer-modal {
position: fixed;
top: unset;
left: 10%;
bottom:-35%;
z-index: 1055;
display: none;
width: 80%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.social.footer-nav, .footer-nav {display: flex; text-align: center;}
/*KD added to force social icons to be horiz */
/* Footer *** END ***/
/* CSS GENERAL END */
@media (min-width: 1200px) {
.footer-nav {
margin-top: 10px;
margin: 10px auto 10px auto;
display: block;
text-align: left;
font-size: 1rem;
}
.footer-subnav {
margin-top: 10px;
margin: 10px auto 10px auto;
display: block;
text-align: left;
font-size: .80rem;
}
}
@media (min-width: 768px) {
.footer-subnav {
margin-top: 10px;
margin: 10px auto 10px auto;
display: block;
text-align: left;
font-size: .75rem;
}
}
@media (max-width: 575.98px) {
h2.section-header {font-family: inherit; font-size: 1.250rem; font-weight: bold; text-transform: uppercase; color: #ed1c24; margin-bottom: 1rem;}
h2.sub-header {font-family: inherit; font-size: 1rem; font-weight: bold; text-transform: uppercase; margin-bottom: .5rem;}
.trending {border: 4px solid #ed1c24; margin: 0px auto;}
.sponsored-resources {border: 4px solid #464646; margin: 0px auto; background-color: #d8d8d8;}
.ad-leaderboard { height: 80px;}
.featured {border: 4px solid #ed1c24; margin: 0px auto;}
h1.trending-1-number {font-family: inherit; font-size: 1.75rem; font-weight: bold; color: #848484; text-align: center; }
h1.sponsored-resources-1-number {font-family: inherit; font-size: 1.125rem; font-weight: bold; color: #333333; text-align: center; margin: 0 auto;}
h1.featured-news-title {font-family: inherit; font-size: 1.25rem; font-weight: bold; color: #333333; line-height: 2rem; text-align: left; padding: .5rem 1rem; text-align: center;}
.trending h2.section-header {margin-left: .25rem;}
.sponsored-resources h2.section-header {margin-left: .25rem; color: #1b1b1b;}
.featured h2.section-header {margin-left: .25rem;}
.article-1-image-md {
max-width: 450px;
width: 100%;
max-height: 325px;
border: 1px solid #0f0f0f;
text-align: left;
align-self: left;
}
.card-body {padding: 0rem 0rem;}
p.article-body-copy {
font-family: inherit;
font-size: 1.000rem;
font-weight: 100;
color: #1b1b1b;
}
.right-rail-awards-logo {
max-width: 90px;
width: 100%;
height: auto;
padding: 0rem 0.05rem 0.75rem 1rem;
}
.footer-nav { /* , .footer-nav a */
margin: 0px auto 10px auto;
display: block;
text-align: center;
font-size: 1.25rem;
}
.footer-nav a {
margin: 0px auto;
text-align: center;
font-size: 1.10rem;
}
.footer-top {padding-top: 0px;}
.footer-subnav {
margin-top: 10px;
margin: 10px auto 10px auto;
display: block;
text-align: center;
font-size: .75rem;
}
.footer-small-print {
font-size: .60rem;
text-align: center;
}
.tcc-crn-logo-footer-dtp {
margin: 10px auto 10px auto;
display: block;
max-width:100px;
text-align: center;
}
}
/******************** VISUAL STEEL AD STYLES START ***************************/
.wrap {position: relative; z-index: 2; } /* keeping for rogue wraps in redesign */
.container.parent {position: relative; z-index: 2; }
.container {position: relative; z-index: 2; }
.topAdHolder { position:relative;width:728px;z-index:3;left:50%;margin-left:-364px; }
#div-gpt-ad-1553031606296-5 {text-align: center; }
div.ribbon {position: fixed; bottom:0px; max-height: 134px; width: 992px; z-index: 500; left:50%; margin-left:-496px; }
div.curtain {position: fixed; z-index: 1; top: 0px; width: 100%; left:0px; text-align: center;}
@media screen and (max-width: 763px) {
/* mobile */
div.mobileribbon { position: fixed; left: 0; bottom: 0; height: 50px; width: 380px; z-index: 500; left:50%; margin-left:-190px;}
}
@media screen and (min-width: 764px) {
/* desktop */
div.mobileribbon { display: none; }
}
@media screen and (max-width: 763px) {
.topAd { height: 52px; padding:6px; text-align: center; }
}
@media screen and (min-width: 764px) {
.topAd { height: 100px; padding:10px; text-align: center; }
}
@media screen and (min-width: 769px) {
/* desktop */
div.ribbon { min-width: 982px; min-height: 40px; }
}
@media screen and (max-width: 768px) {
/* mobile */
div.ribbon { position: fixed; left: 0; bottom: 0; min-height: 50px; width: 380px; min-width: 380px; z-index: 500; left:50%; margin-left:-190px;}
}
/******************** VISUAL STEEL AD STYLES END ***************************/
/* Quirky stuff found in initial QA */
@media screen and (min-width: 650px) {
.row {} /* KD this restores the missing red border and the z-index below ensures the ad isn't below it */
}
summary, .summary { display: list-item; cursor: pointer; list-style: none;}
.closeup h3, .closeup h3.summary {font-size: 1rem;}
.closeup .card {border-bottom: 2px dotted #a7a7a7 !important;}
div.GlistMap a.btn-on-black.white {
color: #ed1c24;
font-family: Arial Black;
font-size: 1.000rem;
border: 3px solid #ed1c24;
padding: 5px 5px;
cursor: pointer;
margin-bottom: 1.5rem;
}
/******************** STICKY IMU AD DEC 22 ***************************/
.ad-imu-sticky {position: -webkit-sticky; /* Safari */ position: sticky; top: 0; width: 325px; /* background-color: #e6e6e6; padding: 0px 10px 20px 10px; */ text-align: center; }
.ad-imu-sticky:target { visibility: hidden; opacity: 0; display:none; }
.ad-imu-sticky .Exit { position: absolute; top: -10px; right: 0px; font-size: 30px; font-weight: bold; text-decoration: none; color: blue; background-color:transparent;}
.ad-imu-sticky .Exit:hover {color: orange;}
.ad-imu-sticky .Main_Content { max-height: 30%; overflow: auto; }
#bottom-ribbon .Exit { position: absolute; top: 0px; right: 0px; background-color:transparent;}
/******************** STICKY AD FEB 23 ***************************/
.sticky-too {
position: -webkit-sticky;
position: sticky;
top: 295px;
text-align: center;
padding: 0px 10px 20px 10px;
}