/* SLIDER */
.slideshow {
    .flickity-viewport {
        @media screen and (min-width: 991px) {
            height: 30vw !important;
        }
    }
    .flickity-slider {
        .slideshow__slide {
            height: 100% !important;
            .slideshow__slide-bg {
                img {
                    object-fit: cover !important;
                    object-position: center;
                }
            }
            .slideshow__slide-content {
                color: black;
                .subheading {
                    color: var(--subheading-color);
                    font-size: var(--subheading-size);
                    margin: 0;
                    line-height: 1;
                    opacity: 1 !important;
                    letter-spacing: 0em;
                    @media screen and (max-width: 991px) {
                        font-size: 16px;
                    }
                    @media screen and (max-width: 767px) {
                        font-size: 13px;
                    }
                    span{
                        font-size: inherit !important;
                    }
                }
                .slide-heading {
                    color: var(--heading-color);
                    font-size: var(--heading-size);
                    font-weight: 400;
                    line-height: 1;
                    margin: 0;
                    margin-top: 0.2em;
                    margin-bottom: 0.5em;
                    @media screen and (max-width: 991px) {
                        font-size: 33px;
                    }
                    @media screen and (max-width: 767px) {
                        font-size: 33px;
                    }
                    /*@media screen and (max-width: 400px) {
                        font-size: 28px;
                    }
                    @media screen and (max-width: 370px) {
                        font-size: 25px;
                    }
                    @media screen and (max-width: 335px) {
                        font-size: 23px;
                    }*/
                }
                .slide-content {
                    color: var(--content-color);
                    // font-size: var(--content-size);
                    margin: 0;
                    line-height: 1;
                    font-size: 20px;
                    font-weight: 100;
                    letter-spacing: 0em;
                    margin-bottom: 0.5em;
                    @media screen and (max-width: 991px) {
                        font-size: 20px;
                    }
                    @media screen and (max-width: 767px) {
                        font-size: 16px;
                    }
                }
                .slideshow__slide-button-container {
                    margin: 0;
                    a {
                        margin: 0;
                        border-radius: 30em;
                        background-color: black;
                        color: white;
                        font-size: 21px;
                        font-weight: 400;
                        letter-spacing: 0.1em;
                        padding: 1.1em 4.2em;
                        @media screen and (max-width: 991px) {
                            font-size: 18px;
                        }

                        @media screen and (max-width: 767px) {
                            height: auto;
                            font-size: 16px;
                            line-height: 1;
                            padding: 12px 36px;
                        }
                    }
                }
            }
        }
    }
}


/* SCROLLING TEXT */

.scrolling-text_inner {
    padding: 20px 0;
    font-size: 20px !important;
    .scrolling-text__item {
        font-weight: 300;
    }
}
@media (max-width: 767px) {
  .scrolling-text_inner {
    font-size: 16px !important;
  }
}

/* SHOP BY CATEGORY */

.shopify-section.section-collection-list .list-collections {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    .h3 {
        font-size: 46px;
        line-height: 1.2;
        margin-bottom: 0.4em;
        @media screen and (max-width: 991px) {
            font-size: 30px;
        }
    }
    .rte {
        p {
            font-size: 24px;
            line-height: 1.2;
            @media screen and (max-width: 991px) {
                font-size: 16px;
            }
        }
    }
    .flickity-viewport {
        overflow: hidden;
        @media screen and (min-width: 1070px) {
            max-height: 400px !important;
        }
        .collection-card {}
        h2 {
            font-size: 24px;
        }
    }
}



/* SHOP COLLECTION-TABS */

.shopify-section.section-collection-tabs {
    .collection-tabs {
        margin: 68px 0;
        margin-bottom: 55px;
        .section-header {
            max-width: 1200px;
        }
        .h3 {
            font-size: 48px;
            line-height: 1.2;
            margin-bottom: 0.4em;
            font-weight: 400;
            @media screen and (max-width: 991px) {
                font-size: 30px;
            }
        }
        .rte {
            p {
                font-size: 23.5px;
                word-spacing: 0;
                letter-spacing: 0.01em;
                line-height: 1.2;
                @media screen and (max-width: 991px) {
                    font-size: 16px;
                }
            }
        }
        .collection-tabs__list {
            button.collection-tabs__list-link {
                margin: 0px 12.6px;
                font-size: 20px;
                &.active {
                    color: #C8A51E;
                    &:after {
                        background: #C8A51E;
                    }
                }
            }
        }
    }
}


.shopify-section.section-image-with-text-slideshow {
    >.row {
        max-width: 1730px;
        margin: auto;
    }
}


/* HOME TEXT SLIDES */
.image-with-text-slideshow {
    margin-bottom: 0 !important;
    @media screen and (min-width: 991px) {
        .image-with-text-slideshow__image {
            width: 51.9% !important;
            flex-basis: auto;
            flex-grow: 0;
            >.flickity-viewport {
                min-height: 496px;
                height: auto !important;
            }
        }
        .image-with-text-slideshow__content.carousel {
            flex-grow: 1;
            flex-basis: auto;
            width: 42% !important;
            padding: 55px 51px !important;
            .carousel__slide {
                padding: 0 !important;
                max-width: auto;
            }
            >.flickity-viewport {
                min-height: initial;
                // height: auto !important;
            }
        }
    }

    .image-with-text-slideshow__content.carousel {
        padding: 63px 59px 30px !important;
        
        .carousel__slide {
            padding: 0 !important;
            margin: 0 !important;
        }
    }
    .image-with-text-slideshow__image {
        >.flickity-viewport {
            height: 100% !important;
            .image-with-text-slideshow__image-slide {
                height: 100%;
                >div {
                    height: 100%;
                    img {
                        height: 100%;
                    }
                }
            }
        }
    }
    @media screen and (max-width: 991px) {
        .image-with-text-slideshow__content.carousel {
            padding: 20px 12.5px 80px !important;

            .carousel__slide {
                padding: 0 !important;
            }
        }
        .image-with-text-slideshow__image {
            >.flickity-viewport {
                height: 100% !important;
                .image-with-text-slideshow__image-slide {
                    height: 100%;
                    >div {
                        height: 100%;
                        img {
                            height: 100%;
                        }
                    }
                }
            }
        }
    }
    @media screen and (max-width: 768px) {
        .image-with-text-slideshow__content.carousel {
            padding: 20px 12.5px 60px !important;

            .carousel__slide {
                padding: 0 !important;
            }
        }
        .image-with-text-slideshow__image {
            position: relative !important;
            min-height: 300px !important;
            >.flickity-viewport {
                height: 300px !important;
                .image-with-text-slideshow__image-slide {
                    height: 100%;
                    >div {
                        height: 100%;
                        img {
                            height: 100%;
                        }
                    }
                }
            }
        }
    }

    .image-with-text-slideshow__content-content{
        h3 {
            font-size: 54px;
            line-height: 1.2;
            margin-bottom: 18px;
            font-weight: 400;
            @media screen and (max-width: 991px) {
                font-size: 25px;
            }
        }
        p, div{
            font-size: 18px;
            word-spacing: 0;
            letter-spacing: 0.01em;
            line-height: 1.5;
            margin-bottom: 0em;
            @media screen and (max-width: 991px) {
                font-size: 16px;
            }
        }
        div{
            margin-bottom: 1em;
        }
        .text-button {
            display: inline-block;
            margin-top: 4px !important;
            background-color: black;
            padding: 0.8em 1.5em;
            border-radius: 50px;
            font-size: 20px;
            line-height: 1.1;
            color: white;
            @media screen and (max-width: 991px) {
                font-size: 16px;
            }
            &:before {
                display: none;
            }
        }
    }
    .flickity-page-dots {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        align-content: center;


        @media screen and (min-width: 991px) {
            left: initial !important;
            bottom: 82px !important;
            right: 55.5px !important;
        }
        @media screen and (min-width: 768px) {
            bottom: 82px !important;
            left: initial !important;
            right: 55.5px !important;
        }

        .dot {
            border-radius: 50%;

            @media screen and (min-width: 768px) {
                width: 12px;
                height: 12px;
                margin: 0 4px;
            }
            @media screen and (min-width: 991px) {
                width: 20px;
                height: 20px;
                margin: 0 7px;
            }
        }
    }
}


@media screen and (max-width: 500px) {
  .collection-grid__carousel .carousel__slide {
    width: 50%;
  }
}



/* SLIDESHOW ADJUSTMENTS */
.main-slideshow{
  .slide-content {
    line-height: 1.2;
    margin-top: -15px;
    margin-bottom: 30px;
  }
  .flickity-viewport {
    height: 41.5vw !important;
    margin-bottom: -1px;
    max-height: 75vh;
  }
  @media (min-width: 767px) {
    .flickity-viewport {
        max-height: 64.2vh;
    }
  }
  @media (max-width: 767px) {
    .slide-content {
      margin-bottom: 15px;
    }
    .slideshow__slide-content {
      padding-bottom: 20px;
    }
  }
  @media (max-width: 574px) {
    .flickity-viewport {
      height: 124.4vw !important;
    }
    .slide-content {
      margin-top: 0;
    }
  }
}


/* TRUSTED SECTION */
.trusted-section{
    max-width: 1806px !important;
    padding: 0 !important;
    background-color: #48564E;
    @media screen and (min-width: 1640px) {
        max-width: 100% !important;
        max-height: 620px !important;
    }
    >.columns{
        padding: 0 !important;
    }
    .image-with-text{
        display: flex;
        justify-content: stretch;
        align-items: stretch;
        align-content: stretch;
        >.image-with-text__content{
            padding: 66px 65px;
            padding-right: 90px;
            padding-bottom: 10px;
            @media screen and (max-width: 991px) {
                padding: 40px 40px;
            }
            .h3{
                font-size: 45.8px;
                line-height: 1.3;
                margin-bottom: 140px;

                @media screen and (max-width: 991px) {
                    margin-bottom: 20px;
                    font-size: 30px;
                }
            }
            .rte{
                p{
                    font-size: 24px;
                    line-height: 1.45;
                    @media screen and (max-width: 991px) {
                        font-size: 16px;
                    }
                    strong{

                    }
                    em{
                        display: inline-block;
                        font-style: normal;
                        padding-left: 0.8em;
                        font-size: 1em;
                        font-family: "Crimson Text", serif;
                    }
                }
            }
        }
        >.image-with-text__image{
            @media screen and (min-width: 991px) {
                width: 52.2% !important;
            }
            @media screen and (min-width: 1640px) {
                max-width: 942px !important;
                max-height: 620px !important;
            }
            .image-with-text__image-media{
                height: 100%;
                @media screen and (min-width: 1640px) {
                    max-height: 620px !important;
                    overflow: hidden;
                }
                img{
                    height: 100%;
                    object-fit: cover;
                    object-position: center;
                }
            }
        }
    }
}