/* * Theme and Elementor pages under the new look: our header and footer replace Elementor's, * Elementor's global colours and fonts are mapped to ours, and forms, basket, checkout and account are restyled. * Nothing here changes markup, so form actions (n8n, emails, account creation) and checkout plugins keep working. */ /* Elementor's own header and footer give way to ours. */ body.ers-themed [data-elementor-type="header"], body.ers-themed [data-elementor-type="footer"], body.ers-themed > .site-header, body.ers-themed > .site-footer{display:none!important} body.ers-themed{background:#fff;color:#0d1b2e;font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif} body.ers-themed .ers-shell{display:contents} /* Elementor kit: old blue #2E88C9 and Inter become navy, Epic blue, Archivo and Instrument Sans. */ body.ers-themed[class*="elementor-kit-"]{ --e-global-color-primary:#0077c2; --e-global-color-secondary:#44526a; --e-global-color-text:#44526a; --e-global-color-accent:#0d1b2e; --e-global-color-d94ea90:#f3f6fa; --e-global-color-e373318:#f8fafc; --e-global-color-98d552e:#dfe5ee; --e-global-color-2ecec9b:#dfe5ee; --e-global-typography-primary-font-family:"Archivo"; --e-global-typography-primary-font-weight:800; --e-global-typography-secondary-font-family:"Instrument Sans"; --e-global-typography-text-font-family:"Instrument Sans"; --e-global-typography-accent-font-family:"Instrument Sans"; --e-global-typography-9bc01f3-font-family:"Archivo"; --e-global-typography-9bc01f3-font-weight:800; --e-global-typography-d15b7ed-font-family:"Archivo"; --e-global-typography-d15b7ed-font-weight:900; --e-global-typography-d15b7ed-line-height:1.12em; --e-global-typography-ffe896b-font-family:"Instrument Sans"; --e-global-typography-0462f39-font-family:"Archivo"; --e-global-typography-0462f39-font-weight:800; } body.ers-themed .elementor h1,body.ers-themed .elementor h2,body.ers-themed .elementor h3, body.ers-themed .entry-content h1,body.ers-themed .entry-content h2,body.ers-themed .entry-content h3, body.ers-themed .elementor-heading-title{font-family:"Archivo",system-ui,sans-serif;color:#0d1b2e;letter-spacing:-.01em;line-height:1.15} body.ers-themed .elementor-widget-text-editor,body.ers-themed .entry-content{font-family:"Instrument Sans",system-ui,sans-serif} /* The designed HTML pages carry their own colour variables: point them at the brand. */ body.ers-themed .epb{--blue:#0077c2;--blue-dk:#0d1b2e;--orange:#ff8a1f;--grey:#44526a;--tint:#f3f6fa;--bd:#dfe5ee} body.ers-themed .epb h1,body.ers-themed .epb h2,body.ers-themed .epb h3{color:#0d1b2e} /* Buttons: navy by default, orange only where it moves someone forward. */ body.ers-themed .elementor-button, body.ers-themed .woocommerce a.button,body.ers-themed .woocommerce button.button,body.ers-themed .woocommerce input.button, body.ers-themed .wp-element-button{border-radius:999px!important;font-family:"Instrument Sans",system-ui,sans-serif!important;font-weight:700!important;background-color:#0d1b2e;color:#fff;border:0;padding:13px 24px} body.ers-themed .elementor-button:hover, body.ers-themed .woocommerce a.button:hover,body.ers-themed .woocommerce button.button:hover{background-color:#16294a;color:#fff} body.ers-themed .woocommerce a.button.alt,body.ers-themed .woocommerce button.button.alt, body.ers-themed .woocommerce #place_order,body.ers-themed .checkout-button, body.ers-themed .single_add_to_cart_button{background:#ff8a1f!important;color:#0d1b2e!important} body.ers-themed .woocommerce a.button.alt:hover,body.ers-themed .woocommerce button.button.alt:hover, body.ers-themed .woocommerce #place_order:hover,body.ers-themed .checkout-button:hover{background:#f27a0c!important} /* Fields everywhere: forms, checkout, account. */ body.ers-themed input[type="text"],body.ers-themed input[type="email"],body.ers-themed input[type="tel"], body.ers-themed input[type="number"],body.ers-themed input[type="password"],body.ers-themed input[type="url"], body.ers-themed input[type="date"],body.ers-themed input[type="search"],body.ers-themed select,body.ers-themed textarea{ border:1px solid #cfd8e4;border-radius:12px;background:#fff;color:#0d1b2e;font:500 16px "Instrument Sans",system-ui,sans-serif; padding:12px 14px;min-height:48px;box-shadow:none;transition:border-color .15s,box-shadow .15s} body.ers-themed textarea{min-height:110px} body.ers-themed input:focus,body.ers-themed select:focus,body.ers-themed textarea:focus{border-color:#00a2ff!important;box-shadow:0 0 0 3px rgba(0,162,255,.18)!important;outline:0} body.ers-themed label{color:#0d1b2e} /* Formidable forms (application, profile, documents, contact). */ body.ers-themed .frm_forms{max-width:760px;margin-inline:auto;font-family:"Instrument Sans",system-ui,sans-serif; --form-width:100%;--font:"Instrument Sans",system-ui,sans-serif;--label-color:#0d1b2e;--text-color:#0d1b2e; --border-color:#cfd8e4;--border-radius:12px;--field-height:48px;--field-pad:12px 14px;--bg-color-active:#fff;--border-color-active:#00a2ff; --submit-bg-color:#ff8a1f;--submit-text-color:#0d1b2e;--submit-border-color:#ff8a1f;--submit-border-radius:999px;--submit-hover-bg-color:#f27a0c; --submit-hover-color:#0d1b2e;--submit-hover-border-color:#f27a0c;--progress-active-bg-color:#0d1b2e;--progress-border-color-b:#dfe5ee;--progress-bg-color:#f3f6fa; --section-color:#0d1b2e;--section-font-size:22px;--check-label-color:#0d1b2e;--description-color:#6a778a} body.ers-themed .frm_forms .frm_form_fields > fieldset{border:1px solid #dfe5ee;border-radius:22px;padding:clamp(18px,4vw,34px);background:#fff;box-shadow:0 30px 60px -40px rgba(13,27,46,.35)} body.ers-themed .frm_forms legend.frm_screen_reader + h3,body.ers-themed .frm_forms h3.frm_form_title, body.ers-themed .frm_forms .frm_section_heading h3{font-family:"Archivo",system-ui,sans-serif;font-weight:900;color:#0d1b2e;border:0;letter-spacing:-.01em} body.ers-themed .frm_forms .frm_primary_label{font-weight:600;font-size:15px;color:#0d1b2e} body.ers-themed .frm_forms .frm_required{color:#0077c2} body.ers-themed .frm_forms .frm_description{color:#6a778a;font-size:13.5px} body.ers-themed .frm_forms .frm_radio label,body.ers-themed .frm_forms .frm_checkbox label{font-size:15px} body.ers-themed .frm_forms input[type="radio"],body.ers-themed .frm_forms input[type="checkbox"]{accent-color:#0d1b2e} body.ers-themed .frm_forms .frm_submit button,body.ers-themed .frm_forms .frm_submit input[type="submit"], body.ers-themed .frm_forms .frm_button_submit{background:#ff8a1f!important;color:#0d1b2e!important;border:0!important;border-radius:999px!important; font:800 16.5px "Instrument Sans",system-ui,sans-serif!important;padding:15px 30px!important;min-height:52px;box-shadow:none!important} body.ers-themed .frm_forms .frm_submit button:hover,body.ers-themed .frm_forms .frm_button_submit:hover{background:#f27a0c!important} body.ers-themed .frm_forms .frm_prev_page{background:transparent!important;color:#0d1b2e!important;border:1.5px solid #0d1b2e!important;border-radius:999px!important;font-weight:700!important} body.ers-themed .frm_forms .frm_error,body.ers-themed .frm_forms .frm_error_style{color:#b4231b;border-radius:12px} body.ers-themed .frm_forms .frm_blank_field input,body.ers-themed .frm_forms .frm_blank_field select{border-color:#d4483f!important} body.ers-themed .frm_forms .frm_message,body.ers-themed .frm_message{background:#e8f5ff;border:1px solid #bfe3fb;color:#0d1b2e;border-radius:14px;padding:16px 18px} body.ers-themed .frm_forms .frm_dropzone{border:1.5px dashed #9fb3cb!important;border-radius:16px!important;background:#f8fafc!important} body.ers-themed .frm_forms .frm_dropzone:hover{border-color:#00a2ff!important} body.ers-themed .frm_forms .frm_page_bar .frm_current_page input,body.ers-themed .frm_forms .frm_rootline_single.frm_current_page span, body.ers-themed .frm_forms .frm_progress_line .frm_current_page{background:#0d1b2e!important;border-color:#0d1b2e!important;color:#fff!important} /* Basket, checkout and account. */ body.ers-themed .woocommerce table.shop_table{border:1px solid #dfe5ee;border-radius:16px;overflow:hidden;border-collapse:separate} body.ers-themed .woocommerce table.shop_table th{font-family:"Instrument Sans",system-ui,sans-serif;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#6a778a;background:#f3f6fa} body.ers-themed .woocommerce-info,body.ers-themed .woocommerce-message{border-top-color:#00a2ff;background:#f3f6fa;color:#0d1b2e;border-radius:12px} body.ers-themed .woocommerce-error{border-top-color:#d4483f;border-radius:12px} body.ers-themed .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:grid;gap:4px} body.ers-themed .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;text-decoration:none;color:#0d1b2e;font-weight:600} body.ers-themed .woocommerce-MyAccount-navigation .is-active a{background:#0d1b2e;color:#fff} body.ers-themed .elementor-widget-text-editor a,body.ers-themed .entry-content a{color:#0077c2} /* Our header's search field keeps its own look (the generic field styles above would box it twice). */ body.ers-themed .ers-search input[type="search"]{border:0!important;box-shadow:none!important;min-height:0;padding:0;background:transparent} /* Breathing room under the sticky header on theme pages. */ body.ers-themed .site-main,body.ers-themed main#content{padding-top:28px} body.ers-themed .page-header .entry-title,body.ers-themed h1.entry-title{font-family:"Archivo",system-ui,sans-serif;font-weight:900;color:#0d1b2e;letter-spacing:-.015em;line-height:1.1} body.ers-themed .frm_forms h1,body.ers-themed .frm_forms h2,body.ers-themed .frm_forms h3,body.ers-themed .frm_forms .frm_html_container h1,body.ers-themed .frm_forms .frm_html_container h3{color:#0d1b2e!important;font-family:"Archivo",system-ui,sans-serif!important;font-weight:900!important;letter-spacing:-.01em} body.ers-themed .frm_forms .frm_html_container h3{font-size:22px;margin:18px 0 4px} body.ers-themed .frm_forms .frm_html_container p{color:#44526a} body.ers-no-title .page-header,body.ers-no-title h1.entry-title{display:none} body.ers-themed .ers .ers-btn{text-decoration:none} /* The theme styles every