/*
:: Navigation
------------------------------------------------------ */
.mobile-only {
  display: none !important;
}
.cmp-mobile-menu {
  display: block !important;
  /* Over-ride bootstrap for tablet to display mobile menu properly */
  /** Toggle Hamburger Menu */
  /** Toggle Hamburger Button  */
}
@media screen and (min-width: 768px) {
  .cmp-mobile-menu {
    display: none !important;
  }
}
.cmp-mobile-menu .nav {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #777;
}
.cmp-mobile-menu .nav > li {
  position: relative;
  display: block;
}
.cmp-mobile-menu .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.cmp-mobile-menu #main-menu .nav-justified-mob > li > a {
  color: #000000;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}
.cmp-mobile-menu #main-menu .nav-justified-mob > li > a {
  padding: 15px 6px;
}
.cmp-mobile-menu #main-menu .dropdown .mobile-dropdown-caret {
  width: 40px;
  height: 40px;
  background: url(mobile/css/resources/mobile-nav-open-button.png) 0 0 no-repeat;
  position: absolute;
  right: 6px;
  top: 6px;
}
.cmp-mobile-menu .dropdown {
  position: relative;
}
.cmp-mobile-menu .dropdown-toggle:focus {
  outline: 0;
}
.cmp-mobile-menu .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.cmp-mobile-menu nav#mobile-menu-wrapper #main-menu {
  font-size: 16px;
  padding-right: 0;
  padding-left: 0;
  border: 0;
  background: #d6d6d6;
}
.cmp-mobile-menu #main-menu .navbar-collapse {
  padding: 0;
}
.cmp-mobile-menu #main-menu .nav-justified-mob > li {
  display: block;
  width: auto;
}
.cmp-mobile-menu #main-menu .nav > li {
  border-bottom: 1px solid #b8b8b8;
}
.cmp-mobile-menu #main-menu .nav-justified-mob > li > a {
  color: #000000;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}
.cmp-mobile-menu #mobile-menu-wrapper > div.heading-container > div.navbar-header > button.nav-btn-toggle {
  webkit-appearance: none;
  border: none;
  position: relative;
  width: 30px;
  height: 26px;
  background: transparent;
  border-top: 4px solid;
  border-bottom: 4px solid;
  color: var(--top-nav-link-color);
  font-size: 0;
  transition: all 0.25s ease;
}
.cmp-mobile-menu #mobile-menu-wrapper > div.heading-container > div.navbar-header > button[aria-expanded="false"]:before,
.cmp-mobile-menu #mobile-menu-wrapper > div.heading-container > div.navbar-header > button[aria-expanded="false"]:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--top-nav-link-color);
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease;
}
.cmp-mobile-menu #mobile-menu-wrapper > div.heading-container > div.navbar-header > button[aria-expanded="true"]:before,
.cmp-mobile-menu #mobile-menu-wrapper > div.heading-container > div.navbar-header > button[aria-expanded="true"]:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--top-nav-link-color);
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease;
}
.cmp-mobile-menu #main-menu .nav-justified-mob > li > a:hover,
.cmp-mobile-menu #main-menu .nav-justified-mob > li > a:focus,
.cmp-mobile-menu #main-menu .nav > li > a:hover,
.cmp-mobile-menu #main-menu .nav .open > a,
.cmp-mobile-menu #main-menu .nav .open > a:hover,
.cmp-mobile-menu #main-menu .nav .open > a:focus {
  color: #ffffff;
  background-color: #482d8c !important;
}
.cmp-mobile-menu #main-menu .nav-justified-mob > li > a .caret {
  display: none;
}
.cmp-mobile-menu #main-menu .dropdown.open .mobile-dropdown-caret {
  background-image: url(mobile/css/resources/mobile-nav-close-button.png);
}
.cmp-mobile-menu #main-menu .nav-justified-mob .open .dropdown-menu,
.cmp-mobile-menu #main-menu .nav-justified-mob .show .dropdown-menu {
  position: relative;
  float: none;
  width: auto;
  margin-top: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #ffffff;
}
.cmp-mobile-menu .open > .dropdown-menu,
.cmp-mobile-menu .show > .dropdown-menu {
  display: block;
}
.cmp-mobile-menu #main-menu .dropdown-menu > li > a {
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 30px;
  font-size: 16px;
}
.cmp-mobile-menu #main-menu .dropdown-menu > li {
  border-bottom: 1px solid #e6e6e6;
}
.cmp-mobile-menu #main-menu .dropdown-menu > li:last-child {
  border-bottom: 0;
}
.cmp-mobile-menu .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.cmp-mobile-menu #main-menu .dropdown-menu > li > a:hover,
.cmp-mobile-menu #main-menu .dropdown-menu > li > a:focus {
  background-color: #906b95;
}
.cmp-mobile-menu #main-menu .nav-justified-mob .mobile-nav-home {
  padding-right: 12px;
}
.cmp-mobile-menu #main-menu .nav-justified-mob .mobile-nav-home img {
  position: absolute;
  right: 12px;
}
.cmp-mobile-menu .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.cmp-mobile-menu .fade.in {
  opacity: 1;
}
.cmp-mobile-menu .collapse {
  display: none;
  visibility: hidden;
}
.cmp-mobile-menu .collapse.in,
.cmp-mobile-menu .collapse.show {
  display: block;
  visibility: visible;
}
.cmp-mobile-menu .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}
.cmp-mobile-menu .navbar-header {
  display: flex;
  padding: 5px 10px;
}
.cmp-mobile-menu .navbar-header .navbar-header__link {
  padding-left: 10px;
  padding-right: 10px;
}
.cmp-mobile-menu .navbar-header .navbar-header__link:nth-child(2) {
  border-left: 1px solid;
}
.cmp-mobile-menu .navbar-header > button.nav-btn-toggle {
  margin-left: auto;
}
.cmp-mobile-menu .search-form .search-button {
  height: 30px;
  width: 30px;
  border: 0;
  box-shadow: none;
  background: url(mobile/css/resources/search-icon.png) center center no-repeat;
  position: absolute;
  top: 3px;
  right: 10px;
}
.cmp-mobile-menu .search-form form.form-inline {
  margin: 10px;
}
.cmp-mobile-menu .section-gradient,
.cmp-mobile-menu .section-gradient-top {
  height: 7px;
  background: #482d8c;
  background: linear-gradient(270deg, #482d8c 0%, #ab0031 100%);
}
.cmp-mobile-menu .section-gradient-top {
  height: 15px;
}
.cmp-mobile-menu .top-nav-button-mobile {
  background-image: url(mobile/css/resources/gradient-bkg.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  padding: 5px 10px;
}
.cmp-mobile-menu a .section-text {
  font-size: 14px;
}
.cmp-mobile-menu .navbar-header__link {
  padding: 5px 10px;
}
.cmp-mobile-menu .navbar-header__link .header-link-item {
  color: #6600a1;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}