.menuToggle {
  display: none;
  background-color: transparent;
  border: none;
  color: var(--white);
  font-size: 20px;
}

.menuToggle .sr-only {
  color: var(--white);
}

.siteHeader {
  display: block;
  width: 100%;
  z-index: 5;
  top: 0;
}

.main-navigation .top-row {
  background-color: var(--primary-color);
  padding: 10px 0;
  border-bottom: 5px solid var(--orange);
  /* border-top: 4px solid var(--orange); */
}

.main-navigation .menu-image img {
  padding: 10px 0;
}

.bottom-row .nav-item .nav-link {
  color: var(--dark-teal);
  font-size: 16px;
}

.audience .nav-item .nav-link:after {
  content: "|";
  display: inline-block;
  color: var(--white);
  position: relative;
  right: -12px;
}

.audience .justify-content-end .nav-item:nth-last-child(2) .nav-link:after,
.audience .nav-item:last-child .nav-link:after {
  content: "";
}

.main-navigation .bottom-row {
  background-color: var(--white);

  padding: 0;
}

header .modal-body {
  padding: 0;
}

.modal-open .siteHeader {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#skiptocontent a {
  padding: 6px;
  position: absolute;
  top: -160px;
  left: 0px;
  color: var(--black);
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  z-index: 100;
}

#skiptocontent a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #d8c722;
  outline: 0;
}

a:hover {
  text-decoration: none !important;
}

.header-logo img {
  max-width: 450px;
  padding: 10px 0;
}

.header-logo-mobile img {
  max-width: 150px;
  padding: 10px 0;
}

.hide {
  display: none;
}

.modal-backdrop.show {
  opacity: 0.75;
}

.close {
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
  text-align: right;
  font-size: 40px;
  position: absolute !important;
  display: inline-block;
  top: 30px;
  right: 130px;
  text-shadow: none;
  width: 40px;
  height: 40px;
  opacity: 1;
}

.close:hover,
.close:focus {
  color: rgba(255, 255, 255, 0.75);
}

/*Auxillary and Audience Navigations*/
.audience .nav li > a,
.auxnav .nav li a {
  font-size: 14px !important;
  color: var(--white) !important;
  padding: 5px 15px !important;
  text-transform: none;
  display: block;
  width: 100%;
  font-weight: 800 !important;
}
.audience .nav li > a:hover,
.audience .nav li > a:focus,
.auxnav .nav li a:hover,
.auxnav .nav li a:focus {
  font-size: 14px !important;
  color: var(--yellow) !important;
  padding: 5px 15px !important;
  text-transform: none;
  display: block;
  width: 100%;
  font-weight: 800 !important;
}

.audience .nav li a {
  font-size: 14px !important;
}

.auxnav .nav li a:hover,
.auxnav .nav li a:focus {
  color: rgba(255, 255, 255, 0.75) !important;
}

/*Search*/
.modal-open-menu .modal-backdrop {
  z-index: 5;
}

.modal-open-menu-mobile .modal-backdrop {
  z-index: 4;
}

.header-search {
  margin-left: 25px;
}

.header-search .form-control {
  border-radius: 0 !important;
  height: 30px;
  margin: 0;
  padding: 6px 12px;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  transition: width 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  width: 250px;
  border: none;
}

.header-search .btn-default {
  background: transparent;
  border: 0 none;
  color: #575757;
  position: absolute;
  right: 8px;
  top: 0;
  z-index: 3;
  min-width: auto;
  padding: 0;
  margin: 0;
}

.header-search .btn-default .sr-only {
  color: var(--white);
}

.search-label {
  color: var(--white);
}

.header-search form input[type="text"],
.header-search form input.form-text {
  font-size: 14px;
}

.header-search::-webkit-input-placeholder {
  font-size: 14px;
}

#siteSearch ::-moz-placeholder {
  font-size: 14px;
}

.header-search ::-ms-placeholder {
  font-size: 14px;
}

.header-search ::placeholder {
  font-size: 14px;
}

/*Main Navigation Styles*/
/*Top Navigation and Mobile Menu Wrapper*/
.site-navigation.modal {
  display: block;
  opacity: 1;
  position: relative;
  overflow: visible;
}

.site-navigation.modal .modal-dialog {
  width: 100%;
  max-width: none;
  margin: 0;
  transform: none;
}

.site-navigation.modal .modal-dialog .modal-content {
  border: none;
  background-color: transparent;
}

/*Styles for Desktop Top Navigation Horizontal Section*/
.main-navigation .nav {
  width: 100%;
  font-size: 0;
  /*removes gap between li items on hover*/
  position: relative;
  right: 0;
}

.main-navigation .bottom-row .nav {
  margin-top: 0;
}

/*Centers the top navigation*/
.main-navigation .nav li a {
  padding: 10px 15px;
  color: var(--med-red);
  font-size: 18px;
  text-decoration: none;
  font-weight: 800;
}

.main-navigation .nav li .dropdown-toggle {
  text-transform: uppercase;
}
.main-navigation .nav li .dropdown-toggle:after {
  color: var(--dark-teal);
}

.main-navigation .nav li.open a,
.main-navigation .audience .nav li.open > a {
  background-color: var(--hilite-color);
  color: var(--med-red);
}

.main-navigation .nav .dropdown .dropdown-menu li a {
  font-size: 14px;
  text-align: left;
  white-space: normal;
  border-bottom: 1px solid #ddd;
  font-weight: 800;
  padding-left: 5px;
  padding-right: 5px;
}

.main-navigation .nav .dropdown .dropdown-menu li .sub-menu li:last-child a {
  border-bottom: none;
}

.main-navigation .nav li.open .sub-menu li a,
.main-navigation .nav li.show .sub-menu li a {
  background-color: transparent;
  color: var(--med-red);
}

.main-navigation .nav li .sub-menu li a:hover,
.main-navigation .nav li .sub-menu li a:focus {
  background-color: var(--white);
  color: var(--teal);
}

.main-navigation .nav .dropdown.open:hover .dropdown-menu,
.main-navigation .nav .dropdown.show .dropdown-menu {
  display: block;
}

.main-navigation .audience .nav .dropdown.show .dropdown-menu {
  display: inline-block;
  width: unset;
}

.main-navigation .audience .nav .dropdown {
  position: relative;
}

.main-navigation .nav .dropdown {
  display: inline-block;
  float: none;
  position: static;
}

.dropdown-menu,
.dropdown-menu.show {
  margin-left: 3%;
}

.main-navigation .nav .dropdown .dropdown-menu {
  border-radius: 4px;
  padding: 10px;
}

.mobile-header {
  top: 0;
  display: none;
  z-index: 5;
  height: 80px;
  background-color: var(--primary-color);
  border-bottom: 4px solid var(--orange);
}

.mobile-header .audience {
  margin-top: 20px;
}

.mobile-buttons-wrapper {
  position: relative;
}

.menuClose {
  display: none;
}

/* Layouts specific */
.main-navigation .L4-bottom-row .nav li a:after {
  content: none !important;
}

.L5-dropdown-menu,
.L5-dropdown .show {
  width: 100%;
  position: absolute;
  left: 0%;
}

.L5-dropdown .show {
  transform: translate3d(0px, 43px, 0px) !important;
}