/** Shopify CDN: Minification failed

Line 36:1 Unexpected "/"

**/
body {
  /* min-width: 500px; */
  /* for the --page-width variable, see the page's liquid (ex: main-collection-product-grid.liquid) */
}

/* gold color (used in footer) */
.highlight { color: #f2af27; }

/* make multicolumn headers centered */
.multicolumn *[class^="title-wrapper"] { justify-content: center; }



/* header */
.banner__text.subtitle {
  color: rgba(var(--color-foreground), 1.0);
}
@media screen and (min-width: 750px) {
  #MainContent .banner__heading, .banner__text {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
  }
}
/* end header */

/* nav menu text colors (no more gray). Active menu item is teal. */
.header__menu-item {    color: rgba(var(--color-foreground), 1.0); }
.header__active-menu-item {
  /* color: rgb(66, 178, 175); */
}
.header__icon { }
*/

.list-menu__item--active,
.header__menu-item:hover span,
.header__active-menu-item,
details[open]>.header__menu-item { text-decoration: none !important; }

/* subnav / mega-menu */
.mega-menu__content {
  /*  gray instead of black */
  /* background-color: #f3f3f3 !important; */
  opacity: 0.97 !important;
  /* the subnav sometimes blends in with the content background, so we need a delineation */
  border-bottom: 1px solid #555;
}
/* end subnav */

/* product grid */
.product-grid-container .card--card, .card--standard .card__inner { background-color: transparent; }
.product-grid-container .card__media .media img { object-fit: contain !important; }

#product-grid {
  /* this is the setting that makes rows of products vertically consistent, where the product titles all line up */
  align-items: baseline;
}
#product-grid > .grid__item {
  padding: 0.5rem;
}
/* end product grid */

/* product page */
.product__description {
    padding: 2px;
    overflow-y: auto;
}

/* try to center the smaller submenus */
/*
.mega-menu__content { text-align: center; }
.mega-menu .mega-menu__list { text-align: left; }
.mega-menu .mega-menu__list--condensed { text-align: left; display: inline-block !important; }
*/
/* end */

/*
.mega-menu__content .mega-menu__link, .mega-menu__link:hover, .mega-menu__link--active {  color: black !important; }
.mega-menu__link { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; }
*/
.footer-block__heading { font-size: 2.5rem !important; }

/* buttons */
.button.button--primary,
.button.button--secondary {
  background-color: rgba(var(--color-button),var(--alpha-button-background));
  /* background-color: rgb(66, 178, 175) !important;
  --border-offset: none;
  color: #fff;
  */
  /* rgba(var(--color-button),var(--alpha-button-background)) */
}
/*
.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
  --border-offset: 0;
  box-shadow: none;
}
*/
.banner__buttons .button {
  background-color: rgb(246, 246, 246);
  color: black;
}
/* end buttons */

@media screen and (min-width: 750px) {
  .footer-block__details-content .list-menu__item--link {
    font-size: 16px !important;
  }
}

/* searchanise overrides */
.snize-results-page .page-width--narrow {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
  padding-left: 4rem !important;
  padding-right: 4rem !important;
  max-width: var(--page-width) !important; 
}
div.snize-search-results {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 1.5rem 1rem;
}
#snize-search-results-grid-mode span.snize-thumbnail {
  max-height: 150px !important;
}
#snize-search-results-grid-mode span.snize-thumbnail img {
  max-height: 150px !important;
}
#snize-search-results-grid-mode li.snize-product span.snize-title {
  font-size: 15px !important;
}
#snize-search-results-grid-mode li.snize-product .snize-button {
  height: 20px !important;
  top: -20px !important;
}
#snize-search-results-grid-mode li.snize-product .snize-view-link, #snize-search-results-grid-mode li.snize-product .snize-item {
  min-height: 100%;
}
#snize-search-results-grid-mode span.snize-description {
  font-size: 13px !important;
}
#snize-search-results-grid-mode span.snize-overhidden {
  justify-content: space-between;
}
div.snize .snize-filters-sidebar ul.snize-product-filters-list,
div.snize .snize-filters-sidebar ul.snize-product-color-filter,
div.snize .snize-filters-sidebar ul.snize-product-size-filter {
    margin-bottom: 10px !important;
}
.snize-product-filters-title {
  font-family: 'Cocogoose', sans-serif;
  /* font-family: 'Cocogoose Pro Regular Storefront', sans-serif; */
  font-weight: 600 !important;
  font-size: 18px !important;
}
.snize-product-filters-list label > span {
  text-transform: uppercase;
  /* transform: translateY(2px);
  font-size: 14px !important; */
}
@media screen and (max-width: 800px) {
  #snize_results.snize-mobile-design.snize-new-version div.snize-main-panel,
  #snize_results.snize-mobile-design.snize-new-version #snize-search-results-grid-mode ul, #snize_results.snize-mobile-design.snize-new-version #snize-search-results-list-mode ul, #snize_results.snize-mobile-design.snize-new-version div.disabled-opacity {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

/* sleeker hover effect for add to cart button */
#snize-search-results-grid-mode li.snize-product .snize-button,
#snize-search-results-list-mode li.snize-product .snize-button {
  transition: opacity 0.2s !important;
}
.snize-search-results:not(.snize-mobile-design) #snize-search-results-grid-mode li.snize-product:hover .snize-button,
.snize-search-results:not(.snize-mobile-design) #snize-search-results-list-mode li.snize-product:hover .snize-button {
  cursor: pointer;
  opacity: 0.7 !important;
}
.snize-search-results:not(.snize-mobile-design) #snize-search-results-grid-mode button.snize-button.snize-action-button.snize-add-to-cart-button:hover,
.snize-search-results:not(.snize-mobile-design) #snize-search-results-list-mode button.snize-button.snize-action-button.snize-add-to-cart-button:hover {
  opacity: 1 !important;
}
/* end searchanise */


/* begin */
/* the block of code below is a css override to prevent really vertically skinny 
images from being blown up too large on the product page. The technique (workaround) 
is setting height caps on a number of elements. */

@media (min-width: 749px){
  .product .media > :not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    max-height:400px;
    object-fit:contain;
  }
  .product .product__media {
    padding-top: 400px !important;
  }
  .product .slider-mobile-gutter {
    max-height: 400px;
  }
  .product .product-media-modal .product-media-modal__content img {
    max-height: 100vh;
    object-fit: contain;
  }
}
@media (max-width: 748px){
  .product .slider-mobile-gutter {
    max-height: 500px;
  }
  .product .product__media-list.slider--mobile,
  .product .slider.slider--mobile .slider__slide,
  .product .product__modal-opener,
  .product .product__modal-opener .product__media,
  .product .product__modal-opener .product__media img {
    max-height: 300px;
  }
  .product .product__media {
    padding-top: 300px !important;
  }
  .product .slider.slider--mobile .slider__slide img {
    object-fit: contain;
  }
}
/* end */