/** Shopify CDN: Minification failed

Line 1084:0 Unexpected "}"

**/
/* BASELINE OVERRIDES 
*********************************************************/

  body, h1,h2,h3,h4,h5,h6, footer, footer .rte, footer .font-heading, .text-heading-standard, .theme-button, .theme-button--secondary, .breadcrumbs  {
    font-size: 16px;
    line-height: 20px;
  }


.border-scheme-text {
  border-color: #A2A2A2;
}

.page-blur {
    filter: blur(5px);
    transition: filter 0.3s ease;
  pointer-events: none;
}

body:not(.user-using-mouse) :focus, body:not(.user-using-mouse) .header-search-input:focus, body:not(.user-using-mouse) .sidebar-search-input:focus, body:not(.user-using-mouse) input.custom-input:focus+label>span, body:not(.user-using-mouse) .label-only-input input:focus+label {
  outline: none;
  box-shadow: none;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
}

@media (min-width: 1024px) {
  .lg\:col-start-3 {
    grid-column-start: 3;
  }
}

@media (min-width: 1200px) {
  .xl\:hidden{
    display: none;
  }

  .xl\:block{
    display: block;
  }
}

.grid {
  grid-gap: 30px;
  padding: 0 30px;
}

.h-large {
  padding-bottom: 40%;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mr-6{
  margin-left: 1.5rem;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-90 {
  margin-top: 50px;
}

.-ml-1 {
  margin-left: -0.25rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-7 {
  padding-bottom: 2rem;
}

.pb-8 {
  padding-bottom: 2.25rem;
}


.pb-30 {
  padding-bottom: 30px;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1.15rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-50 {
  padding-top: 50px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pt-250 {
  padding-top: 250px;
}

.pb-250 {
  padding-bottom: 250px;
}

.bg-gridline-color,
.lg\:bg-gridline-color {
  background-color: transparent !important;
}

.px-section-horizontal-spacing {
  padding-left: 30px;
  padding-right: 30px;
}

.py-section-vertical-spacing {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {

  .lg\:h-8{
  height: 2rem;
}

.lg\:w-8{
  width: 2rem;
}
  
    .lg\:w-3\/4 {
        width: 75%;
        max-width: 900px;
        margin-left: auto;
      margin-right: auto;
    }

  .theme-button {
    min-width: 220px;
  }
}

.theme-button {
  transition: all 0.2s;
}

.theme-button:hover {
  background: black;
  color: white;
}


/* VARIABLES
*********************************************************/

:root {
  --primary-font: 'ABCMonumentGroteskSemi-Mono-Regular';
  --secondary-font: 'PPEditorialNew-Light';
}


/* TYPOGRAPHY
*********************************************************/

.font-heading, h2 {
  font-family: var(--primary-font);
  text-transform: uppercase
}

.rte {
  font-size: 25px;
  line-height: 38px;
}

header form.search input::placeholder {
  color: #A2A2A2
}

header form.search input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #A2A2A2
}

.secondary-font {
  font-family: var(--secondary-font);
  font-size: 30px;
  text-transform: none;
}

.search-again-wrapper {
  border: 1px solid #A2A2A2;
  border-radius: 8px;
   font-family: var(--primary-font);
  text-transform: uppercase;
  padding: 10px 0;
  max-width: calc(50% - 60px);
  margin: 0 auto;
  text-transform: uppercase;
}

.search-again-wrapper input::placeholder {
  color: #A2A2A2 !important;
}

/* BUTTONS
*********************************************************/

.theme-button {
  border-radius: 8px;
  font-family: var(--primary-font);
  line-height: 20px;
  padding: 14px 50px 13px 50px;
}

.cart-qty-icon path {
  stroke-width: 1px;
}

/* HEADER
*********************************************************/

header {
  font-family: var(--primary-font);
  font-size: 16px;
}

.header-logo {
  width: 204px;
  height: 39px;
}

header .search-form-wrapper {
    background: white;
  color: black;
  min-width: 200px;
  border: 1px solid #A2A2A2;
  border-radius: 8px;
  top: 16.5px;
  left: -17px;
}

header form.search input {
  background: white;
  color: black;
  font-family: var(--primary-font);
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

header nav [aria-current="page"],
.book-now[aria-current="page"] {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
    
}

.text-underline {
    text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}


/* FOOTER
*********************************************************/

footer, footer .rte, footer .font-heading {
  font-family: var(--primary-font);
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
}

.footer-block-width-3 {
  --col-span: 3 !important;
}

/* SECTION - LOGO LIST 
*********************************************************/

.logo-list-wrapper {
   padding-top: 50%;
}


/* SECTION - BREADCRUMBS
*********************************************************/

.section-breadcrumbs-wrapper {
  position: sticky;
  top: 70px;
  z-index: 100;
  padding: 8px 0;
  background: white;
}

.breadcrumbs {
  font-family: var(--primary-font);
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

.section-breadcrumbs-wrapper .search-results {
  padding-top: 9px;
  padding-bottom: 9px;
}

/* SECTION - RICH TEXT
*********************************************************/

.text-style-heading p {
  font-family: var(--primary-font);
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

.rte.rte-small {
  font-size: 18px;
  line-height: 27px;
}


/* SECTION - FEATURED COLLECTION
*********************************************************/

.featured-collection li {
  border-radius: 8px;
  overflow: hidden;
}

.featured-collection li .featured-collection-image {
  opacity: 0;
  transition: all 0.2s;
}

.featured-collection li:hover .featured-collection-image {
  opacity: 1;
}

.featured-collection .font-body {
  font-family: var(--secondary-font);
  font-size: 30px;
}

/* SECTION - FEATURED BRANDS
*********************************************************/

.featured-brands li {
  border-radius: 8px;
  text-transform: uppercase;
   font-family: var(--primary-font);
}

.featured-brands .featured-collection-image {
  border-radius: 8px;
  background: #F2F3F0;
  padding-bottom: 100%;
  margin-bottom: 20px;
  position: relative;
}


.featured-brands .font-body {
  font-family: var(--secondary-font);
  font-size: 30px;
  color: black;
}

.featured-brands .brand-logo {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  mix-blend-mode: multiply;
}

.brand-image-hover {
  width: 100%;
  height: 100%;
    opacity: 0;
  transition: all 0.2s;
  z-index: 2;
  border-radius: 8px;
  overflow: hidden;
}

.featured-brands li:hover .brand-image-hover {
  opacity: 1;
}

.brand-image-hover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* SECTION - COLLECTION
*********************************************************/


  .filters-wrapper {
    padding: 0;
  }

  #filters-drop-down, #filters-form-sort-drop-down, .js-filter, .filter-bar, .filters-sidebar-drawer {
    background: #F2F3F0;
  }

  .filter-bar {
     font-family: var(--primary-font);
    margin-bottom: 30px;
    text-transform: uppercase;
    position: sticky;
    top: 70px;
    z-index: 40;
  }

  .filter-bar .breadcrumbs {
        background: transparent;
  }

  .filter-bar .breadcrumb {
    padding: 0;
  }

  [data-filterable-filter-fragment="filter.p.m.custom.colour"] {
    grid-column: span 4 / span 4;
  }

  .js-filter {
     text-transform: uppercase;
  }

  .js-filter h3 {
    margin-bottom: 15px;
  }

  .checked-filter {
    display: none;
  }

  .checked-filter, .unchecked-filter {
    width: 28px;
    height: auto;
  }

  .peer:checked~.peer-checked\:\[\&\>span\:first-child\]\:bg-current>span:first-child {
    background: transparent !important;
  }

  .peer:checked~.peer-checked\:\[\&\>span\:first-child\]\:bg-current>span:first-child .checked-filter {
    display: inline;
  }

  .peer:checked~.peer-checked\:\[\&\>span\:first-child\]\:bg-current>span:first-child .unchecked-filter {
    display: none;
  }

/* SECTION - PRODUCT TILES
*********************************************************/

.product-tile {
  font-family: var(--primary-font);
}

.product-tile p {
  line-height: 20px;
}


/* SECTION - INSTAFEED
*********************************************************/

#insta-feed h2 {
  margin-bottom: 50px !important;
}

.instafeed-lightbox .lightbox-instagram .instafeed-fullname {
    font-family: var(--primary-font) !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
}

.instafeed-lightbox .lightbox-instagram .instafeed-caption {
  color: black !important;
}

.instafeed-new-layout-wrapper {
  gap: 30px !important;
}

@media (max-width: 768px) {
  .instafeed-new-layout-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
   
  }

  .instafeed-new-layout-item {
   height: auto !important;
    padding-top: 100%;
  }
  
}


.instafeed-new-layout-item {
  width: auto !important;
}


/* PRODUCT - MAIN
*********************************************************/

  /* .main-product-wrapper {
    max-height: calc(100vh - 100px);
  } */



/* PRODUCT - GALLERY
*********************************************************/

/* .product-media-container .splide__list {
  display: flex !important;
}

.product-media-container .splide__slide {
  max-width: 100% !important;
}

.product-media-container .splide__slide img {
  border-radius: 10px;
}

 */

 .splide--product {
   border-radius: 10px;
   overflow: hidden;
 }

  .splide--product img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

.product-media-container .splide__pagination {
   justify-content: center;
   grid-gap: 0 !important;
 }

.product-media-container .splide__arrows {
    position: absolute;
    top: 0;
    height: 100%;
  width: 100%;
}

.product-media-container .splide__arrows .splide__arrow {
  width: 50% !important;
  height: 100% !important;
}

.product-media-container .splide__arrows .splide__arrow svg {
  display: none;
}

.product-media-container .splide--thumbnails {
  display: none;
}

.splide__pagination__page {
   background: #C0C0C0 !important; 
  border: 0;
  width: 7.5px !important;
  height: 7.5px !important;
}

.splide__pagination__page.is-active {
  background: black !important;
}

.pagination-wrapper {
  bottom: 20px;
  width: 100%;
}


/* PRODUCT BLOCKS
*********************************************************/

  .product-block-area {
    top: 50%;
    transform: translateY(-50%);
  }

  .product-block-area .rte {
    font-size: 18px;
    line-height: 28px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .related-products-container {
    padding-bottom: 100px;
  }

  .product-vendor-block {
    font-family: var( --primary-font);
  }


/* PRODUCT VARIANTS
*********************************************************/


.product-variant-picker-block {
      font-family: var( --primary-font);
}

.product-variant-picker-block label {
  border: 1px solid #A2A2A2;
}

.product-variant-picker-block legend {
  display: none;
}

/* PRODUCT SPECS
*********************************************************/

  .product-specs .product-spec {
    gap: 30px;
    font-family: var( --primary-font);

    div {
          width: 150px;
    }
    
  }


/* MOBILE
*********************************************************/

@media (max-width: 768px) {

  .rte, .product-block-area .rte, h1.product-title-block, .product-vendor-block {
    font-size: 16px;
    line-height: 22px;
  }
  
  body, h1,h2,h3,h4,h5,h6, footer, footer .rte, footer .font-heading, .text-heading-standard, .theme-button, .theme-button--secondary, .breadcrumbs, input.font-heading  {
    font-size: 12px;
    line-height: 16px;
  }

  .rte.rte-small {
    font-size: 14px;
    line-height: 20px;
  }

   .text-style-heading.rte-small p {
      font-size: 12px;
     line-height: 20px;
   }

  .text-style-heading p {
    font-size: 16px;
    line-height: 24px;
  }
  
  .grid {
    grid-gap: 12px;
    padding: 0 24px;
  }

  .px-section-horizontal-spacing {
    padding-left: 24px;
    padding-right: 24px;
  }

  .theme-button {
    padding: 11px 55px 10px 55px;
  }

  .pb-50 {
    padding-bottom: 40px;
  }

  .pt-80 {
    padding-top: 40px;
  }

  .pt-200 {
    padding-top: 100px;
  }

  .pb-200 {
    padding-bottom: 100px;
  }

  .mt-50 {
    margin-top: 30px;
  }

  .mb-50 {
    margin-bottom: 30px;
  }

  .mt-90 {
    margin-top: 40px;
  }

  body .shopify-app-block #insta-feed {

    margin: 100px 24px !important;
  }

  /* HEADER
*********************************************************/

  .header-logo {
    width: 167px;
    height: auto;
  }

  header nav {
    font-size: 12px;
  }

  .instafeed-new-layout-wrapper {
    gap: 12px !important;
  }

  .h-screen-less-gridline {
    height: 524px;
  }

  .secondary-font {
    font-size: 22px;
  }


/* SECTION - LOGO LIST 
*********************************************************/

.logo-list-wrapper {
   padding-top: 30%;
}

  
   /* COLLECTIONS
*********************************************************/

  


  .featured-collection-block .group {
    height: 83px;
  }

  .featured-collection .featured-collection-image {
    display: none;
  }

  .featured-brands .grid {
    grid-row-gap: 20px;
  }

  .featured-brands .featured-collection-image {
    margin-bottom: 10px;
  }



  .featured-collection .font-body {
    font-size: 22px;
    line-height: normal;
  }

  .collection-image {
    padding: 0;
  }

  .collection-image image-with-placeholder,
  .h-large {
    padding-bottom: 70% !important;
  }

  .collection-title {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .product-tile .px-section-horizontal-spacing {
    padding-left: 0;
    padding-right: 0;
  }

  .product-price-block {
    margin-top: 30px !important;
    font-size: 16px;
    line-height: 22px;
  }

   .splide--product {
   border-radius: 8px;

 }

  .splide__arrow {
    display: none;
  }

  .splide__pagination__page {
  width: 4.25px !important;
  height: 4.25px !important;
}

  .product-media-container {
    padding-bottom: 0px;
  }

/* FILTER */

  .filter-bar,
  .section-breadcrumbs-wrapper {
    padding-top: 4px;
    padding-bottom: 3px;
  }

    .filter-bar,
  .section-breadcrumbs-wrapper {
    top: 68px;
  }

  .checked-filter, .unchecked-filter {
    width: 21px;
    height: auto;
  }

  .filters-wrapper {
      display: flex !important;
      flex-wrap: wrap;
    padding: 0 !important;
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .js-filter {
    min-width: 50%;
    padding-bottom: 20px;
  }

  #filters-form-sort-drop-down,
  .filters-form-sort-drop-down {
    display: none;
  }

  /* SEARCH */

  .search-again-wrapper {
    max-width: 167px;
    
  }

  .search-again-wrapper input {
    font-size: 12px;
  
  }

  .search-again-wrapper button {
    display: none;
  }

  

  .gift-card-recipient-form input,
  .gift-card-recipient-form textarea {
    font-size: 12px;
  }

  footer {
    padding-bottom: 30px;
  }

}

@media (max-width: 1024px) {
  
  .shopify-section-group-footer-group .grid {
    grid-template-columns: 1fr 1fr;
  }
  

  .footer-block-info, .footer-block-contact, .footer-block-hours, .footer-block-optometry, .footer-block-support {
    padding-top: 15px;
    padding-bottom: 15px;
  }



  .footer-block-info {
    order: 1;
    text-align: center;
    grid-column: span 2;
    padding-top: 40px;
  }

  .footer-block-info .font-heading {
    display: none;
  }

    .footer-info-heading {
    margin-bottom: 20px;
  }
  .footer-block-info br {
    display: none;
  }

  .footer-block-contact {
    order: 2;
    grid-column: span 2;
  }

  .footer-block-hours {
    order: 3;
  }

  .footer-block-optometry {
    order: 4;
  }

  .footer-block-support {
    display: flex;
    order: 5;
    grid-column: span 2;
    align-items: flex-end;
  }

    .footer-block-support .customer-support-menu {
        min-width: 50%;
    }
}


/* MODALS */

  .menu-open .header-logo path {
    fill: black;
  }

  .section-header {
    z-index: 5000 !important;
  }

.menu-open #MainContent,
.menu-open footer,
.filter-open #MainContent,
.filter-open footer {
  filter: blur(5px);
  transition: filter 0.3s ease;
}

#menu-toggle-close {
  display: none;
}

.menu-open #menu-toggle-close,
.filter-open #filter-toggle-close {
  display: inline-block;
  color: black !important;
}

.menu-open #menu-toggle,
.filter-open #filter-toggle-open {
  display: none;
}

.menu-open .left-drawer-wrapper {
  padding-top: 68px;
  background: white;
  padding-bottom: 30px;
}

.filter-open .left-drawer-wrapper {
  padding-top: 68px;
  background: #F2F3F0;
  padding-bottom: 30px;
}



.menu-open .section-header a {
  color: black;
}

#modals-leftDrawer {
   font-family: var(--primary-font);
  text-transform: uppercase
}

.border-radius {
  border-radius: 8px;
}


#modals-leftDrawer input {
  border-color: #A2A2A2;
  font-size: 12px;
      line-height: 24px;
}

#modals-leftDrawer input::placeholder {
  color: #A2A2A2
}

#filters-sidebar-drawer {
  margin-top: 68px;
  background: #F2F3F0;
  
}


}