/** Shopify CDN: Minification failed

Line 420:0 Unexpected "$"

**/
/*===========================
##########MAIN MENU##########

=====GLOBAL=====
	#Liquid Variable Assigns
	#Font Includes
	#Global Custom Classes
	#Global Theme Styles
	#Global Button Styles
	#Slick Slider Adjustments
	#Position Class Adjustments (Bootstrap Related)
	#Pagination
	#Placeholder Body

=====COMPONENTS=====
	#Product Item Card
	#Quantity Snippet
	#Video Embed Responsively Styles - Source:https://embedresponsively.com/
	#Modal


=====SECTIONS=====

	


=====PAGES=====



	#Footer
	#Copyright

=====Store Specific Edits=====

	#Product Page




===========================*/

/*===============================
	#Liquid Variable Assigns
===============================*//*=============
	#Font Includes
=============*/
@font-face {
  font-family: "Century Gothic";
  font-weight: 700;
  font-style: normal;
  src: url("//costco.bysophieofficial.com/cdn/fonts/century_gothic/centurygothic_n7.869654496731d609128da56bfe33d37d3094777a.woff2?h1=Ynktc29waGllLWNvc3Rjby1uZXh0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y29zdGNvLmJ5c29waGllb2ZmaWNpYWwuY29t&hmac=ac687a3efd4cda22271573b8e328084f4e412539bb2ef87921d1c7585d9933b2") format("woff2"),
       url("//costco.bysophieofficial.com/cdn/fonts/century_gothic/centurygothic_n7.313f0e0511948ae3ff98dcfd9faedbed469aec3f.woff?h1=Ynktc29waGllLWNvc3Rjby1uZXh0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y29zdGNvLmJ5c29waGllb2ZmaWNpYWwuY29t&hmac=263799ad3809beb77bf4aac723f8bf8d25f0b74bb8b549fb29b7492743ee6f4e") format("woff");
}

@font-face {
  font-family: "Century Gothic";
  font-weight: 400;
  font-style: normal;
  src: url("//costco.bysophieofficial.com/cdn/fonts/century_gothic/centurygothic_n4.a339f4acdc62638c523e9b3b5799607b20f1ba7e.woff2?h1=Ynktc29waGllLWNvc3Rjby1uZXh0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y29zdGNvLmJ5c29waGllb2ZmaWNpYWwuY29t&hmac=8cadfbf53613cd48fb6b579c8796496df10221298c80cf3411690b32d03dfece") format("woff2"),
       url("//costco.bysophieofficial.com/cdn/fonts/century_gothic/centurygothic_n4.86d09bec8da9634f7682026bdfa1f1e9dbf2d901.woff?h1=Ynktc29waGllLWNvc3Rjby1uZXh0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y29zdGNvLmJ5c29waGllb2ZmaWNpYWwuY29t&hmac=7d9b3ab3e24711982d4c8e89c0722be112b72e571c085344e6266d1b4058eb9e") format("woff");
}





/*=============================
	#Global Custom Classes
=============================*/
.hidden{ display:none !important; }
.cloak{ visibility:hidden !important; }
.sr-only{ display:none !important; }

.no-image-selected-warning{ color:red; font-size:25px; font-weight:bold; }

.content-max-width{ max-width: 1600px; margin: 0 auto; height: 100%; position: relative; }




/*===========================
	#Global Theme Styles
===========================*/
body{
  font-family:"Century Gothic";
  font-weight:400;
  font-style:normal;
  /* request per Rob - make default body size 14px */
  font-size: 14px;
}

body.locked{
  overflow:hidden;
}

.overflow-x-fix{
  overflow-x:hidden; 
  position:relative;
}

img{ max-width:100%; }

/* LINKS */
a{ color:#000000 !important; text-decoration:none; }
a.link-zoom:hover{ text-decoration:underline; }
a:hover{ text-decoration:underline; }
a:visited{ color:#000000 !important; text-decoration:none; }

/* LIST ITEMS */

li:active{
  background-color:none;
}

/* HEADERS */
h1,.h1{
  font-family:"Century Gothic";
  font-weight:700;
  font-style:normal;
}
h2,.h2{
  font-family:"Century Gothic";
  font-weight:700;
  font-style:normal;
}
h3,.h3{
  font-family:"Century Gothic";
  font-weight:700;
  font-style:normal;
}
h4,.h4{
  font-family:"Century Gothic";
  font-weight:700;
  font-style:normal;
}
h5,.h5{
  font-family:"Century Gothic";
  font-weight:700;
  font-style:normal;
}
h6,.h6{
  font-family:"Century Gothic";
  font-weight:700;
  font-style:normal;
}






/*============================
	#Global Button Styles
============================*/

/* PRIMARY BUTTON */

.primary-button{
  background-color:#97629b;
  color:#fff !important;
  border:2px solid #97629b;
  font-weight:100;
  cursor:pointer;
  display:inline-block;
  padding: 6px 31px 3px;
  border-radius:;
  text-decoration:none;text-transform:uppercase;}

.primary-button:hover{
  background-color:#fff;
  color:#97629b !important;
  border:2px solid #97629b;
  text-decoration:none;
}

.primary-button:visited{
  color:#fff !important;
}

.primary-button:hover:visited{
  color:#97629b !important;
}

.product-atc{
  padding: 5px 31px 5px;
  margin-left: 10px;
}

@media(max-width:769px){
  .primary-button{
    padding:12px 40px 11px;
  }
}

/* PRIMARY ALT */

.primary-alt{
  background-color:white;
  color:#97629B !important;
  border:2px solid #97629B;
  font-weight:100;
  cursor:pointer;
  display:inline-block;
  padding: 5px 31px;
  border-radius:;
  text-decoration:none;text-transform:uppercase;}

.primary-alt:hover{
  background-color:#97629B;
  color:white !important;
  border:2px solid #97629B;
  text-decoration:none;
}

.primary-alt:visited{
  color:#97629B !important;
}

.primary-alt:hover:visited{
  color:white !important;
}






/* SECONDARY BUTTON*/

.secondary-button{
  background-color:white;
  color:#97629B !important;
  border: 2px solid #97629B;
  font-weight:100;
  cursor:pointer;
  display:inline-block;
  padding: 3px 15px 3px 15px;
  font-size: 13px;
  border-radius:;
  text-decoration:none;text-transform:uppercase;}

.secondary-button:hover{
  background-color:#97629B;
  color:white !important;
  border:2px solid #97629B;
  text-decoration:none;
}

.secondary-button:visited{
  color:#fff !important;
}

.secondary-button:hover:visited{
  color:#97629b !important;
}

/* SMALL BUTTON */

.small-button{
  background-color:#97629b;
  color:#fff !important;
  border:2px solid #97629b;
  font-weight:100;
  cursor:pointer;
  display:inline-block;
  padding: 3px 15px 3px 15px;
  font-size: 13px;
  border-radius:;
  text-decoration:none;text-transform:uppercase;}

.small-button:hover{
  background-color:#fff;
  color:#97629b !important;
  border:2px solid #97629b;
  text-decoration:none;
}

.small-button:visited{
  color:#fff !important;
}

.small-button:hover:visited{
  color:#97629b !important;
}

/* BUTTON WRAPPER SETTINGS */

.button-wrapper{
  margin:20px 0 0 0;
}




/*================================
	#Slick Slider Adjustments
================================*/
.slick-next:before,.slick-prev:before{
  color:#000000;
}

.slick-prev{
  left:-5px !important;
  z-index:9;
}

/* .slick-next{
  right:10px !important;
  z-index:9;
}

.slick-next:before, .slick-prev:before{
  font-size:35px!important;
} */

.slick-next{
  background-color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid lightgrey;
  right: 0 !important;
}

.slick-next:hover, .slick-next:active, .slick-next:focus{
  background-color:white;
}

.slick-next:before{
    content: '';
    width: 10px;
    height: 1px;
    border-top: 2px solid black;
    position: absolute;
    transform: rotate(40deg) translate(-50%);
    left: 50%;
    top:48%;
}

.slick-next:after{
  content: '';
  width: 10px;
  height: 1px;
  border-top: 2px solid black;
  position: absolute;
  transform: rotate(-40deg) translate(-50%);
  left: 50%;
  top:48%;
}

.slick-prev{
  background-color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid lightgrey;
  right: 0 !important;
  transform: scalex(-1) translateY(-50%);
  top: 50%;
}

.slick-prev.slick-disabled{
  background-color:lightgrey !important;
  cursor:no-drop;
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before{
  opacity:1 !important;
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before{
  opacity:1 !important;
}

.slick-next.slick-disabled{
  background-color:lightgrey !important;
  cursor:no-drop;
}

.slick-prev:hover, .slick-prev:active, .slick-prev:focus{
  background-color:white;
}

.slick-prev:before{
    content: '';
    width: 10px;
    height: 1px;
    border-top: 2px solid black;
    position: absolute;
    transform: rotate(40deg) translate(-50%);
    left: 50%;
}

.slick-prev:after{
  content: '';
  width: 10px;
  height: 1px;
  border-top: 2px solid black;
  position: absolute;
  transform: rotate(-40deg) translate(-50%);
  left: 50%;
}

.slick-dots li button:before{
  font-size:20px;
  color:#000000;
}

.slick-dots li.slick-active button:before{
  color:#000000;
}


$(document).ready(function(){
  $('.slick-track').attr('aria-label','Master Slider Image' );
});



/*==================================
	#Position Class Adjustments (Bootstrap Related)
==================================*/
.end-25{ right:25px !important; }




/*==================
	#Pagination
==================*/
.pagination-navigation{
  max-width:140px;
  margin:0 auto;
}

.pagination-navigation .page{
  letter-spacing:10px;
}

.pagination-navigation .page a{
  color:#000000 !important;
}

.pagination-prev-arrow{
  left:0;
  top:0;
}

.pagination-prev-arrow svg{
  width:13px;
  fill:#000000;
}

.pagination-next-arrow{
  right:0;
  top:0;
}

.pagination-next-arrow svg{
  width:13px;
  fill:#000000;
}

/*========================
	#Placeholder Body
========================*/
.placeholder-body{  }
.placeholder-body .whole-body{ height:100vh; }





/*#################
	COMPONENTS
#################*/

/*=========================
	#Product Item Card
========================*/

/* PRODUCT ITEM CARD BADGE */
.product-item-card__badge{
  padding: 3px 10px 2px 10px;
  font-size:12px;
  background-color:#000;
  color:#fff;
  left:0;
}

/* SLIDER ADJUSTMENTS */
.product-item-card-slider{}

.product-item-card-slider .slick-dots{
  bottom: unset !important;
  top: -40px !important;
  left: 0px !important;
}

.product-item-card-slider .slick-track{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* PRODUCT CARD ADJUSTMENTS */
.product-item-card .quick-icons{
  
}

.product-item-card .quick-icons .atc{
  cursor:pointer;
  /* border:1px solid black;
  background-color:white; */
}

.product-item-card .quick-icons .atc button{
  border:1px solid black;
  color:black;
  background-color:transparent;
}

  @media(max-width:410px){
    .product-item-card .quick-icons .atc button{
      position:relative;
      top:22px;
      border:1px solid black;
      color:black;
    }
  }

/* .product-item-card .quick-icons .atc:hover{
  background-color:#97629B;
} */

.product-item-card .quick-icons .quickview{
  cursor:pointer;
  /* border:1px solid black; */
  /* background-color:white; */
}

/* .product-item-card .quick-icons .quickview:hover{
  background-color:#97629B;
} */

.product-item-card{}
.product-item-card a{ color:#000000 !important; }
.product-item-card a:hover{ text-decoration:none; }


/* .product-item-card__image{ max-height:300px; } */

.product-item-card__title{
  min-height:50px;
}

.product-item-card .costco-price{
  font-size:14px;
  line-height:1.2;
  font-weight:bold;
}
.product-item-card .regular-price{
  font-size:14px;
  line-height:1.2;
  color:#717171;
}

.product-item-card .product-item-card__swatch a{
  width:40px; 
  height:20px; 
  background-size:cover; 
  background-repeat:no-repeat; 
  background-position:center; 
  display:inline-block;
  border: 1px solid black;
  font-size:11px;
}

.product-item-card .product-item-card__swatch a:hover{
  border: 1px solid #2678a9;
}

@media(max-width:576px){
  .product-item-card .regular-price{
    padding-bottom:10px;
  }
}





/*========================
	#Quantity Snippet
========================*/

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

.quantity-snippet-body{
  /* max-width:175px; */
max-width:140px;
}

.cart-page-quantity-snippet__label{
  height:0;
}

.quantity-snippet-body__input{
  max-width:50px;
}

  .cart-drawer-body a.disabled {
  pointer-events: none; 
}

.cart-drawer-body a.primary-button.disabled {
    background-color: #816c58;
    border-color: #816c58;
    color: #5E3814 !important;
}

@media(max-width:769px){
  .quantity-add-to-cart{
    text-align:center !important;
  }

  .quantity-add-to-cart .product-atc{
    margin: 0 auto;
    max-width: 288px;
  }
}


/*=====CART PAGE=====*/

.cart-page-quantity-snippet{

}

.cart-page-body__form--qty-title{
  left:28px;
  min-width:200px;
}

.cart-page-body__form--quantity{
  min-height:175px;
}

.cart-page-body__form--remove-title{
  
}




/*=======================================
	#Video Embed Responsively Styles
=======================================*/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/*=============
	#Modal
=============*/

.modal-title{
  font-size:20px;
}





/*###############
	SECTIONS
###############*/


/*###########################
	STORE SPECIFIC EDITS
###########################*/
/* Fix height issue with pages that have little content like not authorized / transfer failed */
main {
  min-height: calc(100vh - 38.1%);
}
/*====================
	#Home Page
====================*/
  
h2.costco-callout {
  font-size: 1.6rem;
}
.filter-selector {
  font-size: 20px;
}
.slick-dots {
  display: none;
}

/*====================
	#Product Item Card
====================*/
.product-item-card__wrapper {
  padding-bottom: 50px;
}
.product-item-card .quick-icons .atc button {
  padding: 5px 20px;
  background-color: transparent;
  border: 1px solid;
  text-transform: uppercase;
  font-size: 14px;
}

@media(max-width:390px){
  .card-body{
    padding: 1rem 0rem;
  }
  .product-quick-add {
    padding-left:0px;
    padding-right:0px;
  }
  .product-item-card__quickAdd{padding:5px 10px!important;}
} 

  
/*====================
	#Product Page
====================*/
.product-brand-img {
  height: 50px;
}
.description-left{
  border-right: 1px solid #dee2e6; 
}

.atc-disabled {
  cursor: not-allowed;
  background-color: #d3d3d3 !important;
  border-color: #d3d3d3 !important;
  color: #5E3814 !important;
}
.atc-disabled:hover {
  color: #5E3814 !important;
}

@media(max-width:769px){
  .description-left{
    padding-bottom:10px;
    border-right:none;
    border-bottom: 1px solid #dee2e6;
  }
} 

/*  Menu Updates  */
#brands-dropdown .fw-bold.text-uppercase,
#shop-dropdown .fw-bold.text-uppercase {
  display: none;
}

#shop-dropdown .grandchild-megamenu-list__item a {
  font-weight: 700 !important;
}

/*  Hot Buy Tag  */
.holiday-hot-buy.mobile.hotbuy{
  width:85px;           
  z-index:6;  
}

.holiday-hot-buy.mobile{
  position: absolute;
  top: 0;
  width: 125px;
  z-index:6;
}