/* 
Theme Name: Hello Elementor Child 
Theme URI: https://amplivista.com/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Amplivista team
Author: Amplivista Web Solutions Pvt. Ltd.
Author URI: https://amplivista.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: Trescofarm
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
*/
/* Footer Start */
.footer_menu nav ul.elementor-nav-menu li.menu-item:hover a {
    color: var(--e-global-color-accent) !important;
}
/* Footer End */

/* Reuse CSS Start  */
/* Bradcram */
#breadcrumb .breadcrumb,
#breadcrumb .breadcrumb a {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFFB3;
    line-height: 1.5em;
}
#breadcrumb .breadcrumb a:hover{
    color: var(--Accent);
}
/* Rotating img animation */
.rotate_img img {
    animation: rotate360 10s linear infinite !important;
    transform-origin: center center;
}
@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Error Meassege  */
.single_bookingform form .mphb-reserve-room-section .mphb-rooms-quantity-wrapper,
p.mphb_checkout-success-reservation-message {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    padding: 10px 20px;
    border-left: 3px solid green;
    color: green !important;
    font-style: italic;
    background-color: #D8E2D8;
}
.single_bookingform form .mphb-errors-wrapper p.mphb-error,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-errors-wrapper,
#Checkout_form .mphb_sc_checkout-wrapper p.mphb-data-incorrect{
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    padding: 10px 20px;
    border-left: 3px solid red;
    color: red !important;
    font-style: italic;
    background-color: rgba(255, 0, 0, 0.063);
}
/* Reuse CSS End  */

/* Home Page Start */
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type {
    position: relative;
    margin-top: 0px;
    width: 100%;
    background: #fff;
    padding-bottom: 75px;
    border: 1px solid #fff;
    overflow: hidden;
    transition: all ease-in 0.3s;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 36px rgba(16, 15, 13, 0.1);
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .post-thumbnail {
    margin: 0;
    opacity: 1;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .post-thumbnail a img,
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .post-thumbnail a {
    height: 100%;
    width: 100%;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type h2.mphb-room-type-title {
    font-family: var(--Bitter);
    font-weight: 700;
    font-size: 18px;
    color: var(--Text);
    letter-spacing: 0.01em;
    line-height: 1.1em;
    margin: 15px 20px 10px 20px;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type h2.mphb-room-type-title a {
    color: var(--Text);
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type p {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 15px;
    color: var(--Text);
    line-height: 1.4em;
    margin: 0 20px 15px 20px;
    opacity: 0.7;
}
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-pet-friendly,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-furnished,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-accommodation-type,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-sleeps,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-categories,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-bed-type,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-size,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-view,
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper nav.navigation,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-facilities .mphb-attribute-title,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-total-capacity,
.room_card .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-adults-capacity,
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type h3.mphb-room-type-details-title {
    display: none;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes {
    list-style: none;
    padding: 0 20px;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-attribute-title {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 14px;
    color: var(--Text);
    line-height: 1.5em;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-facilities .mphb-attribute-value span {
    font-family: "Karla", Sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: var(--Text);
    text-transform: uppercase;
    border: 1px solid #100f0d1f;
    border-radius: 50px;
    padding: 4px 8px;
    background: var(--e-global-color-primary);
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-facilities .mphb-attribute-value span a {
    color: var(--Text);
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-regular-price {
    margin-top: 10px;
    opacity: 1;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-regular-price strong {
    color: var(--Text);
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-regular-price .mphb-price-period {
    font-size: 14px;
    opacity: 0.7;
    border: none;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-view-details-button-wrapper {
    position: absolute;
    bottom: 20px;
    opacity: 1;
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-view-details-button-wrapper .button.mphb-view-details-button {
    font-family: var(--Karla);
    font-weight: 500;
    font-size: 14px;
    color: var(--Text);
    padding-block-start: 10px;
    padding-block-end: 10px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
    border-width: 2px;
    border-style: solid;
    align-self: start;
    border-color: var(--Text);
    background-color: #ffffff00
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-view-details-button-wrapper .button.mphb-view-details-button:hover {
    color: var(--White);
    border-color: var(--Accent);
    background-color: var(--Accent);
}
.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-loop-room-type-attributes .mphb-room-type-facilities .mphb-attribute-value {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}
/* Home Page End */

/* Gallery Page Start */
#multi_gallery .elementor-gallery__titles-container {
    gap: 15px;
}
#multi_gallery .elementor-gallery__titles-container .elementor-item::after {
    display: none;
}
#multi_gallery .elementor-gallery__titles-container .elementor-item {
    font-family: var(--Karla);
    font-weight: 500;
    font-size: 14px;
    color: var(--Text);
    padding-block-start: 10px;
    padding-block-end: 10px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
    border-radius: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--Text);
    background-color: #ffffff00;
}
#multi_gallery .elementor-gallery__titles-container .elementor-item.elementor-item-active,
#multi_gallery .elementor-gallery__titles-container .elementor-item:hover {
    color: var(--White);
    border-color: var(--Accent);
    background-color: var(--Accent);
}
/* Gallery Page End */

/* camping Glamping Page Start */
.room_card.pitch_room_card .elementor-shortcode .mphb_sc_rooms-wrapper {
    grid-template-columns: repeat(1, 1fr);
}
.room_card.pitch_room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type{
    padding-left: 51%;
    position: relative;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.room_card.pitch_room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .post-thumbnail{
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
}
.room_card.pitch_room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-view-details-button-wrapper{
    position: static;
    margin-top: 15px;
}
.room_card.motorhome_room_card .elementor-shortcode .mphb_sc_rooms-wrapper {
    grid-template-columns: repeat(2, 1fr);
}
/* camping Glamping Page End */

/* Single Room Start */
.single_room_heading h1.mphb-room-type-title {
    font-family: var(--Bitter);
    font-weight: 700;
    font-size: 38px;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    color: var(--Text);
    text-align: center;
}
.single_room_gallery .gallery {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}
.single_room_gallery .gallery .gallery-item {
    width: 100%;
    height: 100%;
}
.single_room_gallery .gallery .gallery-item img {
    border: 3px solid var(--e-global-color-49287f6);
}
.single_room_gallery .mphb-room-type-gallery-wrapper .flex-direction-nav li .flex-next::before,
.single_room_gallery .mphb-room-type-gallery-wrapper .flex-direction-nav li .flex-prev::before {
    display: none;
}
.single_room_gallery .mphb-room-type-gallery-wrapper .flex-direction-nav li .flex-next,
.single_room_gallery .mphb-room-type-gallery-wrapper .flex-direction-nav li .flex-prev {
    font-size: 0;
    height: 60px;
    width: 60px;
    background: var(--e-global-color-49287f6);
    background-image: url('https://wesitedevelopment.com/trescofarm/wp-content/uploads/2026/07/arrow2-1.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.single_room_gallery .mphb-room-type-gallery-wrapper .flex-direction-nav li .flex-prev {
    left: -30px;
}
.single_room_gallery .mphb-room-type-gallery-wrapper .flex-direction-nav li .flex-next {
    right: -30px;
}
.single_room_content .elementor-widget-container p {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #100f0dcc;
}
.single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes {
    padding-left: 0;
    list-style: none;
}
.single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li {
    display: flex;
    align-items: start;
    border-bottom: 1px solid #DDD;
    padding: 12px 0;
    font-size: 14px;
}
.single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li:last-child {
    border: none;
}
.single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li .mphb-attribute-title {
    font-family: "Bitter", Sans-serif;
    font-weight: 600;
    color: var(--e-global-color-text);
    width: 23%;
}
.single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li .mphb-attribute-value a,
.single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li .mphb-attribute-value {
    font-family: var(--Karla);
    font-weight: 400;
    line-height: 1.5em;
    color: #100f0dcc;
    width: 70%;
}
.single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li .mphb-attribute-value a{
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
}
.single_room_availability .mphb-calendar .datepick {
    width: 100% !important;
}
.single_room_price .mphb-regular-price {
    margin-bottom: 5px;
}
.single_room_price .mphb-regular-price strong {
    font-size: 18px;
    font-family: "Bitter", Sans-serif;
}
.single_room_price .mphb-regular-price .mphb-price {
    font-size: 18px;
    font-family: "Bitter", Sans-serif;
    font-weight: 600;
    color: var(--Accent);
}
.single_room_price .mphb-regular-price .mphb-price-period {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    color: #100f0dcc;
    border: none;
}
.single_bookingform form p.mphb-required-fields-tip small {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #100f0dcc;
}
.single_bookingform form .mphb-check-out-date-wrapper label,
.single_bookingform form .mphb-check-in-date-wrapper label {
    font-family: "Karla", Sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 8px;
    color: var(--e-global-color-text);
}
.single_bookingform form .mphb-check-out-date-wrapper label abbr,
.single_bookingform form .mphb-check-in-date-wrapper label abbr {
    display: none;
}
.single_bookingform form .mphb-check-out-date-wrapper input,
.single_bookingform form .mphb-check-in-date-wrapper input {
    font-family: "Karla", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    background-color: var(--e-global-color-primary);
    border-color: #100F0D26;
    border-radius: 0px 0px 0px 0px;
}
.single_bookingform form .mphb-reserve-room-section input.button,
.single_bookingform form .mphb-reserve-btn-wrapper input.button {
    font-family: "Karla", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    color: #ffffff;
    border-color: var(--e-global-color-accent);
    background: var(--e-global-color-accent);
    width: 100%;
}
.single_bookingform form .mphb-reserve-room-section input.button:hover,
.single_bookingform form .mphb-reserve-btn-wrapper input.button:hover {
    color: var(--e-global-color-text);
    border-color: var(--e-global-color-text);
    background: transparent;
}
/* Single Room End */

/* Checkout Page Start */
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-billing-details,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details {
    background-color: var(--e-global-color-49287f6);
    padding: 25px;
    margin-top: 25px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details p label,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-billing-details h3.mphb-gateway-chooser-title,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details h3.mphb-customer-details-title,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details h4.mphb-price-breakdown-title,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details h3.mphb-booking-details-title {
    font-family: var(--Bitter);
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    color: var(--Text);
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details .mphb-services-details h4.mphb-services-details-title,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details h3.mphb-room-number {
    font-family: var(--Bitter);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    color: var(--Accent);
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-checkout-terms-wrapper p.mphb-terms-and-conditions-accept label,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-errors-wrapper,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details .mphb-required-fields-tip small,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details .mphb-room-type-title,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-check-out-date,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-check-in-date,
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap a,
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap p {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #100f0dcc;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-checkout-terms-wrapper p.mphb-terms-and-conditions-accept label abbr,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details p label abbr,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details p label abbr,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details .mphb-required-fields-tip small abbr {
    display: none;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-checkout-terms-wrapper p.mphb-terms-and-conditions-accept label a,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details .mphb-room-type-title a,
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap a {
    color: var(--Accent);
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-checkout-terms-wrapper p.mphb-terms-and-conditions-accept label a:hover,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details .mphb-room-type-title a:hover,
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap a:hover {
    text-decoration: underline;
}
/* #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details p label, */
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap #loginform p label,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details p label,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details p label {
    font-family: "Karla", Sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--e-global-color-text);
    padding-bottom: 8px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details p input,
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap #loginform p input,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details p select,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details p input,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details p textarea,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details p select,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details p input {
    font-family: "Karla", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    background-color: var(--e-global-color-primary);
    border-color: #100F0D26;
    border-radius: 0px 0px 0px 0px;
    color: var(--e-global-color-text);
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details p select,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details p select {
    padding: 10px 16px;
}
.mphb-children-chooser label::after,
.mphb-adults-chooser label::after {
    content: " *";
    color: red;
}
/* table */
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #100f0dcc;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown a {
    color: var(--Accent);
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown a:hover {
    text-decoration: underline;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown .mphb-price {
    color: var(--Accent);
    font-weight: 500;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown tr.mphb-price-breakdown-services th,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown tfoot tr.mphb-price-breakdown-total th,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown tr.mphb-price-breakdown-subtotal th,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown tr.mphb-price-breakdown-services-total th,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown tr.mphb-price-breakdown-services-headers th,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown tr.mphb-price-breakdown-accommodation-total th,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details table.mphb-price-breakdown tr.mphb-price-breakdown-dates th {
    color: var(--e-global-color-text);
    text-align: left;
}
/* Chek Box */
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap #loginform p.login-remember input,
#my_account .mphb_sc_account .mphb-account-content #loginform p.login-remember label input,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-checkout-terms-wrapper p.mphb-terms-and-conditions-accept label input,
#Checkout_form #mphb-booking-details .mphb-reserve-rooms-details .mphb-services-details ul.mphb_sc_checkout-services-list .mphb_checkout-service {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid var(--Accent);
    background: #FFF;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 8px;
}
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap #loginform p.login-remember input:checked,
#my_account .mphb_sc_account .mphb-account-content #loginform p.login-remember label input:checked,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-checkout-terms-wrapper p.mphb-terms-and-conditions-accept label input:checked,
#Checkout_form #mphb-booking-details .mphb-reserve-rooms-details .mphb-services-details ul.mphb_sc_checkout-services-list .mphb_checkout-service:checked {
    background: var(--Accent);
    border-color: var(--Accent);
}
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap #loginform p.login-remember input:checked::after,
#my_account .mphb_sc_account .mphb-account-content #loginform p.login-remember label input:checked::after,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-checkout-terms-wrapper p.mphb-terms-and-conditions-accept label input:checked::after,
#Checkout_form #mphb-booking-details .mphb-reserve-rooms-details .mphb-services-details ul.mphb_sc_checkout-services-list .mphb_checkout-service:checked::after {
    content: "✓";
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    line-height: 1;
}
/* Custom Radio */
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-billing-details ul.mphb-gateways-list .mphb-gateway input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid var(--Accent);
    background: #FFF;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 8px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-billing-details ul.mphb-gateways-list .mphb-gateway input[type="radio"]:checked {
    border-color: var(--Accent);
    background: #FFF;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-billing-details ul.mphb-gateways-list .mphb-gateway input[type="radio"]:checked::after {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--Accent);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap {
    margin: 0;
    background: #FFF;
    padding: 25px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details .mphb-services-details ul.mphb_sc_checkout-services-list {
    padding: 0;
}
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap #loginform p label,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details .mphb-services-details ul.mphb_sc_checkout-services-list li {
    padding: 0 10px 10px 0;
    display: inline-block;
    font-weight: 500;
}
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap #loginform p label em,
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details .mphb-services-details ul.mphb_sc_checkout-services-list li em {
    font-style: normal;
    font-size: 14px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-total-price {
    margin-top: 25px;
    font-family: var(--Bitter);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    color: var(--e-global-color-text);
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-total-price .mphb-total-price-field {
    color: var(--Accent);
    font-weight: 600;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form .mphb-checkout-terms-wrapper {
    margin-top: 10px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form p.mphb_sc_checkout-submit-wrapper .button {
    font-family: "Karla", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    color: #ffffff;
    border-color: var(--e-global-color-accent);
    background: var(--e-global-color-accent);
    width: 300px;
    float: right;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form p.mphb_sc_checkout-submit-wrapper .button:hover {
    color: var(--e-global-color-text);
    border-color: var(--e-global-color-text);
    background: transparent;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-billing-details ul.mphb-gateways-list {
    padding: 0 0 0 10px;
}
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap p{
    margin-bottom: 0 !important;
}
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap .mphb-login-form{
    margin-top: 15px;
}
#mphb-coupon-details{
    display: flex;
    align-items: end;
    gap: 30px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details p label{
    margin-bottom: 15px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details p .button{
    width: auto !important;
    padding: 5px 60px !important;
}
/* Checkout Page End */

/* My Account Page Start */
#my_account .mphb_sc_account {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
#my_account .mphb_sc_account nav.mphb-account-menu {
    width: 100%;
}
#my_account .mphb_sc_account nav.mphb-account-menu ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
#my_account .mphb_sc_account nav.mphb-account-menu ul li {
    width: 160px;
}
#my_account .mphb_sc_account nav.mphb-account-menu ul li a {
    display: block;
    font-family: "Karla", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    color: var(--e-global-color-text);
    border-color: var(--e-global-color-text);
    background: transparent;
    text-align: center;
}
#my_account .mphb_sc_account nav.mphb-account-menu ul li a:hover {
    color: #ffffff;
    border-color: var(--e-global-color-accent);
    background: var(--e-global-color-accent);
}
#my_account .mphb_sc_account .mphb-account-content {
    width: 100%;
    background-color: var(--e-global-color-49287f6);
    padding: 25px;
}
#my_account .mphb_sc_account .mphb-account-content #loginform p label,
#my_account .mphb_sc_account .mphb-account-content,
#my_account .mphb_sc_account .mphb-account-content .mphb-login-form a,
#my_account .mphb_sc_account .mphb-account-content p {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #100f0dcc;
}
#my_account .mphb_sc_account .mphb-account-content .mphb-login-form a,
#my_account .mphb_sc_account .mphb-account-content p a {
    color: var(--Accent);
}
#my_account .mphb_sc_account .mphb-account-content .mphb-login-form a:hover,
#my_account .mphb_sc_account .mphb-account-content p a:hover {
    text-decoration: underline;
}
/* Table */
#my_account .mphb_sc_account .mphb-account-content table.mphb-account-bookings {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #100f0dcc;
}
#my_account .mphb_sc_account .mphb-account-content table.mphb-account-bookings a {
    color: var(--Accent);
}
#my_account .mphb_sc_account .mphb-account-content table.mphb-account-bookings a:hover {
    text-decoration: underline;
}
#my_account .mphb_sc_account .mphb-account-content table.mphb-account-bookings thead tr th {
    color: var(--e-global-color-text);
    text-align: left;
}
/* Form */
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form .mphb-account-change-password p strong,
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form .mphb-account-change-password p label,
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form .mphb-account-details p label {
    font-family: "Karla", Sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--e-global-color-text);
    padding-bottom: 8px;
}
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form .mphb-account-change-password p strong {
    font-size: 18px;
}
/* #my_account .mphb_sc_account .mphb-account-content #loginform p input, */
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form .mphb-account-change-password p input,
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form .mphb-account-details p select,
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form .mphb-account-details p input {
    font-family: "Karla", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    background-color: var(--e-global-color-primary);
    border-color: #100F0D26;
    border-radius: 0px 0px 0px 0px;
    color: var(--e-global-color-text);
}
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form .mphb-account-details p select {
    padding: 10px 16px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details p .button,
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap #loginform p.login-submit input#wp-submit,
#my_account .mphb_sc_account .mphb-account-content #loginform .login-submit .button,
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form p .button {
    font-family: "Karla", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    color: #ffffff;
    border-color: var(--e-global-color-accent);
    background: var(--e-global-color-accent);
    width: 300px;
}
#Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details p .button:hover,
#Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap #loginform p.login-submit input#wp-submit:hover,
#my_account .mphb_sc_account .mphb-account-content #loginform .login-submit .button:hover,
#my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form p .button:hover {
    color: var(--e-global-color-text);
    border-color: var(--e-global-color-text);
    background: transparent;
}
/* My Account Page End */

/* Terms & Conditions Start */
#terms_condition ol li,
#terms_condition ul li,
#terms_condition p {
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #100f0dcc;
}
#terms_condition h6,
#terms_condition h5,
#terms_condition h4,
#terms_condition h3,
#terms_condition h2 {
    font-family: var(--Bitter);
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    color: var(--Text);
}
#terms_condition h3 {
    font-size: 28px;
}
#terms_condition h4 {
    font-size: 26px;
}
#terms_condition h6,
#terms_condition h5 {
    font-size: 24px;
}
#terms_condition ol,
#terms_condition ul {
    padding-left: 16px;
}
/* Terms & Conditions End */

/* Booking Confirmed Page Start */
.booking-cancelation .mphb_sc_booking_confirmation,
.booking-confirmed .mphb_sc_booking_confirmation{
    background-color: var(--e-global-color-49287f6);
    padding: 25px;
}
.booking-cancelation .mphb_sc_booking_confirmation .mphb-booking-details-section h3.mphb-booking-details-title,
.booking-confirmed .mphb_sc_booking_confirmation .mphb-booking-details-section h3.mphb-booking-details-title{
    font-family: var(--Bitter);
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    color: var(--Text);
}
.booking-cancelation .mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details li .value,
.booking-cancelation .mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details li .value,
.booking-confirmed .mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details li .value,
.booking-confirmed .mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details li .value{
    font-family: var(--Bitter);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    color: var(--Text);
}
.booking-cancelation .mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details li .label,
.booking-cancelation .mphb_sc_booking_confirmation .mphb-booking-details-section .accommodations span,
.booking-cancelation .mphb_sc_booking_confirmation .mphb-payment-messages p,
.booking-confirmed .mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details li .label,
.booking-confirmed .mphb_sc_booking_confirmation .mphb-booking-details-section .accommodations span,
.booking-confirmed .mphb_sc_booking_confirmation .mphb-payment-messages p{
    font-family: var(--Karla);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #100f0dcc;
}
.booking-cancelation .mphb_sc_booking_confirmation .mphb-booking-details-section .accommodations span a,
.booking-confirmed .mphb_sc_booking_confirmation .mphb-booking-details-section .accommodations span a{
    color: var(--Accent);
}
.booking-cancelation .mphb_sc_booking_confirmation .mphb-booking-details-section .accommodations span a:hover,
.booking-confirmed .mphb_sc_booking_confirmation .mphb-booking-details-section .accommodations span a:hover{
    text-decoration: underline;
}
/* Booking Confirmed Page End */

/* Booking Cancellation Page Start  */
.booking-cancelation .mphb_sc_booking_confirmation .cancel-booking .button{
    min-width: 210px;
    font-family: var(--Karla);
    font-weight: 500;
    font-size: 14px;
    color: var(--White);
    padding: 10px 30px;
    border-radius: 0px;
    border-width: 2px;
    border-color: var(--Accent);
    border-style: solid;
    background-color: var(--Accent);
    align-self: start;
}
.booking-cancelation .mphb_sc_booking_confirmation .cancel-booking .button:hover{
    color: var(--Accent);
    background-color: #d99a2e00;
}
/* Booking Cancellation Page End  */

/* amenities_archive Page Start */
.amenities_archive article .elementor-post__card .elementor-post__thumbnail__link{
    margin: 0;
}
.amenities_archive article .elementor-post__card .elementor-post__text .elementor-post__read-more{
    font-family: var(--Karla);
    font-weight: 500;
    font-size: 14px;
    color: var(--Text);
    padding-block-start: 8px;
    padding-block-end: 8px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
    border-width: 2px;
    border-style: solid;
    align-self: start;
    border-color: var(--Text);
    background-color: #ffffff00;
    text-transform: capitalize;
}
.amenities_archive article .elementor-post__card .elementor-post__text .elementor-post__read-more:hover{
    color: var(--White);
    border-color: var(--Accent);
    background-color: var(--Accent);
}
/* amenities_archive Page End */

/* Responsive */
@media screen and (max-width:1024px) {
    .room_card .elementor-shortcode .mphb_sc_rooms-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .single_room_availability .mphb-calendar .datepick .datepick-month-row .datepick-month {
        width: 50%;
    }
    .single_room_gallery .gallery {
        grid-template-columns: repeat(4, 1fr);
    }
    #terms_condition h2 {
        font-size: 26px;
    }
    #terms_condition h3 {
        font-size: 24px;
    }
    #terms_condition h4 {
        font-size: 22px;
    }
    #terms_condition h6,
    #terms_condition h5 {
        font-size: 20px;
    }
	.room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type{
		padding-bottom: 80px;
	}
    .room_card.pitch_room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type{
        min-height: 350px;
    }
}
@media screen and (max-width:668px){
	.room_card.pitch_room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type{
        min-height: auto;
        padding: 0;
    }
    .room_card.pitch_room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .post-thumbnail{
        position: static;
        width: 100%;
    }
}
@media screen and (max-width:767px) {
    .room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type {
        padding-bottom: 20px;
    }
    .room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-view-details-button-wrapper {
        position: static;
		margin-top: 20px;
    }
    .room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-view-details-button-wrapper .button.mphb-view-details-button {
        display: inline-block;
    }    
    .single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li .mphb-attribute-title {
        width: 35%;
    }
    .single_room_gallery .gallery {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details p label,
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-billing-details h3.mphb-gateway-chooser-title,
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details h3.mphb-customer-details-title,
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details h4.mphb-price-breakdown-title,
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details h3.mphb-booking-details-title {
        font-size: 24px;
    }
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details .mphb-services-details h4.mphb-services-details-title,
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details .mphb-reserve-rooms-details h3.mphb-room-number {
        font-size: 18px;
    }
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-billing-details,
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details,
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details,
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details {
        padding: 20px;
        margin-top: 20px;
    }
    #Checkout_form .mphb_sc_checkout-wrapper .mphb-login-form-wrap,
    #my_account .mphb_sc_account .mphb-account-content {
        padding: 20px;
    }
    #terms_condition h2 {
        font-size: 24px;
    }
    #terms_condition h3 {
        font-size: 22px;
    }
    #terms_condition h4 {
        font-size: 20px;
    }
    #terms_condition h6,
    #terms_condition h5 {
        font-size: 18px;
    }
}
@media screen and (max-width:541px) {
    .popup_menu .popup_menu_con .btn {
        width: auto;
    }
    .room_card .elementor-shortcode .mphb_sc_rooms-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .post-thumbnail a {
        display: inline-block;
        width: 100%;
    }
    .room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .post-thumbnail a img {
        width: 100%;
    }
    .room_card .elementor-shortcode .mphb_sc_rooms-wrapper .mphb-room-type .mphb-view-details-button-wrapper .button.mphb-view-details-button {
        width: 100%;
        text-align: center;
    }
    .amenities_archive article .elementor-post__card .elementor-post__text .elementor-post__read-more,
    #my_account .mphb_sc_account .mphb-account-content form.mphb-account-details-form p .button,
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form p.mphb_sc_checkout-submit-wrapper .button,
    .my_account .elementor-button,
    .btn {
        width: 100% !important;
    }
    .list ul.elementor-icon-list-items {
        gap: 10px;
    }
    #multi_gallery .elementor-gallery__titles-container .elementor-item {
        width: 100%;
        margin: 0;
    }
    .single_room_availability .mphb-calendar .datepick .datepick-month-row .datepick-month {
        width: 100%;
    }
    .single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li {
        flex-direction: column;
    }
    .single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li .mphb-attribute-title {
        width: 100%;
        padding-bottom: 5px;
    }
    .single_room_attributes .elementor-widget-container .mphb-single-room-type-attributes li .mphb-attribute-value {
        width: 100%;
    }
    .single_room_gallery .gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    #my_account .mphb_sc_account nav.mphb-account-menu ul {
        flex-direction: column;
        gap: 15px;
    }
    #my_account .mphb_sc_account nav.mphb-account-menu ul li {
        width: 100%;
    }
    .booking-cancelation .mphb_sc_booking_confirmation .cancel-booking .button{
        display: block;
        text-align: center;
    }
    .room_card.motorhome_room_card .elementor-shortcode .mphb_sc_rooms-wrapper,
	.room_card.pitch_room_card .elementor-shortcode .mphb_sc_rooms-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    #mphb-coupon-details{
        flex-direction: column;
        align-items: start;
        gap: 0;
    }
    #mphb-coupon-details p{
        width: 100%;
    }
    #Checkout_form .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-coupon-details p .button{
        width: 100% !important;
        padding: 10px 30px !important;
    }
}
@media screen and (max-width:361px) {
    .home_blackbar .e-con-inner {
        gap: 0;
    }
}
@media screen and (max-width:321px) {
    .home_blackbar .e-con-inner .elementor-element {
        width: 100%
    }
}