.elementor-kit-49{--e-global-color-primary:#153D36;--e-global-color-secondary:#10302B;--e-global-color-text:#1F2D2A;--e-global-color-accent:#D9A845;--e-global-color-09a07bb:#FFFFFF;--e-global-color-fb690ff:#000000;--e-global-color-8127bce:#00000000;--e-global-color-191bd11:#153D36;--e-global-color-7dc21e1:#10302B;--e-global-color-8baa488:#D9A845;--e-global-color-4fbd18e:#C9962F;--e-global-color-e0a66bd:#0D2925;--e-global-color-81ef5c3:#B58B4B;--e-global-color-b13b091:#8A6430;--e-global-color-d150b6a:#E9C47C;--e-global-color-fade061:#1F2D2A;--e-global-color-b3c00b9:#55645F;--e-global-color-c8ffa40:#7D8783;--e-global-color-e7e68c5:#DCE7E2;--e-global-color-2e8aa16:#AFC2BB;--e-global-color-b496b3c:#F8F4EC;--e-global-color-75d928d:#F3ECDD;--e-global-color-3bd9c11:#ECE6DA;--e-global-color-6fe60af:#D6CBB4;--e-global-color-6e27a70:#958A76;--e-global-color-8254f53:#E8F0EC;--e-global-color-9cf333a:#B4232A;--e-global-color-8acc72d:#FDF1F1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-e366fc4-font-family:"Source Serif 4";--e-global-typography-e366fc4-font-size:3rem;--e-global-typography-e366fc4-font-weight:700;--e-global-typography-e366fc4-line-height:115%;--e-global-typography-cbeb386-font-family:"Source Serif 4";--e-global-typography-cbeb386-font-size:2.625rem;--e-global-typography-cbeb386-font-weight:700;--e-global-typography-cbeb386-line-height:115%;--e-global-typography-61d7ce9-font-family:"Source Serif 4";--e-global-typography-61d7ce9-font-size:2.25rem;--e-global-typography-61d7ce9-font-weight:700;--e-global-typography-61d7ce9-line-height:120%;--e-global-typography-733f9bb-font-family:"Source Serif 4";--e-global-typography-733f9bb-font-size:1.875rem;--e-global-typography-733f9bb-font-weight:700;--e-global-typography-733f9bb-line-height:120%;--e-global-typography-c3695ba-font-family:"Source Serif 4";--e-global-typography-c3695ba-font-size:1.6875rem;--e-global-typography-c3695ba-font-weight:700;--e-global-typography-c3695ba-line-height:125%;--e-global-typography-8a9b4e7-font-family:"Source Serif 4";--e-global-typography-8a9b4e7-font-size:1.5rem;--e-global-typography-8a9b4e7-font-weight:700;--e-global-typography-8a9b4e7-line-height:130%;--e-global-typography-b5126d4-font-family:"Source Sans 3";--e-global-typography-b5126d4-font-size:1.375rem;--e-global-typography-b5126d4-font-weight:400;--e-global-typography-b5126d4-line-height:150%;--e-global-typography-6ebd374-font-family:"Source Sans 3";--e-global-typography-6ebd374-font-size:1.25rem;--e-global-typography-6ebd374-font-weight:400;--e-global-typography-6ebd374-line-height:160%;--e-global-typography-d67dc01-font-family:"Source Sans 3";--e-global-typography-d67dc01-font-size:1.125rem;--e-global-typography-d67dc01-font-weight:400;--e-global-typography-d67dc01-line-height:160%;--e-global-typography-1eb8154-font-family:"Source Sans 3";--e-global-typography-1eb8154-font-size:1rem;--e-global-typography-1eb8154-font-weight:400;--e-global-typography-1eb8154-line-height:155%;--e-global-typography-22f8b1c-font-family:"Source Sans 3";--e-global-typography-22f8b1c-font-size:0.875rem;--e-global-typography-22f8b1c-font-weight:400;--e-global-typography-22f8b1c-line-height:140%;--e-global-typography-8c04b68-font-family:"Source Sans 3";--e-global-typography-8c04b68-font-size:1rem;--e-global-typography-8c04b68-font-weight:700;--e-global-typography-8c04b68-line-height:120%;--e-global-typography-661a70f-font-family:"Source Serif 4";--e-global-typography-661a70f-font-size:clamp(3rem, 2.025rem + 4vw, 5.625rem);--e-global-typography-661a70f-font-weight:700;--e-global-typography-661a70f-line-height:105%;--e-global-typography-277a3cf-font-family:"Source Serif 4";--e-global-typography-277a3cf-font-size:clamp(2.625rem, 1.929rem + 2.857vw, 4.5rem);--e-global-typography-277a3cf-font-weight:700;--e-global-typography-277a3cf-line-height:105%;--e-global-typography-93b12f8-font-family:"Source Serif 4";--e-global-typography-93b12f8-font-size:clamp(2.25rem, 1.832rem + 1.714vw, 3.375rem);--e-global-typography-93b12f8-font-weight:700;--e-global-typography-93b12f8-line-height:110%;--e-global-typography-3b15b95-font-family:"Source Serif 4";--e-global-typography-3b15b95-font-size:clamp(1.875rem, 1.596rem + 1.143vw, 2.625rem);--e-global-typography-3b15b95-font-weight:700;--e-global-typography-3b15b95-line-height:110%;color:var( --e-global-color-text );font-family:var( --e-global-typography-d67dc01-font-family ), Sans-serif;font-size:var( --e-global-typography-d67dc01-font-size );font-weight:var( --e-global-typography-d67dc01-font-weight );line-height:var( --e-global-typography-d67dc01-line-height );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:200ms;}.elementor-kit-49 button,.elementor-kit-49 input[type="button"],.elementor-kit-49 input[type="submit"],.elementor-kit-49 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-8c04b68-font-family ), Sans-serif;font-size:var( --e-global-typography-8c04b68-font-size );font-weight:var( --e-global-typography-8c04b68-font-weight );line-height:var( --e-global-typography-8c04b68-line-height );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:6px 6px 6px 6px;padding:12px 26px 12px 26px;}.elementor-kit-49 button:hover,.elementor-kit-49 button:focus,.elementor-kit-49 input[type="button"]:hover,.elementor-kit-49 input[type="button"]:focus,.elementor-kit-49 input[type="submit"]:hover,.elementor-kit-49 input[type="submit"]:focus,.elementor-kit-49 .elementor-button:hover,.elementor-kit-49 .elementor-button:focus{background-color:var( --e-global-color-4fbd18e );color:var( --e-global-color-secondary );border-style:solid;border-color:var( --e-global-color-4fbd18e );}.elementor-kit-49 e-page-transition{background-color:var( --e-global-color-09a07bb );}.elementor-kit-49 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-e366fc4-font-family ), Sans-serif;font-size:var( --e-global-typography-e366fc4-font-size );font-weight:var( --e-global-typography-e366fc4-font-weight );line-height:var( --e-global-typography-e366fc4-line-height );}.elementor-kit-49 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-cbeb386-font-family ), Sans-serif;font-size:var( --e-global-typography-cbeb386-font-size );font-weight:var( --e-global-typography-cbeb386-font-weight );line-height:var( --e-global-typography-cbeb386-line-height );}.elementor-kit-49 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-61d7ce9-font-family ), Sans-serif;font-size:var( --e-global-typography-61d7ce9-font-size );font-weight:var( --e-global-typography-61d7ce9-font-weight );line-height:var( --e-global-typography-61d7ce9-line-height );}.elementor-kit-49 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-733f9bb-font-family ), Sans-serif;font-size:var( --e-global-typography-733f9bb-font-size );font-weight:var( --e-global-typography-733f9bb-font-weight );line-height:var( --e-global-typography-733f9bb-line-height );}.elementor-kit-49 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-c3695ba-font-family ), Sans-serif;font-size:var( --e-global-typography-c3695ba-font-size );font-weight:var( --e-global-typography-c3695ba-font-weight );line-height:var( --e-global-typography-c3695ba-line-height );}.elementor-kit-49 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-8a9b4e7-font-family ), Sans-serif;font-size:var( --e-global-typography-8a9b4e7-font-size );font-weight:var( --e-global-typography-8a9b4e7-font-weight );line-height:var( --e-global-typography-8a9b4e7-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:32px;--container-default-padding-right:32px;--container-default-padding-bottom:32px;--container-default-padding-left:32px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-49{--e-global-typography-e366fc4-font-size:2.5rem;--e-global-typography-cbeb386-font-size:2.1875rem;--e-global-typography-61d7ce9-font-size:1.875rem;--e-global-typography-733f9bb-font-size:1.5625rem;--e-global-typography-c3695ba-font-size:1.40625rem;--e-global-typography-8a9b4e7-font-size:1.25rem;--e-global-typography-b5126d4-font-size:1.25rem;--e-global-typography-6ebd374-font-size:1.125rem;--e-global-typography-d67dc01-font-size:1rem;--e-global-typography-1eb8154-font-size:0.875rem;--e-global-typography-22f8b1c-font-size:0.75rem;font-size:var( --e-global-typography-d67dc01-font-size );line-height:var( --e-global-typography-d67dc01-line-height );}.elementor-kit-49 h1{font-size:var( --e-global-typography-e366fc4-font-size );line-height:var( --e-global-typography-e366fc4-line-height );}.elementor-kit-49 h2{font-size:var( --e-global-typography-cbeb386-font-size );line-height:var( --e-global-typography-cbeb386-line-height );}.elementor-kit-49 h3{font-size:var( --e-global-typography-61d7ce9-font-size );line-height:var( --e-global-typography-61d7ce9-line-height );}.elementor-kit-49 h4{font-size:var( --e-global-typography-733f9bb-font-size );line-height:var( --e-global-typography-733f9bb-line-height );}.elementor-kit-49 h5{font-size:var( --e-global-typography-c3695ba-font-size );line-height:var( --e-global-typography-c3695ba-line-height );}.elementor-kit-49 h6{font-size:var( --e-global-typography-8a9b4e7-font-size );line-height:var( --e-global-typography-8a9b4e7-line-height );}.elementor-kit-49 button,.elementor-kit-49 input[type="button"],.elementor-kit-49 input[type="submit"],.elementor-kit-49 .elementor-button{font-size:var( --e-global-typography-8c04b68-font-size );line-height:var( --e-global-typography-8c04b68-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-49{--e-global-typography-e366fc4-font-size:2rem;--e-global-typography-cbeb386-font-size:1.75rem;--e-global-typography-61d7ce9-font-size:1.5rem;--e-global-typography-733f9bb-font-size:1.25rem;--e-global-typography-c3695ba-font-size:1.125rem;--e-global-typography-8a9b4e7-font-size:1rem;font-size:var( --e-global-typography-d67dc01-font-size );line-height:var( --e-global-typography-d67dc01-line-height );}.elementor-kit-49 h1{font-size:var( --e-global-typography-e366fc4-font-size );line-height:var( --e-global-typography-e366fc4-line-height );}.elementor-kit-49 h2{font-size:var( --e-global-typography-cbeb386-font-size );line-height:var( --e-global-typography-cbeb386-line-height );}.elementor-kit-49 h3{font-size:var( --e-global-typography-61d7ce9-font-size );line-height:var( --e-global-typography-61d7ce9-line-height );}.elementor-kit-49 h4{font-size:var( --e-global-typography-733f9bb-font-size );line-height:var( --e-global-typography-733f9bb-line-height );}.elementor-kit-49 h5{font-size:var( --e-global-typography-c3695ba-font-size );line-height:var( --e-global-typography-c3695ba-line-height );}.elementor-kit-49 h6{font-size:var( --e-global-typography-8a9b4e7-font-size );line-height:var( --e-global-typography-8a9b4e7-line-height );}.elementor-kit-49 button,.elementor-kit-49 input[type="button"],.elementor-kit-49 input[type="submit"],.elementor-kit-49 .elementor-button{font-size:var( --e-global-typography-8c04b68-font-size );line-height:var( --e-global-typography-8c04b68-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}}/* Start custom CSS *//*======================== START ELEMENTOR STYLES ========================*/ .elementor-kit-49 .elementor-widget-text-editor ul, .elementor-kit-49 .elementor-widget-text-editor ol, .elementor-kit-49 .elementor-widget-theme-post-content ul, .elementor-kit-49 .elementor-widget-theme-post-content ol, .elementor-kit-49 .elementor-widget-woocommerce-product-content ul, .elementor-kit-49 .elementor-widget-woocommerce-product-content ol { margin-bottom: .9rem; } .elementor-kit-49 .elementor-widget-text-editor .elementor-widget-container > :last-child, .elementor-kit-49 .elementor-widget-theme-post-content .elementor-widget-container > :last-child, .elementor-kit-49 .elementor-widget-woocommerce-product-content .elementor-widget-container > :last-child, .elementor-kit-49 .elementor-widget-text-editor > :last-child, .elementor-kit-49 .elementor-widget-theme-post-content > :last-child, .elementor-kit-49 .elementor-widget-woocommerce-product-content > :last-child { margin-bottom: 0; } .elementor-kit-49 .elementor-widget-text-editor img[class*='align'], .elementor-kit-49 .elementor-widget-theme-post-content img[class*='align'], .elementor-kit-49 .elementor-widget-woocommerce-product-content img[class*='align'] { margin-bottom: 1.5rem; } .elementor-kit-49 .elementor-widget-text-editor img.alignright, .elementor-kit-49 .elementor-widget-theme-post-content img.alignright, .elementor-kit-49 .elementor-widget-woocommerce-product-content img.alignright { margin-left: 1.5rem; } .elementor-kit-49 .elementor-widget-text-editor img.alignleft, .elementor-kit-49 .elementor-widget-theme-post-content img.alignleft, .elementor-kit-49 .elementor-widget-woocommerce-product-content img.alignleft { margin-right: 1.5rem; } .elementor-kit-49 .elementor-widget-text-editor, .elementor-kit-49 .elementor-widget-theme-post-content, .elementor-kit-49 .elementor-widget-woocommerce-product-content { word-break: break-word; } /*======================== END ELEMENTOR STYLES ========================*/ /*======================== START GRAVITY FORMS ========================*/ .elementor-kit-49 .gform-theme.gform-theme--framework { /* font primary: input text (Source Sans 3, fixed 1rem) */ --gf-font-family-primary: var(--e-global-typography-1eb8154-font-family) !important; --gf-font-size-primary: 1rem !important; --gf-font-weight-primary: 400 !important; --gf-line-height-primary: 1.5 !important; /* font secondary: descriptions, validation text (p5) */ --gf-font-family-secondary: var(--e-global-typography-22f8b1c-font-family) !important; --gf-font-size-secondary: var(--e-global-typography-22f8b1c-font-size) !important; --gf-font-weight-secondary: var(--e-global-typography-22f8b1c-font-weight) !important; --gf-line-height-secondary: var(--e-global-typography-22f8b1c-line-height) !important; /* font tertiary: labels (p4, weight 700) */ --gf-font-family-tertiary: var(--e-global-typography-1eb8154-font-family) !important; --gf-font-size-tertiary: var(--e-global-typography-1eb8154-font-size) !important; --gf-font-weight-tertiary: 700 !important; --gf-line-height-tertiary: var(--e-global-typography-1eb8154-line-height) !important; /* border radius: inputs 8px */ --gf-radius: 8px !important; --gf-ctrl-radius: 8px !important; /* gap between fields (matches the 18px form card gap) */ --gf-form-gap-y: 18px !important; --gf-form-gap-x: 18px !important; /* primary colour: Evergreen. Drives checked checkboxes, radios, links */ --gf-color-primary: var(--e-global-color-primary) !important; --gf-color-primary-rgb: 21, 61, 54 !important; --gf-color-primary-contrast: var(--e-global-color-09a07bb) !important; --gf-color-primary-contrast-rgb: 255, 255, 255 !important; --gf-color-primary-darker: var(--e-global-color-e0a66bd) !important; --gf-color-primary-lighter: var(--e-global-color-primary) !important; /* secondary colour: Gold */ --gf-color-secondary: var(--e-global-color-accent) !important; --gf-color-secondary-rgb: 217, 168, 69 !important; --gf-color-secondary-contrast: var(--e-global-color-secondary) !important; --gf-color-secondary-contrast-rgb: 16, 48, 43 !important; --gf-color-secondary-darker: var(--e-global-color-4fbd18e) !important; --gf-color-secondary-lighter: var(--e-global-color-accent) !important; /* control size: 48px tall */ --gf-ctrl-size: 48px !important; /* control shadow */ --gf-ctrl-shadow: none !important; /* control text colour */ --gf-ctrl-color: var(--e-global-color-text) !important; --gf-ctrl-color-hover: var(--gf-ctrl-color) !important; --gf-ctrl-color-focus: var(--gf-ctrl-color) !important; /* control background: White */ --gf-ctrl-bg-color: var(--e-global-color-09a07bb) !important; --gf-ctrl-bg-color-hover: var(--gf-ctrl-bg-color) !important; --gf-ctrl-bg-color-focus: var(--gf-ctrl-bg-color) !important; /* control border: 1px Field Border, Brand Gold on focus */ --gf-ctrl-border-width: 1px !important; --gf-ctrl-border-color: var(--e-global-color-6e27a70) !important; --gf-ctrl-border-color-hover: var(--gf-ctrl-border-color) !important; --gf-ctrl-border-color-focus: var(--e-global-color-81ef5c3) !important; /* control padding: 0 top/bottom, 14px sides. Height comes from --gf-ctrl-size (48px). Vertical padding on a fixed-height control pushes the text down, which shows most on the select dropdown. */ --gf-ctrl-padding-y: 0px !important; --gf-ctrl-padding-x: 14px !important; /* textarea */ --gf-ctrl-textarea-padding-y: 12px !important; --gf-ctrl-textarea-radius: 8px !important; --gf-ctrl-textarea-height: 140px !important; /* label: Heading Ink, required asterisk in Error */ --gf-ctrl-label-color-primary: var(--e-global-color-secondary) !important; --gf-ctrl-label-color-secondary: var(--e-global-color-secondary) !important; --gf-ctrl-label-font-weight-primary: 700 !important; --gf-ctrl-label-color-req: var(--e-global-color-9cf333a) !important; /* description: Muted Text */ --gf-ctrl-desc-color: var(--e-global-color-b3c00b9) !important; /* checkbox / radio size */ --gf-ctrl-choice-size: 18px !important; /* button size and shape */ --gf-ctrl-btn-size: 50px !important; --gf-ctrl-btn-radius: 6px !important; --gf-ctrl-btn-padding-y: 12px !important; --gf-ctrl-btn-padding-x: 26px !important; /* button font: Source Sans 3, 700, fixed 1rem */ --gf-ctrl-btn-font-family: var(--e-global-typography-1eb8154-font-family) !important; --gf-ctrl-btn-font-size: 1rem !important; --gf-ctrl-btn-font-weight: 700 !important; --gf-ctrl-btn-line-height: 1.2 !important; --gf-ctrl-btn-text-transform: none !important; /* button text: Heading Ink */ --gf-ctrl-btn-color-primary: var(--e-global-color-secondary) !important; --gf-ctrl-btn-color-hover-primary: var(--gf-ctrl-btn-color-primary) !important; --gf-ctrl-btn-color-focus-primary: var(--gf-ctrl-btn-color-primary) !important; /* button background: Gold, hover Gold Hover */ --gf-ctrl-btn-bg-color-primary: var(--e-global-color-accent) !important; --gf-ctrl-btn-bg-color-hover-primary: var(--e-global-color-4fbd18e) !important; --gf-ctrl-btn-bg-color-focus-primary: var(--e-global-color-4fbd18e) !important; /* button border: same as background, so it reads as a solid button */ --gf-ctrl-btn-border-width-primary: 2px !important; --gf-ctrl-btn-border-color-primary: var(--e-global-color-accent) !important; --gf-ctrl-btn-border-color-hover-primary: var(--e-global-color-4fbd18e) !important; --gf-ctrl-btn-border-color-focus-primary: var(--e-global-color-4fbd18e) !important; } /* -------------------------------------------------------------------------- States the Gravity Forms docs don't document as variables. Plain rules, so they work whichever theme variables exist. -------------------------------------------------------------------------- */ /* Placeholder */ .elementor-kit-49 .gform-theme--framework .gfield input::placeholder, .elementor-kit-49 .gform-theme--framework .gfield textarea::placeholder { color: var(--e-global-color-c8ffa40) !important; opacity: 1; } /* Focus: Brand Gold border + 3px Gold ring at 50% */ .elementor-kit-49 .gform-theme--framework .gfield input:not([type="checkbox"]):not([type="radio"]):focus, .elementor-kit-49 .gform-theme--framework .gfield select:focus, .elementor-kit-49 .gform-theme--framework .gfield textarea:focus { border-color: var(--e-global-color-81ef5c3) !important; outline: 3px solid rgba(217, 168, 69, 0.5) !important; outline-offset: 0 !important; box-shadow: none !important; } /* Required asterisk */ .elementor-kit-49 .gform-theme--framework .gfield_required, .elementor-kit-49 .gform-theme--framework .gfield_required_asterisk { color: var(--e-global-color-9cf333a) !important; } /* Invalid field: 2px Error border on Error Tint */ .elementor-kit-49 .gform-theme--framework .gfield_error input:not([type="checkbox"]):not([type="radio"]), .elementor-kit-49 .gform-theme--framework .gfield_error select, .elementor-kit-49 .gform-theme--framework .gfield_error textarea { border: 2px solid var(--e-global-color-9cf333a) !important; background-color: var(--e-global-color-8acc72d) !important; } /* Field error message: p5, weight 600, Error */ .elementor-kit-49 .gform-theme--framework .gfield_validation_message, .elementor-kit-49 .gform-theme--framework .validation_message { color: var(--e-global-color-9cf333a) !important; font-size: var(--e-global-typography-22f8b1c-font-size) !important; font-weight: 600 !important; background: none !important; border: 0 !important; padding: 6px 0 0 !important; } /* Error summary box at the top of the form */ .elementor-kit-49 .gform-theme--framework .gform_validation_errors { background-color: var(--e-global-color-8acc72d) !important; border: 1px solid var(--e-global-color-9cf333a) !important; border-radius: 10px !important; box-shadow: none !important; padding: 14px 16px !important; } .elementor-kit-49 .gform-theme--framework .gform_validation_errors .gform_submission_error { color: var(--e-global-color-9cf333a) !important; font-size: var(--e-global-typography-1eb8154-font-size) !important; } /* Consent checkbox text: p5, Muted */ .elementor-kit-49 .gform-theme--framework .gfield--type-consent .gfield_consent_label, .elementor-kit-49 .gform-theme--framework .ginput_container_consent label { font-size: var(--e-global-typography-22f8b1c-font-size) !important; color: var(--e-global-color-b3c00b9) !important; font-weight: 400 !important; } /* Full-width submit button, as in the design */ .elementor-kit-49 .gform-theme--framework .gform_footer .gform_button, .elementor-kit-49 .gform-theme--framework .gform_page_footer .gform_button { width: 100% !important; inline-size: 100% !important; /* GF sets button width with inline-size */ transition: background-color 0.2s, border-color 0.2s !important; } /* -------------------------------------------------------------------------- Layout and cleanup -------------------------------------------------------------------------- */ /* Optional: stack a First/Last Name field into one column. Add the class "single-col-name" to the field. Not needed if you use one "Full name" field (Name field set to Simple format), as in the design. */ .elementor-kit-49 .gform-theme--foundation .single-col-name .gform-grid-row { flex-flow: column; } /* No extra space under the last element of an HTML field */ .elementor-kit-49 .gfield--type-html > :last-child { margin-bottom: 0; } .elementor-kit-49 .gfield--type-html h2 { margin-top: 0; font-family: var(--e-global-typography-c3695ba-font-family); font-size: var(--e-global-typography-c3695ba-font-size); font-weight: var(--e-global-typography-c3695ba-font-weight); line-height: var(--e-global-typography-c3695ba-line-height); } /* -------------------------------------------------------------------------- Success message ("State 2"): pairs with ccpe-gf-confirmation.html Confirmation Type: Text, with AJAX on in the Gravity Forms widget, so the message replaces the form inside the same white card. -------------------------------------------------------------------------- */ .elementor-kit-49 .gform_confirmation_wrapper { text-align: center; } .elementor-kit-49 .gform_confirmation_message { color: inherit !important; background: none !important; border: 0 !important; padding: 0 !important; } .elementor-kit-49 .ccpe-success { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 40px 8px; text-align: center; } /* Green Tint circle with an Evergreen check, drawn in CSS so the confirmation editor can't strip it */ .elementor-kit-49 .ccpe-success__icon { position: relative; width: 72px; height: 72px; border-radius: 50%; background: var(--e-global-color-8254f53); } .elementor-kit-49 .ccpe-success__icon::after { content: ""; position: absolute; left: 50%; top: 46%; width: 13px; height: 24px; border: solid var(--e-global-color-primary); border-width: 0 3px 3px 0; transform: translate(-50%, -50%) rotate(45deg); } .elementor-kit-49 .ccpe-success__title { margin: 0; font-family: var(--e-global-typography-733f9bb-font-family); font-size: var(--e-global-typography-733f9bb-font-size); font-weight: 700; line-height: 1.2; color: var(--e-global-color-secondary); } .elementor-kit-49 .ccpe-success__text { margin: 0; max-width: 440px; font-size: var(--e-global-typography-6ebd374-font-size); line-height: 1.6; color: var(--e-global-color-b3c00b9); } .elementor-kit-49 .ccpe-success__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 8px; } /* Outline button, small (44px), as in the design */ .elementor-kit-49 .ccpe-success__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 20px; border: 2px solid var(--e-global-color-primary); border-radius: 6px; background: transparent; color: var(--e-global-color-primary); font-family: var(--e-global-typography-1eb8154-font-family); font-size: 1rem; font-weight: 700; line-height: 1.2; text-decoration: none; transition: background-color 0.2s, color 0.2s; } .elementor-kit-49 .ccpe-success__btn:hover, .elementor-kit-49 .ccpe-success__btn:focus-visible { background: var(--e-global-color-primary); color: var(--e-global-color-09a07bb); } @media (max-width: 767px) { .elementor-kit-49 .ccpe-success__btn { width: 100%; } } /* Hide the "* indicates required fields" line; the design doesn't show it. Required fields still have their red asterisk and are marked required for screen readers. */ .elementor-kit-49 .gform_required_legend { display: none; } /* Hide the form description block when it's empty */ .elementor-kit-49 .gform_description:empty { display: none; } /*======================== END GRAVITY FORMS ========================*/ /*======================== START UTILITIES ========================*/ .elementor-kit-49 .font-h1 {font-size: var( --e-global-typography-e366fc4-font-size ) !important;} .elementor-kit-49 .font-h2 {font-size: var( --e-global-typography-cbeb386-font-size ) !important;} .elementor-kit-49 .font-h3 {font-size: var( --e-global-typography-61d7ce9-font-size ) !important;} .elementor-kit-49 .font-300, .elementor-kit-49 .font-300 * {font-weight: 300 !important;} .elementor-kit-49 .font-400, .elementor-kit-49 .font-400 * {font-weight: 400 !important;} .elementor-kit-49 .font-500, .elementor-kit-49 .font-500 * {font-weight: 500 !important;} .elementor-kit-49 .font-600, .elementor-kit-49 .font-600 * {font-weight: 600 !important;} .elementor-kit-49 .font-700, .elementor-kit-49 .font-700 * {font-weight: 700 !important;} .elementor-kit-49 .font-800, .elementor-kit-49 .font-800 * {font-weight: 800 !important;} .elementor-kit-49 .font-900, .elementor-kit-49 .font-900 * {font-weight: 900 !important;} .elementor-kit-49 .font-italic, .elementor-kit-49 .font-italic * {font-style: italic !important;} .elementor-kit-49 .font-normal, .elementor-kit-49 .font-normal * {font-style: normal !important;} .elementor-kit-49 .text-uppercase, .elementor-kit-49 .text-uppercase * {text-transform: uppercase !important;} .elementor-kit-49 .leading-100, .elementor-kit-49 .leading-100 * {line-height: 100% !important;} .elementor-kit-49 .leading-110, .elementor-kit-49 .leading-110 * {line-height: 110% !important;} .elementor-kit-49 .leading-120, .elementor-kit-49 .leading-120 * {line-height: 120% !important;} .elementor-kit-49 .leading-130, .elementor-kit-49 .leading-130 * {line-height: 130% !important;} .elementor-kit-49 .leading-140, .elementor-kit-49 .leading-140 * {line-height: 140% !important;} .elementor-kit-49 .leading-150, .elementor-kit-49 .leading-150 * {line-height: 150% !important;} .elementor-kit-49 .tracking-1, .elementor-kit-49 .tracking-1 * {letter-spacing: 1% !important;} .elementor-kit-49 .tracking-2, .elementor-kit-49 .tracking-2 * {letter-spacing: 2% !important;} .elementor-kit-49 .tracking-3, .elementor-kit-49 .tracking-3 * {letter-spacing: 3% !important;} .elementor-kit-49 .tracking-4, .elementor-kit-49 .tracking-4 * {letter-spacing: 4% !important;} .elementor-kit-49 .tracking-5, .elementor-kit-49 .tracking-5 * {letter-spacing: 5% !important;} .elementor-kit-49 .tracking-10, .elementor-kit-49 .tracking-10 * {letter-spacing: 10% !important;} .elementor-kit-49 .tracking-15, .elementor-kit-49 .tracking-15 * {letter-spacing: 15% !important;} .elementor-kit-49 .tracking-20, .elementor-kit-49 .tracking-20 * {letter-spacing: 20% !important;} /*======================== END UTILITIES ========================*/ /*======================== START CUSTOM STYLES ========================*/ /*======================== END CUSTOM STYLES ========================*//* End custom CSS */