
  .pageheader, .pageheader-sm { background-color: #000000; }

  #site-nav, #site-nav .navbar-toggler, #site-nav .navbar-toggler:hover, #site-nav .navbar-toggler:focus {
    background-color: #000000;
    background-image: -moz-linear-gradient(top, #000000, #000000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
    background-image: -webkit-linear-gradient(top, #000000, #000000);
    background-image: -o-linear-gradient(top, #000000, #000000);
    background-image: linear-gradient(to bottom, #000000, #000000);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
  }
  @media only screen and (max-width: 992px){
    .navbar-collapse {
      background-color: #000000;
    }
    #site-nav .navbar-nav .open .dropdown-menu>.active>a, #site-nav .navbar-nav .open .dropdown-menu>.active>a:hover, #site-nav .navbar-nav .open .dropdown-menu>.active>a:focus {
      background-color: #000000;
    }
  }
  #site-nav .navbar-nav>li.active>a, #site-nav .navbar-nav>li.active>a:hover,
  #site-nav .navbar-nav>li.active>a:focus, #site-nav .nav>li>a:hover, #site-nav .nav>li>a:focus {
    background-color: #000000;
  }
  #site-nav .nav li.dropdown.open > .dropdown-toggle, #site-nav .nav li.dropdown.active > .dropdown-toggle,
  #site-nav .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #000000;
  }
  #site-nav .navbar-nav>.active>a{
    background-image:-webkit-linear-gradient(top,#000000 0,#000000 100%);
    background-image:linear-gradient(to bottom,#000000 0,#000000 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);
    -webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.075);
    box-shadow:inset 0 3px 9px rgba(0,0,0,0.075)
  }
  .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #000000;
    background-image:-webkit-linear-gradient(top,#000000 0,#000000 100%);
    background-image:linear-gradient(to bottom,#000000 0,#000000 100%);
    background-repeat: repeat-x;
  }




/*for popovers in modals*/
.popover {
    z-index: 1050;
}


:root {
    --accent-color: #2A9FD6;
    --page-bkg-color: #151515;
    --contrast-text:  #eeeeee;
    --old-banner-color : #000000;
    --give-page-bkg-color : #151515;
    --accent-contrast: #151515;
    --accent-inverse: rgb(255, 255, 255);
    --gray-border-color:  rgba(255,255,255,0.3);
    --card-bkg-new: rgba(255,255,255, 0.08);
}

.event-homepage {
  --text-color: #eeeeee;
}

.event-homepage .sponsors .sponsor p {
  color: var(--accent-contrast);
}

  .video-icon, .question-icon {
    color: rgba(255,255,255,0.5);
    mix-blend-mode: difference;
  }

  .pagination-group a{
    color:gray !important;
  }

  .pagination-group a{
    color:gray !important;
  }

  .pagination-group .active a{
    color:white !important;
  }




.page_register #items_without_tickets a, .page_register .section-footer a{
  color:var(--accent-color);
}

.page_register #items_without_tickets a:hover, .page_register .section-footer a:hover{
  color:var(--accent-color);
  text-decoration:underline;
}

.page_register #ticket_navigation a, .page_register .section-footer a.footer-btn{
  color: white !important;
}


.give_page_value_section{
  color:var(--text-color);
}


.page_donation_items .modal-dialog .alert{
  background-color: #efefef;
  color:#888888;

  a {
    color:var(--info);
    font-weight:600;
  }
}

span.give_page_title_text{
  color:inherit !important;
}
