/* Brady Tours & Travel - the few scoped rules Elementor controls cannot express. Documented in wordpress-handoff/README.md.
   Fonts: Instrument Sans and Instrument Serif are self-hosted by Elementor (Settings > Features > Load Google Fonts Locally), so no @font-face is needed here.
   The bundled Instrument Sans TTFs in /fonts are kept only as an offline backup. */
html{scroll-behavior:smooth;scroll-padding-top:110px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 0. Skip link: hidden until focused. */
.brady-skip{position:fixed;left:12px;top:-100px;z-index:100000;background:#fff;color:#073F32;padding:12px 18px;border-radius:4px;font:600 14px/1.2 'Instrument Sans',Arial,sans-serif;text-decoration:none;box-shadow:0 4px 18px rgba(0,0,0,.2)}
.brady-skip:focus{top:12px;outline:3px solid #A37316;outline-offset:2px}

/* 4. Keyboard focus: the theme/Elementor reset removes outlines, so restore a clearly visible ring (contrast >= 3:1 on light and dark areas). */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,.elementor-tab-title:focus-visible{outline:3px solid #A37316!important;outline-offset:3px!important}
.brady-footer a:focus-visible,.brady-footer button:focus-visible,.brady-hero a:focus-visible,.brady-page-header a:focus-visible{outline-color:#E4AE43!important}

/* 1. Home quick-quote strip (container class brady-quote-strip):
   keep the 3-column field row and the submit button on one line on desktop. */
.brady-quote-strip fieldset{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}
.brady-quote-strip .ff-t-container{flex:1 1 520px;gap:20px}
.brady-quote-strip .ff_submit_btn_wrapper{flex:0 0 auto;margin:0}
.brady-quote-strip .ff_submit_btn_wrapper .ff-btn-submit{min-height:48px;min-width:200px}
.brady-quote-strip .ff-el-group{margin-bottom:0}
@media(min-width:768px) and (max-width:999px){.brady-quote-strip .ff-t-container{flex:1 1 100%}.brady-quote-strip .ff_submit_btn_wrapper{flex:1 1 100%}.brady-quote-strip .ff_submit_btn_wrapper .ff-btn-submit{width:100%}}
@media(max-width:767px){.brady-quote-strip fieldset{display:block}.brady-quote-strip .ff-t-container{gap:15px}.brady-quote-strip .ff_submit_btn_wrapper{margin-top:15px}.brady-quote-strip .ff_submit_btn_wrapper .ff-btn-submit{width:100%}}

/* 2. The Kit's default button padding/background must not leak into the XPRO mobile-menu toggle and close buttons
   (it squeezed their icons to zero width). */
.brady-header button.xpro-elementor-horizontal-menu-toggler,.brady-header button.xpro-elementor-horizontal-menu-close{padding:0}
.brady-header button.xpro-elementor-horizontal-menu-close{background:#fff;border:1px solid #DDE3DC;border-radius:4px}

/* 3. "Request a Quote" item in the phone menu (class brady-menu-cta): a full-width gold button with an arrow. It is phone-only; from 768px the
   header button is used instead. !important is needed because the XPRO menu stylesheet sets a white background on every item. */
.brady-header .xpro-elementor-horizontal-navbar-nav > li.brady-menu-cta > a{display:flex!important;align-items:center;justify-content:center;gap:12px;background:#E4AE43!important;color:#042E26!important;font-weight:600!important;line-height:1.4!important;text-align:center;border-radius:4px;min-height:52px!important;padding:14px 24px!important;margin-top:20px;transition:background-color .2s ease,box-shadow .2s ease}
.brady-header .xpro-elementor-horizontal-navbar-nav > li.brady-menu-cta > a::after{content:"\2192";font-weight:400}
.brady-header .xpro-elementor-horizontal-navbar-nav > li.brady-menu-cta > a:hover,.brady-header .xpro-elementor-horizontal-navbar-nav > li.brady-menu-cta > a:focus-visible{background:#F0BD56!important;color:#042E26!important;box-shadow:0 6px 16px rgba(4,46,38,.22)}
.brady-header li.brady-menu-cta{border-bottom:0!important}
@media(min-width:766.99px){.brady-header li.brady-menu-cta{display:none}}

/* 5. Compact "Quote" button in the phone header (class brady-quote-compact). It is shown up to 766.98px, the same point at which Elementor hides the
   full "Request a Quote" header button, so exactly one quote button is ever visible. */
.brady-header .brady-quote-compact{display:none}
@media(max-width:766.98px){.brady-header .brady-quote-compact{display:flex}}

/* 6. Header vertical centring: the Kit's 1.9 line height leaves an empty strip under the inline logo image and the inline-block buttons, which
   pushed them about 5px above the centre line. Laying those widgets out as flex removes the strip. */
.brady-header .elementor-widget-xpro-site-logo,.brady-header .elementor-widget-xpro-site-logo .xpro-site-logo,.brady-header .elementor-widget-xpro-button:not(.brady-quote-compact){display:flex}
@media(max-width:766.98px){.brady-header .elementor-widget-xpro-button.elementor-hidden-mobile{display:none}}