/*
Theme Name:017 ITMWPB Child WVUB-HD
Theme URI: https://wordpressforbroadcasters.com
Author: The WPB team
Description: 017 WVUB-HD Child Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 017-itmwpb-child-wvub
Template:017-itmwpb
*/

  /*=============================================================================*/
  /* -----------------------------------------------------------------------------
* $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;
  }

.widget-aside .title-wrapper {
    margin: 10px 0 10px 0;
}

  /* -----------------------------------------------------------------------------
* $SITE LAYOUT
* -------------------------------------------------------------------------- */
  .page-wrap-inner {
    margin-top:100px
  }

body {
      background: url('https://dehayf5mhw1h7.cloudfront.net/wp-content/uploads/sites/1093/2019/01/17204306/site_bg.jpg') no-repeat fixed top center #101015;
  }

  .hero-image img {
      width: 120px;
      margin: 35px 0 15px;
  }

  /* --------------------------------------------------------------------------
* $SUPERMENU                                              
* -------------------------------------------------------------------------- */
  .supermenu__logo-wrapper {
      position: absolute;
      z-index: 40;
  }

  .supermenu__logo-wrapper .img-logo {
      max-width: 100%;
      max-height: 103px !important;
  }

  .supermenu__mobile .supermenu__menu-items-wrapper li {
      background: #20355a !important
  }

.supermenu__logo-wrapper .img-logo {
    margin-top: 7px!important;
}


  /* -----------------------------------------------------------------------------
* $BRAND                                                Links, hover, background
* -------------------------------------------------------------------------- */
  /* Brand color () */
  a,
  .color-brand {
      color: #444444;
  }

  .bg-brand {
      background-color: #444444;
  }

  .border-brand {
      border-color: #444444;
  }

  .hover-color-brand:hover,
  .hover-color-brand {
      color: #444444;
  }

  .hover-bg-brand:hover,
  .hover-bg-brand {
      background-color: #444444;
  }

  .bg-dark {background:#444444}

  /* ---------------------------------- * $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: #0c30e8 !important;
  }

#schedule-now-c .h3 {
    color: #fff !important;
    font-weight: 500!important;
}

  #schedule-now-c .the-excerpt {
      color: #fff !important
  }

  #schedule-now-c link-text a {
      color: #fff
  }

  #schedule-now-c .link-text:hover {
      color: #20355a !important
  }

#schedule-now-c .on-air-bottom {
    background: #00000099;
}
  .supermenu__menu-items-ul > li {
      padding: 0 10px;
  }

  /* ---------------------------------- * $LISTEN LIVE
\*------------------------------------*/
  #schedule-now-c .listen {
      background: #ffcb30 !important;
  }

  /* ---------------------------------- * $WIDGET TITLE
\*------------------------------------*/
  .title-wrapper {
      background: #444444
  }

  .title-wrapper h3 {
      border-left: 5px solid #ffcb30
  }

  .widget .widget-title {
      color: #fff;
  }

  .widget .widget-title a:hover {
      color: #808080;
  }

  /* ---------------------------------- * $POST LIST
\*------------------------------------*/
  .posts-list h2 a:hover {
      color: #bbbbbb;
  }

  /* ---------------------------------- * $POST
\*------------------------------------*/
  .page-header {
      border-left: 5px solid #808080;
  }

  /* ---------------------------------- * $NEXT/PREVIOUS LINK PAGES
\*------------------------------------*/
  .nav-links {
      background: #20355a;
  }

  .story {
      border-bottom: 1px solid #ffffff50;
      color: #fff
  }

  .nav-previous a,
  .nav-next a {
      color: #fff
  }

  .nav-previous a:hover,
  .nav-next a:hover {
      color: #ccc !important;
  }

  /* -----------------------------------------------------------------------------
* $PAGINATION
* -------------------------------------------------------------------------- */
  .pagination span,
  .pagination a {
      color: #000;
      background: #ffcb30 none repeat scroll 0 0;
  }

  .pagination a {
      color: #000;
      background: none repeat scroll 0 0 #ffcb30;
  }

  .pagination a:hover {
      background: none repeat scroll 0 0 #444444;
      /*hover color*/
      color: #fff
  }

  .pagination .current {
      color: #fff;
      background: #444444 none repeat scroll 0 0;
  }

  /* ---------------------------------- * $FOOTER MENU
\*------------------------------------*/
  .footer-nav li a {
      color: #fff
  }

  .footer-nav li a:hover {
      color: #ffcb30
  }

  /* ---------------------------------- * $COPYRIGHT
\*------------------------------------*/

  .copyright  {
      color: #ccc
  }
  .copyright a {
      color: #ccc
  }
  .copyright a:hover {
      color: #ffcb30
  }

.read-more a {
    border-left: 2px solid #fcbe03;
}

  @media (min-width: 768px) {
      .hero-image img {
          width: auto;
      }
    
      .hero-scroll .fa-chevron-down {
      font-size: 80px;
      color:#fff
      }
  }