/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Header css */
.elementor-sticky--effects .logo-header img {
    max-width: 70px !important;
    transition: 0.6s all;
}

.elementor-sticky--effects .left-menu-header ,
.elementor-sticky--effects .right-menu-header {
    padding-bottom: 5px !important;
}

.elementor-sticky--effects .button-header a.elementor-button {
    border: 1px solid #FFFFFF40 !important;
}

.elementor-sticky--effects {
    padding: 10px 0;
}
.elementor-sticky--effects, .sticky-menu-items ul li a {
    transition: .5s all ease-in-out;
}




/* Button css start */
.common-button span.elementor-button-content-wrapper {
    align-items: center;
}
.common-button span.elementor-button-icon {
    line-height: 0;
    font-size: 26px;
}

/* Common heading css */
.heading-big h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 140px;
    text-transform: capitalize;
    background: linear-gradient(180deg, #31151F 0%, rgba(49, 21, 31, 0.7) 52.86%, rgba(49, 21, 31, 0) 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    opacity: 0.05;
}

.heading-big.our-rooms-heading h4 {
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 52.86%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    opacity: 0.1;
}


.heading-big.testimonial-heading h4 {
    background: linear-gradient(180deg, #F7F7F7 0%, rgba(247, 247, 247, 0.7) 52.86%, rgba(247, 247, 247, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* About us section */
.ab-img-brdr .elementor-widget-image .elementor-widget-container {
    border-left: 1px solid #00000020;
    border-top: 1px solid #00000020;
    padding-left: 10px;
    padding-top: 10px;
}



/* Newsletter section css start */
.newsletter-form {
    position: relative;
}
.newsletter-form input#input_1_1 {
    height: 60px;
    border-radius: 0;
    font-family: Jost;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0.01em;
}
.newsletter-form .gform_footer.top_label {
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
    height: 50px;
}
.newsletter-form input#gform_submit_button_1 {
    background: #CF3464;
    box-shadow: 0px 4px 26px 0px #CF346433;
    font-family: Red Hat Display;
    font-size: 18px;
    font-weight: 400;
    line-height: 23.81px;
    text-align: center;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='10' viewBox='0 0 28 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2725 8.86787L26.9654 5.17499C27.0878 5.05256 27.1566 4.88652 27.1566 4.71338C27.1566 4.54024 27.0878 4.3742 26.9654 4.25177L23.2725 0.558889C23.1813 0.467308 23.0649 0.404885 22.9381 0.379532C22.8113 0.35418 22.6799 0.367041 22.5604 0.416485C22.441 0.465929 22.3389 0.549728 22.2671 0.657261C22.1953 0.764793 22.1571 0.891215 22.1573 1.0205L22.1582 4.06066L0.653624 4.05974V5.36702L22.1582 5.3661L22.1573 8.40626C22.1571 8.53554 22.1953 8.66196 22.2671 8.7695C22.3389 8.87703 22.441 8.96083 22.5604 9.01027C22.6799 9.05972 22.8113 9.07258 22.9381 9.04723C23.0649 9.02187 23.1813 8.95945 23.2725 8.86787Z' fill='%23F6EAE5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 20px;
    padding-right: 55px;
    padding-left: 25px;
}
.newsletter-form input#gform_submit_button_1:hover {
    background-color: #555D36;
}


/* Service slider css */
.service-slider .elementor-swiper-button.elementor-swiper-button-prev,
.service-slider .elementor-swiper-button.elementor-swiper-button-next {
    background: #fff;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-slider .elementor-swiper-button.elementor-swiper-button-prev:hover,
.service-slider .elementor-swiper-button.elementor-swiper-button-next:hover,
.gallery-slider .elementor-swiper-button.elementor-swiper-button-prev:hover,
.gallery-slider .elementor-swiper-button.elementor-swiper-button-next:hover {
    background-color: #CF3464;
    border-color: #CF3464;
    fill: #fff;
}
.service-slider .elementor-swiper-button.elementor-swiper-button-prev:hover svg,
.service-slider .elementor-swiper-button.elementor-swiper-button-next:hover svg,
.gallery-slider .elementor-swiper-button.elementor-swiper-button-prev svg,
.gallery-slider .elementor-swiper-button.elementor-swiper-button-next svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7443%) hue-rotate(143deg) brightness(97%) contrast(113%);
}

.gallery-slider {
    height: 500px;
}
.gallery-slider .swiper-slide.swiper-slide-next img,
.gallery-slider .swiper-slide.last-slide-gap img {
    padding-top: 50px;
    transition: 0.6s all;
}

.gallery-slider .swiper-slide.swiper-slide-active {
    padding: 10px 0 0 10px;
    position: relative;
}
.gallery-slider .swiper-slide.swiper-slide-active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 95%;
    border-left: 1px solid #ffffff20;
    border-top: 1px solid #ffffff20;
}


.swiper-slide,
.swiper-slide.swiper-slide-duplicate {
    transition: 0.6s all;
}

.gallery-slider .swiper-slide.swiper-slide-active img {
    padding-top: 0;
    transition: 0.6s all;
}

.gallery-slider .elementor-swiper-button.elementor-swiper-button-prev,
.gallery-slider .elementor-swiper-button.elementor-swiper-button-next {
    border: 1px solid #ffffff;
    padding: 10px;
    border-radius: 50%;
    background-color: transparent;
}

.gallery-slider .elementor-swiper-button.elementor-swiper-button-prev {
    left: -35px !important;
}

.gallery-slider .elementor-swiper-button.elementor-swiper-button-next {
    right: -35px !important;
}

/* Testimonisl css start */
.testimonial-prev .elementor-icon,
.testimonial-next .elementor-icon {
    width: 58px;
    height: 58px;
    border: 1px solid #31151F;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.testimonial-prev .elementor-icon:hover,
.testimonial-next .elementor-icon:hover {
    background-color: #CF3464;
    border: 1px solid #CF3464 !important;
}
.testimonial-prev .elementor-icon svg,
.testimonial-next .elementor-icon svg,
.restaurant-section .elementor-swiper-button.elementor-swiper-button-prev:hover svg,
.restaurant-section .elementor-swiper-button.elementor-swiper-button-next:hover svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7443%) hue-rotate(143deg) brightness(97%) contrast(113%);
}

/* Blog section css */
.blog-section .elementor-swiper-button.elementor-swiper-button-prev,
.blog-section .elementor-swiper-button.elementor-swiper-button-next {
    display: none !important;
}
.blog-section .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
    bottom: -40px !important;
    top: auto;
    background: #a1a1a12b;
}
.blog-section span.elementor-button-content-wrapper span.elementor-button-icon {
    font-size: 26px;
    line-height: 20px;
}

.blog-section .swiper-slide {
    padding: 10px 0 0 10px;
}
.blog-section .swiper-slide-active .elementor-widget-image::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 98%;
    height: 98%;
    border-left: 1px solid #00000020;
    border-top: 1px solid #00000020;
}


/* FAQ section css */
.e-n-accordion-item span.e-n-accordion-item-title-icon,
.e-n-accordion-item[open] span.e-n-accordion-item-title-icon {
    width: 100%;
    max-width: 35px;
    height: 35px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
}

.e-n-accordion-item[open] span.e-n-accordion-item-title-icon {
    background: #CF3464;
    border: 1px solid #CF3464;
}

.faq-section-accordian span.e-n-accordion-item-title-icon {
    max-width: 35px;
    width: 100%;
}


/* Contact Form section css */
.contact-form-section label.gfield_label.gform-field-label {
    font-family: Jost;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0.1em;
    text-align: left;
    color: #fff;
}
.contact-form-section span.gfield_required,
.reserve-form-main span.gfield_required,
.gfield_description.instruction.validation_message,
.gfield_description.instruction.validation_message,
div#gfield_instruction_3_7 {
    display: none;
}
.contact-form-section div#gform_fields_2 {
    gap: 15px;
}
.contact-form-section .ginput_container input,
.contact-form-section textarea#input_2_6 {
    border-color: #E8CFC5;
    height: 55px;
    border-radius: 0;
}
.contact-form-section input#gform_submit_button_2,
.reserve-form-main input#gform_submit_button_3 {
    width: 130px;
    height: 50px;
    border-radius: 0;
    background: #CF3464;
    font-family: Red Hat Display;
    font-size: 18px;
    font-weight: 400;
    line-height: 23.81px;
    text-align: center;
    box-shadow: 0px 4px 26px 0px #CF346433;
}
.contact-form-section input#gform_submit_button_2:hover,
.reserve-form-main input#gform_submit_button_3:hover {
    background: #555D36;
}
div#gform_2_validation_container,
div#gform_3_validation_container {
    padding: 6px;
    margin: 10px 0 0;
    background: #fff;
}
div#gform_confirmation_message_2 {
    margin-top: 50px;
    font-size: 24px;
}
div#gform_1_validation_container {
    background: #fff;
    padding: 10px;
    margin: 0;
}
div#validation_message_1_1 {
    background: #fff;
    padding: 5px;
    max-width: fit-content;
}
.contact-left-section {
    position: relative;
}
.contact-left-section::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 70%;
    height: 85%;
    border-left: 1px solid #ffffff20;
    border-top: 1px solid #ffffff20;
}
.contact-form-section .gfield_description {
    background: #fff;
    max-width: fit-content;
}


/* Blog page css */
.post-banner-heading {
    font-family: Italiana;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    text-align: left;
}



/* Popup Form */
div#popmake-877 {
    margin: 0 !important;
    padding-top: 20px;
    top: 50% !important;
    transform: translate(0, -50%);
}
div#popmake-877 div#gform_fields_3 {
    gap: 20px;
}
div#pum_popup_title_877 {
    font-family: Italiana;
    font-size: 44px;
    font-weight: 400;
    line-height: 52px;
    color: #31151F;
}
.pum-theme-870 .pum-content + .pum-close, 
.pum-theme-enterprise-blue .pum-content + .pum-close {
    height: 36px;
    width: 36px;
    font-size: 30px;
    top: 12px;
    right: 12px;
    background: #cf3464;
}

.reserve-form-main input#input_3_9 {
    width: 100%;
}
.reserve-form-main .ginput_container input,
.reserve-form-main textarea#input_3_8 {
    height: 50px;
    border-radius: 0 !important;
    border: 1px solid #a3a3a3;
    font-family: 'Jost';
    font-size: 15px;
    letter-spacing: 0.012em;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 28px;
    color: #333;
}
.reserve-form-main .ginput_container input::placeholder,
.reserve-form-main textarea#input_3_8::placeholder {
    color: #a3a3a3;
    font-size: 16px;
    text-transform: capitalize;
}
.reserve-form-main textarea#input_3_8 {
    border-color: #555d368a;
    border-radius: 0 !important;
}
.reserve-form-main div#input_3_11 .gchoice {
    max-width: fit-content;
    align-items: center;
}
.reserve-form-main legend.gfield_label.gform-field-label {
    font-family: Jost;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.01px;
}
.reserve-form-main .ginput_container .gfield-choice-input {
    width: 24px;
    height: 24px;
    border-radius: 50% !important;
}

.reserve-form-main .gfield_radio input[type=radio]::before {
    height: 14px !important;
    width: 14px !important;
    background: #cf3464 !important;
}

/* .reserve-form-main div#input_3_11 .gchoice input[type=radio] {
    position: absolute;
    opacity: 0;
}
.reserve-form-main div#input_3_11 .gchoice input[type=radio] + .reserve-form-main div#input_3_11 .gchoice .gform-field-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.reserve-form-main div#input_3_11 .gchoice input[type=radio]:checked + .reserve-form-main div#input_3_11 .gchoice .gform-field-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}
.reserve-form-main div#input_3_11 .gchoice input[type=radio]:focus + .reserve-form-main div#input_3_11 .gchoice .gform-field-label:before {
    outline: none;
    border-color: #3197EE;
} */

.reserve-form-main div#input_3_11 .gchoice label {
    font-family: Red Hat Display;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #434343;
}


.contact-form-section .ginput_container input:focus,
.contact-form-section textarea#input_2_6:focus, 
.reserve-form-main .ginput_container input:focus,
.reserve-form-main textarea#input_3_8:focus {
    outline: none !important;
}

.common-button span.elementor-button-text {
    color: #fff;
}



/* Blog details page css */
ul.wp-block-social-links.is-style-logos-only {
    margin-top: 20px;;
}
ul.wp-block-social-links.is-style-logos-only li.wp-social-link {
    width: 32px;
    height: 32px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-details-main-section h3.wp-block-heading {
    font-size: 24px;
}

.blog-details-main-section .wp-block-separator {
    border-top: 1px solid;
}




@media (min-width: 1366px) and (max-width: 1425px) {

}

@media (max-width: 1500px) {
    .heading-big h4 {
        font-size: 110px;
    }
}

@media (max-width: 1440px) {
    .heading-big h4 {
        font-size: 100px;
    }
    .gallery-slider {
        height: 460px;
    }
    
}

@media (max-width: 1200px) {
    .heading-big h4 {
        font-size: 80px;
    }
    .gallery-slider {
        height: 400px;
    }
    .gallery-slider .elementor-swiper-button.elementor-swiper-button-prev {
        left: 0 !important;
    }    
    .gallery-slider .elementor-swiper-button.elementor-swiper-button-next {
        right: 0 !important;
    }
    .post-banner-heading {
        font-size: 28px;
        line-height: 40px;
    }
    div#pum_popup_title_877 {
        font-size: 34px;
        line-height: 42px;
    }
}

@media (max-width: 1024px) {
    .heading-big h4 {
        font-size: 80px;
    }
    .service-slider .elementor-swiper-button.elementor-swiper-button-prev, 
    .service-slider .elementor-swiper-button.elementor-swiper-button-next {
        width: 46px;
        height: 46px;
    }
    .testimonial-prev .elementor-icon, 
    .testimonial-next .elementor-icon {
        width: 50px;
        height: 50px;
    }

}

@media (max-width: 991px) {
    .heading-big h4 {
        font-size: 70px;
    }
    .post-banner-heading {
        font-size: 24px;
        line-height: 38px;
    }
    div#pum_popup_title_877 {
        font-size: 26px;
        line-height: 32px;
    }
}



@media (max-width: 767px) {
    .heading-big h4 {
        font-size: 60px;
    }
    div#popmake-877 {
        width: 90% !important;
        left: 50% !important;
        right: 50% !important;
        top: 50%;
        transform: translate(-50%, -55%);
        padding: 20px;
        max-height: 600px;
        overflow-y: auto;
    }
    .blog-details-main-section h3.wp-block-heading {
        font-size: 18px;
    }
}