/** Shopify CDN: Minification failed

Line 156:0 Unexpected "}"

**/
.gallery-collections .collection-collage__item-wrapper .collection-grid__item-overlay:after{
  background:unset !important;
}
.collection-grid__item-overlay.grid__image.lazyloaded img {
    border-radius: 15px !important;
}

/* @media only screen and  (max-width: 310px) and (min-width: 280px) {
    .collection-collage__item.one-half img {
    height: 300px !important;
  }
}
@media only screen and  (max-width: 415px) and (min-width: 310px) {
    .collection-collage__item.one-half img {
    height: 390px !important;
  }
}
@media only screen and  (max-width: 767px) and (min-width: 415px) {
    .collection-collage__item.one-half img {
    height: 390px !important;
  }
} */

@media (min-width: 767px){
/*     .collection-collage__item.one-half {
    height: 300px !important;
} */
   .large--one-fourth {
       width: calc(25% - 6px);
      margin: 3px;
}
  .collection-collage__item-wrapper .collection-grid__item-overlay {
    position: relative;
    height: 360px !important;
}
}
.gallery-collections h1 {
      font-family: 'Old English Text MT';
}


.gallery-collections .grid {
    margin-left: unset;
    margin-bottom: unset;
}
.gallery-collections .grid .grid__item {
    margin-bottom: 10px;
}

.gallery-collections .wrapper {
    padding: unset;
}
.large--one-fourth {

  margin: 3px;
  padding: unset;
}
.large--one-fourth .collection-grid__item-overlay{
  border-radius: 15px;
}
.gallery-collections .collection-collage__item.large--one-third {

    padding-left: 7px;
}
.gallery-collections .collection-grid__item-overlay.grid__image.lazyloaded {

      border-radius: 15px;

}
.gallery-collections .collection-grid__item-link {

    border-radius: 15px;
}
.gallery-collections .collection-collage__item-wrapper .collection-grid__item-overlay:hover, .gallery-collections .collection-collage__item-wrapper .collection-grid__item-overlay:focus
{


  transform: scale(1.5) !important;
}

@media only screen and  (max-width: 290px) and (min-width: 210px){
    button.mfp-close {
    margin: 8px !important;
  }

}
@media only screen and  (max-width: 410px) and (min-width: 370px)  {
.site-nav--mobile.text-right {
    margin: 0 -17px 0 0;
}
}
@media only screen and  (max-width: 375px) and (min-width: 290px)   {

  .site-nav--mobile.text-right {
    margin: 0 -50px 0 0 !important;
}
  .site-nav--mobile .site-nav__link {
    display: inline-block;
    padding-left: 0px;
    margin-right: 26px;
}
  a.site-nav__link.site-nav__link--icon.js-toggle-search-modal {
    margin-right: 0px;
}
  button.mfp-close {
    margin: 10px !important;
  }

}
/* @media only screen and  (max-width: 767px) and (min-width: 410px)   {
  .collection-collage__item.one-half {
    height: 280px !important;
}
} */

.gallery-collections .collection-collage__item{
  height:100% !important;
}

@media (max-width: 767px){
  .gallery-collections .collection-collage__item.one-half {
    margin-bottom: -3px !important;
    padding-left: 2px !important;
  }
  .gallery-collections .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.gallery-collections .large--one-fourth {
    width: calc(100% - 2px);
    margin-bottom: -5px !important;
    padding: unset !important;
    margin: 1px;
    height: 100% !important;
}

.gallery-collections .collection-collage__item.one-half {

  margin-bottom: 5px;
  padding-left: 5px;
}
 .gallery-collections .wrapper {
    padding: unset;

}
/*   .collection-collage__item.one-half {
    height: 220px;
}
 */
}
}

@media(max-width: 767px){
.gallery-collections .collection-grid {
    margin-bottom: -30px;
/*     display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; */
}
.gallery-collections .collection-collage__item.large--one-third {

    width: 100%;
}
}

@media only screen and  (max-width: 390px) and (min-width: 414px){

  a.site-nav__link.site-nav__link--icon.js-toggle-search-modal {
    margin-right: 0px;
}
      .site-nav--mobile.text-right {
    margin: 0 -26px 0 0 !important;
}
  .site-nav--mobile .site-nav__link {
    display: inline-block;
    padding-left: 0px;
    margin-right: 26px;
}
}

/********** dev M Styles Start **********/

#CollectionSection .section-header .hr--small {
  display: none;
}

.gallery-collections .section-header .hr--small {
  margin: 15px auto;
}

.gallery-collections .section-header h2.h1.section-header__title {
  margin: 0;
}

.disktop-video .devHeading h1 , .mobile-video .devHeading h1 {
  margin-bottom: 0;
}

.gallery-collections .grid__item:first-child {
  margin-left: 0px;
}

.gallery-collections .grid__item:last-child {
  margin-right: 0px;
}


@media (min-width: 767px){
  .gallery-collections .large--one-fourth {
    width: calc(25% - 5px);
  }
}

@media (max-width: 767px){
  .gallery-collections .grid .grid__item img {
    height: 100%;
    width: 100%;
  }
  .transcy-switcher-bar {
    margin: 0;
    display: none;
    position: relative;
    padding: 8px 16px;
}

  .gallery-collections .collection-collage__item.one-half {
    width: calc(100% - 0px);
    margin: 0 !important;
    padding: 0 !important;
  }

  .gallery-collections .grid {
    grid-gap: 6px;
  }

}

/********** dev M Styles Start **********/


/********** Catalog header spacing (mobile) **********/

@media (max-width: 768px) {
  .mobile-video .devHeading {
    padding-top: 4px !important;
  }

  .mobile-video .devHeading h1,
  .disktop-video .devHeading h1 {
    margin-bottom: 0;
  }

  .gallery-collections .section-header h1 {
    margin: -14px 0 4px;
  }

  .gallery-collections .section-header h1 .tt-img {
    margin: 0;
  }

  .gallery-collections .section-header .hr--small {
    margin: 6px auto 0;
  }

  .gallery-collections .section-header {
    margin-bottom: 14px !important;
  }
}

/********** Center the Privy popup on DESKTOP ONLY.
 * On mobile (< 768px) we add NO override, so Privy uses its own native
 * responsive layout -- the same behavior as the live theme, which fits the
 * screen correctly. Forcing the centered desktop layout onto mobile is what
 * made the popup oversized before. **********/

@media (min-width: 768px) {
  #privy-container #privy-inner-container .privy.privy-popup-container.privy-flyout-container.privy-center {
    position: fixed !important;
    top: 50% !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
  }
}

/********** On mobile: center the popup and SCALE it down to fit.
 * Privy locks the popup width via inline styles that theme CSS can't override,
 * but CSS transforms still work -- so we shrink the whole popup proportionally
 * with scale() and keep it centered. Adjust the 0.55 value to taste. **********/

@media (max-width: 767px) {
  #privy-container #privy-inner-container .privy.privy-popup-container.privy-flyout-container.privy-center {
    top: 50% !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform-origin: center center !important;
    transform: translate(-50%, -50%) scale(0.55) !important;
  }
}

/********** Remove the theme's built-in "Don't Miss Out" newsletter section
 * from the homepage (redundant with the Privy popup). **********/

#shopify-section-newsletter {
  display: none !important;
}

/********** New Arrivals collection: full-bleed banner (edge to edge) and hide
 * the collection description text underneath it. Scoped to this banner only. **********/

.section-header img[src*="New_arrivals_done"] {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: auto !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.section-header:has(img[src*="New_arrivals_done"]) .rte {
  display: none !important;
}
