.nav {
  background: #003366;
  position: relative;
  min-height: 52px; }
  @media (min-width: 576px) {
    nav.nav::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 39px;
      background: #142e47; } }

.nav__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #ffffff;
  /*max-width: 1088px;*/ }
  @media (min-width: 576px) {
    .nav__container {
      margin: 0 auto;
      position: relative;
      z-index: 9; } }

.nav__logo {
  position: absolute;
  left: 18px;
  top: 6.5px;
  z-index: 10;
  width: 65px; }
  @media (min-width: 576px) {
    .nav__logo {
      top: 26px;
      width: 104px; } }

a.xs-donate-button {
  color: #142e47;
  background: #dae9f4;
  display: grid;
  align-content: center;
  padding: 0px 18px;
  height: 35px;
  margin-top: 8px;
  margin-right: 15px;
  font-weight: 600;
  font-size: 16px;
}

@media (min-width: 576px) {
  a.xs-donate-button { display: none; }
}

.nav__toggle {
  width: 52px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .nav__toggle:hover {
    opacity: 0.5;
    cursor: pointer; }
  .nav__toggle span {
    display: block;
    height: 3px;
    width: 26px;
    background: #dae9f4;
    margin: 2px auto; }
  @media (min-width: 576px) {
    .nav__toggle {
      display: none; } }

.nav__secondary,
.nav__primary {
  display: none; }
  @media (min-width: 576px) {
    .nav__secondary,
    .nav__primary {
      display: block;

    }
  }
  .nav__secondary ul,
  .nav__primary ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 576px) {
      .nav__secondary ul,
      .nav__primary ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }

.nav__secondary {
  display: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  list-style: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: none; }
  @media (min-width: 576px) {
    .nav__secondary {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .nav__secondary .nav__element {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .nav__secondary .nav__element a {
      padding: 12px 18px;
      font-size: 14px; }

.nav__primary {
	font-size: 18px;
  margin-left: 120px; }
  .nav__primary .nav__element a {
    padding: 14px 18px;
    text-transform: uppercase; }
    .nav__primary .nav__element a:hover {
      background: #004080; }
    .nav__primary .nav__element a:active, .nav__primary .nav__element a:focus {
      background: none; }
  .nav__primary .nav__element.active {
    background: #0c1527; }
    .nav__primary .nav__element.active:hover a {
      background: #0c1527; }

@media (min-width: 576px) {
  .nav__wrapper {
    -ms-flex-item-align: end;
        align-self: flex-end; } }

.nav__element a {
  color: #ffffff;
  text-decoration: none;
  display: block; }
.nav__element.nav__element--donate a {
  color: #142e47;
  background: #dae9f4; }

#dropdown__wrapper {
  display: none;
  position: relative; }

.nav__dropdown--queue {
  display: none !important; }

.nav__about .nav__dropdown-menu {
  display: none;
}

.nav__mobile a, .nav__mobile a:focus, .nav__mobile a:hover {
  color: #dae9f4;
  text-decoration: none;
}

@media (min-width: 576px) {
  .nav__dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: #dae9f4;
    -webkit-box-shadow: 0 20px 20px rgba(12, 21, 39, 0.2);
            box-shadow: 0 20px 20px rgba(12, 21, 39, 0.2); } }
.nav__dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.nav__dropdown-menu {
  background: #0c1527;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 14px;
  padding: 52px; }
  @media (min-width: 768px) {
    .nav__about .nav__dropdown-menu {
      display: block;
    }
    .nav__about .nav__dropdown-aside {
      width: 40%;
    }
    .nav__dropdown-menu {
      width: 60%; } 
  }
  .nav__dropdown-menu a {
    color: #dae9f4;
    text-decoration: none; }

.dropdown-menu__group {
  margin: 0 0 26px 0; }
  .dropdown-menu__group:first-of-type {
    margin-right: 52px; }
  .dropdown-menu__group ul {
    padding-bottom: 26px; }
  
.dropdown-menu__group.search_group {
  width: 100%;}

.dropdown-menu__group-title {
  display: block;
  font-size: 26px;
  line-height: 26px;
  padding: 0 0 13px 0; }

.dropdown-menu__event-image img {
  max-width: 250px;
  margin: 1rem 0 0 0; }

.dropdown-menu__group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dropdown-menu__group-btn img {
    margin-left: 9px; }
  .dropdown-menu__group-btn.arrow-link:after {
    content:"";
    
  }
  .nav__about .nav__dropdown-aside {
    width: 75%;
    padding: 20px;
  }
.nav__dropdown-aside {
  display: none; }
  @media (min-width: 768px) {


    .nav__dropdown-aside {
      background: #0a0d14;
      width: 40%;
      padding: 52px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
    
    .secondary-dropdown .nav__dropdown-aside {
      background: #0c1527;
    }
.secondary-dropdown a {
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
}
.secondary-dropdown .dropdown-aside__group-title {
  font-size: 20px;
}
.secondary-dropdown li {
  line-height: 1.6;
  font-size: 14px;
}
.dropdown-aside__group {
  max-width: 338px; }
  .dropdown-aside__group a {
    display: block;
    color: #dae9f4;
    text-decoration: none;
    padding: 13px 0;
    margin: 13px 0;
    font-size: 1.2rem; }
  .dropdown-aside__group li {
    border-top: 1px solid #142e47; }
    .dropdown-aside__group li:first-of-type {
      border: none; }

.dropdown-aside__group-title, .dropdown-aside__group-title a {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #dae9f4; }

.dropdown-aside__group-title a {
  text-decoration: none;
}

#nav__mobile {
  position: fixed;
  z-index: 201;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0c1527;
  overflow: auto; }
  #nav__mobile.collapsed {
    display: none; }
  #nav__mobile ul {
    list-style: none;
    margin: 0 26px;
    padding: 0; }
  #nav__mobile a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 6.5px; }
  #nav__mobile .nav__element--donate a {
    margin: 52px 0 0 0;
    display: block;
    text-align: center; }

#navbar__close {
  position: absolute;
  top: 26px;
  right: 26px;
  color: #fff;
}

.nav__mobile-title {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #dae9f4;
  text-align: center;
  padding: 52px 0 26px 0; }

.mobile-search {
  width: 80%;
  font-size: 14px;
  border: none;
  border-radius: 50px;
  padding: 10px;
  margin: 0 auto 26px auto; }

.secondary-dropdown {
  position: absolute;
  width: 50%;
  right: 0px;
  top: -65px;
  z-index: 10;
}

li.nav__element:hover { cursor: pointer; }

.nav__dropdown-aside.about-aside { display: block;  }

.about-aside .dropdown-menu__group:first-of-type { margin-right: 0px; }

select.frc-sites {
  color: black;
}