/*
.main-nav-container.fixed-pinned .inner {
    background-color: #000C15;
}
*/

.fixed-pinned,
.index .fixed-pinned{
    color:black
}

/* Add custom CSS styles below */ 
.advanced-slider__caption__inner__content {
    color:white
}


/* categories */
.s-block--square-links .object-cover {
    object-fit: contain;
}


img.lazy,
img.lazy.loaded,
.group:hover img {
    transform: none !important;
}

.group {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.group::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.25),
        transparent
    );
    transition: 0.6s;
}

.group:hover::before {
    left: 120%;
}

@media (min-width: 1024px) {
    .s-block--square-links .lg\:grid-cols-6 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

/* MOBILE ONLY */
@media (max-width: 768px) {

    .advanced-slider__caption__inner,
    .advanced-slider__caption__inner--right {
        width: 100% !important;
        text-align: center !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .advanced-slider__caption__inner__content {
        margin: 0 auto !important;
        text-align: center !important;
    }

    .advanced-slider__caption__inner__content__button {
        margin: 15px auto 0 !important;
        display: inline-flex !important;
    }
}

/* DESKTOP ONLY */
@media (min-width: 769px) {

    /* KEEP HEADING RIGHT */
    .advanced-slider__caption__inner__content__heading {
        text-align: right !important;
    }

    /* CENTER SUBTEXT */
    .advanced-slider__caption__inner__content__text {
        text-align: center !important;
    }

    /* CENTER BUTTON */
    .advanced-slider__caption__inner__content__button {
        display: table !important;
        margin: 15px auto 0 !important;
    }

}

/* =========================================
   SMALL SOCIAL ICONS WITH REAL COLORS
========================================= */

.s-social-list {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* SMALL SIZE */
.s-social-link a {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    transition: all 0.25s ease;
}

/* ICON STYLE */
.s-social-link svg {
    width: 16px;
    height: 16px;
    fill: #fff !important;
}

/* =========================================
   INSTAGRAM
========================================= */
.s-social-link a[href*="instagram"] {
    background: linear-gradient(
        45deg,
        #f09433 0%,
        #e6683c 25%,
        #dc2743 50%,
        #cc2366 75%,
        #bc1888 100%
    );
}

/* =========================================
   SNAPCHAT
========================================= */
.s-social-link a[href*="snapchat"] {
    background: #FFFC00;
}

/* FORCE SNAPCHAT ICON WHITE */
.s-social-link a[href*="snapchat"] svg {
    fill: #000000 !important;
}

/* =========================================
   TIKTOK
========================================= */
.s-social-link a[href*="tiktok"] {
    background: #000;
}

/* =========================================
   HOVER
========================================= */
.s-social-link a:hover {
    transform: scale(1.08);
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__contacts-row > selia-contacts > div > a:nth-child(2) {
    display: none !important;
}

@media (min-width: 992px) {

    /* Parent container */
    .banner-wrapper-infor {
        position: relative;
        height: 300px;
    }

    /* All text blocks */
    .banner-wrapper-infor .info {
        position: absolute !important;
        width: 90%;
    }

    /* First banner */
    .banner-wrapper-infor:nth-of-type(1) .info {
        bottom: 20px !important;
    }

    /* Second banner */
    .banner-wrapper-infor:nth-of-type(2) .info {
        bottom: 60px !important;
    }

    /* Third banner */
    .banner-wrapper-infor:nth-of-type(3) .info {
        bottom: 100px !important;
    }

}