/* =========================
   CORE HEADER (NO NAV)
========================= */

#header-outer,
#header-outer header {
    transition: none !important;
    transform: none !important;
    /* background-color:rgba(30,115,190,1) !important; */

}

#header-outer {
rgba(229, 238, 247, 0.5) !important
}
#header-outer header {}

/* kill ALL header transitions */
body[data-hhun="0"] #header-outer[data-header-resize="0"]:not([data-transparent-header=true]),
#header-outer[data-using-secondary="1"]:not([data-format=left-header]),
body #header-outer.transparent[data-transparent-header="true"],
body #header-outer[data-transparent-header="true"] {
    transition: none !important;
    transform: none !important;
    transition-behavior: none !important;
    transition-duration: 0 !important;
    transition-timing-function: none !important;
    transition-delay: 0 !important;
    transition-property: none !important;
}

/* remove blur/backdrop */
#header-outer:not(.transparent) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* transparent header fixes */
#header-outer[data-permanent-transparent="1"][data-transparent-header=true].transparent {
    background: none !important;
    animation: none !important;
}

/* secondary header behavior */

body:not(.scrolled) #header-outer header {
    /* background: rgba(30, 115, 190, 0.9) !important; */
}

body:not(.scrolled) #header-secondary-outer {
    background: transparent !important;
}

body.scrolled #header-secondary-outer {
    background: transparent !important;
}

/* disable global transitions */
body,
.header-main {
    transition: none !important;
}

#header#top,
#top {
      /* background-color:rgba(30,115,190,1); */
}

body.material #header-outer:not([data-format=left-header]) #top nav>.buttons>li {
    margin: 0 5px;
}

#header-outer header {
    transition: none !important;
}

body.material #header-outer:not([data-format=left-header]) #top nav>.buttons {
    margin-left: 10px;
}

body[data-hhun="0"] #header-outer[data-header-resize="0"]:not([data-transparent-header=true]) {
  transform: none !important;
  transition: none !important;
  /* transition-behavior: normal, normal, normal;
    transition-duration: 0.42s, 0.3s, 0.32s;
    transition-timing-function: ease, ease, ease;
    transition-delay: 0s, 0s, 0s;
    transition-property: box-shadow, opacity, transform; */

    transition-behavior: none !important;
    transition-duration: 0 !important;
    transition-duration: none !important;
    transition-timing-function:none !important;
    transition-delay: 0 !important;
    transition-property:none !important;
}

#header-outer[data-using-secondary="1"]:not([data-format=left-header]) {
  transition: none !important;
  transform: none !important;
}

body[data-hhun="0"] #header-outer[data-header-resize="0"]:not([data-transparent-header=true])



#header {
  transition: none !important;
  
}

#header-outer {
    /* z-index: 10000; */
}

.sf-menu>li ul {
  padding:10px !important;
}

body[data-bg-header=true] #header-outer[data-permanent-transparent="1"].transparent {
  /* background: #333 !important */
}

#header-outer[data-permanent-transparent="1"][data-transparent-header=true][data-transparent-shadow-helper=true].transparent:not(.dark-slide) {
  background: none !important;
  transition: none !important;
    transform: none !important;
    animation: none !important;
}

body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"] {
  /* background: #FFF !important; */
}

/* kill the transition */

#header-outer[data-using-secondary="1"]:not([data-format=left-header]),
body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"],
body #header-outer[data-transparent-header="true"].transparent,
#header-outer[data-using-secondary="1"]:not([data-format=left-header]),
body #header-outer[data-transparent-header="true"]  {
  transition: none !important;
    transition-behavior: normal !important;
    transition-duration: 0s !important;
    transition-timing-function: none !important;
    transition-delay: 0s !important;
    transition-property: none !important;
    webkit-transition: none !important;
}

#header-outer:not(.transparent) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#header-outer #top .sf-menu > .sf-with-ul > a {
    /* padding-right: 20px !important; */
}

body[data-dropdown-style=minimal] #header-secondary-outer .sf-menu>li ul {
/* height: auto; */
max-width: 200px !important;
}

#header-outer[data-lhe="default"] #top nav > ul > li > a {
  /* padding-left:0px !important; */
}


/* --------------------------
  header main menu alignment
--- */

#header-outer[data-format=centered-menu] #top .span_9 nav .sf-menu:not(.buttons) {
  justify-content:center !important;
  /* margin-left: 2% !important; */
}

/* ******************************** */
/* transitions */
/* ******************************** */

#header-outer nav ul li .sub-menu,
#header-outer nav ul li.megamenu > .sub-menu {
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
}

 .menu-title-text {
  /* color: #c0c0c0 !important; */
  /* font-weight: bold !important; */
    /* font-family: 'Montserrat SemiBold' !important; */
    /* font-size: 14px !important; */
}

 /* .menu-title-text a:hover {
  color: red !important
} */


/* descriptions */

#header-outer .sf-menu li ul li.menu-item a .item_desc, 
#slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc {
    /* display: block; */
    font-size: 13px;
    line-height: 18px;
    color: #333 !important;
}

/* ******************************** */
/* normal non mega menu */
/* ******************************** */

#header-outer nav > ul > li:not(.megamenu) ul.sub-menu {
    width: 500px !important;
    min-width: 220px !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

/* main navigation */

.header-menu-main {
  font-weight: normal !important;
    color: var(--gs-global-link-color) !important;
    font-family: 'Montserrat Medium' !important;
    font-family: 14px !important;

}

.header-menu-main:hover {
  font-weight: normal !important;
    color: var(--gs-global-link-color) !important;
}

.header-menu-sub-header-title a span.menu-title-text {
    font-weight: normal !important;
    line-height: 18px !important;
    color: var(--gs-global-link-color) !important;
}

.header-menu-sub-header-title a span.menu-title-text:hover {
    text-decoration: underline !important;
}

#top nav ul li a {
    font-size: 15px !important;
    font-family: 'Montserrat Medium' !important;
    /* font-weight: unset !important; */
    color: var(--gs-link-color) !important;

    /* font-size:13px !important; */

}

#top nav ul li a:hover {
    color: var(--gs-link-color-03) !important;
    

}

#header-outer .sf-menu li ul li.menu-item {
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: normal !important;
    margin-top: 5px !important;
    font-family: Helvetica, Arial, sans-serif;

}
#header-outer .sf-menu li ul li.menu-item:hover {
    /* background:  rgba(30,115,190,0.05) !important; */
  /* background: rgba(239, 243,250, 0.5) !important; */
  background: rgba(192,192,192, 0.1) !important;
    border-radius: 5px !important;
}

/* ----------------------------------------- 
/* mega menu
  ------------------------------------------ */ 

#header-outer[data-lhe="default"] #top nav > ul > li > a

#header-outer #top .sf-menu > li > ul {
  border-radius: 10px !important;
  /* display: flex !important; */
  /* width: 300px !important; */
  /* padding: 9% !important; */
  /* display: inline-grid !important; */
    background: rgb(255,255,255,1) !important;
    /* border-bottom: 5px solid var(--gs-global-link-color) !important; */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

#header-outer .sf-menu li ul li:hover > a,
#header-outer .sf-menu li ul li.sfHover > a {
  /* background-color: linear-gradient(90deg, #ff7a18, #ffb347);
  color: #111 !important;
  padding-left: 26px !important; */
}

/** header **/

/* ----------------------------------------- 
/* Remove all transitions from mega menu
  ------------------------------------------ */ 

/* Disable header transitions */

/* Disable smooth scroll effect */
#header:not(.transparent) .header-wrap {
  transition: none !important;
}

/* Disable other possible transitions on specific elements */
body, .header-main {
  transition: none !important;
}

/* ----------------------------------------- 
/* secondary header
  ------------------------------------------ */ 

/* Transparent initial state */
body:not(.scrolled) #header-secondary-outer {
  background: transparent !important;
}

/* White after scroll */
body.scrolled #header-secondary-outer {
  background: #ffffff !important;
}

body:not(.scrolled) #header-secondary-outer a:hover {
  color: var(--gs-global-link-color);
    /* color: var(--gs-link-color); */
}

body.scrolled #header-secondary-outer a {
  color: #000000 !important;
}

body:not(.scrolled) #header-secondary-outer a {

}

body:not(.scrolled) #header-secondary-outer a:hover {

}

.header-secondary-myaccount {}
#header-outer .secondary-menu li ul {
    width: auto;
    min-width: 150px; /* optional minimum */
    max-width: 300px; /* optional maximum */
}



/* ----------------------------------------- 
  search box 
  ------------------------------------------ */ 

  #search-outer #search {
    overflow: hidden;
    -webkit-transition: none !important;
    transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
  }


/* 
  #search-outer #search #close {
    top:25px !important;
  } */

/* global menyu header */

#header-outer #mobile-menu:before {
  background-color: rgb(30,115,190) !important;
}

#mobile-menu ul li a {
    color: #FFF !important;
}

#header-outer #mobile-menu ul ul>li>a {
  padding-left: 0 !important
}

/* #mobile-menu ul li a {
    color: #FFF !important;
} */

/* Disable Functional Applications */

.header-menu-main-disabled {
  display: none !important;
} 

#header-outer #mobile-menu>.inner {
    max-height: 100% !important;
}

#header-outer #mobile-menu ul ul>li>a {
  margin-left: unset !important;
}

#header-outer #mobile-menu ul li>a {
    font-size: 14px;
    display: block;
    position: relative;
    padding: 10px 0;
    font-family: Helvetica !important;
    font-size: 15px !important;
    /* border-top: 2px solid rgba(255, 255, 255, 0.15); */
}


#mobile-menu .inner ul .visible>ul>li>a span {
  font-size: 15px !important;
}

#header-outer #mobile-menu ul li a {
  /* background: rgba(239, 243,250, 0.3) !important; */

}

#header-outer #mobile-menu ul li a:hover {
  /* background: rgba(239, 243,250, 0.3) !important; */
  /* display: inline-block !important; */
  /* color: var(--gs-global-link-color) !important; */
  /* display: inline-block !important; */
}

/* #header-outer #mobile-menu {
    display: none;
    padding: 0;
    z-index: 1000;
    position: absolute;
    left: 0;
    top: calc(99% + 40px);
    width: 100%;
} */

/* -------------------------------------
/* Shop notice 
------------------- */
.custom-shop-notice {
    background: #FFF !important;
    color: #333 !important;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}

/* -------------------------------------
/* Woocommerce header-dropin-cart area
------------------- */

.custom-header-icons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.custom-header-icons a {
    text-decoration: none;
    font-weight: 600;
    color: #333;
}

.cart-count {
    background: #000;
    color: #fff;
    border-radius: 50%;
    padding: 3px 8px;
    font-size: 12px;
    margin-left: 5px;
}