@font-face {
    font-family: 'Lavendria';
    src: url("../content/Font/lavanderia-regular.otf") format("truetype");
}

@font-face {
    font-family: 'Learning-curve';
    src: url("../content/Font/learning-curve/learningcurve_tt.ttf") format("truetype");
}

@font-face {
    font-family: 'Lato';
    src: url("../content/Font/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Lato-Bold';
    src: url("../content/Font/Lato/Lato-Bold.ttf") format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: 'Lato-light';
    src: url("../content/Font/Lato/Lato-Hairline.ttf") format("truetype");
}

.bw-isla-lookbook__menu {
    padding: 1rem 0;
}

    .bw-isla-lookbook__menu p {
        font-size: 1.25rem;
        text-transform: uppercase;
    }

    .bw-isla-lookbook__menu hr {
        background: #000;
    }

    .bw-isla-lookbook__menu ul {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
    }

        .bw-isla-lookbook__menu ul li {
            list-style: none;
            padding: 0.75rem 0;
        }

            .bw-isla-lookbook__menu ul li .bw-isla-link-img {
                color: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-size: 0.9rem;
            }

                .bw-isla-lookbook__menu ul li .bw-isla-link-img.active {
                    color: #000;
                }

            .bw-isla-lookbook__menu ul li img {
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                width: 50px;
                height: 50px;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center center !important;
                object-position: center center !important;
                margin-right: 1rem;
            }

.bw-isla-lookbook__title {
    text-transform: uppercase;
    padding: 1.5rem 0;
}

.bw-isla-lookbook__item {
    margin: 0.3rem 0;
}

.bw-isla-lookbook__item--img {
    position: relative;
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding-top: 50%;
}

.bw-isla-lookbook__item--text {
    position: absolute;
    top: 50%;
    max-width: 400px;
    padding: 0 3rem;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    color: #fff;
}

.bw-isla-lookbook__item--text2 {
    position: absolute;
    bottom: 1rem;
    max-width: 300px;
    color: #fff;
    right: 0;
    padding: 0 1rem;
}

.bw-isla-lookbook__item--text3 {
    position: absolute;
    bottom: 1rem;
    max-width: 450px;
    color: #fff;
    right: 0;
    padding: 0 1rem;
}

    .bw-isla-lookbook__item--text3 .title {
        font-size: 1.15rem;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
    }

.bw-isla-lookbook__item2 {
    margin: 0.3rem 0;
}

.bw-isla-lookbook__item2--img {
    position: relative;
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding-top: 400px;
}

.bw-isla-lookbook__desc {
    padding: 4rem 0.5rem;
}

    .bw-isla-lookbook__desc .quote {
        font-size: 4rem;
        line-height: 1rem;
    }

.bw-isla-lookbook__desc2 {
    padding: 6rem 0.5rem;
}

    .bw-isla-lookbook__desc2 .title {
        font-size: 1.25rem;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0.2rem;
        text-align: right;
    }

    .bw-isla-lookbook__desc2 .text {
        margin-top: 2rem;
        max-width: 50%;
    }

@media (max-width: 991.98px) {
    .bw-isla-lookbook__menu p {
        font-size: 1.15rem;
    }

    .bw-isla-lookbook__menu ul li {
        padding: 0.5rem 0;
    }

    .bw-isla-lookbook__title {
        padding: 1rem 0;
    }

        .bw-isla-lookbook__title h3 {
            font-size: 1.35rem;
        }

    .bw-isla-lookbook__item--img {
        padding-top: 70%;
    }

    .bw-isla-lookbook__item--text {
        padding: 0 2rem;
        font-size: 0.9rem;
    }

    .bw-isla-lookbook__item--text2, .bw-isla-lookbook__item--text3 {
        font-size: 0.9rem;
    }

    .bw-isla-lookbook__item2 {
        margin: 0.3rem 0;
    }

    .bw-isla-lookbook__item2--img {
        background-position: center center !important;
        padding-top: 300px;
    }

    .bw-isla-lookbook__desc {
        padding: 2rem 0rem;
        font-size: 0.9rem;
    }

        .bw-isla-lookbook__desc .quote {
            font-size: 1.5rem;
            line-height: 0.3rem;
        }

    .bw-isla-lookbook__desc2 {
        padding: 2rem 0.5rem;
    }

        .bw-isla-lookbook__desc2 .title {
            font-size: 1rem;
            letter-spacing: 0.1rem;
            text-align: start;
        }

        .bw-isla-lookbook__desc2 .text {
            margin-top: 2rem;
            max-width: 100%;
        }
}

@media (max-width: 575.98px) {
    .bw-isla-lookbook__title h3 {
        font-size: 1.15rem;
    }
}

@media (max-width: 320px) {
    .bw-isla-lookbook__item--img {
        padding-top: 100%;
    }

    .bw-isla-lookbook__item--text {
        padding: 0 2rem;
        font-size: 0.9rem;
    }

    .bw-isla-lookbook__item--text2, .bw-isla-lookbook__item--text3 {
        font-size: 0.9rem;
    }
}
/*# sourceMappingURL=lookbook.css.map */


.img-container {
    width: 100%;
    height: 500px;
    cursor: pointer;
    overflow: hidden;
}

.img-container img {
    width: 100%;
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}




@media screen and (max-width: 1024px) {

 
}