/*!
Theme Name: homefield Child
Theme URI: http://underscores.me/
Author: workinnovate
Author URI: http://workinnovate.com/
Description: fixed update issues in main theme homefield , added more functionalities
Version: 2.0.0
Template:  homefield
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: homefield
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

.wellness-tabs-section .wellness-card .btn-primary {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-basket .woocommerce-cart-form .shop_table .actions .coupon.custom-coupon {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.page-basket .woocommerce-cart-form .shop_table .actions .coupon.custom-coupon input {
    width: 70% !important;
    border-color: #ebe9eb;
}

.page-basket .woocommerce-cart-form .shop_table .actions .coupon.custom-coupon button,
.page-basket .woocommerce-cart-form .shop_table .actions div.update-coupon button {
    width: 25%;
    font-size: clamp(12px, 1.1vw, 20px) !important;
    height: 55px !important;
}

.signup-block.signup-block-retreat {
    background: initial;
    position: relative;
    padding: 40px 0;
}

.signup-block.signup-block-retreat input#mce-EMAIL, .signup-block.signup-block-retreat input#mce-FNAME, .signup-block.signup-block-retreat input#mce-PHONE, .signup-block.signup-block-retreat input#mce-LNAME {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    margin-bottom: 16px;
    border: 1px solid #778F76;
    border-radius: 0 !important;
    background: transparent;
    /* font-family: $brand-font-family; */
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.003em;
    color: rgba(119, 143, 118, 0.6);
}

.signup-block.signup-block-retreat #loader {
    position: absolute;
    top: 45%;
    left: 48%;
    z-index: 999;
    display: none;
}

.parallax-item .container .sr-popup-button {
    padding: 10px 40px !important;
    font-size: 18px !important;
}

.postDateTime {
    margin-top: 12px;
}

.page-template-masterclass section.banner-block.inner {
    height: 650px;
}

@media (max-width: 768px) {
    .page-basket .woocommerce-cart-form .shop_table .actions .coupon.custom-coupon input {
        width: 60% !important;
        border-radius: 0;
    }

    .page-basket .woocommerce-cart-form .shop_table .actions .coupon.custom-coupon button,
    .page-basket .woocommerce-cart-form .shop_table .actions div.update-coupon button {
        padding: 0 !important;
        height: 45px !important;
        /* border-radius: 10px !important; */
        font-size: clamp(10px, 1.5vw, 20px) !important;
        width: 35%;
    }

    .page-basket .woocommerce-cart-form .shop_table .actions div.update-coupon button {
        width: 100%;
    }

    .woocommerce-page table.cart td.actions .coupon.custom-coupon::before,
    .woocommerce-page table.cart td.actions .coupon.custom-coupon::after {
        content: none;
    }

    .woocommerce-page table.cart td.actions.coupon-fields {
        padding: 25px 10px !important;
        margin-bottom: 25px;
    }

    .master_session .session_title,
    .master_session .session_price {
        font-size: 18px !important;
    }

    .master_session {
        width: 90% !important;
    }

    .page-template-masterclass .parallax-item.intro-block .caps-header,
    .single.single-retreat .parallax-item.intro-block .caps-header {
        text-align: left !important;
        margin-left: 4px;
    }

    .single.single-retreat .special_retreat_btn,
    .single.single-retreat .intro-block .mt-3.mobile-padding .col-12.mobile-padding {
        padding: 0;
    }

    .single.single-retreat .intro-block h1 {
        margin-bottom: 5px;
    }

    .v-pills-the-masterclass-mob p.intro {
        color: #3d4e4a;
        font-size: 17px;
        font-family: Myriad Pro, Sans-Serif;
        font-weight: 600;
    }

    .v-pills-the-masterclass-mob .sub_title {
        font-size: 17px !important;
        font-family: Myriad Pro, Sans-Serif !important;
        font-weight: 600 !important;
        letter-spacing: 0.005em !important;
    }

}

@media (max-width: 425px) {

    .page-basket .woocommerce-cart-form .shop_table .actions .coupon.custom-coupon input,
    .page-basket .woocommerce-cart-form .shop_table .actions .coupon.custom-coupon button {
        width: 50% !important;
    }

    .page-template-masterclass .parallax-item .container div.col-12.col-md-6 {
        padding: 0;
    }

    .page-template-masterclass .parallax-item .container .sr-popup-button {
        font-size: 16px !important;
        padding: 10px 8px !important;
    }

    .master_session .session_title,
    .master_session .session_time {
        /* font-size: 13px !important; */
    }

    .master_session {
        width: 100% !important;
        flex-wrap: wrap;
    }

    .master_session .session_price {
        margin-left: 1rem;
    }

    .morning_session.master_session>div.ml-3,
    .after_session.master_session>div.ml-3 {
        margin-left: 0 !important;
    }
}

.page-template-masterclass .intro-block h1 {
    margin-bottom: 5px;
}

.page-template-masterclass .banner-block.inner {
    margin-top: 116px;
}

.page-template-masterclass .banner-block.inner img,
.page-template-masterclass .parallax-item.image {
    transform: scaleX(-1);
}

.page-template-masterclass .parallax-item.retreats {
    background: #fff
}

.page-template-masterclass .parallax-item.retreats .tns-ovh:before {
    background-color: #fff
}

.page-template-masterclass .tab-pane p a {
    color: #a8be96 !important;
    text-decoration: underline
}

.page-template-masterclass .intro-block {
    padding: 120px 0 80px
}

.page-template-masterclass .intro-block .caps-header {
    color: #a8be96;
    margin-bottom: 0;
    font-size: 20px
}

.page-template-masterclass .intro-block .caps-header.one {
    color: #3d4e4a
}

.intro-block .container>.row .night-price .caps-header {
    text-align: right;
}

.page-template-masterclass .intro-block .btn-primary.marg-bott {
    margin-top: 80px
}

.page-template-masterclass .single-room {
    width: 100%;
    background: #fff;
    margin-bottom: 30px
}

.page-template-masterclass .single-room .content {
    padding: 30px
}

.page-template-masterclass .single-room .content .caps-header {
    margin-bottom: 8px
}

.page-template-masterclass .single-room .content .caps-header span {
    font-family: myriad-pro, Arial, Helvetica, Sans-Serif;
    font-style: italic;
    text-transform: none !important;
    color: #000
}

.page-template-masterclass .single-room .content p {
    margin-bottom: 8px
}

.page-template-masterclass .single-room .content p.price {
    color: #3d4e4a;
    margin-bottom: 20px;
    font-weight: 600
}

.page-template-masterclass .single-room .tns-outer {
    height: 100%
}

.page-template-masterclass .single-room .tns-ovh {
    overflow: hidden !important;
    margin: 0;
    height: 100%
}

.page-template-masterclass .single-room .tns-ovh:before {
    content: none
}

.page-template-masterclass .single-room .tns-ovh .tns-inner, .page-template-masterclass .single-room .tns-ovh .tns-inner .rooms-slider, .page-template-masterclass .single-room .tns-ovh .tns-inner .rooms-slider .slide {
    height: 100%
}

.page-template-masterclass .single-room .tns-ovh .tns-inner .rooms-slider .slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-template-masterclass .single-room .tns-nav {
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.page-template-masterclass .single-room .tns-nav button {
    background: transparent;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid #fff;
    margin-right: 18px;
    position: relative
}

.page-template-masterclass .single-room .tns-nav button:last-child {
    margin-right: 0
}

.page-template-masterclass .single-room .tns-nav button.tns-nav-active:before {
    content: " ";
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.page-template-masterclass .typical-day {
    padding: 40px 0
}

.page-template-masterclass .typical-day p.additional {
    font-size: 14px;
    line-height: 20px
}

.page-template-masterclass .typical-day h2 {
    margin-bottom: 40px
}

.page-template-masterclass .typical-day p.intro {
    margin-bottom: 0
}

.page-template-masterclass .typical-day .btn-primary {
    margin: 40px auto 0
}

.page-template-masterclass .typical-day .grid-block {
    margin-top: 40px;
    margin-bottom: 20px
}

.page-template-masterclass .typical-day .grid-block img {
    margin-bottom: 16px
}

.page-template-masterclass .typical-day .grid-block .div1 {
    grid-area: 1/1/5/2;
    background: hsla(93, 24%, 67%, .15);
    padding: 30px;
    margin-bottom: 16px
}

.page-template-masterclass .typical-day .grid-block .div1 .single-day {
    margin-bottom: 40px
}

.page-template-masterclass .typical-day .grid-block .div1 .single-day:last-of-type {
    margin-bottom: 0
}

.page-template-masterclass .typical-day .grid-block .div1 .single-day p {
    letter-spacing: .005em !important
}

.page-template-masterclass .typical-day .grid-block .div1 h3 {
    font-size: 34px;
    line-height: 44px;
    letter-spacing: .005em;
    color: #778f73;
    margin-bottom: 15px
}

.page-template-masterclass .typical-day .grid-block .div1 p.time {
    color: #a8be96;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1px;
    margin-bottom: 0
}

.page-template-masterclass .typical-day .grid-block .div1 p.title {
    color: #3d4e4a;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 1px
}

/* Ensure the dates section has proper spacing */
#see-dates {
    padding-top: 58px;
    scroll-margin-top: 120px;
    /* Fallback for browsers that support it */
}

/* Style for the see dates link */
.see-dates-link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.see-dates-link:hover {
    color: #a8be96;
    /* Your theme color */
}

#see-dates {
    /* Sum sticky bars (provided via --sticky-offset) + extra space for the heading itself */
    scroll-margin-top: calc(var(--sticky-offset, 0px) + 160px);
}

.page-template-masterclass .typical-day .grid-block .div2 {
    grid-area: 1/2/2/3
}

.page-template-masterclass .typical-day .grid-block .div3 {
    grid-area: 2/2/3/3
}

.page-template-masterclass .typical-day .grid-block .div4 {
    grid-area: 3/2/4/3
}

.page-template-masterclass .typical-day .grid-block .div5 {
    grid-area: 4/2/5/3
}


.parallax-item.treatment-block {
    margin-top: 100px !important;
}

@media (min-width:768px) {
    .page-template-masterclass .intro-block {
        padding: 60px 0 100px
    }

    .page-template-masterclass .typical-day {
        padding: 100px 0
    }

    .page-template-masterclass .typical-day p.additional {
        font-size: 16px;
        line-height: 22px
    }

    .page-template-masterclass .typical-day .btn-primary {
        margin: 60px auto 0
    }

    .page-template-masterclass .typical-day .grid-block {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .page-template-masterclass .typical-day .grid-block img {
        margin-bottom: 0;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .page-template-masterclass .typical-day .grid-block .div1 {
        grid-area: 1/1/5/2;
        background: hsla(93, 24%, 67%, .15);
        padding: 60px;
        margin-bottom: 0
    }

    .page-template-masterclass .typical-day .grid-block .div1 h3 {
        font-size: 38px
    }

    .page-template-masterclass .typical-day .grid-block .div1 p.time {
        font-size: 20px;
        line-height: 26px
    }

    .page-template-masterclass .typical-day .grid-block .div1 p.title {
        color: #3d4e4a;
        font-size: 20px;
        line-height: 26px
    }
}

.container-fluid .sr-popup-button {
    display: block;
    margin-left: auto;
}

button:focus {
    outline: none !important;
}

.master_session {
    width: 70%;
    display: flex;
    justify-content: space-between;
}

.master_session.morning_session {
    /* width: 52%; */
}

.master_session .session_title {}

.master_session .session_title,
.master_session .session_time {
    color: #a8be96;
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    font-family: lato, Arial, Helvetica, sans-serif;
    line-height: 30px;
    word-spacing: 2px;
}

.master_session .session_time {
    font-weight: normal;
    /* font-size: initial; */
    text-transform: initial;
}

.master_session .session_price {
    color: #3d4e4a;
    font-weight: bold;
    letter-spacing: 3.5px;
    line-height: 30px;
    word-spacing: 2px;
    font-family: lato, Arial, Helvetica, sans-serif;
    font-size: 20px;
}

#v-pills-inclusive-therapies .inclusive-addition p,
#v-pills-the-masterclass .inclusive-addition p {
    font-weight: lighter;
}

#v-pills-the-masterclass .sub_title,
#v-pills-inclusive-therapies .sub_title,
.v-pills-the-masterclass-mob .sub_title {
    color: #a8be96 !important;
    font-weight: bolder;
    letter-spacing: 0.005em;
}

#v-pills-the-masterclass p.intro {
    color: #3d4e4a;
    font-size: 20px;
    font-family: Myriad Pro, Sans-Serif;
    font-weight: 600;
}

#v-pills-the-masterclass .sub_title {
    font-size: 20px !important;
    font-family: Myriad Pro, Sans-Serif;
    font-weight: 600;
    letter-spacing: 0.005em;
}

@media (max-width: 992px) {
    .master_session {
        width: 90%;
    }
}

.form-row.form-row-wide.mailchimp-newsletter {
    display: none !important;
}

@media (min-width: 768px) {
    .site-footer .border-block.one img {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 575px) {
    .see-dates-link {
        font-size: 9px;
    }
}



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

    .parallax-item.treatment-block {
        margin-top: 83px !important;
    }
}