#header-v4-2{padding: 0 var(--col);position: fixed;left:0;top:0;right:0;z-index: 100;transition: all 0.4s ease 0s;}
#header-v4-2.small{box-shadow: 0 5px 5px rgba(200,200,200,0.1);background: #fff;} /* padding: 0 0 0 var(--col); */
#header-v4-2 #header-top{text-align: right;padding: 1rem 2rem;position: relative;}
#header-v4-2 #header-top a{color: #fff;font-size: 1rem;text-transform: uppercase;font-weight: 700;transition: all 0.4s ease 0s;}
.page #header-v4-2 #header-top a{color: #2e2e2e;}

#header-v4-2 #header-main{display: grid;grid-template-columns: 1fr 4fr auto auto;gap:1rem;position: relative;}
body.banner-gap #header-v4-2 #header-main{padding-top: 1rem;padding-bottom: 1rem;}
body.banner-gap #header-v4-2.small #header-main{padding-top: 0;padding-bottom: 0;}

/* #header-main .site-logo{display: grid;align-items: center;padding: 0 2rem;position: relative;}
#header-main .site-logo img{height: 4.4375rem;} */
#header-v4-2 #header-main .site-logo{display: grid;align-items: center;padding: 0;position: relative;order: 1;}
#header-v4-2 #header-main .site-logo img{position: absolute;top: 0;bottom: 0;height: 100%;padding: 0;box-sizing: border-box;max-width: 100%;object-fit: contain;}

#header-v4-2 #header-main .nav-main{text-align: right;order: 2;padding: 0 6rem;position: relative;}
#header-v4-2 #header-main .nav-main::after{content: "";position: absolute;display: block;top:10px;right: 5rem;bottom: 10px;background: #fff5;width: 1px;}
#header-v4-2 #header-main .nav-main ul{list-style: none;display: flex;margin: 0;padding: 0;height: 100%;justify-content: flex-end; }
#header-v4-2 #header-main .nav-main ul li{font-size:1.125rem;} /* font-size:1rem; */
#header-v4-2 #header-main .nav-main ul li a{line-height: 6.5rem;padding: 2.75rem 1rem;color: #fff;text-transform: uppercase;font-weight: 600;}
#header-v4-2.small #header-main .nav-main ul li a{color: #2e2e2e}
.page #header-v4-2 #header-main .nav-main ul li a{color: #2e2e2e}
#header-v4-2 #header-main .nav-main ul li a:hover{color: var(--theme-color-dark);}

body.banner-gap #header-v4-2 #header-main .nav-main ul li a{color: #2e2e2e}
body.banner-gap #header-v4-2 #header-main .nav-main::after{background: #cccc;}


#header-v4-2 #header-main .search-wrapper{order: 4;position: relative;z-index: 100000000;}
#header-v4-2 .search-top{height: 100%;}
#header-v4-2 .search-top form{height: 100%;}
#header-v4-2 .search-top form label{display: none;}
#header-v4-2 .search-top form input.search-field{height: 100%;border: none;background: #ebebeb;padding: 1rem 0;width: 15vw;display: inline-block;vertical-align: middle;width: 0;transition: all 0.4s ease 0.25s;position: absolute;right: 3.25rem;z-index: 100000001;border-radius: 200px;outline: none;}
#header-v4-2.small .search-top form input.search-field{border-radius: 0;}
#header-v4-2 .search-top:hover form input.search-field{display: inline-block;width: 25vw;padding: 1rem 6.75rem 1rem 2rem;transition: all 0.4s ease 0s;right: 0;}
#header-v4-2 .search-top form button{height: 100%;width: 6.5rem;border:none;background: var(--theme-color);color: #fff;display: inline-block;vertical-align: middle;border-radius: 200px;z-index: 100000002;position: relative;transition: all 0.4s ease 0s;}
#header-v4-2 .search-top form button svg{width: 2rem;height: 2rem;}
#header-v4-2.small .search-top form button{border-radius: 0;}


#header-v4-2 #header-main  .menu-icon-wrapper{position: relative;height: 100%;order: 3;}/* Hamburger Menu */
.hambgbtn{} /* styles in meganav.css */



/* uncomment following to hide Hamburger Menu on desktop view */
@media (min-width: 1200px) {
  /* #header-main  .menu-icon-wrapper{display: none;} */ /* Hamburger Menu */
}

@media (max-width: 1200px) {
  #header-v4-2 #header-main{display: grid;grid-template-columns:1fr auto auto auto;}
  #header-v4-2 #header-main .nav-main{display: none;}
}

@media (max-width: 992px) {
  #header-v4-2 #header-top a{color: #fff;}
  .single #header-v4-2 #header-top a,
  .page #header-v4-2 #header-top a{color: #000;}
}

@media (max-width: 768px) {
  #header-v4-2{padding: 0 0;}
  #header-v4-2 #header-main{display: grid;grid-template-columns:1fr auto;background: #fff4;}
  #header-v4-2 #header-main .search-wrapper{display: none;}
  #header-v4-2 #header-top{display: none!important;}

  body.banner-gap #header-v4-2 #header-main{padding-top: 0;padding-bottom: 0;}
}


/* mobie menu */
@media (max-width: 1200px) {
  #header-v4-2 #header-main .nav-main {position: absolute;background: #f5f5f5;height: auto;top: 8.5rem;width: 100%;display: block;transition: all 0.4s ease 0.2s;opacity: 0;pointer-events: none;transform: translateY(5px);}
  #header-v4-2 #header-main .nav-main.open{opacity: 1;pointer-events: auto;transform: translateY(0);}
  #header-v4-2 #header-main .nav-main ul{display: block;}
  #header-v4-2 #header-main .nav-main ul li{}
  #header-v4-2 #header-main .nav-main ul li a{display: block;line-height: 1.2;padding: 2rem 1rem;border-bottom: solid 1px #e5e5e5;}
}

@media (max-width: 768px) {
  #header-v4-2 #header-main .nav-main {top: 14.5rem;}

  #header-v4-2 #header-main .search-wrapper {display: block;position: absolute;top: 8.5rem;height: 6rem;width: 100%;transition: all 0.4s ease 0s;opacity: 0;pointer-events: none;transform: translateY(5px);}
  #header-v4-2 #header-main .search-wrapper.open{opacity: 1;pointer-events: auto;transform: translateY(0);}
  #header-v4-2 .search-top form input.search-field {height: 100%;border: none;background: #ebebeb;padding: 1rem 2rem;width: calc(100vw - 6.5rem);position: relative;right: 0;border-radius: 0;}
  #header-v4-2 .search-top:hover form input.search-field{width: calc(100vw - 6.5rem);padding: 1rem 2rem 1rem 2rem;transition: all 0.4s ease 0s;right: 0;}
  #header-v4-2 .search-top form button{border-radius: 0;}
  
}