/* ==========================================================================
Page Holiday Sales - Figma Exact Styling
========================================================================== */

   /* Banner Image Strip Specs: width 100%, height 74px */
.contact-banner-wrapper {
    width: 100%;
    height: 74px;
    overflow: hidden;
}

.contact-banner-img {
    width: 100%;
    height: 74px;
    object-fit: cover;
    display: block;
}



/*=========================================
=         HOLIDAY INTRO SECTION          =
=========================================*/

.holiday-intro{
    background:#FFFFFF;
    padding:90px 0 70px;
}

.holiday-intro-content{
    max-width:900px;
    margin:0 auto;
    text-align:center;
}

.holiday-intro-content h2{
    position:relative;
    display:inline-block;
    margin:0;
    padding-bottom:22px;

    font-family:'Playfair Display';
    font-size:42px;
    font-weight:700;
    line-height:120%;
    color:#00324C;
}

.holiday-intro-content h2 u{
    text-decoration-color:#BAAD00;
    text-decoration-thickness:2px;
    text-underline-offset:10px;
    text-decoration-skip-ink:none;
}

/*==============================
Holiday Intro Responsive
==============================*/

@media (max-width:991px){

    .holiday-intro{
        padding:70px 0 55px;
    }

    .holiday-intro-content h2{
        font-size:36px;
    }

}

@media (max-width:767px){

    .holiday-intro{
        padding:60px 0 45px;
    }

    .holiday-intro-content h2{
        font-size:30px;
        padding-bottom:18px;
    }

    .holiday-intro-content h2::after{
        width:140px;
    }

}

@media (max-width:575px){

    .holiday-intro{
        padding:50px 0 40px;
    }

    .holiday-intro-content h2{
        font-size:26px;
        line-height:130%;
    }


}


/*=====================================
Holiday Sale Dates
=====================================*/

.holiday-sale-dates{
    background:#C9DDDD;
    /* padding:80px 0; */
}

.holiday-left{
    max-width:560px;
}

.holiday-title{
    text-align:center;
    margin-bottom:40px;
}

.holiday-title h2{
    margin:0;
    font-family:'Playfair Display';
    font-size:42px;
    font-weight:400;
    line-height:120%;
    color:#00324C;
}

.holiday-date-wrapper{
    display:flex;
    justify-content:center;
    gap:28px;
    flex-wrap:wrap;
}

.holiday-date-card{
    /* width:170px;
    min-height:165px; */
    background:#F5F6F8;
    border-radius:10px;
    padding:28px 20px;
    text-align:center;

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

    transition:.3s ease;
}

.holiday-date-card:hover{
    transform:translateY(-5px);
}

.holiday-date-card h3{
    margin:0 0 10px;

    font-family:'Playfair Display';
    font-size:36px;
    font-weight:400;
    line-height:120%;
    color:#00324C;
}

.holiday-date-card p{
    margin:0 0 10px;

    font-family:'Red Hat Display';
    font-size:22px;
    font-weight:400;
    line-height:150%;
    color:#00324C;
    text-transform:uppercase;
}

.holiday-date-card h4{
    margin:0;

    font-family:'Red Hat Display';
    font-size:22px;
    font-weight:700;
    line-height:150%;
    color:#00324C;
}



.holiday-poster img{
    width:100%;
    max-width:360px;
    height:auto;
    display:block;
    /* margin-left:auto; */
}

/*=====================================
Responsive
=====================================*/

@media (max-width:991px){

    .holiday-sale-dates{
        padding:70px 0;
    }

    .holiday-left{
        max-width:100%;
        margin-bottom:40px;
    }

    .holiday-title h2{
        font-size:36px;
    }

    .holiday-poster{
        text-align:center;
    }

    .holiday-poster img{
        margin:0 auto;
        max-width:320px;
    }
    

.holiday-poster img{
    margin-left:auto;
}

}

@media (max-width:767px){

    .holiday-sale-dates{
        padding:60px 0;
    }

    .holiday-title{
        margin-bottom:30px;
    }

    .holiday-title h2{
        font-size:30px;
    }

    .holiday-date-wrapper{
        gap:20px;
    }

    .holiday-date-card{
        width:155px;
        min-height:150px;
        padding:24px 15px;
    }

    .holiday-date-card h3{
        font-size:30px;
    }

    .holiday-date-card p,
    .holiday-date-card h4{
        font-size:18px;
    }

}

@media (max-width:575px){

    .holiday-sale-dates{
        padding:50px 0;
    }

    .holiday-title h2{
        font-size:26px;
    }

    .holiday-date-wrapper{
        flex-direction:column;
        align-items:center;
    }

    .holiday-date-card{
        width:220px;
    }

    .holiday-poster img{
        max-width:260px;
    }

}

/*=========================================
Perkins Mansion
=========================================*/

.perkins-section{

    padding:90px 0;
    background:#fff;

}

.perkins-image img{

    width:100%;
    border-radius:8px;
    display:block;

}

.perkins-content{

    padding-left:45px;

}

.perkins-heading{

    display:flex;
    align-items:center;
    gap:25px;
    margin-bottom:35px;

}

.perkins-heading h2{

    margin:0;

    font-family:'Playfair Display';
    font-size:42px;
    font-weight:400;
    line-height:120%;
    color:#00324C;

    white-space:nowrap;

}

.perkins-heading span{

    flex:1;
    height:6px;
    background:#C9DDDD;

}

.perkins-description{

    font-family:'Red Hat Display';
    font-size:20px;
    font-weight:400;
    line-height:150%;
    color:#00324C;

}

.perkins-description p{

    margin-bottom:18px;

}

@media(max-width:991px){

    .perkins-section{

        padding:70px 0;

    }

    .perkins-content{

        padding-left:0;
        margin-top:40px;

    }

    .perkins-heading{

        gap:15px;

    }

    .perkins-heading h2{

        font-size:34px;

    }

}

@media(max-width:767px){

    .perkins-section{

        padding:60px 0;

    }

    .perkins-heading{

        flex-direction:column;
        align-items:flex-start;

    }

    .perkins-heading span{

        width:100%;
        flex:none;

    }

    .perkins-heading h2{

        font-size:30px;

    }

    .perkins-description{

        font-size:18px;

    }

}

@media(max-width:575px){

    .perkins-heading h2{

        font-size:26px;

    }

    .perkins-description{

        font-size:16px;

    }

}

/*==================================
Holiday Gallery
==================================*/

.holiday-gallery{

    background:#00324C;
    padding:90px 0;

}

.gallery-heading{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;

    margin-bottom:55px;

}

.gallery-heading span{

    width:250px;
    height:6px;
    background:#BAAD00;

}

.gallery-heading h2{

    margin:0;

    color:#fff;

    font-family:'Playfair Display';
    font-size:42px;
    font-weight:400;

}

.holidaySwiper{

    max-width:900px;
    margin:auto;

}

.holidaySwiper .swiper-slide{

    display:flex;
    justify-content:center;

}

.holidaySwiper img{

    width:100%;
    max-width:520px;

    display:block;

}

.holidaySwiper .swiper-button-next,
.holidaySwiper .swiper-button-prev{

    color:#BAAD00;

}

.holidaySwiper .swiper-button-next::after,
.holidaySwiper .swiper-button-prev::after{

    font-size:40px;
    font-weight:bold;

}


/*=====================================
Holiday Committee
=====================================*/

.holiday-committee{
    background:#FFFFFF;
    padding:90px 0;
}

.holiday-committee-content{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
}

.holiday-committee-content p{
    margin:0;

    font-family:'Red Hat Display';
    font-size:36px;
    font-weight:400;
    line-height:120%;
    color:#00324C;
}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

    .holiday-committee{
        padding:70px 0;
    }

    .holiday-committee-content{
        max-width:700px;
    }

}

@media(max-width:767px){

    .holiday-committee{
        padding:60px 0;
    }

    .holiday-committee-content p{
        font-size:18px;
    }
    .holidaySwiper img{

        width:100%;
        max-width:220px;
    
        display:block;
    
    }

}

@media(max-width:575px){

    .holiday-committee{
        padding:50px 0;
    }

    .holiday-committee-content{
        max-width:100%;
    }

    .holiday-committee-content p{
        font-size:17px;
        line-height:170%;
    }

}