/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

body.overlay-active {
   overflow: hidden;
}

#skip-to-content {
   padding: 1em;
   position: absolute;
   top: -1999px;
   left: 1em;
   z-index: 1000;
   color: white;
}

#skip-to-content:focus {
   position: absolute;
   top: 0;
   background: #222;
}

header#sg-site-header.sg-site-header--style-absolute {
   position: absolute;
   z-index: 800;
   width: 100%;
}
.nav--solid .header-container-wrapper.sg-site-header--style-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.header-container-wrapper.sg-site-header--style-sticky {
   position: fixed !important;
   /*makes module overlap module below it.*/
   top: 0;
   z-index: 800;
   width: 100%;
   -webkit-transition: background .3s ease;
   -o-transition: background .3s ease;
   transition: background .3s ease;
   background: transparent;
}

.header-container-wrapper.sg-site-header--style-sticky.js-is-sticky {
   /* background-color:#fff!important; */
   -webkit-transition: background .3s ease;
   -o-transition: background .3s ease;
   transition: background .3s ease;
}

.header-container-wrapper.sg-site-header--style-sticky:not(.js-is-sticky) {
   background: transparent !important;
}

header#sg-site-header a {
   text-decoration: none;
}

{% if module.header_style=="absolute" %}

/*  */
.header-container .row-fluid [class*="span"] {
   min-height: 0;
}
   {% endif %}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

#sg-site-header li.hs-menu-depth-1:last-child .hs-menu-children-wrapper {
   right: 0;
   left: auto;
}
form#sg-site-header__search-form fieldset {
   border: 0;
   margin: 0;
   padding: 0;
   display: block;
   position: relative;
}

button#sg-site-header__search-button {
   -webkit-appearance: none;
   background: transparent;
   border: 0;
   height: 13.5px;
   width: 15px;
   position: absolute;
   background-position: right;
   background-repeat: no-repeat;
   background-size: contain;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.222' height='16.76' viewBox='0 0 15.222 16.76'%3E%3Cg fill='none' stroke='%23fff'%3E%3Cg stroke-width='2'%3E%3Ccircle cx='6.154' cy='6.154' r='6.154' stroke='none'/%3E%3Ccircle cx='6.154' cy='6.154' r='5.154'/%3E%3C/g%3E%3Cpath stroke-linecap='round' stroke-width='2.5' d='M9.615 10.385L13.461 15'/%3E%3C/g%3E%3C/svg%3E");
}

.sg-header-banner.overlay::before {
   content: "";
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   background-color: black;
   opacity: .5;
}

/* SS360 */
.search-floater #search-q {
   padding: 15px;
}

@media(max-width: 767px) {
   #sg-site-header {
      display: none !important;
   }
}

.page-center.courtesy-nav {
  display: flex;
  /*   justify-content: space-between; */
  align-items: center;
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 5px;
  position: relative;
}

p.login-text {
  margin-bottom: -15px !important;
  font-size: 14px;
  margin-left: auto;
}

.header-2024 header#sg-site-header .sg-site-header__menu--main>ul>li:last-child>a {
  background-color: #6A00CC!important;
  border-radius: 8px!important;
  color: #fff;
  padding: 12px 20px!important;
  border: 2px solid #6A00CC;
}


.header-2024 header#sg-site-header .sg-site-header__menu--main>ul>li:last-child>a:hover {
  background: transparent!important;
}

/* Hide the dropdown by default */
.dropdown-menu {
  position: absolute;
  background: white;
  box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.3);
  padding: 10px 0px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  top: 43px;
  z-index: 100;
  right: 15px;
  text-align: left;
  display: none;
  flex-direction: column;
  gap: 10px;
}

/* Style for the dropdown links */
.dropdown-menu a {
  display: block;
  padding: 5px 25px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
}

.dropdown-menu a:hover {
  color: #7817D6;
  text-decoration: underline;
}

/* Position the dropdown relative to the login-text */
.login-text {
  position: relative;
}

/* Ensure this only applies on desktop */
@media (max-width: 767px) {
  .dropdown-menu {
    display: none !important;
  }
}