/** Shopify CDN: Minification failed

Line 26:11 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection-banner (INDEX:11) */
#collectionBanner {
    width: 100%;
    margin: auto; 
    display: block;
    position: relative;
    height: 80vh;
    overflow: hidden;
    z-index: 1;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -webkit-background-size: cover !important;
  }
  #collectionBanner .textOver {
    position: absolute;
    display block;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0rem 4.5rem;
    z-index: 2;
  }
  #collectionBanner .textOver.bottom {
    bottom: 2rem;
  }
   #collectionBanner .textOver.top {
    top: 2rem;
  }
  #collectionBanner .textOver .colFlex {
    display: flex;
    justify-content: space-between;
    gap: 2em;
    align-items: center;
    width: 100%;
  }
  #collectionBanner .textOver .colFlex h2 a,
  #collectionBanner .textOver .colFlex h2 a:visited,
  #collectionBanner .textOver .colFlex h2 a:focus {
    text-decoration: none;
    color: inherit;
  } 
  @media only screen and (max-width: 820px) {
    #collectionBanner .textOver .colFlex {
      flex-direction: column;
      gap: 0;
      align-items: flex-start;
      justify-content: flex-start;
    }
    #collectionBanner .textOver .colFlex h2 {font-size: calc(var(--font-heading-scale)* 4rem);}
  }
  @media only screen and (max-width: 600px) {
    #collectionBanner .textOver {
      padding: 0rem 2rem;
    }
  }
/* END_SECTION:collection-banner */

/* START_SECTION:hero-banner (INDEX:28) */
#heroBanner {
    width: 100%;
    margin: -11rem auto auto auto; 
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -webkit-background-size: cover !important;
  }

  #heroBanner.full {height: 100vh;}
  #heroBanner.half {height: 50vh;}
  #heroBanner.seventy {height: 70vh;}

  #heroBanner.black_and_white {
    filter: grayscale(100%);
  }

  #heroBanner .textOver {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0rem 4rem;
    z-index: 2;
  }
  #heroBanner .textOver.bottom {
    bottom: 2rem;
  }
   #heroBanner .textOver.top {
    top: 2rem;
  }
  #heroBanner .textOver.center {
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
  }
  #heroBanner .textOver .colFlex {
    display: flex;
    justify-content: space-between;
    gap: 2em;
    align-items: center;
    width: 100%;
  }
  
  #heroBanner .textOver.center .colFlex {
    flex-direction: column;
    justify-content: flex-end;
    gap: 0;
  }

   #heroBanner .textOver .colFlex h2 {
     text-transform: uppercase;
  font-size: calc(var(--font-heading-scale)* 8rem);
   }
  
  #heroBanner .textOver .colFlex h2 a,
  #heroBanner .textOver .colFlex h2 a:visited,
  #heroBanner .textOver .colFlex h2 a:focus {
    text-decoration: none;
    color: inherit;
  } 
  @media only screen and (max-width: 820px) {
    #heroBanner .textOver .colFlex {
      flex-direction: column;
      gap: 0;
      align-items: flex-start;
      justify-content: flex-start;
    }

    #heroBanner .textOver.center .colFlex {
       align-items: center;
      justify-content: center;
    }

     #heroBanner .textOver .colFlex h2 {font-size: calc(var(--font-heading-scale)* 4rem);} 
  }
  @media only screen and (max-width: 600px) {
    #heroBanner .textOver {
      padding: 0rem 2rem;
    }
  }
/* END_SECTION:hero-banner */

/* START_SECTION:instagram-section (INDEX:31) */
#instagramSection {
    width: 100%;
    margin: auto; 
    display: block;
    position: relative;
    padding-top: var(--instagram-padding-top);
    padding-bottom: var(--instagram-padding-bottom);
  }
   #instagramSection .instagramContainer {
    width: 100%;
    max-width: 1728px;
    padding: 0 6rem;
    margin: auto; 
    display: block;
    position: relative;
   }
  #instagramSection .instagramContainer.black_and_white #insta-feed img {
    filter: grayscale(100%) !important;
  }
  #instagramSection .textOver {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    padding: 0 0 1rem 0;
    width: 100%;
  }
  #instagramSection .textOver h2,
  #instagramSection .textOver a.textLink {
    width: fit-content;
  }
  #instagramSection .textOver h2 {font-size: calc(var(--font-heading-scale) * 2.4rem); margin-block-start: 0; margin-block-end: 0;}
  #instagramSection .textOver a.textLink,
  #instagramSection .textOver a.textLink:visited,
  #instagramSection .textOver a.textLink:focus {
    color: var(--offwhite);
    font-style: italic;
    text-decoration: none;
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
  #igr-load-more {
    display: none;
  }
  @media only screen and (max-width: 820px) {
    #instagramSection .textOver h2, #instagramSection .textOver a {font-size: calc(var(--font-heading-scale)* 3rem);}
    #instagramSection .instagramContainer {
      padding: 0 4rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #instagramSection .instagramContainer {
      padding: 0 2rem;
    }
  }
/* END_SECTION:instagram-section */