/* This removes the variable error and forces the color directly */
.bg-light {
    background-color: #000000 !important;
}

/* This ensures the text inside is white so it doesn't disappear on the black background */
.bg-light a, .bg-light .nav-link {
    color: #ffffff !important;
}

ul.us_menu.dark, ul.us_menu.dark .us_sub-menu li, ul.us_menu.dark li:hover, ul.us_menu.dark ul.us_sub-menu {
    background-color: #000;
    max-width: 1200px;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;    
}

body {
    color: white!important;
    background-color: #000!important;
}

.card {
    background-color: #000!important;
}

.modal-content {
    background-color: dimgray!important;
}

.form-control-plaintext
{
    color:white;
}

ul.us_menu.dark a, ul.us_menu.dark .us_menu_mobile_control {
    color: rgba(255, 255, 255, 255)!important;
    border-radius: 4px;
    
}

.us_brand.full_screen {
    padding: 0px 0px; 
}

/* was 1130px*/
@media screen and (max-width: 1200px) {
  .us_menu_mobile_wrapper {
    display: flex;
  }
  ul.us_menu.horizontal {
    display: block;
  }
  ul.us_menu.horizontal > li {
    display: none;
  }

  ul.us_menu .us_brand.full_screen {
    display: none;
  }

  ul.us_menu.horizontal.expanded > li {
    display: block;
  }

  ul.us_menu.horizontal .us_sub-menu,
  ul.us_menu.horizontal .us_sub-menu.us_deep-sub-menu{
    width: 100%;
    left: 0;
    top: 100%;
    border: none;
  }

  ul.us_menu:not(.horizontal) {
    transition: all 750ms ease-in-out;
    /*width: 15vw;*/ /* no explicit widths in case of zoom */
    overflow: hidden;
  }

  /* .us_menu:not(.horizontal):not(.expanded) .us_menu_mobile_wrapper {

  } */

  ul.us_menu:not(.horizontal):not(.expanded) .us_menu_mobile_wrapper {
    padding-left: 5px;
  }

  ul.us_menu:not(.horizontal):not(.expanded) .us_brand{
    display: none;
  }

  ul.us_menu:not(.horizontal):not(.expanded) .labelText{
    display: none;
  }

  ul.us_menu:not(.horizontal):not(.expanded) i{
    font-size: 1.25rem;
    padding-left:2px;
  }

  ul.us_menu:not(.horizontal) .us_sub-menu,
  ul.us_menu:not(.horizontal) .us_deep-sub-menu
  {
    position: relative;
    border: none;
    left: unset;
    top: unset;
    float: unset;
  }

  ul.us_menu:not(.horizontal) > li a {
    transition: all 750ms ease-in-out;
  }


  ul.us_menu:not(.horizontal):not(.expanded) > li a{
    padding-left: 5px;
    font-size: 28px;
  }

  ul.us_menu.expanded:not(.horizontal) {
    width: 280px;
  }

}