/* site overrides — put slider / contact-form / tweak CSS here (keep it out of the pages) */

/* Betheme equal-height valign-middle pulls columns up via translateY(-50%),
   overlapping the previous section/hero when the theme's equalize JS is absent.
   Neutralize the transform at all widths (matches Betheme's own responsive reset). */
.equal-height-wrap .mcb-wrap .mcb-wrap-inner{top:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important}

/* mfn-mobile-menu-fix — Betheme's mobile hamburger relies on its JS to open
   the menu; in a frozen build that JS is unreliable, so tapping does nothing.
   These rules + MOBILE_MENU_JS toggle a `mfn-mobile-open` class on #Header_wrapper
   with no dependency on Betheme JS. Only active when the class is set (added
   solely by tapping the hamburger, which is hidden on desktop), so the desktop
   horizontal menu is untouched. */
#Header_wrapper.mfn-mobile-open #Top_bar{position:relative}
#Header_wrapper.mfn-mobile-open #menu{display:block!important;position:absolute;left:0;right:0;top:100%;background:#fff;z-index:99999;box-shadow:0 10px 30px rgba(0,0,0,.18);max-height:80vh;overflow:auto}
#Header_wrapper.mfn-mobile-open #menu>ul.menu{display:block!important;width:100%}
#Header_wrapper.mfn-mobile-open #menu ul.menu>li{display:block!important;float:none!important;width:100%!important;margin:0!important;border-bottom:1px solid rgba(0,0,0,.08)}
#Header_wrapper.mfn-mobile-open #menu ul.menu li a{display:block!important;padding:14px 22px!important;color:#222!important;line-height:1.3!important}
#Header_wrapper.mfn-mobile-open #menu ul.sub-menu{position:static!important;display:none;left:auto;top:auto;box-shadow:none;min-width:0;background:rgba(0,0,0,.03)}
#Header_wrapper.mfn-mobile-open #menu li.mfn-sub-open>ul.sub-menu{display:block!important}
#Header_wrapper.mfn-mobile-open #menu ul.sub-menu li a{padding-left:42px!important}
.responsive-menu-toggle{cursor:pointer}

.site-credit{display:inline-block;margin-top:6px;font-size:inherit;opacity:.9}
.site-credit a{color:inherit;text-decoration:underline}

/* --- mobile / tablet header -------------------------------------------------
   The Divi Theme Builder header section is set to "disable on phone" AND
   "disable on tablet" in the source, and no alternative mobile header exists,
   so below 981px the site rendered with no logo, no menu and no way to navigate
   at all. Bring that header back and lay its three columns (logo, hamburger,
   Book Now) out as one compact row instead of three stacked blocks. */
@media only screen and (max-width: 980px) {
    .et_pb_section_0_tb_header {
        display: block !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .et_pb_section_0_tb_header .et_pb_row {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        padding: 6px 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .et_pb_section_0_tb_header .et_pb_column {
        width: auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .et_pb_section_0_tb_header .et_pb_column:first-child {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    .et_pb_section_0_tb_header .et_pb_menu__logo img,
    .et_pb_section_0_tb_header .et_pb_image img { max-width: 130px !important; height: auto !important; }
    .et_pb_section_0_tb_header .et_pb_image { margin-bottom: 0 !important; }
    .et_pb_section_0_tb_header .et_pb_button {
        font-size: 13px !important;
        padding: 7px 12px !important;
        margin: 0 8px 0 0 !important;
        white-space: nowrap;
    }
    .et_pb_section_0_tb_header .et_pb_module { margin-bottom: 0 !important; }
}

/* live session captcha for Divi forms that were built with captcha OFF,
   styled to sit with the module's own fields */
.cf-cap-wrap{width:100%;float:none;clear:both;margin-bottom:3%}
.cf-cap-q{display:inline-block;font-size:17px;font-weight:700;letter-spacing:2px;
  background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.15);border-radius:4px;
  padding:10px 14px;white-space:nowrap;user-select:none;margin:0 10px 6px 0;vertical-align:middle}
.cf-cap-a{max-width:170px;display:inline-block;vertical-align:middle}