/** Shopify CDN: Minification failed

Line 26:11 Expected ":"
Line 81:11 Expected ":"
Line 159:11 Expected ":"

**/


/* CSS from section stylesheet tags */
#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;
    }
  }
#heroBanner {
    width: 100%;
    margin: -11rem auto auto auto; 
    display: block;
    position: relative;
    height: 100vh;
    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 .textOver {
    position: absolute;
    display block;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0rem 4.5rem;
    z-index: 2;
  }
  #heroBanner .textOver.bottom {
    bottom: 2rem;
  }
   #heroBanner .textOver.top {
    top: 2rem;
  }
  #heroBanner .textOver.center {
    bottom: 6rem;
    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;
    }
  }
#instagramSection {
    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;
  }
  #instagramSection .textOver {
    position: absolute;
    display block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 60%;
    z-index: 2;
  }
  #instagramSection .textOver.green {
    background: rgba(56,64,56,0.7);
    padding: 2rem;
  }
  #instagramSection .textOver h2,
  #instagramSection .textOver a.textLink {
    margin: auto;
    display: block;
    text-align: center;
    width: 100%;
  }
  #instagramSection .textOver h2 {font-size: calc(var(--font-heading-scale)* 4rem);}
  #instagramSection .textOver a.textLink,
  #instagramSection .textOver a.textLink:visited,
  #instagramSection .textOver a.textLink:focus {
    color: var(--offwhite);
    padding: 0 0 2rem 0;
    font-style: italic;
    text-decoration: none;
  }
  #igr-load-more {
    display: none;
  }
  @media only screen and (max-width: 820px) {
     #instagramSection .textOver h2 {font-size: calc(var(--font-heading-scale)* 3rem);}
    #instagramSection .textOver {
      max-width: 80%;
    }
  }