/* Custom CSS for website theme Version: 1.0 Description: Used to establish the look and feel for the custom website Author: Full Spectrum Marketing Author URL: http://www.fsm.agency DEVELOPER NOTES: - #page-container selector is intentionally used throughout for scoping to override Divi and WordPress core styles. This ensures proper specificity and prevents style conflicts with parent theme and plugin styles. - fsm-btn-* classes implement the Weaver Figma button matrix (primary, outlined, ghost, secondary/gold, accent, white). Apply them on Divi Button modules. Chevron-right is injected via CSS (::after + Font Awesome); module icon not required. - Transition syntax: Property-specific transitions (e.g., "border-color 0.2s ease") are preferred for performance and clarity, but "ease all" is acceptable for simple cases where multiple properties need the same transition. - Copy variables from theme.css to variables.css when ready to organize per project. - Use only semantic variables in CSS (e.g. --text-link, --background-tertiary). Do not use primitive tokens (e.g. --blue-500, --gray-200) outside of :root. Primitives are only used to define semantic variables inside :root. - If a semantic is missing (e.g. --text-link-hover, --btn-primary-bg-lighter, --background-brand-subtle), add it to :root and use it here. Typography tokens (--font-size-*, --font-weight-*, --line-height-*, --font-family-heading, --font-family-sans) are still used where no semantic equivalent exists (e.g. --form-label-font-size, --heading-size-h3). */ :root { --font-family-heading: 'Lato', sans-serif; --font-family-sans: 'Roboto', sans-serif; --font-family-button: 'Roboto', sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-weight-extra-light: 100; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-bold: 700; --font-size-50: 12px; --font-size-100: 14px; --font-size-200: 16px; --font-size-300: 20px; --font-size-400: 24px; --font-size-500: 32px; --font-size-600: 40px; --font-size-700: 48px; --font-size-800: 64px; --font-size-900: 72px; --line-height-tight: 1.05; --line-height-xs: 1.25; --line-height-body: 1.43; --line-height-sm: 1.5; --line-height-none: 1; --size-0: 0px; --size-1: 1px; --size-2: 2px; --size-4: 4px; --size-6: 6px; --size-8: 8px; --size-10: 10px; --size-12: 12px; --size-16: 16px; --size-20: 20px; --size-24: 24px; --size-28: 28px; --size-32: 32px; --size-40: 40px; --size-48: 48px; --size-56: 56px; --size-64: 64px; --size-80: 80px; --size-96: 96px; --size-100: 100px; --size-120: 120px; --size-160: 160px; --size-999: 999px; --size-negative-4: -4px; --size-negative-8: -8px; --size-negative-12: -12px; --size-negative-16: -16px; --size-negative-24: -24px; --white: #FFFFFF; --black: #000000; --weaver-navy: #072b74; --weaver-steel: #a3bcc4; --weaver-gold: #fac800; --weaver-gold-hover: #ffdf5d; --weaver-mist: #d8e1e4; --weaver-neutral: #333333; --gcid-body-color: var(--weaver-neutral) !important; --Primary: var(--weaver-navy); --gray-50: #FBFCFDFF; --gray-100: #F1F5F9FF; --gray-200: #E2E8F0FF; --gray-300: #CBD5E1FF; --gray-400: #94A3B8FF; --gray-500: #64748BFF; --gray-600: #475569FF; --gray-700: #334155FF; --gray-800: #1F2937FF; --gray-900: #0F172AFF; --blue-50: #EFF6FFFF; --blue-100: #DBEAFEFF; --blue-200: #BFDBFEFF; --blue-300: #93C5FDFF; --blue-400: #60A5FAFF; --blue-500: #3B82F6FF; --blue-600: #2563EBFF; --blue-700: #1D4ED8FF; --blue-800: #1E40AFFF; --blue-900: #1E3A8AFF; --teal-50: #F0FDFAFF; --teal-100: #CCFBF1FF; --teal-200: #99F6E4FF; --teal-300: #5EEAD4FF; --teal-400: #2DD4BFFF; --teal-500: #14B8A6FF; --teal-600: #0D9488FF; --teal-700: #0F766EFF; --teal-800: #115E59FF; --teal-900: #134E4AFF; --orange-50: #FFF7ED; --orange-100: #FFEDD5; --orange-400: #FB923C; --orange-500: #F97316; --orange-600: #EA580C; --orange-700: #C2410C; --purple-50: #EEF2FF; --purple-100: #E0E7FF; --purple-400: #818CF8; --purple-500: #6366F1; --purple-600: #4F46E5; --purple-700: #4338CA; --feedback-green-50: #F0FDF4; --feedback-green-100: #DCFCE7; --feedback-green-500: #22C55E; --feedback-green-700: #15803D; --feedback-red-50: #FEF2F2; --feedback-red-100: #FEE2E2; --feedback-red-500: #EF4444; --feedback-red-700: #B91C1C; --radius-none: var(--size-0); --radius-sm: var(--size-4); --radius-md: var(--size-8); --radius-lg: var(--size-16); --radius-xl: var(--size-24); --radius-full: var(--size-999); --border-width-none: var(--size-0); --border-width-default: var(--size-1); --border-width-strong: var(--size-2); --border-width-heavy: var(--size-4); --space-none: var(--size-0); --space-xs: var(--size-4); --space-sm: var(--size-8); --space-md: var(--size-12); --space-lg: var(--size-16); --space-card-sm: var(--size-20); --space-card-md: var(--size-24); --space-card-lg: var(--size-32); --space-card-xl: var(--size-40); --space-section-sm: var(--size-48); --space-section-md: var(--size-64); --space-section-lg: var(--size-80); --space-section-hero: var(--size-96); --heading-size-h1: 47px; --heading-size-h2: 36px; --heading-size-h3: 30px; --heading-size-h4: 24px; --heading-size-h5: 20px; --heading-size-h6: 16px; --heading-size-h1-mobile: 36px; --heading-size-h2-mobile: 30px; --heading-size-h3-mobile: 24px; --heading-line-height-h1: var(--line-height-tight); --heading-line-height: var(--line-height-xs); --body-font-size: var(--font-size-200); --body-line-height: var(--line-height-body); --background-primary: var(--gray-50); --background-secondary: var(--weaver-mist); --background-tertiary: var(--gray-200); --background-muted: var(--gray-100); --background-inverse: var(--weaver-navy); --overlay-dark: rgba(0, 0, 0, 0.4); --overlay-inverse: color-mix(in srgb, var(--weaver-navy) 81%, transparent); --text-default: var(--weaver-neutral); --text-heading: var(--Primary); --text-muted: var(--gray-500); --text-link: var(--weaver-navy); --text-link-hover: var(--white); --text-link-hover-bg: var(--weaver-navy); --text-on-action: var(--white); --text-inverse: var(--white); --icon-default: var(--weaver-steel); --icon-muted: var(--gray-300); --icon-brand: var(--weaver-navy); --icon-on-brand: var(--white); --icon-on-brand-secondary: var(--weaver-steel); --border-default: var(--gray-200); --border-interactive: var(--weaver-navy); --border-focus: var(--weaver-gold); --feedback-success-bg: var(--feedback-green-50); --feedback-success-text: var(--feedback-green-700); --feedback-destructive-bg: var(--feedback-red-50); --feedback-destructive-text: var(--feedback-red-700); --form-field-label: var(--text-default); --form-field-border: var(--border-default); --form-field-background: var(--background-primary); --form-field-focus: var(--border-focus); --form-field-text: var(--text-default); --form-icon: var(--icon-default); --form-placeholder-text: var(--text-muted); --form-required-error: var(--feedback-destructive-text); --form-success: var(--feedback-success-text); --btn-radius: var(--radius-md); --btn-padding-x: var(--space-lg); --btn-padding-y: var(--space-md); --btn-padding-x-sm: var(--size-12); --btn-padding-y-sm: var(--size-8); --btn-gap: var(--size-8); /* Extra end padding so an absolutely positioned chevron keeps label-only underlines */ --btn-padding-inline-end: calc(var(--btn-padding-x) + var(--btn-gap) + var(--btn-icon-box)); --btn-padding-inline-end-sm: calc(var(--btn-padding-x-sm) + var(--btn-gap) + var(--btn-icon-box)); --btn-font-size: 16px; --btn-font-weight: 700; --btn-icon-size: var(--size-16); --btn-icon-box: var(--size-20); --btn-chevron: "\f054"; --btn-border-width: var(--size-2); --btn-focus-ring-width: var(--size-2); --btn-focus-ring-offset: 0px; --btn-focus-ring-radius: 0px; --btn-primary-bg: var(--weaver-navy); --btn-primary-bg-hover: var(--gray-800); --btn-primary-text: var(--white); --btn-outlined-border: var(--weaver-navy); --btn-outlined-border-hover: var(--gray-900); --btn-outlined-text: var(--weaver-navy); --btn-outlined-text-hover: var(--gray-900); --btn-ghost-text: var(--weaver-navy); --btn-ghost-text-hover: var(--gray-900); --btn-ghost-bg-hover: var(--gray-100); --btn-white-bg: var(--white); --btn-white-text: var(--weaver-navy); --btn-white-bg-hover: var(--weaver-mist); --color-action-secondary-default: var(--weaver-gold); --color-action-secondary-hover: var(--weaver-gold-hover); --color-action-secondary-text: var(--weaver-neutral); --color-action-accent-default: var(--orange-500); --color-action-accent-hover: var(--orange-600); --color-action-accent-text: var(--white); } /* Shared Weaver button master (overrides Divi ETmodules icon + core.css defaults) */ #page-container .et_pb_button.fsm-btn-primary, #page-container .et_pb_button.et_pb_button_one, #page-container .et_pb_button.fsm-btn-secondary, #page-container .et_pb_button.et_pb_button_two, #page-container .et_pb_button.fsm-btn-outlined, #page-container .et_pb_button.fsm-btn-ghost, #page-container .et_pb_button.fsm-btn-accent, #page-container .et_pb_button.fsm-btn-white, #page-container .gform_wrapper .gform_footer .gform_button.button { display: inline-block !important; position: relative !important; width: auto !important; max-width: none !important; padding: var(--btn-padding-y) var(--btn-padding-inline-end) var(--btn-padding-y) var(--btn-padding-x) !important; border-radius: var(--btn-radius) !important; border-style: solid !important; border-width: 0 !important; font-family: var(--font-family-button) !important; font-size: var(--btn-font-size) !important; font-weight: var(--btn-font-weight) !important; line-height: var(--line-height-none) !important; letter-spacing: 0 !important; text-transform: none !important; text-align: center !important; text-decoration: none !important; font-style: normal !important; vertical-align: middle !important; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, text-decoration-color 0.2s ease; } #page-container .et_pb_button.fsm-btn-primary:hover, #page-container .et_pb_button.et_pb_button_one:hover, #page-container .et_pb_button.fsm-btn-secondary:hover, #page-container .et_pb_button.et_pb_button_two:hover, #page-container .et_pb_button.fsm-btn-outlined:hover, #page-container .et_pb_button.fsm-btn-ghost:hover, #page-container .et_pb_button.fsm-btn-accent:hover, #page-container .et_pb_button.fsm-btn-white:hover, #page-container .gform_wrapper .gform_footer .gform_button.button:hover, #page-container .et_pb_button.fsm-btn-primary:focus, #page-container .et_pb_button.et_pb_button_one:focus, #page-container .et_pb_button.fsm-btn-secondary:focus, #page-container .et_pb_button.et_pb_button_two:focus, #page-container .et_pb_button.fsm-btn-outlined:focus, #page-container .et_pb_button.fsm-btn-ghost:focus, #page-container .et_pb_button.fsm-btn-accent:focus, #page-container .et_pb_button.fsm-btn-white:focus, #page-container .gform_wrapper .gform_footer .gform_button.button:focus { text-decoration: underline !important; text-underline-offset: 0.15em; } /* Chevron-right — replaces Divi ETmodules ::after (Font Awesome 7 Pro via Divi Integrations) */ #page-container .et_pb_button.fsm-btn-primary:before, #page-container .et_pb_button.et_pb_button_one:before, #page-container .et_pb_button.fsm-btn-secondary:before, #page-container .et_pb_button.et_pb_button_two:before, #page-container .et_pb_button.fsm-btn-outlined:before, #page-container .et_pb_button.fsm-btn-ghost:before, #page-container .et_pb_button.fsm-btn-accent:before, #page-container .et_pb_button.fsm-btn-white:before, #page-container .gform_wrapper .gform_footer .gform_button.button:before { display: none !important; content: none !important; } #page-container .et_pb_button.fsm-btn-primary:after, #page-container .et_pb_button.et_pb_button_one:after, #page-container .et_pb_button.fsm-btn-secondary:after, #page-container .et_pb_button.et_pb_button_two:after, #page-container .et_pb_button.fsm-btn-outlined:after, #page-container .et_pb_button.fsm-btn-ghost:after, #page-container .et_pb_button.fsm-btn-accent:after, #page-container .et_pb_button.fsm-btn-white:after, #page-container .gform_wrapper .gform_footer .gform_button.button:after { content: var(--btn-chevron) !important; font: var(--fa-font-solid) !important; font-family: "Font Awesome 7 Pro", "Font Awesome 6 Pro" !important; speak: never; display: block !important; visibility: visible !important; width: var(--btn-icon-box) !important; height: var(--btn-icon-box) !important; min-width: var(--btn-icon-box) !important; font-size: var(--btn-icon-size) !important; line-height: var(--btn-icon-box) !important; text-align: center !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; /* Out of flow so parent text-decoration underlines label text only */ position: absolute !important; top: 50% !important; right: var(--btn-padding-x) !important; left: auto !important; transform: translateY(-50%) !important; color: currentColor !important; text-decoration: none !important; -webkit-font-smoothing: antialiased; transition: none !important; pointer-events: none; } #page-container .et_pb_button.fsm-btn-primary:hover:after, #page-container .et_pb_button.et_pb_button_one:hover:after, #page-container .et_pb_button.fsm-btn-secondary:hover:after, #page-container .et_pb_button.et_pb_button_two:hover:after, #page-container .et_pb_button.fsm-btn-outlined:hover:after, #page-container .et_pb_button.fsm-btn-ghost:hover:after, #page-container .et_pb_button.fsm-btn-accent:hover:after, #page-container .et_pb_button.fsm-btn-white:hover:after, #page-container .gform_wrapper .gform_footer .gform_button.button:hover:after, #page-container .et_pb_button.fsm-btn-primary:focus:after, #page-container .et_pb_button.et_pb_button_one:focus:after, #page-container .et_pb_button.fsm-btn-secondary:focus:after, #page-container .et_pb_button.et_pb_button_two:focus:after, #page-container .et_pb_button.fsm-btn-outlined:focus:after, #page-container .et_pb_button.fsm-btn-ghost:focus:after, #page-container .et_pb_button.fsm-btn-accent:focus:after, #page-container .et_pb_button.fsm-btn-white:focus:after, #page-container .gform_wrapper .gform_footer .gform_button.button:focus:after { color: currentColor !important; text-decoration: none !important; transform: translateY(-50%) !important; left: auto !important; right: var(--btn-padding-x) !important; margin: 0 !important; } #page-container .et_pb_button.fsm-btn-primary:focus-visible, #page-container .et_pb_button.et_pb_button_one:focus-visible, #page-container .et_pb_button.fsm-btn-secondary:focus-visible, #page-container .et_pb_button.et_pb_button_two:focus-visible, #page-container .et_pb_button.fsm-btn-outlined:focus-visible, #page-container .et_pb_button.fsm-btn-ghost:focus-visible, #page-container .et_pb_button.fsm-btn-accent:focus-visible, #page-container .et_pb_button.fsm-btn-white:focus-visible, #page-container .gform_wrapper .gform_footer .gform_button.button:focus-visible { outline: var(--btn-focus-ring-width) solid var(--border-focus); outline-offset: var(--btn-focus-ring-offset); } /* PRIMARY — navy fill, white text */ #page-container .et_pb_button.fsm-btn-primary, #page-container .et_pb_button.et_pb_button_one { background-color: var(--btn-primary-bg) !important; color: var(--btn-primary-text) !important; border-color: var(--btn-primary-bg) !important; } #page-container .et_pb_button.fsm-btn-primary:hover, #page-container .et_pb_button.et_pb_button_one:hover { background-color: var(--btn-primary-bg-hover) !important; color: var(--btn-primary-text) !important; border-color: var(--btn-primary-bg-hover) !important; } #page-container .et_pb_button.fsm-btn-primary:focus, #page-container .et_pb_button.et_pb_button_one:focus { background-color: var(--btn-primary-bg-hover) !important; color: var(--btn-primary-text) !important; } /* SECONDARY — gold fill, neutral text (Figma Color=Secondary, not brand steel) */ #page-container .et_pb_button.fsm-btn-secondary, #page-container .et_pb_button.et_pb_button_two { background-color: var(--color-action-secondary-default) !important; color: var(--color-action-secondary-text) !important; border-color: var(--color-action-secondary-default) !important; } #page-container .et_pb_button.fsm-btn-secondary:hover, #page-container .et_pb_button.et_pb_button_two:hover { background-color: var(--color-action-secondary-hover) !important; color: var(--color-action-secondary-text) !important; border-color: var(--color-action-secondary-hover) !important; } #page-container .et_pb_button.fsm-btn-secondary:focus, #page-container .et_pb_button.et_pb_button_two:focus { background-color: var(--color-action-secondary-hover) !important; color: var(--color-action-secondary-text) !important; } /* PRIMARY ON DARK LAYOUT — white fill, navy text */ #page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-primary, #page-container .et_pb_button.et_pb_bg_layout_dark.et_pb_button_one { background-color: var(--btn-white-bg) !important; color: var(--btn-white-text) !important; border-color: var(--btn-white-bg) !important; } #page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-primary:hover, #page-container .et_pb_button.et_pb_bg_layout_dark.et_pb_button_one:hover { background-color: var(--btn-white-bg-hover) !important; color: var(--btn-white-text) !important; border-color: var(--btn-white-bg-hover) !important; } #page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-primary:focus, #page-container .et_pb_button.et_pb_bg_layout_dark.et_pb_button_one:focus { background-color: var(--btn-white-bg-hover) !important; color: var(--btn-white-text) !important; } /* SECONDARY ON DARK LAYOUT — gold still reads on navy */ #page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-secondary, #page-container .et_pb_button.et_pb_bg_layout_dark.et_pb_button_two { background-color: var(--color-action-secondary-default) !important; color: var(--color-action-secondary-text) !important; border-color: var(--color-action-secondary-default) !important; } #page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-secondary:hover, #page-container .et_pb_button.et_pb_bg_layout_dark.et_pb_button_two:hover { background-color: var(--color-action-secondary-hover) !important; color: var(--color-action-secondary-text) !important; border-color: var(--color-action-secondary-hover) !important; } #page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-secondary:focus, #page-container .et_pb_button.et_pb_bg_layout_dark.et_pb_button_two:focus { background-color: var(--color-action-secondary-hover) !important; color: var(--color-action-secondary-text) !important; } /* WHITE — navy-section CTA */ #page-container .et_pb_button.fsm-btn-white { background-color: var(--btn-white-bg) !important; color: var(--btn-white-text) !important; border-color: var(--btn-white-bg) !important; } #page-container .et_pb_button.fsm-btn-white:hover { background-color: var(--btn-white-bg-hover) !important; color: var(--btn-white-text) !important; border-color: var(--btn-white-bg-hover) !important; } #page-container .et_pb_button.fsm-btn-white:focus { background-color: var(--btn-white-bg-hover) !important; color: var(--btn-white-text) !important; } /* OUTLINED — transparent fill, 2px navy border (Figma 628:23 default) */ #page-container .et_pb_button.fsm-btn-outlined, #page-container .gform_wrapper .gform_footer .gform_button.button { background-color: transparent !important; color: var(--btn-outlined-text) !important; border-width: var(--btn-border-width) !important; border-style: solid !important; border-color: var(--btn-outlined-border) !important; box-shadow: none !important; transform: none !important; } /* OUTLINED hover — darker border/text + underline (Figma 628:25) */ #page-container .et_pb_button.fsm-btn-outlined:hover, #page-container .et_pb_button.fsm-btn-outlined:focus, #page-container .gform_wrapper .gform_footer .gform_button.button:hover, #page-container .gform_wrapper .gform_footer .gform_button.button:focus { background-color: transparent !important; color: var(--btn-outlined-text-hover) !important; border-color: var(--btn-outlined-border-hover) !important; transform: none !important; } /* OUTLINED on dark — inverted for navy sections (quote form) */ #page-container .et_pb_bg_layout_dark .et_pb_button.fsm-btn-outlined, #page-container .et_pb_bg_layout_dark .gform_wrapper .gform_footer .gform_button.button, #page-container #rm-quote .gform_wrapper .gform_footer .gform_button.button { background-color: transparent !important; color: var(--text-inverse) !important; border-color: var(--text-inverse) !important; } #page-container .et_pb_bg_layout_dark .et_pb_button.fsm-btn-outlined:hover, #page-container .et_pb_bg_layout_dark .et_pb_button.fsm-btn-outlined:focus, #page-container .et_pb_bg_layout_dark .gform_wrapper .gform_footer .gform_button.button:hover, #page-container .et_pb_bg_layout_dark .gform_wrapper .gform_footer .gform_button.button:focus, #page-container #rm-quote .gform_wrapper .gform_footer .gform_button.button:hover, #page-container #rm-quote .gform_wrapper .gform_footer .gform_button.button:focus { background-color: transparent !important; color: var(--btn-white-bg-hover) !important; border-color: var(--btn-white-bg-hover) !important; } /* GHOST — text + chevron, no fill or border */ #page-container .et_pb_button.fsm-btn-ghost { background-color: transparent !important; color: var(--btn-ghost-text) !important; border-width: 0; padding: var(--space-xs); } #page-container .et_pb_button.fsm-btn-ghost:hover, #page-container .et_pb_button.fsm-btn-ghost:focus { background-color: var(--btn-ghost-bg-hover) !important; color: var(--btn-ghost-text-hover) !important; } /* ACCENT — orange fill, white text (button file only; not in 7-color palette) */ #page-container .et_pb_button.fsm-btn-accent { background-color: var(--color-action-accent-default) !important; color: var(--color-action-accent-text) !important; border-color: var(--color-action-accent-default) !important; } #page-container .et_pb_button.fsm-btn-accent:hover, #page-container .et_pb_button.fsm-btn-accent:focus { background-color: var(--color-action-accent-hover) !important; color: var(--color-action-accent-text) !important; border-color: var(--color-action-accent-hover) !important; } /* LARGE BUTTON SIZING */ #page-container .et_pb_button.fsm-btn-primary.large, #page-container .et_pb_button.fsm-btn-secondary.large, #page-container .et_pb_button.fsm-btn-outlined.large, #page-container .et_pb_button.fsm-btn-ghost.large, #page-container .et_pb_button.fsm-btn-accent.large, #page-container .et_pb_button.fsm-btn-white.large, #page-container .et_pb_button.et_pb_button_one.large, #page-container .et_pb_button.et_pb_button_two.large { padding: 1em calc(2em + var(--btn-gap) + var(--btn-icon-box)) 1em 2em !important; font-size: var(--font-size-200) !important; } #page-container .et_pb_button.fsm-btn-primary.large:after, #page-container .et_pb_button.fsm-btn-secondary.large:after, #page-container .et_pb_button.fsm-btn-outlined.large:after, #page-container .et_pb_button.fsm-btn-ghost.large:after, #page-container .et_pb_button.fsm-btn-accent.large:after, #page-container .et_pb_button.fsm-btn-white.large:after, #page-container .et_pb_button.et_pb_button_one.large:after, #page-container .et_pb_button.et_pb_button_two.large:after { right: 2em !important; } /* SMALL BUTTON SIZING — Figma Small (12x8); ghost keeps 4px padding */ #page-container .et_pb_button.fsm-btn-primary.small, #page-container .et_pb_button.fsm-btn-secondary.small, #page-container .et_pb_button.fsm-btn-outlined.small, #page-container .et_pb_button.fsm-btn-accent.small, #page-container .et_pb_button.fsm-btn-white.small, #page-container .et_pb_button.et_pb_button_one.small, #page-container .et_pb_button.et_pb_button_two.small { padding: var(--btn-padding-y-sm) var(--btn-padding-inline-end-sm) var(--btn-padding-y-sm) var(--btn-padding-x-sm) !important; font-size: var(--btn-font-size) !important; } #page-container .et_pb_button.fsm-btn-primary.small:after, #page-container .et_pb_button.fsm-btn-secondary.small:after, #page-container .et_pb_button.fsm-btn-outlined.small:after, #page-container .et_pb_button.fsm-btn-accent.small:after, #page-container .et_pb_button.fsm-btn-white.small:after, #page-container .et_pb_button.et_pb_button_one.small:after, #page-container .et_pb_button.et_pb_button_two.small:after { right: var(--btn-padding-x-sm) !important; } #page-container .et_pb_button.fsm-btn-ghost.small { padding: var(--space-xs) calc(var(--space-xs) + var(--btn-gap) + var(--btn-icon-box)) var(--space-xs) var(--space-xs) !important; } #page-container .et_pb_button.fsm-btn-ghost.small:after { right: var(--space-xs) !important; } /* Font Sizing — Weaver style guide (Lato headings, Roboto body, descending H1–H6) */ body:not(.et-vb-root-ancestor) #page-container { h1, h2, h3, h4, h5, h6 { font-family: var(--font-family-heading); font-weight: var(--font-weight-bold); color: var(--Primary, #072b74); } h1 { font-size: var(--heading-size-h1); line-height: var(--heading-line-height-h1); } h2 { font-size: var(--heading-size-h2); line-height: var(--heading-line-height); } h3 { font-size: var(--heading-size-h3); line-height: var(--heading-line-height); } h4 { font-size: var(--heading-size-h4); line-height: var(--heading-line-height); } h5 { font-size: var(--heading-size-h5); line-height: var(--heading-line-height); } h6 { font-size: var(--heading-size-h6); line-height: var(--heading-line-height); } } @media screen and (max-width: 767px) { body:not(.et-vb-root-ancestor) #page-container { h1 { font-size: var(--heading-size-h1-mobile); } h2 { font-size: var(--heading-size-h2-mobile); } h3 { font-size: var(--heading-size-h3-mobile); } } } body:not(.et-vb-root-ancestor) { p, li { font-family: var(--font-family-sans); font-size: var(--body-font-size); font-weight: var(--font-weight-regular); line-height: var(--body-line-height); } } body .small { font-size: .75rem; } /*Blog Font Sizes*/ body:not(.et-vb-root-ancestor).post-template-default { h1 { &.entry-title { font-size: clamp(1.75rem, round(1.125rem + 2cqi, 0.5em), 2.625rem) !important; } } h2 { font-size: clamp(1.5rem, round(0.875rem + 2cqi, 0.5em), 2.375rem) !important; } h3 { font-size: clamp(1.25rem, round(0.75rem + 2cqi, 0.5em), 2.125rem) !important; } h4 { font-size: clamp(1.125rem, round(0.625rem + 2cqi, 0.5em), 1.875rem) !important; } h5 { font-size: clamp(1rem, round(0.5rem + 2cqi, 0.5em), 1.625rem) !important; } h6 { font-size: clamp(0.875rem, round(0.375rem + 2cqi, 0.5em), 1.375rem) !important; } } /* END FONT STYLE */ /* START HEADER STYLES */ #main-header { margin-top: 20px; } #main-header a:not(.et_pb_button, #logo):not(:has(img)) { color: var(--text-link); } .mega-menu li a { color: var(--text-link) !important; transition: ease all 0.3s !important; } .mega-menu li a:hover { opacity: .8 !important; } /* ACTIVE LINK STYLES */ .mega-current-menu-item a.mega-menu-link { text-decoration: underline 2px inherit !important; text-underline-offset: 8px !important; } /* Primary button treatment for Max Mega Menu items (matches fsm-btn-primary) */ #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn { line-height: normal !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link { display: inline-block !important; position: relative !important; align-items: unset !important; justify-content: unset !important; gap: 0 !important; width: auto !important; height: auto !important; min-height: 0 !important; line-height: var(--line-height-none) !important; padding: var(--btn-padding-y) var(--btn-padding-inline-end) var(--btn-padding-y) var(--btn-padding-x) !important; margin: 0 !important; border-radius: var(--btn-radius) !important; border: none !important; background-color: var(--btn-primary-bg) !important; background-image: none !important; color: var(--btn-primary-text) !important; font-family: var(--font-family-button) !important; font-size: var(--btn-font-size) !important; font-weight: var(--btn-font-weight) !important; font-style: normal !important; letter-spacing: 0 !important; text-transform: none !important; text-align: center !important; text-decoration: none !important; opacity: 1 !important; box-shadow: none !important; vertical-align: middle !important; transition: background-color 0.2s ease, color 0.2s ease, text-decoration-color 0.2s ease !important; } #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:hover, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:focus, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:hover, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:focus, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:hover, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:focus, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:hover, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:focus, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:hover, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:focus, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:hover, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:focus, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:hover, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:focus, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:hover, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:focus { background-color: var(--btn-primary-bg-hover) !important; color: var(--btn-primary-text) !important; text-decoration: underline !important; text-underline-offset: 0.15em !important; opacity: 1 !important; } #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:before, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:before, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:before, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:before, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:before, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:before, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:before, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:before { display: none !important; content: none !important; } #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:after, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:after, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:after, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:after, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:after, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:after, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:after, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:after { content: var(--btn-chevron) !important; font: var(--fa-font-solid) !important; font-family: "Font Awesome 7 Pro", "Font Awesome 6 Pro" !important; speak: never; display: block !important; visibility: visible !important; width: var(--btn-icon-box) !important; height: var(--btn-icon-box) !important; min-width: var(--btn-icon-box) !important; font-size: var(--btn-icon-size) !important; line-height: var(--btn-icon-box) !important; text-align: center !important; color: currentColor !important; background: none !important; border: none !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; /* Out of flow so parent text-decoration underlines label text only */ position: absolute !important; top: 50% !important; right: var(--btn-padding-x) !important; left: auto !important; transform: translateY(-50%) !important; text-decoration: none !important; pointer-events: none; } #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:hover:after, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:focus:after, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:hover:after, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:focus:after, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:hover:after, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:focus:after, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:hover:after, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:focus:after, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:hover:after, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:focus:after, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:hover:after, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:focus:after, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:hover:after, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:focus:after, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:hover:after, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:focus:after { color: currentColor !important; text-decoration: none !important; transform: translateY(-50%) !important; right: var(--btn-padding-x) !important; margin: 0 !important; } #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:active, #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:active, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:active, #page-container #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:active, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:active, #et-boc #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:active, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.primary-btn > a.mega-menu-link:active, #et-boc #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item.mega-primary-btn > a.mega-menu-link:active { transform: translateY(1px); } /*mobile menu*/ #page-container #et-boc #mega-menu-wrap-primary-menu li#mobile-menu-item { text-align: left !important; } #page-container #et-boc #mega-menu-wrap-primary-menu li#mobile-menu-item a { color: var(--text-link) !important; text-decoration-color: var(--text-link) !important; padding: 0 10px; } li.mobile-menu-item a:hover { color: var(--text-link) !important; text-decoration: underline !important; } #page-container #et-boc .mega-mobile-hide { display: none !important; } #page-container #et-boc li.mobile-menu-item { line-height: 3em; padding-top: 0; padding-bottom: 0; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, li.mobile-menu-item { color: var(--text-link) !important; } @media screen and (min-width: 980px) { li.mobile-menu-item { display: none; } } /*END HEADER*/ /* START FOOTER STYLES — skip buttons and logo/image links */ #main-footer a:not(.et_pb_button, #logo):not(:has(img)), .copyright-footer a:not(.et_pb_button, #logo):not(:has(img)) { color: var(--text-link); text-decoration: underline; text-underline-offset: 0.15em; padding: 2px; border-radius: 4px; } #main-footer a:not(.et_pb_button, #logo):not(:has(img)):hover, .copyright-footer a:not(.et_pb_button, #logo):not(:has(img)):hover { text-decoration: none; background-color: var(--text-link-hover-bg); color: var(--text-link-hover); } /*END FOOTER*/ /* Global Styles */ .et_pb_text ul { padding-bottom: 0px; } /* END GLOBAL STYLES */ /* START PAGE ORGANIZATION */ /* HOMEPAGE */ /*END*/ /* BLOG */ /*END*/ /* BLOG LIST */ /*END*/ /* ============================================ GRAVITY FORMS ORBITAL THEME STYLES ============================================ */ /* Global Orbital Theme Variables - Maps theme variables to Gravity Forms CSS API */ .gform-theme--orbital { /* Primary Colors */ --gf-color-primary: var(--btn-primary-bg); --gf-color-primary-contrast: var(--text-on-action); --gf-color-primary-darker: var(--btn-primary-bg-hover); --gf-color-primary-lighter: var(--btn-primary-bg); /* Secondary Colors */ --gf-color-secondary: var(--icon-default); --gf-color-secondary-contrast: var(--text-on-action); --gf-color-secondary-darker: var(--color-action-secondary-hover); --gf-color-secondary-lighter: var(--icon-default); /* Control Colors */ --gf-control-bg-color: var(--background-primary); --gf-control-bg-color-focus: var(--background-primary); --gf-control-border-color: var(--border-default); --gf-control-border-color-focus: var(--gf-color-primary); --gf-control-color: var(--text-default); --gf-control-color-focus: var(--text-default); --gf-control-color-placeholder: var(--text-muted); /* Framework Control Variables (gf-ctrl-* shorthand) */ --gf-ctrl-bg-color: var(--gf-control-bg-color); --gf-ctrl-bg-color-focus: var(--gf-control-bg-color-focus); --gf-ctrl-border-color: var(--gf-control-border-color); --gf-ctrl-border-color-focus: var(--gf-color-primary); --gf-ctrl-color: var(--gf-control-color); --gf-ctrl-color-focus: var(--gf-control-color-focus); /* Focus Outline Variables - Subtle shadow for depth, border provides main feedback */ --gf-ctrl-outline-color-focus: var(--btn-primary-bg); --gf-ctrl-outline-width-focus: 2px; /* Label Colors */ --gf-label-color: var(--white); --gf-label-font-size: var(--font-size-200); --gf-label-font-weight: var(--font-weight-medium); --gf-label-line-height: var(--line-height-sm); /* Description Colors */ --gf-description-color: var(--text-muted); --gf-description-font-size: var(--font-size-100); --gf-description-line-height: var(--line-height-sm); /* Button Colors */ --gf-button-primary-bg-color: var(--btn-primary-bg); --gf-button-primary-bg-color-hover: var(--btn-primary-bg-hover); --gf-button-primary-color: var(--btn-primary-text); --gf-button-primary-color-hover: var(--btn-primary-text); /* Border & Radius */ --gf-control-border-radius: 4px; --gf-control-border-width: 1px; --gf-control-padding-x: 16px; --gf-control-padding-y: 12px; /* Spacing */ --gf-field-margin-bottom: 24px; --gf-label-margin-bottom: 8px; --gf-description-margin-top: 4px; /* Typography */ --gf-control-font-size: var(--font-size-200); --gf-control-line-height: var(--line-height-sm); --gf-control-font-family: var(--font-family-sans); /* Error States */ --gf-error-color: var(--feedback-destructive-text); --gf-error-bg-color: var(--feedback-destructive-bg); --gf-error-border-color: var(--feedback-destructive-text); /* Success States */ --gf-success-color: var(--form-success); --gf-success-bg-color: var(--feedback-success-bg); } /* Foundation Layer Variable Overrides - Override Foundation defaults */ #page-container .gform-theme--foundation, #page-container .gform-theme--api { --gf-form-gap-x: 16px; --gf-form-gap-y: 20px; --gf-form-footer-margin-y-start: 24px; --gf-form-footer-gap: 8px; --gf-field-gap-x: 12px; --gf-field-gap-y: 12px; --gf-field-date-width: 168px; --gf-field-time-width: 110px; --gf-field-list-btns-gap: 8px; --gf-field-list-btns-width: calc(32px + var(--gf-field-list-btns-gap) + var(--gf-field-gap-x)); --gf-field-pg-steps-gap-y: 8px; --gf-field-pg-steps-gap-x: 24px; --gf-label-width: 30%; --gf-label-req-gap: 6px; } /* Form Wrapper Base Styles */ #page-container .gform-theme--orbital { font-family: var(--font-family-sans); color: var(--weaver-gold); } /* Form Field Container */ #page-container .gform-theme--orbital .gfield { margin-bottom: var(--gf-field-margin-bottom); } /* Labels */ #page-container .gform-theme--orbital .gfield_label, #page-container .gform-theme--orbital label.gfield_label { color: var(--gf-label-color); font-size: var(--gf-label-font-size); font-weight: var(--gf-label-font-weight); line-height: var(--gf-label-line-height); margin-bottom: var(--gf-label-margin-bottom); font-family: var(--font-family-sans); } /* Required Label Indicator */ #page-container .gform-theme--orbital .gfield_required { color: var(--weaver-gold); margin-left: 4px; } /* Field Descriptions */ #page-container .gform-theme--orbital .gfield_description, #page-container .gform-theme--orbital .gfield_description.validation_message { color: var(--gf-description-color); font-size: var(--gf-description-font-size); line-height: var(--gf-description-line-height); margin-top: var(--gf-description-margin-top); } /* Text Inputs, Textareas, Selects */ #page-container .gform-theme--orbital input[type="text"], #page-container .gform-theme--orbital input[type="email"], #page-container .gform-theme--orbital input[type="tel"], #page-container .gform-theme--orbital input[type="url"], #page-container .gform-theme--orbital input[type="number"], #page-container .gform-theme--orbital input[type="password"], #page-container .gform-theme--orbital input[type="date"], #page-container .gform-theme--orbital input[type="time"], #page-container .gform-theme--orbital textarea, #page-container .gform-theme--orbital select { background-color: var(--gf-control-bg-color); border: var(--gf-control-border-width) solid var(--gf-control-border-color); border-radius: var(--gf-control-border-radius); color: var(--gf-control-color); font-size: var(--gf-control-font-size); line-height: var(--gf-control-line-height); font-family: var(--gf-control-font-family); padding: var(--gf-control-padding-y) var(--gf-control-padding-x); transition: border-color 0.2s ease, box-shadow 0.2s ease; width: 100%; } /* Field sizing — keep selects identical to text inputs (core + Figma quote form) */ #page-container .gform-theme--orbital input[type="text"], #page-container .gform-theme--orbital input[type="email"], #page-container .gform-theme--orbital input[type="tel"], #page-container .gform-theme--orbital input[type="url"], #page-container .gform-theme--orbital input[type="number"], #page-container .gform-theme--orbital input[type="password"], #page-container .gform-theme--orbital input[type="date"], #page-container .gform-theme--orbital input[type="time"], #page-container .gform-theme--orbital textarea, #page-container .gform-theme--orbital select { font-size: 1.25em; line-height: normal; padding: 0.5em; block-size: auto !important; height: auto !important; min-block-size: 0 !important; min-height: 0 !important; box-sizing: border-box; } #page-container .gform-theme--orbital select { padding: 0.5em 2.25em 0.5em 0.5em !important; } /* Input Focus States - Framework handles focus states via CSS variables */ /* Removed manual focus styles to allow framework variables to work properly */ /* Placeholder Text */ #page-container .gform-theme--orbital input::placeholder, #page-container .gform-theme--orbital textarea::placeholder { color: var(--gf-control-color-placeholder); opacity: 1; } /* Submit Button — page-break nav keeps Orbital primary; footer submit uses Weaver Primary Outlined below */ #page-container .gform-theme--orbital .gform_page_footer .gform_button, #page-container .gform-theme--orbital .gform_page_footer input[type="submit"], #page-container .gform-theme--orbital .gform_page_footer button[type="submit"] { background-color: var(--gf-button-primary-bg-color); color: var(--gf-button-primary-color); border: none; border-radius: var(--gf-control-border-radius); padding: var(--gf-control-padding-y) var(--gf-control-padding-x); font-size: var(--gf-control-font-size); font-weight: var(--font-weight-medium); font-family: var(--font-family-sans); cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; text-transform: uppercase; letter-spacing: 0.32px; } #page-container .gform-theme--orbital .gform_page_footer .gform_button:hover, #page-container .gform-theme--orbital .gform_page_footer input[type="submit"]:hover, #page-container .gform-theme--orbital .gform_page_footer button[type="submit"]:hover { background-color: var(--gf-button-primary-bg-color-hover); } #page-container .gform-theme--orbital .gform_page_footer .gform_button:active, #page-container .gform-theme--orbital .gform_page_footer input[type="submit"]:active, #page-container .gform-theme--orbital .gform_page_footer button[type="submit"]:active { transform: translateY(1px); } /* Error States */ #page-container .gform-theme--orbital .gfield_error input, #page-container .gform-theme--orbital .gfield_error textarea, #page-container .gform-theme--orbital .gfield_error select { border-color: var(--gf-error-border-color); background-color: var(--gf-error-bg-color); } #page-container .gform-theme--orbital .gfield_error .validation_message { color: var(--gf-error-color); font-size: var(--gf-description-font-size); margin-top: var(--gf-description-margin-top); } /* Success Message */ #page-container .gform-theme--orbital .gform_confirmation_message { background-color: var(--gf-success-bg-color); color: var(--gf-success-color); padding: 16px; border-radius: var(--gf-control-border-radius); border-left: 4px solid var(--gf-success-color); margin-bottom: var(--gf-field-margin-bottom); } /* Checkbox and Radio Styles */ #page-container .gform-theme--orbital .gchoice label { font-weight: var(--font-weight-regular); color: var(--text-default); cursor: pointer; } #page-container .gform-theme--orbital input[type="checkbox"], #page-container .gform-theme--orbital input[type="radio"] { width: auto; margin-right: 8px; cursor: pointer; } /* File Upload Field */ #page-container .gform-theme--orbital .ginput_container_fileupload input[type="file"] { padding: var(--gf-control-padding-y); } /* Hidden Fields */ #page-container .gform-theme--orbital .gform_hidden { display: none; } /* Page Break Navigation */ #page-container .gform-theme--orbital .gform_page_footer { margin-top: 32px; } #page-container .gform-theme--orbital .gform_page_footer .gform_previous_button { background-color: var(--background-tertiary); color: var(--text-default); } #page-container .gform-theme--orbital .gform_page_footer .gform_previous_button:hover { background-color: var(--background-secondary); } /* Progress Bar (if using progress indicators) */ #page-container .gform-theme--orbital .gf_progressbar { background-color: var(--background-tertiary); border-radius: var(--gf-control-border-radius); height: 8px; margin-bottom: var(--gf-field-margin-bottom); } #page-container .gform-theme--orbital .gf_progressbar_percentage { background-color: var(--gf-color-primary); border-radius: var(--gf-control-border-radius); height: 100%; transition: width 0.3s ease; } /* Responsive Adjustments */ @media (max-width: 768px) { #page-container .gform-theme--orbital { --gf-control-padding-x: 14px; --gf-control-padding-y: 10px; --gf-field-margin-bottom: 20px; } } /* Validation summary — GF markup uses h2; display at h3, error color per style guide */ body:not(.et-vb-root-ancestor) #page-container .gform_validation_errors > h2.gform_submission_error { font-size: var(--heading-size-h3); line-height: var(--heading-line-height); color: var(--form-required-error); } body:not(.et-vb-root-ancestor) #page-container .gform_validation_errors > h2.gform_submission_error .gform-icon { color: inherit; } @media screen and (max-width: 767px) { body:not(.et-vb-root-ancestor) #page-container .gform_validation_errors > h2.gform_submission_error { font-size: var(--heading-size-h3-mobile); } } body:not(.et-vb-root-ancestor) #page-container .gform_validation_errors ol a.gform_validation_error_link { color: var(--form-required-error); text-decoration: underline; text-underline-offset: 0.15em; background-color: transparent; } body:not(.et-vb-root-ancestor) #page-container .gform_validation_errors ol a.gform_validation_error_link:hover, body:not(.et-vb-root-ancestor) #page-container .gform_validation_errors ol a.gform_validation_error_link:focus-visible { background-color: var(--white); color: var(--form-required-error); text-decoration: none; } /* END GRAVITY FORMS ORBITAL THEME STYLES */ /* ============================================ GRAVITY FORMS FLOATING LABELS (behavior only) Label starts inside the control; shrinks/moves up on :focus-within or .float-label-has-value. Reuses existing form tokens — no new palette. ============================================ */ #page-container .gform-theme--orbital .has-float-label { position: relative; display: block; width: 100%; } /* Kill GF Orbital sub-label margins inside float shells */ #page-container .gform-theme--orbital .has-float-label > label.gfield_label, #page-container .gform-theme--orbital .has-float-label > label.gform-field-label { position: absolute; left: 0.75em; z-index: 2; margin: 0 !important; padding: 0 !important; max-width: calc(100% - 1.5em); pointer-events: none; transform-origin: left center; /* Inside white controls — override Orbital / framework label tokens */ color: var(--form-placeholder-text) !important; font-size: 1.25em !important; line-height: normal !important; font-weight: var(--font-weight-regular) !important; transition: top 0.22s ease, transform 0.22s ease, font-size 0.22s ease; } /* Rest: single-line — vertically centered in the empty control */ #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) > label.gfield_label, #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) > label.gform-field-label { top: 50%; transform: translateY(-50%); } /* Rest: textarea — top-left inside tall control */ #page-container .gform-theme--orbital .has-float-label.ginput_container_textarea > label.gfield_label, #page-container .gform-theme--orbital .has-float-label.ginput_container_textarea > label.gform-field-label { top: 0.85rem; transform: translateY(0); } /* Floated: focus, has value, or permanently floated (selects) — keep muted gray like Email */ #page-container .gform-theme--orbital .has-float-label:focus-within > label.gfield_label, #page-container .gform-theme--orbital .has-float-label.float-label-has-value > label.gfield_label, #page-container .gform-theme--orbital .has-float-label.float-label-always > label.gfield_label, #page-container .gform-theme--orbital .has-float-label:focus-within > label.gform-field-label, #page-container .gform-theme--orbital .has-float-label.float-label-has-value > label.gform-field-label, #page-container .gform-theme--orbital .has-float-label.float-label-always > label.gform-field-label { top: 0.45em; transform: translateY(0); font-size: 0.75rem !important; color: var(--form-placeholder-text) !important; } /* Extra top padding so typed text clears the micro-label. left padding matches label `left` so name + value share one vertical edge. */ #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) input[type="text"], #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) input[type="email"], #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) input[type="tel"], #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) input[type="url"], #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) input[type="number"], #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) input[type="password"], #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) select { padding-top: 1.15em !important; padding-bottom: 0.35em !important; padding-left: 0.5em !important; padding-right: 0.75em !important; } #page-container .gform-theme--orbital .has-float-label:not(.ginput_container_textarea) select { padding-right: 2.25em !important; } #page-container .gform-theme--orbital .has-float-label.ginput_container_textarea textarea { padding-top: 1.75em !important; padding-bottom: 0.5em !important; padding-left: 0.75em !important; padding-right: 0.75em !important; } /* Placeholders must not compete with the floating label */ #page-container .gform-theme--orbital .has-float-label input::placeholder, #page-container .gform-theme--orbital .has-float-label textarea::placeholder { color: transparent !important; opacity: 0 !important; } /* Required marker — keep in DOM; error token for contrast on white */ #page-container .gform-theme--orbital .has-float-label > label .gfield_required, #page-container .et_pb_bg_layout_dark .gform-theme--orbital .has-float-label > label .gfield_required { color: var(--form-required-error) !important; margin-left: 0.2em; } /* Dark sections: floated labels stay muted gray inside white inputs */ #page-container .et_pb_bg_layout_dark .gform-theme--orbital .has-float-label > label.gfield_label, #page-container .et_pb_bg_layout_dark .gform-theme--orbital .has-float-label > label.gform-field-label, #page-container .et_pb_bg_layout_dark .gform-theme--orbital .has-float-label:focus-within > label.gfield_label, #page-container .et_pb_bg_layout_dark .gform-theme--orbital .has-float-label.float-label-has-value > label.gfield_label, #page-container .et_pb_bg_layout_dark .gform-theme--orbital .has-float-label.float-label-always > label.gfield_label, #page-container .et_pb_bg_layout_dark .gform-theme--orbital .has-float-label:focus-within > label.gform-field-label, #page-container .et_pb_bg_layout_dark .gform-theme--orbital .has-float-label.float-label-has-value > label.gform-field-label, #page-container .et_pb_bg_layout_dark .gform-theme--orbital .has-float-label.float-label-always > label.gform-field-label { color: var(--form-placeholder-text) !important; } @media (prefers-reduced-motion: reduce) { #page-container .gform-theme--orbital .has-float-label > label.gfield_label, #page-container .gform-theme--orbital .has-float-label > label.gform-field-label { transition: none; } } /* END GRAVITY FORMS FLOATING LABELS */ /* Legacy gform_wrapper — dark sections (e.g. #rm-quote on navy) */ #page-container .et_pb_bg_layout_dark .gform_wrapper .gform_required_legend, #page-container .et_pb_bg_layout_dark .gform_wrapper .gform_required_legend .gfield_required { color: var(--text-inverse); } #page-container .et_pb_bg_layout_dark .gform_wrapper .gfield--type-captcha .gfield_label, #page-container .et_pb_bg_layout_dark .gform_wrapper .gfield--type-captcha .gform-field-label__text { color: var(--text-inverse); } #page-container .gform_wrapper .gform_footer .gform_button.button:active { transform: none !important; } #page-container .et_pb_bg_layout_dark .gform-theme--orbital .gform_required_legend, #page-container .et_pb_bg_layout_dark .gform-theme--orbital .gfield--type-captcha .gfield_label { color: var(--text-inverse); } /* ============================================ FAQ SECTION STYLES ============================================ */ /* FAQ Section Container */ #page-container .faq-section { padding: 60px 0; } /* FAQ Accordion Container */ #page-container .faq-section .et_pb_accordion { display: flex; flex-direction: column; gap: 16px; } /* Individual FAQ Toggle Item */ #page-container .faq-section .et_pb_toggle { background-color: var(--background-primary); border: 1px solid var(--border-default); border-radius: 8px; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; overflow: hidden; } /* Toggle Title (Question) */ #page-container .faq-section .et_pb_toggle_title { position: relative; padding: 20px 24px 20px 56px; margin: 0; font-size: var(--font-size-300); font-weight: var(--font-weight-medium); line-height: var(--line-height-sm); color: var(--text-heading); cursor: pointer; transition: color 0.2s ease; font-family: var(--font-family-sans); } /* Toggle Title Hover State */ #page-container .faq-section .et_pb_toggle_title:hover { color: var(--btn-primary-bg-hover); } /* Expand/Collapse Icon - Using Font Awesome 7 Pro (loaded via Divi Integrations) */ #page-container .faq-section .et_pb_toggle_title::before { content: '\2b'; /* Plus icon */ font: var(--fa-font-solid); display: flex; align-items: center; justify-content: center; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; font-size: 18px; color: var(--icon-brand); background-color: var(--background-primary); border-radius: 50%; transition: background-color 0.2s ease, color 0.2s ease; line-height: 1; margin: 0; padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 6px; box-sizing: border-box; } /* Open State - Font Awesome minus icon */ #page-container .faq-section .et_pb_toggle_open .et_pb_toggle_title::before { content: '\2212'; /* Minus icon (mathematical minus sign) */ background-color: var(--btn-primary-bg); color: var(--text-on-action); transition: background-color 0.2s ease, color 0.2s ease; } /* Toggle Content (Answer) */ #page-container .faq-section .et_pb_toggle_content { padding: 0 24px 24px 56px; color: var(--text-default); font-size: var(--font-size-200); line-height: var(--line-height-sm); font-family: var(--font-family-sans); transition: opacity 0.3s ease, max-height 0.3s ease; } /* Toggle Content Paragraphs */ #page-container .faq-section .et_pb_toggle_content p { margin-bottom: 16px; color: var(--text-default); } #page-container .faq-section .et_pb_toggle_content p:last-child { margin-bottom: 0; } /* Open Toggle State - Enhanced Visual Feedback */ #page-container .faq-section .et_pb_toggle_open { border-color: var(--border-interactive); background-color: var(--background-primary); box-shadow: 0 2px 8px rgba(59, 130, 246, 0.08); } /* Closed Toggle Hover State */ #page-container .faq-section .et_pb_toggle_close:hover { border-color: var(--border-interactive); background-color: var(--background-secondary); } /* Closed Toggle Hover - Icon Animation */ #page-container .faq-section .et_pb_toggle_close:hover .et_pb_toggle_title::before { background-color: var(--btn-ghost-bg-hover); color: var(--btn-primary-bg-hover); } /* Open Toggle Hover State */ #page-container .faq-section .et_pb_toggle_open:hover { box-shadow: 0 4px 12px rgba(59, 130, 246, 0.12); } #page-container .et_pb_blurb { max-width: unset; } /* Responsive Adjustments */ @media (max-width: 768px) { #page-container .faq-section { padding: 40px 0; } #page-container .faq-section .et_pb_accordion { gap: 12px; } #page-container .faq-section .et_pb_toggle_title { padding: 16px 20px 16px 48px; font-size: var(--font-size-200); } #page-container .faq-section .et_pb_toggle_title::before { left: 16px; width: 20px; height: 20px; font-size: var(--font-size-300); } #page-container .faq-section .et_pb_toggle_content { padding: 0 20px 20px 48px; font-size: var(--font-size-100); } } /* END FAQ SECTION STYLES */ /* Start Social Share Icon Styles for [social_share] shortcode */ .fsm-social-share { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; margin-block-start: 1rem; } .fsm-social-share__label { font-weight: 600; line-height: 1.4; } .fsm-social-share__list { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 0; padding: 0; list-style: none; } .fsm-social-share__item { margin: 0; padding: 0; } .fsm-social-share__link { display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 4px; color: #fff; font-size: 1.125rem; line-height: 1; text-decoration: none; transition: transform 160ms ease, filter 160ms ease; } .fsm-social-share__link:hover { color: #fff; filter: brightness(0.88); transform: translateY(-2px); } .fsm-social-share__link:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; } /* Brand colors */ .fsm-social-share__item--facebook .fsm-social-share__link { background-color: #1877f2; } .fsm-social-share__item--x .fsm-social-share__link { background-color: #000; } .fsm-social-share__item--linkedin .fsm-social-share__link { background-color: #0a66c2; } .fsm-social-share__item--email .fsm-social-share__link { background-color: #555; } @media (prefers-reduced-motion: reduce) { .fsm-social-share__link { transition: none; } .fsm-social-share__link:hover { transform: none; } } /* ============================================ REUSABLE LAYOUT PRIMITIVES Cards, accent bars, boxed rows, content sliders. Apply via Divi Advanced → CSS Class. Consume Weaver tokens only. ============================================ */ #page-container .text-center, #page-container .text-center h1, #page-container .text-center h2, #page-container .text-center h3, #page-container .text-center h4, #page-container .text-center p { text-align: center; } #page-container .card { background-color: var(--white); border: var(--border-width-default) solid var(--border-interactive); padding: var(--space-card-lg); height: 100%; box-sizing: border-box; } #page-container .card .et-pb-icon, #page-container .card .et_pb_main_blurb_image .et-pb-icon, #page-container .card .et_pb_main_blurb_image img { color: var(--icon-default) !important; font-size: var(--size-40); width: var(--size-48); height: var(--size-48); display: flex; align-items: center; justify-content: center; object-fit: contain; } #page-container .card .et_pb_main_blurb_image { width: var(--size-48); height: var(--size-48); margin-bottom: var(--space-sm); } #page-container .card .et_pb_blurb_container { text-align: left; } #page-container .card--square { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: var(--space-card-md); } #page-container .card--square .et_pb_text_inner, #page-container .card--square h4 { margin: 0; text-align: center; } /* Trigger cards — fixed square; hover reveals detail, block stays vertically centered */ #page-container .card--trigger { --trigger-detail-max: 5.5rem; --trigger-duration: 120ms; aspect-ratio: 1; display: flex; align-items: stretch; justify-content: center; overflow: hidden; height: 100%; padding: var(--space-card-md); text-align: center; background-color: var(--white); transition: background-color var(--trigger-duration) ease; } #page-container .card--trigger .et_pb_text_inner { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; text-align: center; } #page-container .card--trigger h4 { margin: 0; text-align: center; } #page-container .card--trigger p { min-height: 0; max-height: 0; margin: 0; padding: 0; overflow: hidden; color: var(--weaver-neutral); font-size: var(--body-font-size); line-height: var(--body-line-height); opacity: 0; transition: opacity 150ms ease 0ms, max-height var(--trigger-duration) ease 60ms, margin var(--trigger-duration) ease 60ms; } @media (hover: hover) { #page-container .card--trigger:hover { background-color: color-mix(in srgb, var(--weaver-navy) 8%, var(--white)); } #page-container .card--trigger:hover p { max-height: var(--trigger-detail-max); margin-top: var(--space-xs); opacity: 1; transition: max-height var(--trigger-duration) ease 0ms, margin var(--trigger-duration) ease 0ms, opacity var(--trigger-duration) ease var(--trigger-duration); } } #page-container .card--trigger.is-active { background-color: color-mix(in srgb, var(--weaver-navy) 8%, var(--white)); } #page-container .card--trigger.is-active p { max-height: var(--trigger-detail-max); margin-top: var(--space-xs); opacity: 1; transition: max-height var(--trigger-duration) ease 0ms, margin var(--trigger-duration) ease 0ms, opacity var(--trigger-duration) ease var(--trigger-duration); } @media (prefers-reduced-motion: reduce) { #page-container .card--trigger, #page-container .card--trigger p { transition: none; } } #page-container .accent-rule { --accent-rule-color: var(--icon-default); border-left: var(--size-10) solid var(--accent-rule-color); padding-left: var(--space-lg); } #page-container .accent-rule--gold { --accent-rule-color: var(--color-action-secondary-default); } #page-container .accent-rule + .accent-rule { margin-top: var(--space-card-lg); } #page-container .boxed-row { border: var(--border-width-default) solid var(--border-interactive); padding: var(--space-card-xl); } #page-container .image-overlay-stack { position: relative; } #page-container .image-overlay-stack .et_pb_image:last-child { position: absolute; top: 16%; right: 18%; width: 42%; max-width: 160px; } #page-container .content-slider { --content-slider-track: min(1200px, 80%); --content-slider-arrow-size: 33px; --content-slider-arrow-gap: 35px; --content-slider-chrome: 136px; /* (33px × 2) + (35px × 2) */ display: flex; justify-content: center; width: 100%; } /* Track + 35px gaps + arrows — shrink-wrapped and centered in the Divi row */ #page-container .content-slider__frame { display: inline-flex; align-items: center; column-gap: var(--content-slider-arrow-gap); max-width: 100%; margin-inline: auto; position: relative; justify-content: center; } #page-container .content-slider__track.swiper { margin-left: 0; margin-right: 0; flex: 0 1 auto; width: var(--content-slider-track); max-width: calc(100% - var(--content-slider-chrome)); min-width: 0; overflow: hidden; } #page-container .content-slider .swiper-wrapper { display: flex; box-sizing: content-box; align-items: stretch; } #page-container .content-slider .swiper-slide { height: auto; box-sizing: border-box; } #page-container .content-slider .swiper-button-prev, #page-container .content-slider .swiper-button-next { position: static !important; inset: auto !important; flex: 0 0 var(--content-slider-arrow-size); width: var(--content-slider-arrow-size); height: 25px; margin-top: 0 !important; transform: none !important; background-position: center; background-repeat: no-repeat; background-size: contain; color: transparent; cursor: pointer; } #page-container .content-slider .swiper-button-prev { background-image: url('/wp-content/uploads/arrow-left.svg'); } #page-container .content-slider .swiper-button-next { background-image: url('/wp-content/uploads/arrow-right.svg'); } #page-container .content-slider .swiper-button-prev::after, #page-container .content-slider .swiper-button-next::after { content: none; } #page-container .content-slider > .swiper-notification { display: none; } #page-container .et_pb_bg_layout_dark .gform-theme--orbital .gfield_label, #page-container .et_pb_bg_layout_dark .gform-theme--orbital label.gfield_label { color: var(--text-inverse); } @media (max-width: 1199px) { #page-container .content-slider { justify-content: center; } #page-container .content-slider__frame { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-sm); row-gap: var(--space-lg); width: var(--content-slider-track); max-width: 80%; margin-inline: auto; justify-content: flex-start; } #page-container .content-slider__track.swiper { order: 1; flex: 1 0 100%; width: 100%; max-width: 100%; } #page-container .content-slider .swiper-button-prev { order: 2; } #page-container .content-slider .swiper-button-next { order: 3; } } @media (max-width: 980px) { #page-container .content-slider__frame { width: 90% !important; max-width: 90% !important; } } @media (max-width: 767px) { #page-container .boxed-row { padding: var(--space-card-md); } #page-container .image-overlay-stack .et_pb_image:last-child { max-width: 120px; } } /* Thank-you confirmation pages (e.g. #rm-thank-you) */ #page-container #rm-thank-you .et_pb_row { max-width: 720px; margin-left: auto; margin-right: auto; } #page-container #rm-thank-you .et_pb_blurb { margin-bottom: var(--space-24, 24px); } #page-container #rm-thank-you .et_pb_blurb .et_pb_module_header, #page-container #rm-thank-you .et_pb_blurb .et_pb_blurb_content { display: none; } #page-container #rm-thank-you .et_pb_blurb .et-pb-icon { font-size: 48px; color: var(--weaver-steel, #a3bcc4); } #page-container #rm-thank-you h1 { margin-bottom: var(--space-16, 16px); } #page-container #rm-thank-you .et_pb_text p { margin-bottom: var(--space-16, 16px); } #page-container #rm-thank-you .et_pb_button_module_wrapper { margin-top: var(--space-24, 24px); } /* START LANDING PAGE CHROME (white header/footer) */ #main-header.lp-header .lp-header-actions { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 24px; } #main-header.lp-header .lp-header-menu, #main-footer.lp-footer #mega-menu-wrap-footer-menu { margin-bottom: 0; } /* Reset Mega Menu chrome in LP header/footer (footer has no .lp-footer-menu class — target wrap directly) */ #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu, #main-footer.lp-footer #mega-menu-wrap-footer-menu { background: transparent !important; clear: none; } /* Hide hamburger while menus are short (1–2 items); show items inline instead */ #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu .mega-menu-toggle, #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu .mega-menu-toggle ~ button.mega-close, #main-footer.lp-footer #mega-menu-wrap-footer-menu .mega-menu-toggle, #main-footer.lp-footer #mega-menu-wrap-footer-menu .mega-menu-toggle ~ button.mega-close { display: none !important; } #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu, #main-footer.lp-footer #mega-menu-wrap-footer-menu #mega-menu-footer-menu { display: flex !important; visibility: visible !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center; justify-content: flex-end; gap: 24px; float: none !important; position: static !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; top: auto !important; right: auto !important; left: auto !important; padding: 0 !important; text-align: inherit; background: transparent !important; background-color: transparent !important; overflow: visible !important; z-index: auto !important; transition: none !important; } #main-footer.lp-footer #mega-menu-wrap-footer-menu #mega-menu-footer-menu { justify-content: flex-start; } #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item, #main-footer.lp-footer #mega-menu-wrap-footer-menu #mega-menu-footer-menu > li.mega-menu-item { margin: 0 !important; padding: 0 !important; list-style: none !important; } /* Phone link — plain underlined navy; kill Mega Menu default chrome */ #page-container #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.lp-phone > a.mega-menu-link, #page-container #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-lp-phone > a.mega-menu-link { display: inline !important; float: none !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; line-height: 1.4 !important; padding: 2px !important; margin: 0 !important; border: 0 !important; border-radius: 4px !important; background: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; color: var(--text-link) !important; font-family: var(--font-family-sans, inherit) !important; font-size: 16px !important; font-weight: 700 !important; font-style: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: underline !important; text-underline-offset: 0.15em !important; text-align: left !important; opacity: 1 !important; transition: background-color 0.2s ease, color 0.2s ease !important; } #page-container #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.lp-phone > a.mega-menu-link:hover, #page-container #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.lp-phone > a.mega-menu-link:focus, #page-container #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-lp-phone > a.mega-menu-link:hover, #page-container #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-lp-phone > a.mega-menu-link:focus { background-color: var(--text-link-hover-bg) !important; background-image: none !important; color: var(--text-link-hover) !important; text-decoration: none !important; opacity: 1 !important; box-shadow: none !important; } /* Don't apply global mega-menu hover fade / active underline to LP phone */ #main-header.lp-header .lp-header-menu .mega-menu > li.lp-phone > a.mega-menu-link:hover, #main-header.lp-header .lp-header-menu .mega-menu > li.mega-lp-phone > a.mega-menu-link:hover { opacity: 1 !important; } #main-header.lp-header .lp-header-menu .mega-menu > li.lp-phone.mega-current-menu-item > a.mega-menu-link, #main-header.lp-header .lp-header-menu .mega-menu > li.mega-lp-phone.mega-current-menu-item > a.mega-menu-link { text-decoration: underline !important; text-underline-offset: 0.15em !important; } /* Brand row: 50-50 logo | menu (no shared max-width — size lives on the logo) */ #main-footer.lp-footer .lp-footer-brand .et_pb_column { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 0; } /* Vertical rule between footer logo and CTA menu — off */ #main-footer.lp-footer .lp-footer-menu { border-left: 0; padding-left: 32px; justify-self: start; } #main-footer.lp-footer .lp-footer-logo { max-width: 140px; } #main-footer.lp-footer .lp-footer-logo img { max-width: 100%; height: auto; } #main-footer.lp-footer .lp-footer-info { margin-top: 32px; max-width: 960px; margin-left: auto; margin-right: auto; } #main-footer.lp-footer .lp-footer-info .et_pb_column { text-align: left; } #main-footer.lp-footer .lp-footer-info-left { padding-right: 32px; } #main-footer.lp-footer .lp-footer-info-right { border-left: 0; padding-left: 32px; } #main-footer.lp-footer .lp-footer-address, #main-footer.lp-footer .lp-footer-mission { margin: 0; text-align: left; } #main-footer.lp-footer .lp-footer-address p, #main-footer.lp-footer .lp-footer-mission p { margin-bottom: 0; } #main-footer.lp-footer .lp-footer-address-lines { margin-bottom: 8px !important; } #main-footer.lp-footer .lp-footer-phone { margin-bottom: 12px !important; } #main-footer.lp-footer .lp-footer-address a { color: var(--text-link); font-weight: 400; text-decoration: underline; text-underline-offset: 0.15em; line-height: 1.5; } #main-footer.lp-footer .lp-footer-address a:hover, #main-footer.lp-footer .lp-footer-address a:focus { background-color: var(--text-link-hover-bg); color: var(--text-link-hover); text-decoration: none; } #main-footer.lp-footer .lp-footer-nonprofit { color: var(--text-body, var(--weaver-neutral, #333)); font-size: 14px; line-height: 1.5; } #main-footer.lp-footer .lp-footer-mission h2 { margin: 0 0 12px; color: var(--text-heading, var(--weaver-navy)); font-size: 24px; font-weight: 700; line-height: 1.3; text-align: left; } #main-footer.lp-footer .lp-footer-mission p { color: var(--text-body, var(--weaver-neutral, #333)); line-height: 1.5; text-align: left; } .copyright-footer { text-align: center; } @media (max-width: 767px) { #main-header.lp-header .lp-header-actions { justify-content: center; } #main-header.lp-header .lp-header-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu { justify-content: center; gap: 16px; } #main-footer.lp-footer .lp-footer-brand .et_pb_column { display: flex; flex-direction: column; gap: 24px; } #main-footer.lp-footer .lp-footer-menu { border-left: 0; padding-left: 0; justify-self: center; } #main-footer.lp-footer .lp-footer-info-left { padding-right: 0; } #main-footer.lp-footer .lp-footer-info-right { border-left: 0; padding-left: 0; margin-top: 24px; } } /* END LANDING PAGE CHROME */