.elementor-797 .elementor-element.elementor-element-9cae7a6{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-797 .elementor-element.elementor-element-9cae7a6::before, .elementor-797 .elementor-element.elementor-element-9cae7a6 > .elementor-background-video-container::before, .elementor-797 .elementor-element.elementor-element-9cae7a6 > .e-con-inner > .elementor-background-video-container::before, .elementor-797 .elementor-element.elementor-element-9cae7a6 > .elementor-background-slideshow::before, .elementor-797 .elementor-element.elementor-element-9cae7a6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-797 .elementor-element.elementor-element-9cae7a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000D1 0%, #00000066 25%);}.elementor-797 .elementor-element.elementor-element-97aa8ed{--display:flex;--gap:25px 0px;--row-gap:25px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-797 .elementor-element.elementor-element-427e949{text-align:center;}.elementor-797 .elementor-element.elementor-element-427e949 .elementor-heading-title{font-family:"Chelsea Market", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-797 .elementor-element.elementor-element-742a071c{--display:flex;--overlay-opacity:1;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-797 .elementor-element.elementor-element-742a071c::before, .elementor-797 .elementor-element.elementor-element-742a071c > .elementor-background-video-container::before, .elementor-797 .elementor-element.elementor-element-742a071c > .e-con-inner > .elementor-background-video-container::before, .elementor-797 .elementor-element.elementor-element-742a071c > .elementor-background-slideshow::before, .elementor-797 .elementor-element.elementor-element-742a071c > .e-con-inner > .elementor-background-slideshow::before, .elementor-797 .elementor-element.elementor-element-742a071c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000066;--background-overlay:'';}.elementor-797 .elementor-element.elementor-element-ba0421f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-797 .elementor-element.elementor-element-ba0421f:not(.elementor-motion-effects-element-type-background), .elementor-797 .elementor-element.elementor-element-ba0421f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#43A3E5;}.elementor-797 .elementor-element.elementor-element-ba0421f::before, .elementor-797 .elementor-element.elementor-element-ba0421f > .elementor-background-video-container::before, .elementor-797 .elementor-element.elementor-element-ba0421f > .e-con-inner > .elementor-background-video-container::before, .elementor-797 .elementor-element.elementor-element-ba0421f > .elementor-background-slideshow::before, .elementor-797 .elementor-element.elementor-element-ba0421f > .e-con-inner > .elementor-background-slideshow::before, .elementor-797 .elementor-element.elementor-element-ba0421f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body.elementor-page-797:not(.elementor-motion-effects-element-type-background), body.elementor-page-797 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.puddledockwoods.com/wp-content/uploads/2025/08/DSC_0655-copy.jpg");background-size:cover;}@media(min-width:768px){.elementor-797 .elementor-element.elementor-element-742a071c{--content-width:900px;}}@media(min-width:1025px){body.elementor-page-797:not(.elementor-motion-effects-element-type-background), body.elementor-page-797 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-797 .elementor-element.elementor-element-742a071c{--padding-top:25px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}}@media(max-width:767px){.elementor-797 .elementor-element.elementor-element-427e949 .elementor-heading-title{font-size:28px;}.elementor-797 .elementor-element.elementor-element-742a071c{--padding-top:25px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-797 .elementor-element.elementor-element-ba0421f{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for mphbe-checkout, class: .elementor-element-c8d1d6d *//* ----------------------------------------
   TYPOGRAPHY & GLOBAL FORM STYLES
---------------------------------------- */

.elementor-797 .elementor-element.elementor-element-c8d1d6d h1,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h2,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h3,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h4,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h5,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h6,
.elementor-797 .elementor-element.elementor-element-c8d1d6d label {
    font-family: "Chelsea Market", sans-serif !important;
    color: #ffffff !important;
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d h1,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h2,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h3,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h4,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h5,
.elementor-797 .elementor-element.elementor-element-c8d1d6d h6 {
    text-align: center;
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d p,
.elementor-797 .elementor-element.elementor-element-c8d1d6d input,
.elementor-797 .elementor-element.elementor-element-c8d1d6d select,
.elementor-797 .elementor-element.elementor-element-c8d1d6d textarea {
    font-family: "Poppins", sans-serif !important;
    color: #ffffff !important;
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d input,
.elementor-797 .elementor-element.elementor-element-c8d1d6d select,
.elementor-797 .elementor-element.elementor-element-c8d1d6d textarea {
    border-radius: 25px;
    width: 100%;
    box-sizing: border-box;
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-check-in-date, .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-check-out-date {
    text-align: center;
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d a {
    color: #ffffff;
    font-weight: 700;
}

/* ----------------------------------------
   BOOKING DETAILS: ADULTS / CHILDREN / NAME
---------------------------------------- */

/* Mobile: stack */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-adults-chooser,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-children-chooser,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-guest-name-wrapper {
    width: 100%;
    box-sizing: border-box;
}

/* ----------------------------------------
   CUSTOMER DETAILS: 2-COLUMN FLOW
---------------------------------------- */

/* Mobile: stack */
.elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-name,
.elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-last-name,
.elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-email,
.elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-phone {
    width: 100%;
    box-sizing: border-box;
}

/* ----------------------------------------
   DESKTOP LAYOUT (>= 768px)
---------------------------------------- */
@media (min-width: 768px) {

    /* Adults / Children / Full Guest Name on one line */
    .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-adults-chooser,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-children-chooser,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-guest-name-wrapper {
        float: left;
        padding: 0 10px 15px;
    }

    .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-adults-chooser {
        width: 25%;
    }

    .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-children-chooser {
        width: 25%;
    }

    .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-guest-name-wrapper {
        width: 50%;
    }

    /* Remove MotoPress <br> inside these fields */
    .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-adults-chooser br,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-children-chooser br,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-guest-name-wrapper br {
        display: none;
    }

    /* Customer details wrapper */
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details {
        overflow: hidden;
    }

    /* First Name / Last Name / Email / Phone → 2 columns */
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-name,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-last-name,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-email,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-phone {
        float: left;
        width: 50%;
        padding: 0 10px 15px;
        box-sizing: border-box;
    }

    /* Labels tidy */
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details label {
        display: block;
        margin-bottom: 5px;
    }

    /* Kill polluted <br> tags in customer details */
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details br {
        display: none;
    }

    /* After phone → full width again */
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-country,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-address1,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-city,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-state,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-zip,
    .elementor-797 .elementor-element.elementor-element-c8d1d6d #mphb-customer-details .mphb-customer-note {
        clear: both;
        width: 100%;
        padding: 0 10px 15px;
        box-sizing: border-box;
    }
}

/* ----------------------------------------
   SECTION TITLES – CENTRED
---------------------------------------- */

/* Main section titles (Booking Details, Price Breakdown, Your Information, etc.) */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-booking-details-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-reservation-section > h3,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-shortcode-block h3,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-customer-details-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-price-details-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-coupon-code-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-price-breakdown-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-room-type-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-gateway-chooser-title {
    text-align: center !important;
    width: 100%;
}

/* Any headings inside the reservation / checkout sections */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-reservation-section h1,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-reservation-section h2,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-reservation-section h3,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-reservation-section h4,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-reservation-section h5,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-reservation-section h6 {
    text-align: center !important;
}

/* Optional: stop random <br> in titles breaking lines oddly */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-booking-details-title br,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details-title br,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-price-details-title br,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-customer-details-title br,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-gateway-chooser-title br {
    display: none;
}

/* Make sure Accommodation #1-style titles are centred */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-room-type-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-room-type-title * {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* ----------------------------------------
   ADDITIONAL SERVICES ("I am bringing a dog")
---------------------------------------- */

.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details {
    text-align: center; /* centre the block in the panel */
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Single dog option: centred block, left-aligned checkbox + label */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details li {
    display: block;
    max-width: 420px;      /* adjust if you want wider/narrower */
    margin: 0 auto 10px;
    text-align: left;      /* keeps checkbox + label aligned */
}

/* ----------------------------------------
   PAYMENT METHODS
---------------------------------------- */

.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-gateways-list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;    /* centre the column in the panel */
}

/* Each gateway option: centred column, left-aligned radio + label */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-gateways-list li {
    display: block;
    max-width: 420px;
    margin: 0 auto 10px;
    text-align: left;
}

/* Centre payment headings / descriptions, including "Payment Method" */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-gateway-chooser-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-gateways-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-gateway-title,
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-gateway-description {
    text-align: center !important;
}

/* Make typed text inside inputs black */
.elementor-797 .elementor-element.elementor-element-c8d1d6d input,
.elementor-797 .elementor-element.elementor-element-c8d1d6d select,
.elementor-797 .elementor-element.elementor-element-c8d1d6d textarea {
    color: #000000 !important;
}

/* Keep placeholder text white (or adjust colour if needed) */
.elementor-797 .elementor-element.elementor-element-c8d1d6d input::placeholder,
.elementor-797 .elementor-element.elementor-element-c8d1d6d textarea::placeholder {
    color: #ffffff !important;
    opacity: 0.8;
}

/* Tidy "Choose Additional Services" heading */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details-title {
    display: block;
    max-width: 420px;          /* match the dog option width */
    margin: 0 auto 15px;       /* centre within the blue box */
    text-align: center !important;
}

/* Kill the stray <br> after the heading */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details-title + br {
    display: none;
}

/* Fix "Choose Additional Services" heading */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details-title {
    display: block;
    width: 100%;
    max-width: none !important;   /* stop squashing it to 420px */
    text-align: center !important;
    margin: 20px 0 10px;          /* tweak spacing as you like */
}

/* Keep the dog option centred but narrower */
.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details li {
    display: inline-block;
    max-width: 420px;
    margin: 0 auto 10px;
    text-align: left;             /* checkbox + label alignment */
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d .button {
    width: 100%;
    background: #ffffff;
    color: #000000;
    font-family: "Chelsea Market", sans-serif !important;
    font-size: 18px;
    border: 2px dashed #000000;
    border-radius: 25px;
}


.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-services-details-title {
    display: none;
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d table {
    background: #ffffff;
    border-radius: 10px;
    font-family: "Poppins", sans-serif;
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d table a {
    color: #000000;
    font-family: "Chelsea Market", sans-serif;
}

.elementor-797 .elementor-element.elementor-element-c8d1d6d .mphb-login-form-wrap {
    text-align: center;
}/* End custom CSS */