body {
	color: #000!important;
    font-weight: 400!important;
}

/* Hight-light */
::selection{background:#00264d;/* WebKit/Blink Browsers */color:#fff;}
::-moz-selection{background:#00264d;/* Gecko Browsers */color:#fff;}


/*---a:hover, a:focus {
    color: #5a5a5a!important;
}
---*/

/* -----------------------------n------------------------------------------------
* $HEALPER CLASSES
* -------------------------------------------------------------------------- */
.marginTB10 {
    margin: 10px 0 !important;
  }
  
  .marginT10 {
    margin-top: 10px !important;
  }
  
  .marginT15 {
    margin-top: 15px !important;
  }
  
  .marginB10 {
    margin-bottom: 10px !important;
  }
  
  .marginB15 {
    margin-bottom: 15px !important;
  }
  
  .no-padding {
    padding: 10px 0 10px 0 !important;
  }
  
  #wpb-two-column .article-wrapper {
      background: #f1f1f1;
      margin: 13px 0 10px 0;
  }
  
  .widget .widget-title a:hover {
    color: #000 !important;
  }
  
  /* -----------------------------------------------------------------------------
  * $SITE LAYOUT
  * -------------------------------------------------------------------------- */
  body {
    background: url('https://dehayf5mhw1h7.cloudfront.net/wp-content/uploads/sites/1515/2020/12/22201456/hero-bg.jpg') no-repeat fixed top center #C8C8C8;
    margin-top: 80px;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    line-height:24px
  }
  
  .hero-content {
    top: 20px;
  }
  
  
  .home .player_advance {display:none}
  
  /* --------------------------------------------------------------------------
  * $SUPERMENU                                              
  * -------------------------------------------------------------------------- */
  .supermenu__logo-wrapper {
    position: initial;
    z-index: 40;
  }
  
  .supermenu__logo-wrapper .img-logo {
    max-width: 100%;
    max-height: auto;
  }
  
 .supermenu__mobile .supermenu__menu-items-wrapper li {
    background: #fff!important;
}
  
  /* -----------------------------------------------------------------------------
  * $BRAND                                                Links, hover, background
  * -------------------------------------------------------------------------- */
  /* Brand color () */
 a,
  .color-brand {
    color: #00264d;
  }
  
  .bg-brand {
    background-color: #00264d;
  }
  
  .border-brand {
    border-color:#00264d;
  }
  
  .hover-color-brand:hover,
  .hover-color-brand {
    color:#00264d;
  }
  
  .hover-bg-brand:hover,
  .hover-bg-brand {
    background-color:#00264d;
  }
  
  
  /* ---------------------------------- * $HERO: BACKGROUND
  \*------------------------------------*/
  .hero-header {
    background-color: #333;
    background: url('');
  }
  
  .hero-header,
  .hero-header a {
    color: #FFF;
  }
  
  /* ---------------------------------- * $SCHEDULE NOW C
  \*------------------------------------*/

#schedule-now-c .on-air-top {
    background:#00264d !important;
  }
  
  #schedule-now-c .h3 {
    color: #fff !important
  }
  
  #schedule-now-c .the-excerpt {
    color: #fff !important
  }
  
  #schedule-now-c link-text a {
    color: #fff
  }
  
  #schedule-now-c .link-text:hover {
    color:#00264d !important
  }
  
  #schedule-now-c .on-air-bottom {
    background: #232323 !important;
  }
  
  
  /* ---------------------------------- * $LISTEN LIVE
  \*------------------------------------*/
  #schedule-now-c .listen {
    background:#00264d !important;
  }
  
  /* ---------------------------------- * $WIDGET TITLE
  \*------------------------------------*/
  .title-wrapper {
    background:#00264d
  }
  
  .title-wrapper h3 {
    border-left: 5px solid #ce1127
  }
  
  .widget .widget-title {
    color: #fff;
  }
  
  .widget .widget-title a:hover {
    color: #ccc!important;
  }
  
  /* ---------------------------------- * $POST LIST
  \*------------------------------------*/
  .posts-list h2 a:hover {
    color: #999;
  }
  
  /* ---------------------------------- * $POST
  \*------------------------------------*/
  .page-header {
    border-left: 5px solid #ce1127
  }

  /* ---------------------------------- * $Archive+
  \*------------------------------------*/
.archive .entry-title h2 {
    line-height: 1.1em;
}
  
  /* ---------------------------------- * $NEXT/PREVIOUS LINK PAGES
  \*------------------------------------*/
  .nav-links {
    background: #232323;
  }
  
  .story {
    border-bottom: 1px solid #FFF;
    color: #FFF
  }
  
  .nav-previous a,
  .nav-next a {
    color: #FFF
  }
  
  .nav-previous a:hover,
  .nav-next a:hover {
    color:#ccc !important;
  }
  
  .entry-meta {
    background: none !important
  }
  
  /* -----------------------------------------------------------------------------
  * $PAGINATION
  * -------------------------------------------------------------------------- */
  .pagination span,
  .pagination a {
    color: #fff;
    background: #00264d repeat scroll 0 0;
  }
  
  .pagination a {
    color: #fff;
    background: none repeat scroll 0 0 #00264d;
  }
  
  .pagination a:hover {
    background: none repeat scroll 0 0#ce1127;
    /*hover color*/
    color: #fff
  }
  
  .pagination .current {
    color: #fff;
    background:#ce1127 none repeat scroll 0 0;
  }
  
  /* ---------------------------------- * SHOW ARCHIVE
  \*------------------------------------*/

.show_archive .show_excerpt {
    font-size: 14px;
    font-weight: 600;
    display: none;
}
  
  
  /* ---------------------------------- * $FOOTER MENU
  \*------------------------------------*/
  footer {
    background: #00264d !important
  }
  
  .footer-nav li a {
    color: #fff
  }
  
  .footer-nav li a:hover {
    color: #ccc
  }
  
  /* ---------------------------------- * $COPYRIGHT
  \*------------------------------------*/
  
  .copyright {
    color: #fff
  }
  
  .copyright a {
    color: #fff
  }
  
  .copyright a:hover {
    color: #000
  }

@media (max-width: 767px) {
  
  .archive .col-sm-12 {
    clear:both!important
  }
  
}
  
  @media (min-width: 768px) {
    .hero-image img {
        max-width: 50%;
        margin: 10px 0 15px;
    }
  
    .hero-image {
        margin: 8px 0 20px;
    }
  
    .hero-social {
        padding: 10px 0;
    }
    
  
    .hero-scroll .fa-chevron-down {
        font-size: 50px;
    }
  
    .hero-social .social-links {
        text-align: center;
        margin: 15px 0;
    }
    
  }
  
  @media (min-width: 1824px) {
    .hero-image img {
        width: 100%;
        margin: 10px 0 15px;
    }
  
    .hero-image {
        margin: 25px 0;
    }
  
    .hero-social {
        padding: 25px 0;
    }
  
    .hero-scroll .fa-chevron-down {
        font-size: 75px;
    }
  
    .hero-social .social-links {
        text-align: center;
        margin: 15px 0;
    }
  
  }