/*  ALLOWS SPONSORSHIP IN HEADER

header > .section-inner {
	overflow: hidden;
	padding: 20px 0;
	position: relative;
	padding-right: 165px !important;
}

@media screen and (max-width:600px), handheld and (max-device-width:600px) {

    header > .section-inner {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0 !important;
    }

    .header-sponsored > .section-inner {
        padding-right: 0;
    }
}

*/

/* Global Elements */

:root {
    --primary-teal: #0086AC;
    --secondary-teal: #004A62;
    --brand-gradient: linear-gradient(180deg,  var(--primary-teal) 29%, var(--secondary-teal) 100%);
    --alert-gradient: linear-gradient( to right, rgb(227,23,35) 0%, rgb(208,15,12) 50%, rgb(190,06,28) 100%);;
}

body {
    color: #000;
    font-family: "TT Norms Pro";
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 2.5rem;
    background-color: #f8f8f8;
}

p {
    font-size: 1.9rem;
    line-height: 2.7rem;
}

a {
    color: #000;
}

a,
i {
    transition: all 100ms ease;
}

a:hover,
a:focus {
    color: var(--primary-teal);
}

h1,
h2,
h3,
h4,
h5,
h6,
.fa-search {
    color: #000;
}

i {
    color: var(--primary-teal);
}

i:hover {
    color: var(--secondary-teal);
}

.fa-bars,
.fa-bars:hover,
.fa-bars:focus,
.fa-times,
.fa-times:hover,
.fa-times:focus {
    color: #fff;
}

#main-content a {
    font-weight: 500;
}

.lg-col-wrapper-no-space {
    max-width: 1250px;
    margin: 0 auto;
    padding:  0;
    position: relative;
    clear: both;
}

.btn-primary {
    font-size: 1.9rem;
    font-weight: 500;
    padding: 1.2rem 1.5rem 1.1rem;
    border-radius: 0;
    text-decoration: none;
    background-color: var(--primary-teal);
    color: #fff;
    border: 2px solid;
}

.btn-primary:hover {
   background-color: #fff;
   color: var(--primary-teal); 
}

.btn-primary:hover i {
    color: var(--primary-teal);
}

.btn-secondary {
    font-size: 1.4rem;
    border-radius: 0;
    background-color: #fff;
    color: var(--primary-teal);
    padding: 0.8rem 1rem 0.7rem;
    border: 2px solid #fff;
}

.btn-secondary:hover {
    background-color: var(--primary-teal);
    color: #fff;
}

.btn-secondary:hover i {
    color: #fff;
}

.btn-primary i {
    color: #fff;
    font-size: 1.6rem;
}

.btn-secondary i {
    font-size: 1.4rem;
}

/* Header */

header {
    background: var(--brand-gradient);
}

.static_background_desktop {
    background-color: var(--primary-teal);
}

.logo-cbs58 {
    width: 400px;
    margin-top: 2rem;
    margin-left: 2rem;
}

.header-nav-search {
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    align-items: baseline;
}

.header-nav-search i {
    margin-left: 0.5rem;
    margin-top: -0.2rem;
}

.header-nav-search:hover,
.header-nav-search:hover i {
    color: var(--primary-teal);
}

.user-notifications,
.user-profile {
    display: none;
}

h1 .notifications-page-user {
  color:#0086AC;
}

.nav-transition .header-nav-search,
.nav-transition li a,
.nav-transition .fa-search,
#main-nav-floating-sticky-wrapper.is-sticky .main-nav a {
    color: #fff;
}

.main-nav li a {
    font-size: 1.5rem;
}

#main-nav-floating-sticky-wrapper.is-sticky #main-nav-floating,
.main-nav ul.nav-small.nav-open,
.nav-transition {
    background: var(--brand-gradient);
}

.main-nav .section-inner {
    padding: 0 2rem;
}

.main-nav li a {
    font-weight: 500;
}

.main-nav .submenu li a {
    color: var(--secondary-teal);
}

.main-nav .submenu li a:hover,
.main-nav .submenu li a:focus {
    color: var(--primary-teal);
}

.nav-transition li a:hover,
.nav-transition li a:focus,
.nav-transition .header-nav-search:hover,
.nav-transtition .header-nav-search:focus,
.nav-transition .fa-search:hover,
.nav-transition .header-nav-search:hover i {
    color: #000;
}

.nav-transition .submenu li a:hover,
.nav-transition .submenu li a:focus {
    color: var(--primary-teal);
}

.weather-video-article-title a{
	text-decoration: none;
}

.school-closings,
.breaking-news-container,
.weather-alert-wrap {
    background: var(--alert-gradient);
}

.weather-alert-wrap li a i {
    color: #fff;
}

.school-closings:hover {
    filter: brightness(115%);
}

.callout-box h3 {
    color: #fff;
}

.contact-form.school-closings {
    margin-top: 10px;
    width: 100%;
}

li:has(i),
.fa-search,
.search-bar i:hover {
    color: #000;
}

.fa-search:hover,
.search-bar i {
    color: var(--primary-teal);
}

.search-bar.open {
    background: var(--brand-gradient);
    left: 0;
    margin-top: 0.4rem;
}

.search-nav-next,
.search-nav-prev {
    font-size: 2rem;
    text-transform: capitalize;
}

#additional_results {
    display: flex;
    justify-content: space-between;
}

.on-now,
.later,
.primary-content-box,
.main-callout-item-full-width,
.weather-maps,
aside > ul > li > ul,
.aside-weather-bio,
.content-see-also > ul > li,
.header-news-links-btn, .header-tips-links-btn,
.weather-video-thumb img,
.weather-stream img,
.weather-forecast td,
.mod-section-3-col-item img, 
.mod-section-3-list-item img, 
.mod-section-4-col img, 
.aside-sidebar-main-callout-list img, 
.content-see-also li img,
.aside-sidebar-three-item-list-item img,
.aside-weather-bio img,
.mod-section-2-item img, 
.mod-section-5-callout-item img, 
.main-callout-item-full-width img,
.aside-newsletter-signup {
    border-radius: 0;
}

.header-tips-links-btn,
.header-news-links-btn {
    background-color: #fff;
    color: var(--secondary-teal);
    font-size: 1.4rem;
    padding: 4px 20px 2.5px;
    transition: 0.1s ease-in;
    border: 2px solid transparent;
}

.header-tips-links-btn:hover,
.header-news-links-btn:hover {
    background-color: var(--secondary-teal);
    color: white;
    border: 2px solid white;
}

.header-social-search {
    margin-top: 1.7rem;
}

.breaking-news-marquee,
.breaking-alert {
    letter-spacing: 1px;
}

.breaking-news-marquee a:hover, 
.breaking-news-marquee a:focus {
    color: #000;
}

/* Owl Carousel */

button.owl-next:hover i,
button.owl-previous:hover i {
    color: black;
}

/* Mod Sections */

.mod-section h1 > a,
.content-date-posted {
    color: #000;
}

.content-byline, 
.content-date-posted, 
.content-byline > a {
    font-size: 1.8rem;
}

.mod-section h1 {
    margin-bottom: 0.8rem;
}

.mod-section h1 .view-more, 
.view-more {
    font-weight: 500;
    letter-spacing: 0;
}

.view-more.desktop-only:hover,
.view-more.desktop-only:hover i {
    color: var(--primary-teal);
}

.view-more.primary-tags {
    background-color: var(--primary-teal);
    font-size: 1.6rem;
    padding: 1rem 2rem 0.75rem;
}

.view-more.primary-tags:hover,
.view-more.primary-tags:hover i {
    background-color: #fff;
    color: var(--primary-teal);
}

.mod-section-2-item-title,
.mod-section-4-item-title,
.mod-section-5-callout-item-title {
    font-size: 2rem;
    line-height: 2.6rem;
}

.mod-section-3-main-item-title {
    line-height: 3.1rem;
}

.mod-section-3-item-title {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.mod-section-3-images-item-title {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 1.5rem 1.3rem 1.3rem;
}

.mod-section-4-col li {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.mod-section-5-callout-item:nth-of-type(1) .callout-item-title-link {
    font-size: 3.6rem;
    line-height: 4rem;
}

.top-callout-list-item .callout-item-title-link a {
    font-size: 2rem;
    line-height: 2.5rem;
}

.mod-section h1 .view-more,
.view-more,
.view-more i {
    color: #000;
}

.view-more > .fa-chevron-right {
    vertical-align: baseline;
    margin-top: 0;
}

.content-listing, 
.content-listing-grid {
    border-radius: 0;
}

.content-listing-title {
    font-size: 1.8rem;
    line-height: 2.3rem;
}

.content-listing-title:hover, 
.content-listing-title:focus,
.content-byline-author:hover, 
.content-byline-author:focus,
.content-listing-grid li a:hover {
    color: var(--primary-teal);
}

.meta-text-subheading-small, 
.meta-text-timestamp-alert, 
.meta-text-timestamp-default {
    margin-top: 0.7rem;
}

.listing-grid-item-thumb i {
    background-color: transparent;
    color: #fff;
    top: 38%;
    font-size: 25px;
}

.listing-grid-item-thumb i:hover {
    color: var(--primary-teal);
}

.trending-item-wrapper {
    display: flex;
    flex-direction: column;
}

.trending-item-wrapper .trending-item {
    flex-direction: row;
}

.trending-item .item-number {
    margin: 0.2rem 1.5rem 1rem 0;
}

.trending-now-circle:before {
    background-color: var(--primary-teal);
    color: white;
    font-size: 1.8rem;
    width: 18px;
    height: 18px;
    padding: 4px 5px 6.5px 5px;
}

.primary-tag {
    margin-bottom: 1.5rem;
}

.primary-tag a {
    background-color: var(--primary-teal);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 0.5rem 1rem 0.4rem;
    text-decoration: none;
    border: 2px solid transparent;
}

.primary-tag a:hover,
.primary-tag a:focus {
    background-color: #fff;
    color: var(--primary-teal);
    border: 2px solid;
}

.primary-tags-wrapper.mobile-only .view-more > .fa-chevron-right {
    color: #fff;
}

.primary-tags-wrapper.mobile-only .view-more:hover > .fa-chevron-right {
    color: var(--primary-teal);
}

.content-header .primary-tag {
    margin-bottom: 1.5rem;
}

.secondary-tags {
    font-weight: 500;
}

.secondary-tags > a, 
a.secondary-tags {
    border-radius: 0;
}

.primary-tags {
    border-radius:0;
}

.title-alert,
.meta-text-timestamp-alert {
    color: rgb(190,06,28);
}

.title-alert:before,
.title-alert:after  {
    background: var(--alert-gradient);
}

.title-alert.blue {
    color: var(--primary-teal);
}

.title-alert.blue:before,
.title-alert.blue:after  {
    background: var(--primary-teal);
}

.callout-item-title-link > a {
    font-weight: 500;
}

.callout-item-title-link i {
    color: var(--primary-teal);
    vertical-align: middle;
    margin-top: -0.3rem;
}

aside .meta-text-subheading-small, 
.meta-text-subheading-small {
    font-size: 1.4rem;
}

.share-btn {
    background-color: var(--primary-teal);
    text-transform: uppercase;
}

.share-btn:hover {
    background-color: var(--secondary-teal);
}

.mobile-floating-nav.mobile-floating-navdesktop2 .share-btn,
.mobile-floating-nav.mobile-floating-navdesktop2 .share-btn i {
    background-color: #fff;
    color: var(--primary-teal);
    font-size: 1.3rem;
}

.mobile-floating-nav.mobile-floating-navdesktop2 .share-btn {
    padding: 0.9rem 1.5rem 0.8rem;
}

.mobile-floating-nav.mobile-floating-navdesktop2 .content-native-share {
    position: absolute;
    top: 3px;
    right: 50px;
}

.nav-transition .mobile-floating-nav.mobile-floating-navdesktop2 .content-native-share {
    top: 4px;
}

blockquote {
    color: var(--primary-teal);
}

/* Sidebar */

.aside-newsletter-title span,
.aside-newsletter-title > i,
.aside-newsletter-signup-thanks,
.aside-newsletter-signup-input-wrap button:hover,
.aside-weather-copy span,
.weather-today-temps span,
.aside-weather-copy a:hover,
.aside-weather-copy .aside-weather-copy-more,
.weather-forecast-date span {
    color: var(--primary-teal);
}

.weather-forecast th,
.weather-video-desc p span,
.weather-view-play i.fa-play-circle:before {
    color: var(--secondary-teal);
}

.weather-view-play i.hover {
    opacity: 0.85;
}

.aside-weather-copy a, 
.aside-weather-copy span,
.aside-weather-copy .aside-weather-copy-more {
    color: #000;
}

.aside-weather-copy-more {
    font-weight: bold;
}

.aside-weather-bio-copy {
    font-weight: 300;
}

aside .callout-item-title-link > a {
    font-size: 1.7rem;
    line-height: 2.2rem;
}

/* Weather App */

.weather-view-column > a,
.weather-view-column > a span {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.weather-view-column > a:hover {
    color: var(--primary-teal);
}

.weather-maps-tabs li a {
    color: #000;
}

.weather-view-column > a.secondary-tags {
    font-weight: 500;
    text-transform: capitalize;
}

.mobile-only.header-social-search {
    display: none;
}

.weather-app .callout-item-title-link {
    margin: 0.5rem 0 0 1.3rem;
}

.weather-links.secondary-tags {
    padding: 5px 5px 3px;
    letter-spacing: 0;
}

.weather-maps-tabs li a:hover, 
.weather-maps-tabs li a.active {
    background-color: var(--primary-teal);
}

.weather-view-time-text {
    color: var(--secondary-teal);
}

.weather-forecast-day {
    padding: 1.5rem 1.5rem 1rem;
}

.weather-forecast {
    text-align: center;
}

.weather-forecast-date span {
    line-height: 3.5rem;
}

.weather-today-temps {
    color: #000;
}

/* Video Player */

.video-js .vjs-big-play-button {
    border-radius: 0 !important;
}

.mute-overlay {
    background-color: var(--primary-teal) !important;
}

.mute-overlay i.fa-volume-off {
    color: #fff !important;
}

/* Footer */

footer {
    background: var(--brand-gradient);
    padding: 5rem 0 5rem;
}

#footer-nav li {
    margin-bottom: 2rem;
}

#footer-nav a {
    color: #fff;
}

#footer-nav a:hover,
#footer-nav a:focus {
    color: #000;
}

.footer-contact-info span {
    color: #fff;
    text-transform: capitalize;
}

.copyright a:hover {
    color: #fff;
}

/* ROOF REPORT */

.aside-roof-report {
    margin-bottom: 5.5rem;
    padding: 0.5rem 1.5rem; 
}
.roof-report-flex {
    display:flex;
    flex-direction: column;    
}

.roof-report-top {
    text-align:center;
}

.roof-report-top h2{
    margin-bottom: 0rem;
}

.roof-report-middle{
    background: #FBC421;
    color: var(--primary-teal);
    text-align:center;
}

.roof-report-middle h2{
    font-size: 3rem;
    font-weight: bold;
    padding: 0.5rem;
    margin-bottom: 0;
}

.roof-report-bottom{
    display:flex;
    background: var(--primary-teal);    
    justify-content: space-between;
}

.roof-report-bottom h3{
    color:white;
    font-weight: 700;
    font-size: 1.6rem;
    padding-top: 7px;  
    margin-bottom: 7px;
    text-align: center; 
}

.roof-report-bottom img{
    height:20px; 
}
.roof-report-logoimg{
    padding-left:8px;
    padding-right:5px;
    padding-top:10px;
    text-align:center;    
}
.roof-report-logoimg2{
    padding-left:12px;
    padding-right:12px;
    padding-top:10px;
    text-align:center;    
}                       

/* Live stream */

.live-stream-container {
    background: var(--brand-gradient);
}

@media screen and (max-width: 1200px), handheld and (max-device-width: 1200px) {
    .logo-cbs58 {
        width: 400px;
    }

    .main-nav ul li a,
    #main-nav-floating li a,
    .main-nav .submenu li a,
    .header-nav-search {
        font-size: 1.4rem;
    }

}

@media screen and (max-width: 1000px), handheld and (max-device-width: 1000px) {

    .logo-cbs58 {
        width: 315px;
        margin-top: 2rem;
    }

    .main-nav ul li {
        padding: 0 2rem;
    }

    .main-nav ul li a,
    .main-nav .submenu li a  {
        color: #fff;
        font-size: 1.4rem;
        transition: none;
        text-transform: uppercase;
    }

    .main-nav ul li a {
        padding: 1.5rem 1rem 1.5rem;
    }

    .main-nav li a:hover, 
    .main-nav li a:focus,
    .main-nav .submenu li a:hover,
    .main-nav .submenu li a:focus {
        color: #000;
    }

    .main-nav,
    .main-nav .submenu {
        background: var(--brand-gradient);
    }

    .main-nav ul.nav-small.nav-open.submenu-open {
        top: 53px;
    }

    .header-nav-icons li a {
        border-bottom: none;
    }

    .header-nav-icons i {
        color: #fff;
        padding: 2rem 1rem;
    }

    .header-nav-search,
    .header-nav-search i {
        color: #fff;
    }

    .mobile-floating-nav {
        padding: 1rem 1rem 0.3rem;
    }

    .main-nav-menu-btn {
        margin-top: 0.1rem;
        margin-left: 0;
    }

    .on-now-next .next-newscast-mobile {
        border-radius: 0;
    }
}

@media (max-width: 750px) {

     .breaking-news-inner {
        padding: 1.7rem 1rem 0.5rem;
    }
}

@media (max-width: 600px) {

    .header-sponsor-ad {
        height: 52px; /* cbs58 nav is different height then telemundo */
    }

    .header-sponsor-ad, .sticky-sponsor-ad {
        top: 3px;
    }

    .sticky-sponsor-ad-wrapper.is-sticky .header-sponsor-ad.sticky-sponsor-ad {
        top: 0px;
    }

    #main-content {
        margin-bottom: 2rem;
    }

    .mod-section-4-inner {
        margin-bottom: 1.5rem;
    }

    .mod-section-5-callout-item:nth-of-type(1) .callout-item-title-link {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .mod-section-2-item-title, 
    .mod-section-4-item-title, 
    .mod-section-5-callout-item-title {
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

    .content-listing-with-img .content-listing-title {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .mod-section-5-callout-item, .mod-section-5-callout-item:nth-of-type(1) {
        border-radius: 0;
    }
}

@media screen and (min-width: 600px), handheld and (min-device-width: 600px){

    .contact-form.school-closings {
      width: 80%;
    }

    .one-fourth-col-field {
      width: 25%;
    }

    .half-col-field {
        width: 50%;
    }

    .three-fourth-col-field {
        width: 75%;
    }

    .col-field-right-spacing {
        padding-right: 20px;
    }

    .col-field-inline {
        display: inline-block;
        float: left;
    }
}

@media screen and (min-width: 1100px), handheld and (min-device-width: 1100px){

    .contact-form.school-closings {
      width: 60%;
    }
}