/* Lead form honeypot: off-screen, never seen by people. */
.lead-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.lead-msg[hidden] { display: none; }
form.sent .lead-msg { border: 2px solid #46b450; }
form.failed .lead-msg, form.invalid .lead-msg { border: 2px solid #dc3232; }

/* Font Awesome 4.7 icon font, self-hosted (the old sites loaded it from use.fontawesome.com). */
@font-face { font-family: 'FontAwesome'; src: url('/fonts/fa4/fontawesome-webfont.woff2') format('woff2'), url('/fonts/fa4/fontawesome-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; }
@font-face { font-family: 'fontawesome'; src: url('/fonts/fa4/fontawesome-webfont.woff2') format('woff2'), url('/fonts/fa4/fontawesome-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; }

/* Wordmark in place of Divi's stock placeholder logo: a fixed, readable size at every width (Divi sized it as a % of a header height its JS set). */
#main-header #logo { height: 48px !important; max-height: none !important; width: auto !important; max-width: 70vw !important; }
@media (max-width: 980px) { #main-header #logo { height: 44px !important; } }

/* Divi phone menu: the whole "Select Page" bar opens the menu, the icon is a 44 px tap target, and both sit centred in the bar. */
#et_mobile_nav_menu .mobile_nav { cursor: pointer; min-height: 44px; display: flex !important; align-items: center; position: relative; }
#et_mobile_nav_menu .mobile_menu_bar { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; top: 50% !important; transform: translateY(-50%); }
#et_mobile_nav_menu .mobile_menu_bar:before { top: 0 !important; }

/* The old theme hid its logo (it was Divi's stock placeholder) with body classes; show the wordmark at every width. */
#main-header .logo_container { opacity: 1 !important; height: auto !important; display: block !important; padding: 10px 0 0 !important; }
@media (max-width: 980px) { #main-header .logo_container { padding: 0 !important; } }

/* Divi's script set the gap above the content to the header's real height; without it the theme's fixed 147/136 px left an empty band. site.js keeps it exact; these are the measured heights for first paint. */
:root { --hdr-h: 114px; }
@media (max-width: 980px) { :root { --hdr-h: 148px; } }
.et_fixed_nav.et_show_nav #page-container { padding-top: var(--hdr-h) !important; }

/* Phone menu icon: the brand orange was 1.6:1 on the grey bar; the logo's dark gold reads at 5:1. */
#et_mobile_nav_menu .mobile_menu_bar:before, #et_mobile_nav_menu .mobile_menu_bar:after { color: #8a5a00 !important; }