/* Header */

.page__header {
    padding: 1.25rem 0;
    .container-fluid{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header-logo{
        max-width: 200px;
        img{
            aspect-ratio: auto;
        }
    }
    .header-search{
        @media screen and (max-width: 768px) {
            width: 40%;
        }
    }
}

.container-fluid {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-right: auto;
    margin-left: auto;
}

/* Homepage */

.slider-container{
    position: relative;
    display: block;
    .heading-container{
        position: absolute;
        width: 100%;
        height: 100%;
        display:flex;
        justify-content: center;
        align-items: center;
        top: 0;
        left: 0;
        flex-direction: column;
        background: rgba(0, 0, 0, 0);
        gap: 1.5rem;
        h1{
            color: white;
            font-size: clamp(2.5rem, 8vw, 6rem);
        }
    }
    .slick-track{
        width: 100%!important;
    }
    .slider__dots{
        display:none;
    }
    .slider{
        margin-bottom: 0;
    }
}

.logos-slider{
    background: #F3F3F3;
    padding: 2rem 0;
    .slick-track{
        display: flex;
        align-items: center;
        gap: 40px;

    }
    .logos-slider__item{
        display:flex;
        align-items: center;
        justify-content: center;
        img{
            mix-blend-mode: color-burn;
            object-fit: contain;
            height: 44px;
            max-width: 200px;
            aspect-ratio: auto;
            filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%);
        }
    }
}

/* Testimonial */
.testimonial-slider{
    min-height:400px;
    .ls-wrapper{
        .testimonial-inner{
            display: flex !important;
            justify-content: center;
            align-items: center;
            color: #fff;
            text-align: left;
            gap:50px;
            @media screen and (max-width: 768px) {
                display:block !important;
                text-align: center;
            }
            .testimonial-image{
                @media screen and (min-width: 768px) {
                    width: 40%;
                }
            }
            img{
                display: block!important;
                margin: 0 auto!important;
            }
        }
        .ls-inner-wrapper{
            @media screen and (max-width: 768px) {
                top:10%!important;
            }
        }
    }
}


#ls-global .ls-container img, html body .ls-container img{
    aspect-ratio: auto;
}

/* Location */
.location-block{
    display:flex;
    justify-content: center;
    align-items: center;
    @media screen and (max-width: 768px) {
        display:block;
    }
}
.location-block__map,
.location-block__text{
    width:50%;
    @media screen and (max-width: 768px) {
        width:100%;
    }
}

.location-block__text{
    /* padding-top:100px; */
    /* padding-bottom:100px; */
    padding-left:3rem;
    padding-right:3rem;
    h2{
        margin-bottom:1rem;
        font-size: 3rem;
    }
    h3{
        margin:1rem 0;
        font-family: 'Merriweather', serif;
        font-weight:400;
        font-size:24px;
    }
    p{
        font-size:18px;
        margin-bottom:1rem;
    }
    .button{
        margin-top:2rem;
    }
    @media screen and (max-width: 768px) {
        padding-top:50px;
        padding-bottom:50px;
        padding-left:1.2rem;
        padding-right:1.2rem;
        h2{
            font-size: 2.5rem;
        }
    }
}

#custom-map{
    width:100%;
    height:675px;
    @media screen and (max-width: 768px) {
        height:350px;
    }
}

/* Featured Model */
.featured-model{
    padding: 100px 0;
    h2{
        text-align: center;
        font-size: 3rem;
        margin-bottom: 2rem;
        @media screen and (max-width: 768px) {
            font-size: 2rem;
        }
    }
    @media screen and (max-width: 768px) {
        padding: 50px 0;
    }
}

/* Features */

.features__item{
    display: grid;
    align-items: center;
    background: #F3F3F3;
    grid-template-columns: repeat(2, 1fr);
    @media screen and (max-width: 768px) {
        display:block;
    }
    figure{
        width:100%;
        margin:0;
        img{
            object-fit: cover;
            height:100%;
            width:100%;
            aspect-ratio: auto;
        }
        @media screen and (min-width: 768px) {
            /* width:50%; */
            img{
                min-height:600px;
            }
        }
    }
    .features__content{
        width:100%;
        padding:2rem;
        h3{
            font-size: 3rem;
            margin-bottom:1rem;
            text-transform:uppercase;
            line-height: 1;
            font-family: 'Knockout', sans-serif;
            font-weight: 700;
            @media screen and (max-width: 768px) {
                font-size: 2rem;
            }
        }
        p{
            font-size:18px;
        }
        ul{
            padding-left: 1.5rem;
            font-size:18px;
            margin: 1rem 0;
        }
        .button{
            margin-top:2rem;
        }
        @media screen and (min-width: 768px) {
            /* width:50%; */
            padding: 70px;
        }
    }
    &:nth-child(even) {
        .features__content{
            order: 1;
        }
    }
}

/* Promos */

.promos-block{
    padding: 100px 2rem 0;
    h2{
        text-align: center;
        font-size: 3rem;
        margin-bottom: 2rem;
        @media screen and (max-width: 768px) {
            font-size: 2rem;
        }
    }
    .promos-block__item{
        margin: 0 1rem;
        figure{
            margin:0;
            img{
                object-fit: cover;
                height:100%;
                width:100%;
                aspect-ratio: auto;
                @media screen and (max-width: 768px) {
                    max-height: 250px;
                }
            }
        }
    }
    .slider__dots{
        bottom: -50px;
        li:not(.slick-active) button{
            background-color: #666666;
        }
    }
    @media screen and (max-width: 768px) {
        padding: 50px 1rem 0;
    }
}

/* Equipment Type */
.equipment-type{
    padding: 100px 2rem;
    h2{
        text-align: center;
        font-size: 3rem;
        margin-bottom: 2rem;
        @media screen and (max-width: 768px) {
            font-size: 2rem;
        }
    }
    .slick-slide{
        margin: 0 1rem;
        @media screen and (max-width: 768px) {
            margin: 0 0.5rem;
        }
        h3{
            font-size: 1.5rem;
            margin-bottom: 1rem;
            font-family: 'Merriweather', serif;
            font-weight: 400;
        }
        img{
            object-fit: cover;
            height:100%;
            width:100%;
            aspect-ratio: 18 / 9;
            @media screen and (max-width: 768px) {
                max-height: 200px;
            }
        }
    }
    .slider__dots{
        bottom: -50px;
        li:not(.slick-active) button{
            background-color: #666666;
        }
    }
    @media screen and (max-width: 768px) {
        padding: 50px 0;
    }
}

/* Nav */
.main-nav{
    /* gap: 1vw; */
    margin-top: 0;
    margin-left:20px;
    .main-nav__link{
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .main-nav__dropdown_fw{
        transform: translateX(-50%);
        width: 110vw;
        /* top: 140%; */
    }
    .main-nav__subnav{
        padding-left:0;
    }
    @media screen and (max-width: 1455px) {
        .main-nav__link{
            font-size: 1.3rem;
            
        }
    }
    @media screen and (max-width: 1350px) {
        .main-nav__link{
            font-size: 1.2rem;
            
        }
    }
}

/* Search */

.search__input{
    background: url(../img/icon-search.png) no-repeat 98% center;
}

/* Footer */
.menu-quick-links-container{
    ul{
        list-style: none;
        padding: 0;
        margin: 0;
        li{
            margin-bottom: 0.5rem;
        }
    }
}

.page__footer{
    .grid-row{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        @media screen and (max-width: 768px) {
            display:block;
        }
    }
    #menu-quick-links{
        font-size: 14px;
    }
}

/* Other pages */

.page__cover {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    aspect-ratio: auto;
    height: 35vh;
}

/* Media Queries */

@media screen and (min-width: 1400px) {
    .slider.slider-video {
        max-height: 80vh;
    }
}