body.overlay-active {
   overflow: hidden;
}

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

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

header#sc-site-header.sc-site-header--style-absolute {
   position: absolute;
   z-index: 800;
   width: 100%;
}

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

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

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

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

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

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

   {
   % endif %
}

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

button#sc-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");
  padding:0;
  margin-top:5px;
}

.sc-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;
} */

.search-floater {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
  display:none;
}
body.overlay-active .search-floater {
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    position: absolute;
    max-width: none;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sc-site-header__search-field{
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #fff;
    color: #fff;
    font-size: 30px;
    width: 25%;
    max-width: 500px;
    min-width:250px;
}

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

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}