/* 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}

/* ---- enquiry form, built from this site's own colours and type ---- */
.enq-wrap{max-width:760px;margin:40px auto 0}
.enq{background:#f4f8f4;padding:34px;border-radius:10px;}
.enq-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.enq .full{grid-column:1/-1}
.enq label{display:block;font-size:12px;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;color:#777;margin-bottom:8px}
.enq input,.enq textarea{width:100%;box-sizing:border-box;padding:13px 15px;
  border:1px solid #cfe0cf;border-radius:10px;background:#fff;color:#333;
  font:400 15px Arial,Helvetica,sans-serif;transition:border-color .2s,box-shadow .2s}
.enq input:focus,.enq textarea:focus{outline:none;border-color:#2e7d32;
  box-shadow:0 0 0 3px rgba(46,125,50,.18)}
.enq textarea{min-height:135px;resize:vertical}
.enq-cap{display:flex;align-items:center;gap:12px}
.enq-cap .q{font:700 17px Arial,Helvetica,sans-serif;letter-spacing:2px;background:#e7f2e7;
  border:1px solid #c3ddc3;border-radius:10px;padding:12px 16px;
  white-space:nowrap;user-select:none;color:#1b5e20}
.enq-actions{margin-top:26px}
.enq button{background:#2e7d32;color:#fff;border:0;padding:14px 34px;
  border-radius:40px;font:600 15px Arial,Helvetica,sans-serif;cursor:pointer;transition:.25s}
.enq button:hover{background:#1b5e20}
.enq button:disabled{opacity:.6;cursor:default}
.enq-hp{position:absolute;left:-9999px}
.enq-msg{display:none;margin-top:20px;padding:14px 16px;border-radius:10px;font-size:15px}
.enq-msg.ok{display:block;background:#eaf6ec;border:1px solid #bfe0c6;color:#245c31}
.enq-msg.err{display:block;background:#fdecec;border:1px solid #f3c2c2;color:#8c2b2b}
.enq-wrap .center,#enquiry .center{text-align:center}
@media(max-width:640px){.enq{padding:26px 18px}.enq-grid{grid-template-columns:1fr}}