.read-more span,
  .read-more .far,
  .read-more .fas {
    color: #FE0000;
  }



  .form-search input {
    border-color: #232323;
  }

  ul.tribe-events-sub-nav li a:hover,
  #tribe-events a.tribe-events-button:hover,
  .elvotics_event_list_button a:hover,
  .btn-default:hover,
  .btn:hover {
    color: #fff !important;
    background-color: #FE0000 !important;
    border-color: #FE0000 !important;
  }  

.schedule-show-wrapper .show-content,
  .schedule-show-wrapper .show-content a,
  .schedule-show-wrapper .show-content h3 {
    color: #fff;
  }

  .schedule-show-wrapper .show-content a:hover {
    color: #fff;
  }

  .schedule-show-wrapper .show-content h3 {
    font: normal 500 20px "Roboto";
    color: #fe0000;
  }

  .schedule-now {
    background-color: #131313;
    max-width: 300px;
  }

  .schedule-next {
    background-color: #FE0000;
  }

  .brand_logo .title-wrapper {
    display:none
  }

 .title-wrapper {
    background-color: #131313;
    border-color: #FE0000;
  }

  .title-wrapper h3 {
    margin: 0
  }

  .widget-title {
    color: #fff
  }

  .widget-title a {
    color: #fff
  }

  .widget-title a:hover {
    color: #fff
  }

  .row-title,
  .page-header h2 {
    color: #fff;
  }

.footer-wrapper {
    background-color:#252525;
}

  .footer-content ul li a:hover {
    color: #FE0000;
  }

 .elvotics_el_whitebox ul li span {
    color: #000;
  }

.pagination span,
  .pagination a {
    color: #FFF;
    background: #131313 none repeat scroll 0 0;
  }

  .pagination span,
  .pagination a:hover {
    color: #fff;
    background: #FE0000 none repeat scroll 0 0;
  }

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

  .pagination a {
    text-decoration: none;
    color: #fff
    background: #FE0000 ;
  }

  .nav-links a:hover {
    color: #FE0000
  }

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

  .article-meta .fa {
    color: #FE0000
  }

  .elvotics_el_whitebox ul li:before {
    color: #FE0000;
  }

.supermenu__mobile .supermenu__logo-wrapper {
  display:none
}

.wcd-web-app-front .width-50{
    width: 50%!important;
}
.wcd-web-app-front .width-full{
    width: 100%!important;
}
.wcd-web-app-front #myselect-container-1{
    margin-bottom: 15px!important;
}
.wcd-web-app-front .dropdown-menu
{
    padding: 0!important;

    color: #000!important;
    border: 0!important;
    background: whitesmoke!important;
}
.wcd-web-app-front .dropdown-menu > li > a
{
    font: normal 20px/40px 'Anonymous Pro'!important;
    cursor: pointer!important;
    color: #000!important;
    border-bottom: 1px dotted #fff!important;
}
.wcd-web-app-front .btn-primary {
    color: #fff!important;
    background-color: #337ab7!important;
    border-color: #2e6da4;
}
.wcd-web-app-front .dropdown-menu > li > a:hover,
.wcd-web-app-front .dropdown-menu > li > a:focus
{
    text-decoration: none!important;
    color: black!important;
    background: whitesmoke!important;
}

.wcd-web-app-front .dropdown-menu > .active > a,
.wcd-web-app-front .dropdown-menu > .active > a:hover,
.wcd-web-app-front .dropdown-menu > .active > a:focus
{
    text-decoration: none!important;
    color: black!important;
    background-color: whitesmoke!important;
}
.wcd-web-app-front .navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff!important;}
.wcd-web-app-front .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color:#fff!important;}
.wcd-web-app-front .dropdown-menu  li {
    
}
.wcd-web-app-front .dropdown-menu  li.divider {
    display: none!important;
}
.wcd-web-app-front .dropdown-menu  li  a{
    font-size:14px!important;
    line-height: 22px!important;
    padding: 0px 10px!important;
    display: block!important;
}
.wcd-web-app-front .dropdown-menu  li #selectAll,.wcd-web-app-front .dropdown-menu  li #deselectAll{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.wcd-web-app-front .dropdown-menu  li .dropdown-header{
    margin-top: -11px!important;
}
.wcd-web-app-front .dropdown-menu  li  a .checkbox{
    margin-bottom: 7px!important;
    padding-top: 7px!important;
}
.wcd-web-app-front #myselect-container-1 select{
    border: 0px!important;
    padding: 7px 10px!important;
    border-radius: 4px!important;
}
.wcd-web-app-front .btn-default{
    color: black!important;
    background-color: #DCDCDC!important;
    border: none!important;
}
.clearme{
    clear: both!important;
}
.school_login_div{
    float: right!important;
    margin-bottom: 20px!important;
}

.school-closing-category{
    z-index: 10000!important;
    position: relative!important;
}


.arrow-down:after,.arrow-up:after{
  content: ' ';
  position: relative;
  left: 2px;
  border: 8px solid transparent;
}

.arrow-down:after{
  top: 10px;
  border-top-color: black!important;
}

.arrow-up:after{
  bottom: 15px;
  border-bottom-color: black!important;
}

.arrow-down,.arrow-up{
  padding-right: 10px;
}

/* fix school closing login when logged in wp-admin */
div[aria-describedby="school_login_dialog"] .ui-dialog-titlebar{
    height: inherit!important;
    font-size: inherit!important;
    line-height: inherit!important;
}

div[aria-describedby="school_login_dialog"] .ui-dialog-buttonset .ui-button {height:inherit!important}
div[aria-describedby="school_login_dialog"] .ui-dialog-titlebar-close:before {display:none!important}


/*****ARTIST AND ALBUM PAGES FIX*****/

/* ==========================================================================
   1. CRITICAL: Fix Theme Grid Column Blowout 
   ========================================================================== */
/* Force the theme grid track to calculate its width based on remaining 
   screen space instead of stretching to fit the inline carousel path */
body.page-id-78691 .grid.one-column.sm-side-bar-right, body.page-id-78692 .grid.one-column.sm-side-bar-right {
    grid-template-columns: minmax(0, 1fr) 300px !important;
}

/* Instruct the primary column inner wrapper to isolate child content overflows */
body.page-id-78691 .grid.one-column.sm-side-bar-right > div:first-child, body.page-id-78692 .grid.one-column.sm-side-bar-right > div:first-child {
    min-width: 0 !important;
    overflow: hidden !important;
}


/* ==========================================================================
   2. DESKTOP CAROUSEL: Force Horizontal Containing Window
   ========================================================================== */
@media (min-width: 768px) {
    /* Create the boundaries so the track can span off-screen cleanly */
    .onecms-artist-album-wrapper .albums-carousel-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important; /* Safe fallback if navigation buttons hitch */
        overflow-y: hidden !important;
    }
    
    /* Enforce a predictable, strict width calculation style path */
    .onecms-artist-album-wrapper .albums-carousel {
        display: block !important;
        white-space: nowrap !important;
        width: max-content !important; 
    }
}


/* ==========================================================================
   3. MOBILE (BELOW 768px): Fix Content Overlapping & Collisions
   ========================================================================== */
@media (max-width: 767px) {
    /* Collapse the root layout sidebar out of the grid space */
    body.page-id-78691 .grid.one-column.sm-side-bar-right, body.page-id-78692 .grid.one-column.sm-side-bar-right  {
        grid-template-columns: 1fr !important;
    }

    /* Fix the broken item track width constraints */
    .onecms-artist-album-wrapper .albums-carousel {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
    }

    /* Override the overlapping 100% flex baseline layout strategy */
    .onecms-artist-album-wrapper .album-link {
        display: block !important;
        flex: 0 0 130px !important; /* Dictates strict scaling blocks side-by-side */
        width: 130px !important;
        margin-right: 12px !important;
    }

    /* Force the individual cards to fill out their structural constraints */
    .onecms-artist-album-wrapper .album-item {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .onecms-artist-album-wrapper .album-item img {
        width: 100% !important;
        height: auto !important;
    }
}




/



/* -----------------------------* 
$Small devices (992px and up)
\*-----------------------------*/
  @media (min-width: 992px) {

.supermenu__desktop .supermenu__menu-items-ul>li:nth-last-child(-n+3) {
  float:right;
  padding-left: 2px !important;
}

}