/** Shopify CDN: Minification failed

Line 9:0 Unexpected "$"
Line 159:1 Comments in CSS use "/* ... */" instead of "//"
Line 189:4 "align-item" is not a known CSS property

**/
/*********************** Custom CSS for Boost Filter & Search  ************************/
$breakpointMobile: 767px;
$breakpointSearchMobile: 767px;
$searchBoxMobileHeight: 64px;

/**************************** Place your custom css below  ****************************/
/* Filter Tree */ 
.boost-pfs-filter-tree, .boost-pfs-filter-tree2 {
  a, span, .boost-pfs-filter-clear, .boost-pfs-filter-clear-all {
    color: black; text-decoration: none !important;
  }
  .boost-pfs-filter-option-box {
    .boost-pfs-filter-option-item:not(.selected):not(:hover){
      a, span {color: black}
    }
    .boost-pfs-filter-option-item.selected, .boost-pfs-filter-option-item:hover {
      a, span {color: white !important;}
    }
  }
}
.boost-pfs-filter-tree .boost-pfs-filter-option-block .boost-pfs-filter-block-title h3{ font-size: 16.8833px;font-style: normal;font-weight: 600;text-transform: none !important;}
.boost-pfs-filter-tree-mobile button {text-transform: none !important;} 
@media screen and (min-width: 860px) {
    .utils-sortby-select {display: inline-block;}
  
  .productgrid--utils {
     grid-column: span 2;
  }
}  
@media screen and (max-width: 859px) {
    .boost-pfs-filter-tree-mobile {display: block;}
    .utils-sortby-select {display: flex;}
}
.utils-showby-item.active {font-weight: 600;}
/* Search */
.search-template .productgrid--sidebar {padding-top: 1.75rem;}
.live-search--active .search-flydown {display: none}
.boost-pfs-search-suggestion-item a { color: black; }
/* Pagination */
.bc-pagination--item {display: inline-block; padding: 0.5625rem 0.6875rem;}
/* Product grid */
.productgrid-listview .boost-pfs-filter-products li[data-product-item]{overflow: hidden !important;}
#shopify-section-static-collection .product-recently-viewed-wrapper .productitem--actions {display: none}
.boost-pfs-filter-tree-open-body .site-header-wrapper {z-index:0; position: relative;}


.boost-pfs-filter-option-title-text {
  text-transform: capitalize !important;
}

.boost-pfs-filter-option-title-heading {
  padding-bottom: 0 !important;
}

.boost-pfs-filter-option-case-size .boost-pfs-filter-option-value, .boost-pfs-filter-option-lens-size .boost-pfs-filter-option-value {
  text-transform: lowercase;
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option-title-text:before {
  content: '-';
  border: none;
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title-text:before {
  content: '+';
  border: none;
}


.boost-pfs-filter-tree-mobile-sticky.boost-pfs-filter-tree-mobile-open {
  max-height: calc(100% - 38px);
}

.boost-pfs-filter-tree-mobile-style2 .boost-pfs-filter-tree-content{
  padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .boost-pfs-filter-tree-mobile-style2.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-title .boost-pfs-filter-option-title-heading:after {
      content: "❯"!important;
      transform: none!important;
      border: none!important;
      top: 2px !important;
      font-size: 17px;
  }
  .boost-pfs-filter-mobile-toolbar-items .boost-pfs-filter-mobile-toolbar-left a:before {
      content: "❮"!important;
      transform: none!important;
      border: none!important;
      top: 2px !important;
      font-size: 17px;
  }
  
  .boost-pfs-filter-tree-mobile-button {
    display: flex;
    justify-content: center;
    align-items: center;
/*     margin: 0 !important; */
  }
  
  .productgrid--utils {
    margin: 0 !important;
    height: 36px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  .boost-pfs-filter-tree-mobile-button button {
    margin: 0 !important;
    font-family: var(--font-size-body-smaller) !important;
  }
  .boost-pfs-filter-tree-mobile-style2.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-title {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .boost-pfs-total-products {
      margin: 15px 0 !important;
  }
}

.results--container .boost-pfs-filter-tree-mobile-button button {
    color: white !important;
    background-color: black !important;
    border: 1px solid black;
    svg{
      margin-left:5px;
      margin-bottom: -2px;
      -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
          filter: invert(100%);
    }
}

.boost-pfs-filter-products {
  min-height: 800px;
}

.boost-pfs-filter-load-more, .boost-pfs-filter-btn-load-previous-page-wrapper {
    grid-column: span 2;
}

.boost-pfs-total-products {
	text-align: center;
	grid-column: span 2;
	margin: 5px 0;
}

.boost-pfs-total-products {
      font-size: 16px !important;
}

.productitem--sale .productitem--price .price--main {
	//font-weight: bold;
	font-family: "Twentieth Century" !Important;
}

.productitem--title {
	font-size: 14px;
}

@media screen and (min-width: 768px) {
  .productitem--title strong {
    margin-right: 5px
  }
  .hide-desktop-boost {
    display: none !important;
  }


}
@media screen and (max-width: 767px) {
  .productitem--title strong {
    margin-right: 1px
  }
  .title-sort-container-boost .boost-pfs-filter-top-sorting.productgrid--utils.utils-sortby {
    display: none !important
  }
}

.title-sort-container-boost {
    display: flex;
    justify-content: space-between;
    align-item: center;
}

.title-sort-container-boost .collection--title.boost-pfs-filter-collection-header {
    line-height: 1;
    margin-bottom: 0 !important;
}

.title-sort-container-boost .boost-pfs-filter-top-sorting.productgrid--utils.utils-sortby {
    width: auto !important;
}

label.utils-sortby-title {
    cursor: initial;
}

@media screen and (max-width: 767px) {
  label.utils-sortby-title {
      font-size: var(--font-size-body-smaller);
      float: left;
      margin-left: 30%;
  }
  .site-header-wrapper.site-header--sticky {
    position: static;
  }
}

.boost-pfs-filter-tree-mobile-button svg {
  rotate: 90deg;
}

.boost-pfs-filter-tree-mobile-button svg path {
  fill: white;
}

.product-list-no-search-result-text, .boost-pfs-filter-search-tips-content-wrapper, .boost-pfs-filter-search-term-suggestion-wrapper {
    width: 95vw !important;
    max-width: max-content !important;
}


