.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
WHITE HOUSE LODGE
WP HOTEL BOOKING - RESULTS PAGE
========================================================= */

.post-type-archive-hb_room {
    --whl-green: #082d27;
    --whl-green-light: #123b33;
    --whl-gold: #b88a2b;
    --whl-gold-dark: #99701e;
    --whl-cream: #fbf9f3;
    --whl-text: #26322f;
    --whl-muted: #69726f;

    background: var(--whl-cream);
}


/* =========================================================
MAIN RESULTS AREA
========================================================= */

.post-type-archive-hb_room .room-container {
    width: min(1180px, calc(100% - 50px)) !important;
    max-width: 1180px !important;

    margin: 0 auto !important;

    padding: 55px 0 90px !important;
}


/* =========================================================
SEARCH AGAIN BOX
========================================================= */

.post-type-archive-hb_room .hotel-booking-rooms-search {

    margin: 0 0 45px !important;

    padding: 28px !important;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #123b33,
            #082d27
        );

    box-shadow:
        0 15px 40px
        rgba(8,45,39,.16);
}


.post-type-archive-hb_room .hotel-booking-rooms-search h3 {

    margin: 0 0 22px !important;

    color: #fff !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 28px !important;

    line-height: 1.15 !important;
}


/* Main search row */

.post-type-archive-hb_room
.hotel-booking-rooms-search
.hb-search-form {

    display: grid !important;

    grid-template-columns:
        repeat(5,minmax(0,1fr))
        190px;

    gap: 10px;

    margin: 0 !important;

    padding: 0 !important;
}


/* Each search field */

.post-type-archive-hb_room
.hotel-booking-rooms-search
.hb-search-form > .hb-form-field,

.post-type-archive-hb_room
.hotel-booking-rooms-search
.hb-search-form > .hb-form-field-input {

    position: relative;

    display: flex !important;

    flex-direction: column;

    justify-content: center;

    min-height: 78px;

    margin: 0 !important;

    padding: 12px 14px !important;

    border: 0 !important;

    border-radius: 7px;

    background: #fff !important;
}


/* Labels */

.post-type-archive-hb_room
.hotel-booking-rooms-search label {

    display: block !important;

    margin: 0 0 7px !important;

    color: #082d27 !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    letter-spacing: .5px;

    text-transform: uppercase;
}


/* Inputs */

.post-type-archive-hb_room
.hotel-booking-rooms-search input {

    width: 100% !important;

    min-width: 0 !important;

    height: 34px !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    outline: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #555f5b !important;

    font-size: 14px !important;
}


/* Hide +/- overlay if plugin tries to add one */

.post-type-archive-hb_room
.hotel-booking-rooms-search
.hb-form-field-list {

    display: none !important;
}


/* Search button */

.post-type-archive-hb_room
.hotel-booking-rooms-search
.rooms-check-avaibility {

    width: 100% !important;

    min-height: 78px !important;

    margin: 0 !important;

    padding: 12px 18px !important;

    border: 0 !important;

    border-radius: 7px !important;

    background:
        linear-gradient(
            135deg,
            #c79a3b,
            #a97b21
        ) !important;

    color: #fff !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size: 14px !important;

    font-weight: 750 !important;

    line-height: 1.2 !important;

    cursor: pointer;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.12);

    transition: all .2s ease;
}


.post-type-archive-hb_room
.hotel-booking-rooms-search
.rooms-check-avaibility:hover {

    transform: translateY(-2px);

    background: #99701e !important;
}


/* =========================================================
REMOVE UNNECESSARY SORT BAR
Only three rooms, so we don't need it.
========================================================= */

.post-type-archive-hb_room .sort-by-wrapper {
    display: none !important;
}


/* =========================================================
ROOM CONTENT
========================================================= */

.post-type-archive-hb_room .room-content {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
}


/* Room grid */

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking {

    display: grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 24px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


/* Individual room */

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking > li {

    float: none !important;

    width: auto !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 0 24px !important;

    overflow: hidden;

    border: 0 !important;

    border-radius: 11px;

    background: #fff;

    box-shadow:
        0 8px 25px
        rgba(20,46,40,.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.post-type-archive-hb_room
ul.rooms.tp-hotel-booking > li:hover {

    transform: translateY(-5px);

    box-shadow:
        0 18px 38px
        rgba(20,46,40,.14);
}


/* Thumbnail */

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking > li img {

    display: block;

    width: 100% !important;

    height: 235px !important;

    margin: 0 !important;

    object-fit: cover;
}


/* Remove odd plugin thumbnail spacing */

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking
.summary {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* Rating/featured area */

.post-type-archive-hb_room
.room-rating-featured {

    margin: 15px 22px 0 !important;
}


/* Room headings */

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h1,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h2,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h3,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h4 {

    margin:
        20px
        22px
        8px !important;

    padding: 0 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 26px !important;

    line-height: 1.15 !important;

    font-weight: 700 !important;

    color: #082d27 !important;
}


.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h1 a,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h2 a,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h3 a,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h4 a {

    color: #082d27 !important;

    text-decoration: none !important;
}


/* Price */

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking .price,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking
[class*="price"] {

    margin-left: 22px !important;

    margin-right: 22px !important;

    color: #69726f !important;

    font-size: 14px !important;
}


/* Price number */

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking .price span,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking
[class*="price"] span {

    color: #082d27 !important;

    font-size: 19px !important;

    font-weight: 750 !important;
}


/* Make room title look clearly clickable */

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h1 a::after,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h2 a::after,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h3 a::after,

.post-type-archive-hb_room
ul.rooms.tp-hotel-booking h4 a::after {

    content: "View room  →";

    display: table;

    margin-top: 18px;

    padding: 10px 15px;

    border:
        1px solid
        #b88a2b;

    border-radius: 5px;

    color: #99701e;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;
}


/* =========================================================
FILTER - HIDE AS BACKUP
========================================================= */

.post-type-archive-hb_room
#hotel-booking-search-filter {

    display: none !important;
}


/* =========================================================
REMOVE DEFAULT THEME PAGE TITLE IF SHOWN
========================================================= */

.post-type-archive-hb_room
.wp-block-query-title,

.post-type-archive-hb_room
.archive-title,

.post-type-archive-hb_room
.page-title {

    display: none !important;
}


/* =========================================================
DATE PICKER
========================================================= */

.ui-datepicker {
    z-index: 999999 !important;
}


/* =========================================================
TABLET
========================================================= */

@media(max-width: 1000px) {

    .post-type-archive-hb_room
    .hotel-booking-rooms-search
    .hb-search-form {

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .post-type-archive-hb_room
    .hotel-booking-rooms-search
    .rooms-check-avaibility {

        min-height: 58px !important;
    }


    .post-type-archive-hb_room
    ul.rooms.tp-hotel-booking {

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width: 650px) {

    .post-type-archive-hb_room
    .room-container {

        width:
            calc(100% - 30px)
            !important;

        padding:
            30px
            0
            60px
            !important;
    }


    .post-type-archive-hb_room
    .hotel-booking-rooms-search {

        padding: 18px !important;
    }


    .post-type-archive-hb_room
    .hotel-booking-rooms-search
    .hb-search-form {

        grid-template-columns: 1fr;
    }


    .post-type-archive-hb_room
    ul.rooms.tp-hotel-booking {

        grid-template-columns: 1fr;
    }


    .post-type-archive-hb_room
    ul.rooms.tp-hotel-booking > li img {

        height: 240px !important;
    }

}
#hotel-booking-search-filter {
    display: none !important;
}/* End custom CSS */