/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/

/* Your customizations starts here */

/* =========================================================
   GLOBAL BODY TEXT COLOUR
   ========================================================= */

body {
    color: #3D3C3C;
}

/* ========================================
   BODY TEXT - ONE CONSISTENT COLOUR
   SPECIAL COLOUR CLASSES EXCLUDED
   ======================================== */

.main-page-wrapper p:not(.text-gold):not(.text-gold-underline):not(.text-copper):not(.text-copper-underline):not(.text-grey):not(.text-grey-underline):not(.text-green):not(.text-green-underline),
.main-page-wrapper .wpb_wrapper p:not(.text-gold):not(.text-gold-underline):not(.text-copper):not(.text-copper-underline):not(.text-grey):not(.text-grey-underline):not(.text-green):not(.text-green-underline) {
    color: #3D3C3C !important;
}

/* =========================================================
   HEADINGS - KEEP BLACK
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000 !important;
}

h1 {
    font-size: 44px !important;
    color: #101010 !important;  
}

h2 {
    font-size: 36px !important;
    color: #000 !important;
}

h3 {
    font-size: 30px !important;
    color: #000 !important;
}

h4 {
    font-size: 30px !important;
    color: #fff !important;
}

h5 {
    font-size: 16px !important;
    color: #000 !important;
}

h6 {
    font-size: 16px !important;
    color: #000 !important;
}

.estate-white-heading h2 {
    color: #fff !important;
}

.main-nav .menu {
    margin-right: -41px;
    margin-left: -170px;
}

.menu > li > a {
    font-size: 15px !important;
    color: #000 !important;
}

.menu > li > a:hover {
    color: #b29e5f !important;
}

.menu a:hover {
    color: #c19a6b !important;
}

.wrapp-header {
    margin-bottom: -31px;
}

.main-header {
    margin-bottom: 75px !important;
}

.main-page-wrapper {
    margin-top: -50px;
}

.browser-Firefox .main-header .wrapp-header{
    margin-bottom: -25px;
}

.sub-menu > li > a {
    color: #888 !important;
}

.sub-menu > li > a:hover,
.sub-menu > li:hover > a {
    color: #b29e5f !important;
}

#contact-form {
    scroll-margin-top: 120px !important;
}

/* ========================================
   GOLD OUTLINE BOOK NOW BUTTON
   ======================================== */

.main-nav .menu > li.book-now-menu > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    padding: 0 18px !important;
    margin: 0 !important;

    background: #fff !important;
    color: #b29e5f !important;
    border: 1px solid #b29e5f !important;

    line-height: 1 !important;
    box-sizing: border-box !important;
}

.main-nav .menu > li.book-now-menu > a:hover {
    background: #b29e5f !important;
    color: #fff !important;
    border-color: #b29e5f !important;
}

/* ========================================
   SMALLER DESKTOP - KEEP MENU ON ONE LINE
   ======================================== */

@media (max-width: 1500px) and (min-width: 1025px) {

    .main-nav .menu > li > a {
        font-size: 14px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .main-nav .menu > li.book-now-menu > a {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}

/* Remove Basel divider/shadow around Revolution Slider */
.wpb_revslider_element,
.wpb_revslider_element .wpb_wrapper {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.page-title {
    display: none !important;
}

/* Gold strip directly below Revolution Slider */
.wpb_wrapper > sr7-module#SR7_1_1 {
    position: relative !important;
    display: block !important;
}

.wpb_wrapper > sr7-module#SR7_1_1::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 3px !important;
    background: #b29e5f !important;
}

/* =========================================================
   PAGE TITLE SUBTITLE
   ========================================================= */

.title-wrapper.basel-title-size-default .title-subtitle {
    font-size: 18px !important;
}

.title-wrapper.basel-title-color-default .title-subtitle {
    color: #666666 !important;
}

/* =========================================================
   COLOURED TEXT
   ========================================================= */

.text-gold {
    color: #b29e5f !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}

.text-gold-underline a {
    color: #b29e5f !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    text-decoration: underline;
}

/* ========================================
   SHOP LINKS - INLINE DESKTOP ALIGNMENT
======================================== */

.wpb_text_column .wpb_wrapper > p.text-gold-underline {
    display: inline-block !important;
    margin: 0 30px 0 0 !important;
    padding: 0 !important;
}


.wpb_text_column .wpb_wrapper > p.text-gold-underline a {
    color: #b29e5f !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    text-decoration: underline !important;
}


/* Tablet + Mobile */
@media (max-width: 991px) {

    .wpb_text_column .wpb_wrapper > p.text-gold-underline {
        display: block !important;
        margin: 0 0 10px 0 !important;
    }

}

/* ========================================
   WINE SHOP MENU CENTER
======================================== */

.wine-shop-menu {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 35px !important;
}


.wine-shop-menu p.text-gold-underline {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}


.wine-shop-menu p.text-gold-underline a {
    color: #b29e5f !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    text-decoration: underline !important;
}

/* ========================================
   WINE PRODUCT CARD ALIGNMENT
======================================== */

.wine-product-card {
    text-align: center !important;
}


/* Image */
.wine-product-card .wpb_single_image {
    text-align: center !important;
}


.wine-product-card .wpb_single_image img {
    display: block !important;
    margin: 0 auto !important;
}


/* Title + description */
.wine-product-card .wpb_text_column {
    text-align: center !important;
}


/* Price box */
.wine-product-card .add_to_cart_inline {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}


/* Add to cart button */
.wine-product-card .add_to_cart_inline .button {
    display: block !important;
    width: fit-content !important;
    margin: 20px auto 0 !important;
}


/* Mobile */
@media (max-width: 767px) {

    .wine-product-card {
        text-align: center !important;
    }

}

.text-copper {
    color: #A66A4C !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}

.text-copper-underline a {
    color: #A66A4C !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    text-decoration: underline;
}


.copper-subtitle .wd-title-subtitle {
    color: #b87333 !important;
}

a.text-copper-underline {
    color: #A66A4C !important;
}


.text-grey {
    color: #687059 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}

.text-grey-underline a {
    color: #687059 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    text-decoration: underline !important;
}

.grey-subtitle .wd-title-subtitle {
    color: #687059 !important;
}

.text-green {
    color: #687059 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}

.text-green-underline a {
    color: #687059 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    text-decoration: underline;
}

.green-subtitle .wd-title-subtitle {
    color: #687059 !important;
}







/* =========================================================
   TIGHT CONTENT
   ========================================================= */

.tight-content {
    margin: 0 !important;
    padding: 0 !important;
}

.tight-content .content-subtitle {
    margin: 0 0 2px !important;
    padding: 0 !important;
}

.tight-content h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;
}

.tight-content p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
}

/* FONTAWESOME*/

.amenities {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.amenities span {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    font-size: 18px;
    color: #333;
}

.amenities i {
    display: block;
    font-size: 40px;
    margin-bottom: 12px;
}

.amenities:has(i:nth-of-type(3)):not(:has(i:nth-of-type(4))) {
    justify-content: space-around;
}

.amenities:has(i:nth-of-type(3)):not(:has(i:nth-of-type(4))) i {
    margin-right: -25px;
}

/* =====================================
   AMENITIES DESKTOP
===================================== */

.amenities {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.amenities span {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    font-size: 18px;
    color: #8f8f8f;
}

.amenities i {
    display: block;
    font-size: 40px;
    margin-bottom: 12px;
    color: #a59d90;
}


/* =====================================
   MOBILE VIEW - STACK EACH AMENITY
===================================== */

@media (max-width: 768px) {

    .amenities {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 25px !important;
        width: 100%;
    }


    .amenities span {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100%;
        font-size: 16px;
    }


    .amenities i {
        font-size: 32px !important;
        margin-bottom: 8px !important;
        color: #a59d90 !important;
    }

}

/* CART */

.add_to_cart_inline { 
    border: 2px solid #9a8542 !important; 
    text-align: center; 
    max-width: 220px; 
    padding-bottom: 40px !important; 
    margin-left: 55px;
}

.add_to_cart_inline > a {
    background-color: #9a8542 !important;
    color: #FFF !important;
    border-color: #9a8542 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.add_to_cart_inline .amount {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 24px;
    color: #000;
}

.add_to_cart_inline::after {
    content: "* Price per case of 6";
    display: block;
    text-align: center;
    margin-top: 5px;
}

/* AMENITIES */

/* ========================================
   AMENITIES POPUP OVERLAY
   ======================================== */

.amenities-popup {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 40px !important;
    box-sizing: border-box !important;

    background: rgba(25, 22, 18, 0.55) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition: opacity .25s ease !important;
}

.amenities-popup:target {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* ========================================
   POPUP PANEL
   ======================================== */

.amenities-popup-inner {
    position: relative !important;

    width: 90% !important;
    max-width: 850px !important;
    max-height: 82vh !important;

    overflow-y: auto !important;

    padding: 55px 65px !important;

    box-sizing: border-box !important;

    background: #f7f4ee !important;

    border: 1px solid rgba(161, 140, 75, 0.45) !important;
    border-top: 4px solid #a18c4b !important;

    box-shadow: 0 20px 60px rgba(0,0,0,.25) !important;

    color: #302b25 !important;

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

/* ========================================
   AMENITIES POPUP SCROLLER
   ======================================== */

/* Firefox */
.amenities-popup-inner {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(161, 140, 75, 0.65) transparent !important;
}

/* Chrome / Edge / Safari */
.amenities-popup-inner::-webkit-scrollbar {
    width: 5px !important;
}

.amenities-popup-inner::-webkit-scrollbar-track {
    background: transparent !important;
}

.amenities-popup-inner::-webkit-scrollbar-thumb {
    background: rgba(161, 140, 75, 0.65) !important;
    border-radius: 10px !important;
}

.amenities-popup-inner::-webkit-scrollbar-thumb:hover {
    background: rgba(161, 140, 75, 0.9) !important;
}

/* ========================================
   TITLE
   ======================================== */

.amenities-popup-inner h3 {
    margin: 0 0 8px !important;

    color: #302b25 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    font-weight: normal !important;
    line-height: 1.3 !important;
}

/* ========================================
   SLEEPS
   ======================================== */

.amenities-popup-inner .amenities-sleeps {
    margin: 0 0 35px !important;

    color: #a18c4b !important;

    font-size: 16px !important;
}

/* ========================================
   SECTION HEADINGS
   ======================================== */

.amenities-popup-inner .amenities-section h4 {
    display: block !important;

    margin: 0 0 12px !important;

    color: #a18c4b !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: normal !important;

    text-transform: none !important;
}

/* ========================================
   SECTIONS
   ======================================== */

.amenities-popup-inner .amenities-section {
    margin: 0 0 28px !important;
}

/* ========================================
   LIST
   ======================================== */

.amenities-popup-inner .amenities-section ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    columns: 2 !important;
    column-gap: 70px !important;
}

.amenities-popup-inner .amenities-section li {
    position: relative !important;

    margin: 0 0 9px !important;
    padding-left: 18px !important;

    color: #403a33 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

.amenities-popup-inner .amenities-section li:before {
    content: "•" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    color: #a18c4b !important;
}

/* ========================================
   CLOSE
   ======================================== */

.amenities-popup-inner .amenities-close {
    position: absolute !important;

    top: 18px !important;
    right: 25px !important;

    width: 28px !important;
    height: 28px !important;

    color: #a18c4b !important;

    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: normal !important;

    line-height: 28px !important;
    text-align: center !important;

    text-decoration: none !important;
}

.amenities-popup-inner .amenities-close:hover {
    color: #6f5f34 !important;
}

.amenities-button {
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.brendel-footer-column .social-icon {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 8px !important;
    padding: 0 !important;
    transform: none !important;
}

.brendel-footer-column .social-icon i {
    font-size: 28px !important;
    line-height: 1 !important;
    transform: none !important;
}

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

@media (max-width: 700px) {

    .amenities-popup {
        padding: 15px !important;
    }

    .amenities-popup-inner {
        width: 100% !important;
        max-height: 90vh !important;
        padding: 40px 25px !important;
    }

    .amenities-popup-inner h3 {
        font-size: 24px !important;
    }

    .amenities-popup-inner .amenities-section ul {
        columns: 1 !important;
    }
}

/* CONTACT FORM */

.wpcf7-form {
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* Labels */
.wpcf7-form label {
    display: block !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    color: #4a4035 !important;
    margin: 0 0 22px 0 !important;
    letter-spacing: 0.2px !important;
}

/* Fields */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 46px !important;

    padding: 11px 14px !important;
    margin: 7px 0 0 0 !important;

    border: 1px solid #c7bda9 !important;
    border-radius: 0 !important;

    background: #f4f0e8 !important;
    box-shadow: none !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    color: #302b25 !important;

    transition: border-color 0.2s ease, background 0.2s ease !important;
}

/* Textarea */
.wpcf7-form textarea {
    min-height: 130px !important;
    resize: vertical !important;
}

/* Focus */
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    border: 1px solid #a18c4b !important;
    background: #f8f5ef !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(161, 140, 75, 0.15) !important;
}

/* Placeholder */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #8b8378 !important;
    opacity: 1 !important;
    font-family: Georgia, "Times New Roman", serif !important;
}

/* Booking note */
.wpcf7-form .booking-note {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    color: #665e54 !important;
    margin: 10px 0 25px !important;
}

/* Submit button */
.wpcf7-form input[type="submit"] {
    display: block !important;
    margin: 15px auto 0 !important;

    padding: 13px 40px !important;

    border: 1px solid #a18c4b !important;
    border-radius: 0 !important;

    background: #a18c4b !important;
    color: #fff !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;

    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* Submit hover */
.wpcf7-form input[type="submit"]:hover {
    background: #8d793e !important;
    border-color: #8d793e !important;
    color: #fff !important;
}

/* Dropdown */
.wpcf7-form select {
    appearance: auto !important;
    cursor: pointer !important;
}

/* Hide BOOK NOW on the Home Page */
.main-nav .menu > li.book-now-hidden {
    display: none !important;
}
/* =========================================================
   CONTACT POPUP - SAFARI / FLEXBOX FIX
   ========================================================= */

.contact-popup {
    -webkit-box-align: center !important;
    -webkit-box-pack: center !important;
}

.contact-popup-inner {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
}

.contact-popup-inner .brendel-contact-form {
    width: 100% !important;
    max-width: 100% !important;
}

.contact-popup-inner .wpcf7 {
    width: 100% !important;
    max-width: 100% !important;
}

.contact-popup-inner .wpcf7-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* =========================================================
   ENQUIRE BUTTON
   ========================================================= */

.contact-button {
    display: inline-block !important;
    padding: 12px 28px !important;
    border: 1px solid #a18c4b !important;
    background: transparent !important;
    color: #a18c4b !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: all 0.25s ease !important;
}

.contact-button:hover,
.contact-button:focus {
    background: #a18c4b !important;
    border-color: #a18c4b !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/* =========================================================
   CONTACT POPUP
   MATCHES AMENITIES POPUP
   ========================================================= */

.contact-popup {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 40px !important;
    box-sizing: border-box !important;

    background: rgba(25, 22, 18, 0.55) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition: opacity .25s ease !important;
}

.contact-popup:target {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}


/* =========================================================
   CONTACT POPUP PANEL
   ========================================================= */

.contact-popup-inner {
    position: relative !important;

    width: 90% !important;
    max-width: 850px !important;
    max-height: 82vh !important;

    overflow-y: auto !important;

    padding: 55px 65px !important;
    box-sizing: border-box !important;

    background: #f7f4ee !important;

    border: 1px solid rgba(161, 140, 75, 0.45) !important;
    border-top: 4px solid #a18c4b !important;

    box-shadow: 0 20px 60px rgba(0,0,0,.25) !important;

    color: #302b25 !important;
    font-family: Georgia, "Times New Roman", serif !important;
}


/* =========================================================
   CONTACT POPUP SCROLLER
   ========================================================= */

.contact-popup-inner {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(161, 140, 75, 0.65) transparent !important;
}

.contact-popup-inner::-webkit-scrollbar {
    width: 5px !important;
}

.contact-popup-inner::-webkit-scrollbar-track {
    background: transparent !important;
}

.contact-popup-inner::-webkit-scrollbar-thumb {
    background: rgba(161, 140, 75, 0.65) !important;
    border-radius: 10px !important;
}

.contact-popup-inner::-webkit-scrollbar-thumb:hover {
    background: rgba(161, 140, 75, 0.9) !important;
}


/* =========================================================
   TITLE
   ========================================================= */

.contact-popup-inner h3 {
    margin: 0 0 35px !important;

    color: #302b25 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    font-weight: normal !important;
    line-height: 1.3 !important;

    text-align: center !important;
}


/* =========================================================
   CONTACT FORM
   ========================================================= */

.brendel-contact-form {
    width: 100% !important;
}

.brendel-contact-form .wpcf7-form {
    max-width: 100% !important;
    margin: 0 auto !important;
}


/* Labels */

.brendel-contact-form .wpcf7-form label {
    display: block !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    font-weight: normal !important;

    color: #4a4035 !important;

    margin: 0 0 22px 0 !important;
    letter-spacing: 0.2px !important;
}


/* Fields */

.brendel-contact-form .wpcf7-form input[type="text"],
.brendel-contact-form .wpcf7-form input[type="email"],
.brendel-contact-form .wpcf7-form input[type="tel"],
.brendel-contact-form .wpcf7-form select,
.brendel-contact-form .wpcf7-form textarea {
    display: block !important;

    width: 100% !important;
    min-height: 46px !important;

    padding: 11px 14px !important;
    margin: 7px 0 0 0 !important;

    border: 1px solid #c7bda9 !important;
    border-radius: 0 !important;

    background: #f4f0e8 !important;

    box-shadow: none !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    color: #302b25 !important;

    box-sizing: border-box !important;
}


/* Textarea */

.brendel-contact-form .wpcf7-form textarea {
    min-height: 130px !important;
    resize: vertical !important;
}


/* Focus */

.brendel-contact-form .wpcf7-form input:focus,
.brendel-contact-form .wpcf7-form select:focus,
.brendel-contact-form .wpcf7-form textarea:focus {
    border: 1px solid #a18c4b !important;
    background: #f8f5ef !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(161, 140, 75, 0.15) !important;
}


/* Submit */

.brendel-contact-form .wpcf7-form input[type="submit"] {
    display: block !important;
    margin: 15px auto 0 !important;

    padding: 13px 40px !important;

    border: 1px solid #a18c4b !important;
    border-radius: 0 !important;

    background: #a18c4b !important;
    color: #fff !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;

    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.brendel-contact-form .wpcf7-form input[type="submit"]:hover {
    background: #8d793e !important;
    border-color: #8d793e !important;
}


/* =========================================================
   CLOSE
   ========================================================= */

.contact-popup-inner .contact-close {
    position: absolute !important;

    top: 18px !important;
    right: 25px !important;

    width: 28px !important;
    height: 28px !important;

    color: #a18c4b !important;

    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: normal !important;

    line-height: 28px !important;
    text-align: center !important;

    text-decoration: none !important;
}

.contact-popup-inner .contact-close:hover {
    color: #6f5f34 !important;
}


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

@media (max-width: 700px) {

    .contact-popup {
        padding: 15px !important;
    }

    .contact-popup-inner {
        width: 100% !important;
        max-height: 90vh !important;
        padding: 40px 25px !important;
    }

    .contact-popup-inner h3 {
        font-size: 24px !important;
    }

}


/* Mobile */
@media (max-width: 767px) {

    .wpcf7-form {
        max-width: 100% !important;
    }

    .wpcf7-form label {
        font-size: 14px !important;
        margin-bottom: 18px !important;
    }

    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form input[type="tel"],
    .wpcf7-form select,
    .wpcf7-form textarea {
        font-size: 16px !important;
        padding: 10px 12px !important;
    }

    .wpcf7-form input[type="submit"] {
        width: 100% !important;
        max-width: 250px !important;
    }
}

/* =========================================================
   ACCOMMODATION TITLE
   ========================================================= */

.accommodation-title {
    margin: 0 0 28px 0 !important;
    font-size: 36px !important;
    line-height: 1.2 !important;
    color: #000 !important;
    text-align: left !important;
}

/* =========================================================
   ACCOMMODATION NUMBER LIST
   ========================================================= */

.accommodation-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: max-content;
    max-width: 100%;
    margin: 0 !important;
}

.accommodation-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    line-height: 1.3;
    white-space: nowrap;
}

.accommodation-item .number {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

/* =========================================================
   LODGE MAP — SAFARI FIX
   ========================================================= */

.accommodation-list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    max-width: 100% !important;
    columns: 1 !important;
    column-count: 1 !important;
}

.accommodation-item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    white-space: nowrap !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
}

@supports (-webkit-hyphens: none) {

    .accommodation-list {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        columns: 1 !important;
        column-count: 1 !important;
    }

    .accommodation-item {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }
}

.stay-buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.stay-button {
    display: inline-block;
    padding: 12px 22px !important;
    background: transparent !important;
    color: #687059 !important;
    border: 1px solid #687059 !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    line-height: 1.4 !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

.stay-button:hover {
    background: #687059 !important;
    color: #fff !important;
    border-color: #687059 !important;
}

/* ======================================
   STAY BUTTONS - MOBILE STACK
====================================== */

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

    .stay-buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        width: 100% !important;
    }


    .stay-button {
        width: 220px !important;
        min-width: 220px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

}

/* =========================================================
   VENUES – TEXT EXACTLY UNDER IMAGE
   ========================================================= */

.venues-section .venue-text {
    position: relative !important;
    top: 40px !important;
    left: 26px !important;
    width: 444px !important;
    max-width: 444px !important;
    box-sizing: border-box !important;
    overflow-wrap: normal !important;
}

.venues-section .venue-text h2 {
    margin-top: 0 !important;
}

.venues-section .venue-text p {
    margin-right: 0 !important;
    width: 100% !important;
}

/* =========================================================
   VENUES – RIGHT CAROUSEL 2PX UP
   ========================================================= */

.venues-section.venue-2 .sp-wpcarousel {
    position: relative !important;
    top: -2px !important;
}

/* =========================================================
   ALIGN SECOND VENUE WITH FIRST
   ========================================================= */

.venues-section.venue-2 {
    transform: translateY(0px) !important;
}

/* =========================================================
   VENUES – CAPACITY BLOCKS ONLY
   ========================================================= */

.venue-capacity-left {
    position: relative !important;
    left: 100px !important;
    top: -65px !important;
}

.venue-capacity-right {
    position: relative !important;
    left: 42px !important;
    top: -65px !important;
}

.venues-section.venue-3 {
    transform: translateY(-120px) !important;
}

.venues-section.garden-row-2 {
    transform: translateY(-120px) !important;
}

/* =========================================================
   PROPERTY-SPECIFIC VENUE 2 POSITIONING
   ========================================================= */

/* LE MANOIR DE BRENDEL – PAGE 1112 */
.page-id-1112 .venues-section.venue-2 {
    transform: translateY(0px) !important;
}

/* GAMAGARA AFRICA – PAGE 1216 */
.page-id-1216 .venues-section.venue-2 {
    transform: translateY(-35px) !important;
}
.venues-section.venue-2.dining-room-patio {
    transform: translateY(0) !important;
}

.venue-capacity-row {
    position: relative !important;
    top: 100px !important;
}

/* =========================================================
   SAFARI ONLY – VENUE CAROUSEL HEIGHT
   Keeps all venue images the same height in Safari
   ========================================================= */

@supports (-webkit-touch-callout: none) {

    .venues-section .sp-wpcarousel {
        height: 323px !important;
        overflow: hidden !important;
    }

    .venues-section .sp-wpcarousel .swiper,
    .venues-section .sp-wpcarousel .swiper-container,
    .venues-section .sp-wpcarousel .swiper-wrapper {
        height: 100% !important;
    }

    .venues-section .sp-wpcarousel .swiper-slide {
        height: 100% !important;
    }

    .venues-section .sp-wpcarousel img {
        width: 100% !important;
        height: 323px !important;
        object-fit: cover !important;
        display: block !important;
    }

}

/* =========================================================
   FOOTER
   ========================================================= */

.brendel-footer-column h5 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.brendel-footer-bottom .brendel-footer-column:nth-child(5) {
    display: none !important;
}

.brendel-footer-top {
    text-align: center;
    margin: 40px 0;
    position: relative;
}

.brendel-footer-top h2 {
    font-size: 25px !important;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 15px 0;
    position: relative;
}

/* FULL SITE-WIDTH LINE ABOVE */
.brendel-footer-top::before {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    width: 100vw;
    height: 2px;
    transform: translateX(-50%);
    background-color: #c19a6b;
    margin-bottom: 15px;
}

/* FULL SITE-WIDTH LINE BELOW */
.brendel-footer-top::after {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    width: 100vw;
    height: 2px;
    transform: translateX(-50%);
    background-color: #c19a6b;
    margin-top: 15px;
}

.brendel-footer-column {
    text-align: left;
}

/* Shift the 3 remaining footer columns to the right */
.brendel-footer-column {
    position: relative;
    left: 200px;
}

.brendel-footer-column h3 {
    margin: 0 0 15px;
}

.brendel-footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.brendel-footer-column li {
    margin: 0 0 6px;
}

.brendel-footer-column a {
    text-decoration: none;
}

/* =========================================================
   SOCIAL ICONS
   ========================================================= */

.brendel-footer-column > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}

.brendel-footer-column .fa-instagram {
    font-size: 32px !important;
    color: #3f352d;
    line-height: 1 !important;
    transform: none !important;
}

.brendel-footer-column .fa-pinterest {
    font-size: 32px !important;
    color: #3f352d;
    line-height: 1 !important;
    transform: scale(1.35) !important;
    transform-origin: center center !important;
}
.brendel-footer-column .fa-instagram:hover,
.brendel-footer-column .fa-pinterest:hover {
    color: #c19a6b;
}

/* =========================================================
   REMOVE ALL SPACE ABOVE BRENDEL TOP FOOTER BAR
   ========================================================= */

.brendel-footer-top {
    margin-top: -50px !important;
    padding-top: 0 !important;
    min-height: 0 !important;
}

.brendel-footer-top::before {
    margin-top: 0 !important;
}

.brendel-footer-top > .container,
.brendel-footer-top .row,
.brendel-footer-top .vc_row {
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
}



/* ========================================
   BRENDEL FOOTER MOBILE ALIGNMENT FIX
======================================== */

@media (max-width: 767px) {

    /* Reset desktop footer movement */
    .footer-container .footer-column {
        left: 0 !important;
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        margin-bottom: 35px !important;
    }


    .footer-container .brendel-footer-column {
        position: static !important;
        left: auto !important;
        width: 100% !important;
        text-align: center !important;
    }


    .footer-container .brendel-footer-column h3 {
        text-align: center !important;
    }


    .footer-container .brendel-footer-column ul {
        padding: 0 !important;
        margin: 0 auto !important;
        text-align: center !important;
    }


    .footer-container .brendel-footer-column li {
        text-align: center !important;
    }


    .footer-container .social-icon {
        display: inline-flex !important;
        margin: 0 5px !important;
    }

}

/* ========================================
   TABLET FOOTER COLUMN ALIGNMENT
======================================== */

@media (min-width: 768px) and (max-width: 991px) {

    .footer-container .main-footer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .footer-container .footer-sidebar {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .footer-container .footer-column {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }


    .footer-container .brendel-footer-column {
        left: 0 !important;
        position: relative !important;
    }


    .footer-container .footer-column-2 .brendel-footer-column,
    .footer-container .footer-column-3 .brendel-footer-column {
        transform: translateX(0) !important;
    }

}

/* ========================================
   BRENDEL COLLECTION WHATSAPP
   ======================================== */

.brendel-whatsapp-widget {
    position: fixed !important;
    right: 22px !important;
    bottom: 22px !important;
    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;

    width: 245px !important;
    min-height: 58px !important;

    padding: 8px 16px 8px 10px !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    color: #3d3c3c !important;

    border-radius: 6px !important;

    text-decoration: none !important;

    box-shadow: 0 4px 18px rgba(0,0,0,0.18) !important;

    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.brendel-whatsapp-widget:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 22px rgba(0,0,0,0.22) !important;
}

.brendel-wa-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #25D366 !important;
    color: #ffffff !important;

    border-radius: 50% !important;
}

.brendel-wa-icon svg {
    width: 25px !important;
    height: 25px !important;
    fill: #ffffff !important;
}

.brendel-wa-text {
    display: flex !important;
    flex-direction: column !important;
    margin-left: 12px !important;
    line-height: 1.2 !important;
}

.brendel-wa-text strong {
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #3d3c3c !important;
}

.brendel-wa-text small {
    margin-top: 3px !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    color: #9a8542 !important;
    letter-spacing: 0.5px !important;
}

@media (max-width: 767px) {

    .brendel-whatsapp-widget {
        right: 12px !important;
        bottom: 12px !important;
        width: 205px !important;
        min-height: 52px !important;
        padding: 6px 12px 6px 8px !important;
    }

    .brendel-wa-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    .brendel-wa-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    .brendel-wa-text {
        margin-left: 10px !important;
    }

    .brendel-wa-text strong {
        font-size: 12px !important;
    }

    .brendel-wa-text small {
        font-size: 10px !important;
    }
}

/* Hide Google reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* =========================================================
   BRENDAL COLLECTION – MOBILE TITLE ALIGNMENT
   Applies across all mobile/responsive sizes
   ========================================================= */

@media (max-width: 991px) {

    .title-wrapper .liner-container {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }

    .title-wrapper h3.title {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .title-wrapper .left-line,
    .title-wrapper .right-line,
    .title-wrapper .title-separator {
        display: none !important;
    }

}



/* ========================================
   VENUE INFO ALIGNMENT
======================================== */


/* Columns */
.venue-info-row > .wpb_column {
    display:flex !important;
    flex-direction:column !important;
}


.venue-info-row .vc_column-inner {
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
}


/* Main wrapper */
.venue-info-row .wpb_wrapper {
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
}



/* ========================================
   CAROUSEL
======================================== */

.venue-info-row .sp-wpcarousel,
.venue-info-row .sp-wpcp-wrapper,
.venue-info-row .sp-wpcp-carousel,
.venue-info-row .wpcp-carousel-wrapper {
    margin-left:-25px !important;
    margin-right:0 !important;
}


.venue-info-row img {
    display:block !important;
}


/* ========================================
   TITLE + DESCRIPTION AREA
======================================== */


/* Force same description height */
.venue-info-row .wpb_text_column:not(:last-child) {
    min-height:110px !important;
}


/* Keep all text left */
.venue-info-row h2,
.venue-info-row p {
    padding-left:0 !important;
    text-align:left !important;
}



/* ========================================
   CAPACITY ALIGNMENT
======================================== */


.venue-info-row .wpb_text_column:last-child {
    margin-top:auto !important;
}


.venue-info-row .wpb_text_column:last-child p {

    margin:25px 0 0 0 !important;

    color:#a6a6a1 !important;

    font-size:17.5px !important;

    font-family:Arial, Helvetica, sans-serif !important;

    text-align:left !important;

}



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

@media(max-width:767px){

    .venue-info-row .wpb_wrapper {
        display:block !important;
        height:auto !important;
    }


    .venue-info-row .wpb_text_column:not(:last-child){
        min-height:auto !important;
    }

}

/* ========================================
   VENUE DESCRIPTION + CAPACITY ALIGNMENT
======================================== */

.venue-info-row > .wpb_column {
    display: flex !important;
}


.venue-info-row .vc_column-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}


.venue-info-row .wpb_wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}


/* Find the description paragraph only */
.venue-info-row .wpb_wrapper > .wpb_text_column:not(:last-child) {
    min-height: 120px !important;
}


/* Capacity stays after equal description */
.venue-info-row .wpb_wrapper > .wpb_text_column:last-child {
    margin-top: 0 !important;
}


.venue-info-row .wpb_wrapper > .wpb_text_column:last-child p {
    margin-top: 25px !important;
    color: #a6a6a1 !important;
    font-size: 17.5px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}



/* ========================================
   VENUE IMAGE TEXT ALIGN FINAL
======================================== */

.venue-image-text-align > .wpb_column {
    display:flex !important;
}


.venue-image-text-align .vc_column-inner {
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
}


.venue-image-text-align .wpb_wrapper {
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
}


/* Remove empty spacing after carousel */
.venue-image-text-align .wpcp-carousel-wrapper {
    margin-bottom:0 !important;
}


/* Heading move closer to image */
.venue-image-text-align h2 {
    margin-top:0 !important;
    margin-bottom:20px !important;
}


/* Description height equal */
.venue-image-text-align .wpb_wrapper > p {
    min-height:20px !important;
}


/* Reduce gap before capacity but keep alignment */
.venue-image-text-align .wpb_text_column:last-child {
    margin-top:auto !important;
}


.venue-image-text-align .wpb_text_column:last-child p {
    margin-top:1px !important;
}


/* ========================================
   VENUE TEXT ALIGN WITH IMAGE
======================================== */

.venue-image-text-align .wpb_wrapper > h2,
.venue-image-text-align .wpb_wrapper > p,
.venue-image-text-align .wpb_text_column {
    padding-left: 18px !important;
}


/* ========================================
   VENUE DINING DESCRIPTION + CAPACITY ALIGN
======================================== */

.venue-dining-align .wpb_wrapper {
    display:flex !important;
    flex-direction:column !important;
}


/* Keep heading aligned directly under image */
.venue-dining-align h2 {
    margin-top:0 !important;
    margin-bottom:20px !important;
}


/* Make description area equal height */
.venue-dining-align h2 + p {
    min-height:85px !important;
    margin-bottom:0 !important;
}


/* Capacity stays after equal description */
.venue-dining-align .wpb_text_column:last-child {
    margin-top:20px !important;
}


.venue-dining-align .wpb_text_column:last-child p {
    margin:0 !important;
    color:#a6a6a1 !important;
    font-size:17.5px !important;
    font-family:Arial, Helvetica, sans-serif !important;
}


/* ========================================
   VENUE DINING TEXT LEFT ALIGNMENT
======================================== */

.venue-dining-align .wpb_wrapper > h2,
.venue-dining-align .wpb_wrapper > p,
.venue-dining-align .wpb_text_column {
    padding-left:18px !important;
}


/* ========================================
   VENUE TEXT ALIGNMENT - MOBILE RESET
======================================== */

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

    .venue-image-text-align .wpb_wrapper > h2,
    .venue-image-text-align .wpb_wrapper > p,
    .venue-image-text-align .wpb_text_column,

    .venue-dining-align .wpb_wrapper > h2,
    .venue-dining-align .wpb_wrapper > p,
    .venue-dining-align .wpb_text_column {
        padding-left:20px !important;
    }

}

/* ========================================
   SUITES CARDS EXPLORE ALIGNMENT
======================================== */

.suites-card-row {
    display: flex !important;
    align-items: stretch !important;
}


.suites-card-row > .wpb_column {
    display: flex !important;
}


.suites-card-row .vc_column-inner {
    width: 100% !important;
    display: flex !important;
}


.suites-card-row .wpb_wrapper {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}


/* Description area */
.suites-card-row .wpb_text_column:not(.text-gold) {
    flex-grow: 1 !important;
}


/* Explore section */
.suites-card-row .text-gold {
    margin-top: auto !important;
}


.suites-card-row .text-grey-underline {
    margin-bottom: 0 !important;
}


/* Keep explore aligned */
.suites-card-row .text-grey-underline a {
    display: inline-block !important;
}


/* Mobile */
@media(max-width:767px){

    .suites-card-row {
        display:block !important;
    }


    .suites-card-row > .wpb_column {
        margin-bottom:80px !important;
    }


    .suites-card-row .wpb_wrapper {
        display:block !important;
    }

}



.amenity-item {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #90928e !important;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}


.amenity-item i {
    font-size: 38px;
    color: #90928e !important;
}


.amenity-item span {
    color: #90928e !important;
}



/* Brendel Character Section Mobile Fix */
@media (max-width: 768px) {

    .brendel-character-section .vc_custom_1790169492579 {
        margin-left: 0 !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

}


/* =====================================
   HONEYMOON SUITE MOBILE FIX
===================================== */

@media (max-width: 768px) {

    .honeymoon-suite-section,
    .honeymoon-suite-section .vc_row,
    .honeymoon-suite-section .vc_column_container,
    .honeymoon-suite-section .vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* Add your own controlled spacing */
    .honeymoon-suite-section .wpb_column:first-child .wpb_wrapper {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }


    .honeymoon-suite-section .wpb_column:last-child .wpb_wrapper {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

}



/* ==========================================
   MOBILE SECTION CLEAN SPACING
   Class: mobile-section-fix
========================================== */

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


    /* Remove WPBakery row padding */
    .mobile-section-fix.vc_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    /* Controlled mobile side spacing */
    .mobile-section-fix {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }


    /* Remove column padding */
    .mobile-section-fix .vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* Image spacing - reduced */
    .mobile-section-fix .wpb_single_image {
        margin-bottom: 15px !important;
        padding-bottom: 0 !important;
    }


    .mobile-section-fix .wpb_single_image figure {
        margin-bottom: 0 !important;
    }


    /* Remove image container extra spacing */
    .mobile-section-fix .wpb_wrapper {
        margin-bottom: 0 !important;
    }


    /* Title spacing */
    .mobile-section-fix .title-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 20px !important;
    }


    .mobile-section-fix h2.title {
        margin-top: 0 !important;
    }


}



/* ==========================================
   ACCOMMODATION CARDS ALIGNMENT
   DESKTOP ONLY
========================================== */

@media only screen and (min-width: 768px) {

    .accommodation-cards {
        display: flex !important;
        align-items: stretch !important;
    }


    .accommodation-cards > .wpb_column {
        display: flex !important;
    }


    .accommodation-cards .vc_column-inner {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }


    .accommodation-cards .wpb_wrapper {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }


    /* Align titles */
    .accommodation-cards .title-wrapper {
        min-height: 110px !important;
    }


    /* Align descriptions */
    .accommodation-cards .wpb_text_column:not(.text-gold) {
        min-height: 120px !important;
    }


    /* Align buttons */
    .accommodation-cards .text-gold {
        margin-top: auto !important;
    }


    .accommodation-cards .wpb_single_image {
        margin-bottom: 20px !important;
    }

}



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

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


    .accommodation-cards {
        display: block !important;
    }


    .accommodation-cards > .wpb_column {
        display: block !important;
        width: 100% !important;
    }


    .accommodation-cards .vc_column-inner,
    .accommodation-cards .wpb_wrapper {
        display: block !important;
        height: auto !important;
    }


    /* Remove desktop fixed heights */
    .accommodation-cards .title-wrapper,
    .accommodation-cards .wpb_text_column:not(.text-gold) {
        min-height: auto !important;
    }


    /* Normal mobile spacing */
    .accommodation-cards .wpb_single_image {
        margin-bottom: 20px !important;
    }


    .accommodation-cards .text-gold {
        margin-top: 20px !important;
    }

}



/* ==========================================
   EXPLORE BUTTON ALIGNMENT ONLY
========================================== */

.explore-buttons-align {
    display: flex !important;
    align-items: stretch !important;
}


.explore-buttons-align > .wpb_column {
    display: flex !important;
}


.explore-buttons-align .vc_column-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}


.explore-buttons-align .wpb_wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}


/* Push only Explore link to bottom */
.explore-buttons-align .text-gold {
    margin-top: auto !important;
}



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

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

    .explore-buttons-align {
        display: block !important;
    }


    .explore-buttons-align > .wpb_column {
        display: block !important;
    }


    .explore-buttons-align .vc_column-inner,
    .explore-buttons-align .wpb_wrapper {
        display: block !important;
        height: auto !important;
    }


    .explore-buttons-align .text-gold {
        margin-top: 20px !important;
    }

}





/* ==========================================
   LODGE SHOP MOBILE CLEAN FIX
========================================== */

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


    /* Remove the WPBakery 150px padding */
    body .vc_column-inner.vc_custom_1788000078072 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* Make the brown section full width */
    body .lodge-shop-section {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
    }


    /* Stack columns */
    body .lodge-shop-section > .wpb_column {
        width: 100% !important;
        float: none !important;
    }


    /* Remove column inner padding */
    body .lodge-shop-section .vc_column-inner {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }


    /* Text */
    body .lodge-shop-section .title-wrapper,
    body .lodge-shop-section .wpb_text_column {
        width: 100% !important;
        text-align: left !important;
    }


    /* Image column */
    body .lodge-shop-section .wpb_single_image {
        margin-top: 30px !important;
        text-align: center !important;
    }


    body .lodge-shop-section img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

}