.collections-grid > * + * {
    margin-top: 3rem;
}

.collections-item:hover *{
    opacity: 75%;
}

.collections-link {
    margin-top: 1rem;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
    color: white;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0.5rem;
}

.collections-link:hover {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    background-color: rgb(17 24 39);
}

.swiper-hero .swiper-pagination-bullet {
    display: block !important;
    background-color: transparent !important;
    border: 3px solid white !important;
    width: 1rem !important;
    height: 1rem !important;
    opacity: 1 !important;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
}

.swiper-hero .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: white !important;
}

.swiper-hero .swiper-pagination.swiper-pagination-bullets {
    width: initial !important;
    top: 20vh ;
    right: 0 !important;
    bottom: inherit !important;
    left: inherit !important;
}

.swiper-hero .swiper-pagination.swiper-pagination-bullets > .swiper-pagination-bullet {
    margin: .5rem !important;
}

.stix-two-text {
  font-family: "STIX Two Text", serif !important;
  font-optical-sizing: auto;
}

.source-serif-4 {
	font-family: "Source Serif 4", serif !important;
	font-optical-sizing: auto;
}

.wittgenstein {
  font-family: "Wittgenstein", serif !important;
  font-optical-sizing: auto;
}

.manrope {
	font-family: "Manrope", sans-serif !important;
  font-optical-sizing: auto;
}

.murecho {
	font-family: "Murecho", sans-serif !important;
  font-optical-sizing: auto;
}

.noto-sans {
  font-family: "Noto Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-variation-settings:
    "wdth" 100;
}

.open-sans {
  font-family: "Open Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-variation-settings:
    "wdth" 100;
}

.inter-tight {
	font-family: "Inter Tight", sans-serif !important;
  font-optical-sizing: auto;
}

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
}

.wix-madefor-text {
  font-family: "Wix Madefor Text", sans-serif;
  font-optical-sizing: auto;
}

.carlito {
  font-family: "Carlito", sans-serif;
} 

.promo_banner_swiper a:hover {
    text-decoration-line: underline;
    text-underline-offset: 4px;
}

.colSpan2 {
    grid-column: span 1 / span 1;
}

/* 'sm': '640px', */
@media (min-width: 640px) { 
    .collections-img-wrapper > picture > img {
        position: absolute;
        left: 0;
        top: 0;
    }
}

/* 'md': '768px', */
@media (min-width: 768px) { 
    .colSpan2 {
        grid-column: span 2 / span 2;
    }
}

/* 'lg': '1024px', */
@media (min-width: 1024px) {
    .collections-img-wrapper > picture > img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .collections-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 2rem;
    }

    .collections-grid > * + * {
        margin-top: 0;
    }

    .swiper-hero .swiper-pagination.swiper-pagination-bullets {
        top: 40vh !important;
    }
}
/* 'xl': '1280px', */
@media (min-width: 1280px) { }

/* '2xl': '1536px', */
@media (min-width: 1536px) { }