.elementor-kit-31{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#FFD217;--e-global-color-f7e8737:#013693;--e-global-color-6ee168a:#0A1F4D;--e-global-color-fdb37df:#F5C518;--e-global-color-a708989:#FFFFFF;--e-global-color-91fc81a:#EEF2FA;--e-global-color-a9f7eb2:#C9D5EC;--e-global-color-a73612b:#DCE3F0;--e-global-color-18b7c68:#FFFFFF;--e-global-color-4755f14:#141414;--e-global-color-6715ee8:#3D4659;--e-global-color-46e5264:#E1E7F2;--e-global-color-bcink01:#1B2233;--e-global-typography-79574e9-font-family:"Red Hat Display";--e-global-typography-79574e9-font-size:clamp(1.875rem, 1.2247rem + 3.1532vw, 4.0625rem);--e-global-typography-79574e9-font-weight:700;--e-global-typography-79574e9-line-height:clamp(2.4375rem, 1.6524rem + 3.8063vw, 5.0781rem);--e-global-typography-4633773-font-family:"Red Hat Display";--e-global-typography-4633773-font-size:clamp(1.625rem, 1.1419rem + 2.3423vw, 3.25rem);--e-global-typography-4633773-font-weight:700;--e-global-typography-4633773-line-height:clamp(2.125rem, 1.6939rem + 2.0901vw, 3.575rem);--e-global-typography-89e9fd6-font-family:"Red Hat Display";--e-global-typography-89e9fd6-font-size:clamp(1.5rem, 1.1841rem + 1.5315vw, 2.5625rem);--e-global-typography-89e9fd6-font-weight:700;--e-global-typography-89e9fd6-line-height:clamp(2.125rem, 1.8045rem + 1.5541vw, 3.2031rem);--e-global-typography-a15bb8d-font-family:"Red Hat Display";--e-global-typography-a15bb8d-font-size:clamp(1.375rem, 1.1706rem + 0.991vw, 2.0625rem);--e-global-typography-a15bb8d-font-weight:700;--e-global-typography-a15bb8d-line-height:clamp(1.625rem, 1.3723rem + 1.2252vw, 2.475rem);--e-global-typography-7e6018a-font-family:"Red Hat Display";--e-global-typography-7e6018a-font-size:clamp(1.1875rem, 1.1689rem + 0.0901vw, 1.25rem);--e-global-typography-7e6018a-font-weight:700;--e-global-typography-7e6018a-line-height:clamp(1.375rem, 1.3378rem + 0.1802vw, 1.5rem);--e-global-typography-e17cac7-font-family:"Red Hat Display";--e-global-typography-e17cac7-font-size:clamp(1rem, 0.9814rem + 0.0901vw, 1.0625rem);--e-global-typography-e17cac7-font-weight:700;--e-global-typography-e17cac7-line-height:clamp(1.25rem, 1.2426rem + 0.036vw, 1.275rem);--e-global-typography-3b094bd-font-family:"Plus Jakarta Sans";--e-global-typography-3b094bd-font-size:clamp(1rem, 0.9257rem + 0.3604vw, 1.25rem);--e-global-typography-3b094bd-line-height:clamp(1.375rem, 1.1892rem + 0.9009vw, 2rem);--e-global-typography-a8d3ae4-font-family:"Plus Jakarta Sans";--e-global-typography-a8d3ae4-font-size:clamp(0.9375rem, 0.8818rem + 0.2703vw, 1.125rem);--e-global-typography-a8d3ae4-line-height:clamp(1.3125rem, 1.1676rem + 0.7027vw, 1.8rem);--e-global-typography-eeb8350-font-family:"Plus Jakarta Sans";--e-global-typography-eeb8350-font-size:clamp(0.875rem, 0.8193rem + 0.2703vw, 1.0625rem);--e-global-typography-eeb8350-line-height:clamp(1.25rem, 1.1162rem + 0.6486vw, 1.7rem);--e-global-typography-2bc91fb-font-family:"Plus Jakarta Sans";--e-global-typography-2bc91fb-font-size:clamp(0.75rem, 0.7128rem + 0.1802vw, 0.875rem);--e-global-typography-2bc91fb-line-height:clamp(1.0625rem, 0.9622rem + 0.4865vw, 1.4rem);--e-global-typography-a0c6066-font-family:"Plus Jakarta Sans";--e-global-typography-a0c6066-font-size:clamp(0.6875rem, 0.6503rem + 0.1802vw, 0.8125rem);--e-global-typography-a0c6066-line-height:clamp(0.9375rem, 0.8297rem + 0.5225vw, 1.3rem);--e-global-typography-bcbtn01-font-family:"Plus Jakarta Sans";--e-global-typography-bcbtn01-font-size:clamp(0.875rem, 0.8193rem + 0.2703vw, 1.0625rem);--e-global-typography-bcbtn01-font-weight:700;--e-global-typography-bcbtn01-line-height:clamp(1.225rem, 1.147rem + 0.3784vw, 1.4875rem);--e-global-typography-bcq01-font-family:"Red Hat Display";--e-global-typography-bcq01-font-size:clamp(1.375rem, 1.1706rem + 0.991vw, 2.0625rem);--e-global-typography-bcq01-font-weight:400;--e-global-typography-bcq01-line-height:clamp(1.925rem, 1.6389rem + 1.3874vw, 2.8875rem);font-family:var( --e-global-typography-eeb8350-font-family ), DynaPuff;font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );}.elementor-kit-31 button,.elementor-kit-31 input[type="button"],.elementor-kit-31 input[type="submit"],.elementor-kit-31 .elementor-button{background-color:var( --e-global-color-f7e8737 );font-family:var( --e-global-typography-eeb8350-font-family ), DynaPuff;font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );color:var( --e-global-color-a708989 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f7e8737 );border-radius:9999px 9999px 9999px 9999px;padding:15px 39px 15px 39px;}.elementor-kit-31 button:hover,.elementor-kit-31 button:focus,.elementor-kit-31 input[type="button"]:hover,.elementor-kit-31 input[type="button"]:focus,.elementor-kit-31 input[type="submit"]:hover,.elementor-kit-31 input[type="submit"]:focus,.elementor-kit-31 .elementor-button:hover,.elementor-kit-31 .elementor-button:focus{background-color:var( --e-global-color-a708989 );color:var( --e-global-color-f7e8737 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f7e8737 );border-radius:9999px 9999px 9999px 9999px;}.elementor-kit-31 h1{font-family:var( --e-global-typography-79574e9-font-family ), DynaPuff;font-size:var( --e-global-typography-79574e9-font-size );font-weight:var( --e-global-typography-79574e9-font-weight );line-height:var( --e-global-typography-79574e9-line-height );}.elementor-kit-31 h2{font-family:var( --e-global-typography-4633773-font-family ), DynaPuff;font-size:var( --e-global-typography-4633773-font-size );font-weight:var( --e-global-typography-4633773-font-weight );line-height:var( --e-global-typography-4633773-line-height );}.elementor-kit-31 h3{font-family:var( --e-global-typography-89e9fd6-font-family ), DynaPuff;font-size:var( --e-global-typography-89e9fd6-font-size );font-weight:var( --e-global-typography-89e9fd6-font-weight );line-height:var( --e-global-typography-89e9fd6-line-height );}.elementor-kit-31 h4{font-family:var( --e-global-typography-a15bb8d-font-family ), DynaPuff;font-size:var( --e-global-typography-a15bb8d-font-size );font-weight:var( --e-global-typography-a15bb8d-font-weight );line-height:var( --e-global-typography-a15bb8d-line-height );}.elementor-kit-31 h5{font-family:var( --e-global-typography-7e6018a-font-family ), DynaPuff;font-size:var( --e-global-typography-7e6018a-font-size );font-weight:var( --e-global-typography-7e6018a-font-weight );line-height:var( --e-global-typography-7e6018a-line-height );}.elementor-kit-31 h6{font-family:var( --e-global-typography-e17cac7-font-family ), DynaPuff;font-size:var( --e-global-typography-e17cac7-font-size );font-weight:var( --e-global-typography-e17cac7-font-weight );line-height:var( --e-global-typography-e17cac7-line-height );}.elementor-kit-31 input:not([type="button"]):not([type="submit"]),.elementor-kit-31 textarea,.elementor-kit-31 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1366px){.elementor-kit-31{font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );}.elementor-kit-31 h1{font-size:var( --e-global-typography-79574e9-font-size );line-height:var( --e-global-typography-79574e9-line-height );}.elementor-kit-31 h2{font-size:var( --e-global-typography-4633773-font-size );line-height:var( --e-global-typography-4633773-line-height );}.elementor-kit-31 h3{font-size:var( --e-global-typography-89e9fd6-font-size );line-height:var( --e-global-typography-89e9fd6-line-height );}.elementor-kit-31 h4{font-size:var( --e-global-typography-a15bb8d-font-size );line-height:var( --e-global-typography-a15bb8d-line-height );}.elementor-kit-31 h5{font-size:var( --e-global-typography-7e6018a-font-size );line-height:var( --e-global-typography-7e6018a-line-height );}.elementor-kit-31 h6{font-size:var( --e-global-typography-e17cac7-font-size );line-height:var( --e-global-typography-e17cac7-line-height );}.elementor-kit-31 button,.elementor-kit-31 input[type="button"],.elementor-kit-31 input[type="submit"],.elementor-kit-31 .elementor-button{font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );}}@media(max-width:1024px){.elementor-kit-31{font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );}.elementor-kit-31 h1{font-size:var( --e-global-typography-79574e9-font-size );line-height:var( --e-global-typography-79574e9-line-height );}.elementor-kit-31 h2{font-size:var( --e-global-typography-4633773-font-size );line-height:var( --e-global-typography-4633773-line-height );}.elementor-kit-31 h3{font-size:var( --e-global-typography-89e9fd6-font-size );line-height:var( --e-global-typography-89e9fd6-line-height );}.elementor-kit-31 h4{font-size:var( --e-global-typography-a15bb8d-font-size );line-height:var( --e-global-typography-a15bb8d-line-height );}.elementor-kit-31 h5{font-size:var( --e-global-typography-7e6018a-font-size );line-height:var( --e-global-typography-7e6018a-line-height );}.elementor-kit-31 h6{font-size:var( --e-global-typography-e17cac7-font-size );line-height:var( --e-global-typography-e17cac7-line-height );}.elementor-kit-31 button,.elementor-kit-31 input[type="button"],.elementor-kit-31 input[type="submit"],.elementor-kit-31 .elementor-button{font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-31{font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );}.elementor-kit-31 h1{font-size:var( --e-global-typography-79574e9-font-size );line-height:var( --e-global-typography-79574e9-line-height );}.elementor-kit-31 h2{font-size:var( --e-global-typography-4633773-font-size );line-height:var( --e-global-typography-4633773-line-height );}.elementor-kit-31 h3{font-size:var( --e-global-typography-89e9fd6-font-size );line-height:var( --e-global-typography-89e9fd6-line-height );}.elementor-kit-31 h4{font-size:var( --e-global-typography-a15bb8d-font-size );line-height:var( --e-global-typography-a15bb8d-line-height );}.elementor-kit-31 h5{font-size:var( --e-global-typography-7e6018a-font-size );line-height:var( --e-global-typography-7e6018a-line-height );}.elementor-kit-31 h6{font-size:var( --e-global-typography-e17cac7-font-size );line-height:var( --e-global-typography-e17cac7-line-height );}.elementor-kit-31 button,.elementor-kit-31 input[type="button"],.elementor-kit-31 input[type="submit"],.elementor-kit-31 .elementor-button{font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(min-width:2400px){.elementor-kit-31{font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );}.elementor-kit-31 h1{font-size:var( --e-global-typography-79574e9-font-size );line-height:var( --e-global-typography-79574e9-line-height );}.elementor-kit-31 h2{font-size:var( --e-global-typography-4633773-font-size );line-height:var( --e-global-typography-4633773-line-height );}.elementor-kit-31 h3{font-size:var( --e-global-typography-89e9fd6-font-size );line-height:var( --e-global-typography-89e9fd6-line-height );}.elementor-kit-31 h4{font-size:var( --e-global-typography-a15bb8d-font-size );line-height:var( --e-global-typography-a15bb8d-line-height );}.elementor-kit-31 h5{font-size:var( --e-global-typography-7e6018a-font-size );line-height:var( --e-global-typography-7e6018a-line-height );}.elementor-kit-31 h6{font-size:var( --e-global-typography-e17cac7-font-size );line-height:var( --e-global-typography-e17cac7-line-height );}.elementor-kit-31 button,.elementor-kit-31 input[type="button"],.elementor-kit-31 input[type="submit"],.elementor-kit-31 .elementor-button{font-size:var( --e-global-typography-eeb8350-font-size );line-height:var( --e-global-typography-eeb8350-line-height );}}/* Start custom CSS *//* ============================================================================= IPS house Fluent Forms stylesheet v1.1, 2026-10-16 Lives in Elementor > Site Settings > Custom CSS, ONCE per site. Never pasted into a page or a widget: six copies on koren drifted into six different md5s and two variants that disagreed with each other, and each page looked right on its own. WHAT A SITE CHANGES: the variable block below, and nothing else. Everything after it is written against those variables. WHY THE VARIABLES ARE NOT BOUND TO KIT TOKENS. The kit ids are shared between clones but their MEANINGS are not: measured 2026-10-16, id 4755f14 is "Black" on the starter and "white" on south.dillevery.com, and 6715ee8 is "Text Color" on the starter and a gold button colour on south. A sheet bound to those ids inverts itself on a clone. The four SYSTEM ids (primary/secondary/text/accent) are stable by meaning but are still Elementor's untouched defaults on most of these sites, so they are used only as fallbacks behind a real value. ============================================================================= */ .fluentform{ /* ---- the only block to edit per site ---------------------------------- */ --ff-ink: var(--e-global-color-text, #202020); /* entered text, labels */ --ff-muted: #5F6670; /* placeholder: 5.3:1 on #fff, 4.9:1 on #F2F2F2 */ --ff-line: #D9DDE3; /* control border */ --ff-field: #FFFFFF; /* control fill */ --ff-focus: var(--e-global-color-text, #202020); /* focus ring, checked */ --ff-error: #B42318; /* 5.7:1 on white. Fluent Forms' own #F56C6C is 2.9 */ --ff-success: #0F7B3C; --ff-h: 56px; /* ONE declared control height. Never left to */ --ff-h-sm: 52px; /* line-height: a select does not inherit an */ /* input's, so they drift (46 vs 58 on koren). */ --ff-pad-x: 16px; /* text inset; the select arrow matches it */ --ff-radius: 8px; --ff-gap: 12px; /* phone chooser to number box */ --ff-ring: 2px; /* focus ring width */ /* ----------------------------------------------------------------------- */ --ff-pad-y: calc((var(--ff-h) - 1.4em - 2px) / 2); } /* ---- labels and the required asterisk ------------------------------------ */ .fluentform .ff-el-group{ margin-bottom: 20px; } .fluentform .ff-el-input--label{ margin-bottom: 8px; } .fluentform .ff-el-input--label label{ color: var(--ff-ink); font-weight: 600; } /* the asterisk is decoration beside a word; screen readers get `required` from the input, so it is hidden from them rather than read as "star" */ .fluentform .ff-el-input--label.ff-el-is-required label:after{ content: "*"; color: var(--ff-error); margin-left: 4px; speak: never; } .fluentform .ff-el-input--label.ff-el-is-required > label > span.ff-el-is-required{ display: none; } /* ---- every text-like control, one height, one inset ----------------------- */ .fluentform .ff-el-form-control{ box-sizing: border-box; height: var(--ff-h); padding: 0 var(--ff-pad-x); border: 1px solid var(--ff-line); border-radius: var(--ff-radius); background-color: var(--ff-field); color: var(--ff-ink); box-shadow: none; transition: border-color .2s ease, box-shadow .2s ease; } /* Fluent Forms' own rule is `select.ff-el-form-control:not([size]):not([multiple]){height:var(--fluentform-input-select-height,auto)}` at (0,3,1), which beats the shared rule above, so a select must DECLARE the same height rather than inherit it. */ .fluentform select.ff-el-form-control:not([size]):not([multiple]){ height: var(--ff-h); } /* these size themselves and must keep doing so */ .fluentform textarea.ff-el-form-control, .fluentform input[type="file"].ff-el-form-control{ height: auto; padding: 14px var(--ff-pad-x); } .fluentform textarea.ff-el-form-control{ min-height: 140px; resize: vertical; } /* ---- placeholder ---------------------------------------------------------- */ /* It must never be the same colour as entered text: on two sites it was set to the field's own text token at opacity 1, so an empty field read as a filled one. On a form with hidden labels the placeholder IS the label, so it stays above 4.5:1 rather than being faded away. */ .fluentform .ff-el-form-control::placeholder{ color: var(--ff-muted); opacity: 1; } /* ---- focus ---------------------------------------------------------------- */ /* A ring, not a fill: the browser default belongs to no design system, and a colour-only change is invisible to anyone who cannot see that colour. */ .fluentform .ff-el-form-control:focus, .fluentform .ff-el-form-control:focus-visible{ border-color: var(--ff-focus); box-shadow: 0 0 0 var(--ff-ring) color-mix(in srgb, var(--ff-focus) 28%, transparent); outline: none; } /* ---- select: the arrow sits at the text inset, not against the edge -------- */ .fluentform select.ff-el-form-control{ appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%235F6670' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--ff-pad-x) center; background-size: 12px 8px; padding-right: calc(var(--ff-pad-x) * 2 + 12px); } /* ---- checkbox and radio ---------------------------------------------------- */ /* Drawn, because the browser default ignores the palette entirely. accent-color alone still leaves the box at the OS size and shape, so the control is drawn and the checkmark is a mask, which inherits the colour. */ .fluentform .ff-el-form-check{ display: flex; align-items: flex-start; gap: 10px; margin-bottom: 8px; } .fluentform .ff-el-form-check label{ color: var(--ff-ink); cursor: pointer; } .fluentform input[type="checkbox"], .fluentform input[type="radio"]{ appearance: none; -webkit-appearance: none; flex: 0 0 auto; width: 20px; height: 20px; margin: 1px 0 0; border: 1px solid var(--ff-line); background: var(--ff-field); cursor: pointer; transition: border-color .15s ease, background-color .15s ease; } .fluentform input[type="checkbox"]{ border-radius: 4px; } .fluentform input[type="radio"]{ border-radius: 50%; } .fluentform input[type="checkbox"]:hover, .fluentform input[type="radio"]:hover{ border-color: var(--ff-focus); } .fluentform input[type="checkbox"]:checked, .fluentform input[type="radio"]:checked{ background-color: var(--ff-focus); border-color: var(--ff-focus); } .fluentform input[type="checkbox"]:checked{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5l3.5 3.5L11 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 12px 10px; } .fluentform input[type="radio"]:checked{ box-shadow: inset 0 0 0 4px var(--ff-field); } .fluentform input[type="checkbox"]:focus-visible, .fluentform input[type="radio"]:focus-visible{ outline: var(--ff-ring) solid var(--ff-focus); outline-offset: 2px; } /* ---- phone field ----------------------------------------------------------- */ /* The country .elementor-kit-31 is a real