/** Shopify CDN: Minification failed

Line 511:5 Unexpected "/"

**/
/*=============
	GLOBAL
=============*/

.dropdown-item{
  max-width:90px;
  border-radius: 2px;
  margin-inline:8px !important;
  @media (width >992px){
    max-width:100px;
  }
}

.dropdown-item.active, .dropdown-item:active{
  background-color:rgba(0,0,0,0) !important;
}

.dropdown-item:focus, .dropdown-item:hover{
  background-color:rgba(0,0,0,0) !important
}

.dropdown-item.active a, .dropdown-item:active a, .site-navigation .site-navigation-body__menu .dropdown-item:hover a{
  color:#363636 !important;
}

.dropdown-item:focus a, .dropdown-item:hover a, .site-navigation .site-navigation-body__menu .dropdown-item:hover a{
  color:#363636 !important;
}

.nav-item{
  padding:0 10px;
  text-transform: uppercase;
}

.menu-image-row{
  width: 75%; 
  position: absolute; 
  top: 50%; 
  right: 20px; 
  transform: translateY(-50%); 
  padding-top:8px;
}

.menu-image-row a{
  font-size:12px !important;
}

.mobile-costco-links{
  display:none;
}

@media(max-width:991px){
  .menu-image-row{
    display:none;
  }
  .mobile-costco-links{
    display:block;
    padding:10px;
  }
}

@media(max-width:400px){
  .navbar-brand .main-logo img{
    width:114px;
  }
}

/* ==============
	LAYOUT 1 
===============*/

.site-navigation{}


.site-navigation-body__logo{ font-size:15px; }

.site-navigation-body{ height:72px; background-color:#fff; } 
@media (min-width: 992px) { .site-navigation-body{ height:73px; } }

#navbar-style-2 {
  height: 44px !important;
}

.site-navigation .site-link{}

.site-navigation-body__icons--white-cart,.site-navigation-body__icons--black-cart{
  width:17px;
}

.site-navigation-body__icons--white-count{
  color:white;
  font-size: 14px;
  position: relative;
  top: -6px;
  right: 10px;
}

.site-navigation-body__icons--black-count{
  color:black;
  font-size: 14px;
  position: relative;
  top: 0px;
  right: 0px;
}

.site-navigation-body__icons--cart-count{
  position:relative;
  top:1px;
}

.site-navigation .dropdown-menu{ border: none; box-shadow: 0 10px 20px #00000017; padding: 10px 30px; }

.site-navigation .navbar-toggler:focus{ box-shadow:none; }

.site-navigation .nav-link.dropdown-toggle:after{ position:relative; top:2px; }

.site-navigation .site-navigation-body li a{
  color:#363636 !important;
  font-weight:500 !important;
  font-size:16px;
  text-shadow:none;
  text-transform: none;
  /* ; */
  font-weight: bold;
}

/*=====HAMBURGER MENU=====*/
.site-navigation .hamburger{
  width:100%;
  height: 3px;
  background:black;
  border-radius:5px;
  transition: all .5s ease-in-out;
}
.site-navigation .hamburger:before,.site-navigation .hamburger:after{
  content:'';
  position:absolute;
  width:100%;
  height: 3px;
  background:black;
  border-radius:5px;
  transition: all .5s ease-in-out;
}
.site-navigation .hamburger:before{
transform:translate(-15px,-7px)
}

.site-navigation .hamburger:after{
transform:translate(-15px, 7px)
}

	/* ANIMATION */
.site-navigation .navbar-toggler-icon.close .hamburger{
  transform: translateX(-50px);
  background:transparent;  
}

.site-navigation .navbar-toggler-icon.close .hamburger:before{
transform:rotate(45deg) translate(-8px, 10px);
}

.site-navigation .navbar-toggler-icon.close .hamburger:after{
transform:rotate(-45deg) translate(-11px, -8px);
}

.navbar-toggler {
  border: 1px solid transparent !important;
}

.navbar-toggler-icon {
  background-image: none !important;  
}

/* MEDIA QUERIES */
@media(max-width:1200px){
  .costco-next-logo{
    display:none !important;
  }
}
@media(max-width:991px){
  .site-navigation-body__menu{
    left: 0;
    right: 0;
    z-index: 99;
    /* max-width:300px; */
    height:100vh;
  }
  .mm-shop-all-btn {
    margin-bottom: 3rem;
  }
  
  .site-navigation-body__menu .navbar-nav{
    /* height:100vh; */
    height: calc(100vh + 50px);
    @media (width < 992px){
      padding-top: 1rem;
      border-top: none;
    }
  }
  
  .site-navigation-body .site-navigation-body__close{
    position:absolute;
    right:0;
    top:15px
  }
  
  .site-navigation .site-navigation-body__menu--firstlink{
    /* margin-top:65px; */
    /* border-top:1px solid #e8e8e8; */
    padding-top:5px;
  }
  
  .site-navigation .site-navigation-body__menu li a{
    font-size:15px;color:#000000 !important;
    
    /* text-transform:inherit !important; */
    
    @media(width <992px){
      font-size: 16px !important;
      font-weight: 500;
    }
  }
  .navbar-nav li a {
        padding: 20px 0 20px 8px !important;
    @media(width<992px){
      padding: 0 10px 0 0 !important;
    }
  }
  
  .site-navigation .dropdown-menu{ 
    text-align:left;
    background-color:#ffffff;
    color:#000000 !important;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
    overflow-x: hidden;
  }
  
  .site-navigation .dropdown-menu .dropdown-item a{ 
    border-bottom:none;
    
    font-size:medium;
    
    
    text-transform:inherit !important;
    
  }

  /* MOBILE MENU SLIDE IN */
  .navbar-collapse {
    position: absolute;
    top: -35px;
    height:100vh;
    left: -100%;
    width: 100%;
    transition: all .5s ease;
    display: block;
    opacity: 0.8;
  }
  .navbar-collapse.collapsing {
    height: auto !important;
    left: -100%;
    margin-left: 1px;
    transition: all .5s ease;
    opacity: 0.9;
  }
  .navbar-collapse.show {
    transition: all .5s ease;
    opacity: 1;
    background-color:#ffffff;
    left:0;
    overflow:hidden;
  }
  
}
#navbar-style-2{
  display:block !important;
  @media(width<992px){
  height: 0 !important;
    padding-top: 0;
    padding-bottom:0;
  }
}

@media(min-width:991px){
  /* .site-navigation .dropdown:hover .dropdown-menu{ display:block; margin-top:0; } */
}
@media(max-width:769px){
  .dropdown-mega{
    padding-bottom:unset !important;
    min-height:unset !important;
  }
}
@media(max-width:500px){
  .mm-shop-all-btn {
    margin-bottom: 120px;
  }
}
/* ==============
	LAYOUT 2 
===============*/

.site-navigation-body__icons--search{
  cursor:pointer;
  fill:#000000;
}

.site-navigation-body__icons--search svg{
  width:15px;
  margin-right:5px;
}

  #navbar-style-2{
    border-bottom:none !important;
    @media(width<992px){  
      top:35px !important;
    }
  }

@media(max-width:575px){
  #navbar-style-2{
    top:35px;
  }
}

@media(max-width:407px){
  #navbar-style-2{
    /* top:-137px; */
  }
}

/* ====================
	LAYOUT 2 ADDITIONS
=====================*/
.mega-menu-one {
  width: 100vw;
  position: absolute !important;
  left: 0 !important;
  top: 40 !important;
  flex-wrap: wrap;
  align-content:flex-start;
  justify-content: flex-start;
  @media (width < 992px) {
    top:0 !important;
    bottom:0 !important;
    left:-100% !important;
    opacity:0;
    right:0 !important;
    overflow-y:scroll;
    justify-content:center;
    height: 90vh;
    padding-block-end:5rem !important;
  }
}
.mega-menu-one .dropdown-item {
  padding: unset !important;
}

.mega-menu-one.dropdown-menu {
  transition: left 1 ease;
  @media(width<992px){
  display:flex !important;
  }
}

.dropdown-menu.show {
  display: flex !important;
  justify-content: flex-start;
  left:0% !important;
  opacity:1;
      transition: all .5s ease;
  
}
.mega-menu-one li a {
  padding: unset !important;
}

.fixed-size-logo img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  /* flex-shrink: 0 !important; */
  /* flex-grow: 0 !important; */
  /* align-self: center; */
}
.fixed-size-logo {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

.navbar-nav li ul {
  /* display:none; */
}

.mega-menu-image {
  display: block;
  width: 100%;
  height: 175px;
  /* width:175px; */
  object-fit:cover;
  border-radius:16px;
  @media (width>992px){
    /* width:175px; */
}
}
.mega-child-menu-btn {
  background: none;
  color:#0081AB;
  border: none;
  font-size: 16px;
  line-height:22px;
  font-weight:500;
}

.mega-card-title {
  text-wrap:auto; 
  font-size:16px;
  line-height:16px;
  /* margin-top: 24px; */
  margin-top:10px;
  margin-bottom:15px;
  font-weight: 700;
}

.mega-card-title.text-uppercase {
    @media(width < 992px){
    font-size: 14px;
    }
}


#navbar-style-2 {
  @media(width<992px) {
    display: none;
    /* display:flex; */
    /* z-index:-1; */
  }
}
#nav-container {
  padding-inline: 16px !important;
  @media(width>=992px) {
    padding-inline:48px !important;
  }
}
#meandyou .navbar-toggler-icon.open {
  /* background-color: red !important; */
  background-image: url("https://cdn.shopify.com/s/files/1/0608/4958/6237/files/close.svg?v=1734478715") !important;
  background-size: 24px 24px;
}

#meandyou .navbar-toggler-icon {
  background-image: url("https://cdn.shopify.com/s/files/1/0608/4958/6237/files/hamburger.svg?v=1734477390") !important;
}

.grandchild-menu-nav {
  @media(width >992px) {
    display: none !important;
  }
}

.navbar-costco-links {
  @media(width<992px) {
    display: none;
  }
}

/* ==============
	LAYOUT 3
===============*/

.navbar .megamenu{
  z-index:99 !important;
}

.grandchild-megamenu-list{
  list-style-type:none;
  padding:0;
  margin:0;
}
.grandchild-megamenu-list__item{
  padding:0;
  margin:0;
}

@media(min-width:769px){

  .dropdown .dropdown-menu.megamenu{
    display:block;
    opacity:0;
    max-height:0;
    z-index:-1 !important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow:hidden;
  }
  /* .dropdown:hover .dropdown-menu.megamenu{
    display:block;
    opacity:1;
    max-height:2000px;
    overflow:hidden;
    z-index:99 !important;
    /* transition: max-height 500ms ease; */
  } */
}

@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0px; box-shadow:0 5px 7px #cdcdcd; }
  .megamenu__row{padding:15px 0;}
}	

.grandchild-link {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #000 !important;
  line-height: 19.36px !important;
  margin-top: 8px;
}

.nav-item, .mobile-costco-links {
  @media(width<992px){
    /* margin-block-end: 10px; */
    padding-block: 10px;
    border-bottom: 1px solid #dfdfdf;
  }
}

.hp-featured-products-slider .slick-track {
  margin-inline-start: 20px;
}


/*===========================
  #Brand Card Adjustments
============================*/
.brand-card{}

@media(max-width:720px){
  .brand-card .mega-menu-image{
    height:unset;
  }
  /* .brand-card{
    width:100% !important;
    text-align:center;
  }
  .brand-card a{
    margin:0 auto;
  } */
}