.elementor-kit-5{--e-global-color-primary:#386FA4;--e-global-color-secondary:#22426F;--e-global-color-text:#141414;--e-global-color-accent:#CB9933;--e-global-color-aisground:#F9F9F9;--e-global-color-aiswhite:#FDFFFF;--e-global-color-aisoffwhite:#FEFFFB;--e-global-color-aislemon:#F7FBDF;--e-global-color-aissky:#D6EAEC;--e-global-color-aisolive:#DCE2B6;--e-global-color-aismist:#EDF2CE;--e-global-color-aisveil:rgba(247, 251, 223, 0.05);--e-global-color-aishaze:rgba(255, 255, 255, 0.05);--e-global-color-aiserror:#FFB4A2;--e-global-color-aisnavy:#0F1D31;--e-global-color-aislemon40:rgba(247, 251, 223, 0.4);--e-global-color-aislemon20:rgba(247, 251, 223, 0.2);--e-global-color-aislemon10:rgba(247, 251, 223, 0.1);--e-global-color-aiscream80:rgba(250, 247, 238, 0.8);--e-global-typography-primary-font-family:"Heuristica";--e-global-typography-primary-font-size:75px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-line-height:0.9em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"Heuristica";--e-global-typography-secondary-font-size:70px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:0.9em;--e-global-typography-secondary-letter-spacing:-0.02em;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.2em;--e-global-typography-text-letter-spacing:-0.02em;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:-0.02em;--e-global-typography-ais40-font-family:"Heuristica";--e-global-typography-ais40-font-size:40px;--e-global-typography-ais40-font-weight:400;--e-global-typography-ais40-text-transform:none;--e-global-typography-ais40-line-height:1em;--e-global-typography-ais40-letter-spacing:-0.04em;--e-global-typography-ais30-font-family:"Heuristica";--e-global-typography-ais30-font-size:30px;--e-global-typography-ais30-font-weight:400;--e-global-typography-ais30-text-transform:none;--e-global-typography-ais30-line-height:1em;--e-global-typography-ais30-letter-spacing:-0.04em;--e-global-typography-ais22-font-family:"Heuristica";--e-global-typography-ais22-font-size:22px;--e-global-typography-ais22-font-weight:400;--e-global-typography-ais22-text-transform:none;--e-global-typography-ais22-line-height:1em;--e-global-typography-ais22-letter-spacing:-0.04em;--e-global-typography-ais22lead-font-family:"Heuristica";--e-global-typography-ais22lead-font-size:22px;--e-global-typography-ais22lead-font-weight:400;--e-global-typography-ais22lead-text-transform:none;--e-global-typography-ais22lead-line-height:1.2em;--e-global-typography-ais22lead-letter-spacing:-0.04em;--e-global-typography-aislead-font-family:"Manrope";--e-global-typography-aislead-font-size:22px;--e-global-typography-aislead-font-weight:600;--e-global-typography-aislead-text-transform:none;--e-global-typography-aislead-line-height:1.2em;--e-global-typography-aislead-letter-spacing:-0.02em;--e-global-typography-aisbody18-font-family:"Manrope";--e-global-typography-aisbody18-font-size:18px;--e-global-typography-aisbody18-font-weight:400;--e-global-typography-aisbody18-text-transform:none;--e-global-typography-aisbody18-line-height:1.2em;--e-global-typography-aisbody18-letter-spacing:-0.02em;--e-global-typography-aisbtn16-font-family:"Manrope";--e-global-typography-aisbtn16-font-size:16px;--e-global-typography-aisbtn16-font-weight:500;--e-global-typography-aisbtn16-text-transform:none;--e-global-typography-aisbtn16-line-height:1.2em;--e-global-typography-aisbtn16-letter-spacing:-0.02em;--e-global-typography-aissmall-font-family:"Manrope";--e-global-typography-aissmall-font-size:14px;--e-global-typography-aissmall-font-weight:400;--e-global-typography-aissmall-text-transform:none;--e-global-typography-aissmall-line-height:1.2em;--e-global-typography-aissmall-letter-spacing:-0.02em;--e-global-typography-aisfine-font-family:"Manrope";--e-global-typography-aisfine-font-size:12px;--e-global-typography-aisfine-font-weight:300;--e-global-typography-aisfine-text-transform:none;--e-global-typography-aisfine-line-height:1.2em;--e-global-typography-aisfine-letter-spacing:-0.02em;background-color:var( --e-global-color-aisground );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-aisground );border-radius:40px 40px 40px 40px;padding:15px 40px 15px 40px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-aisground );border-radius:40px 40px 40px 40px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );}.elementor-kit-5 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-5 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-5 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-5 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-ais30-font-family ), Sans-serif;font-size:var( --e-global-typography-ais30-font-size );font-weight:var( --e-global-typography-ais30-font-weight );text-transform:var( --e-global-typography-ais30-text-transform );line-height:var( --e-global-typography-ais30-line-height );letter-spacing:var( --e-global-typography-ais30-letter-spacing );}.elementor-kit-5 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-ais22-font-family ), Sans-serif;font-size:var( --e-global-typography-ais22-font-size );font-weight:var( --e-global-typography-ais22-font-weight );text-transform:var( --e-global-typography-ais22-text-transform );line-height:var( --e-global-typography-ais22-line-height );letter-spacing:var( --e-global-typography-ais22-letter-spacing );}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{padding:8px 18px 8px 18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;--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:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-primary-font-size:52px;--e-global-typography-secondary-font-size:48px;--e-global-typography-ais40-font-size:32px;--e-global-typography-aislead-font-size:20px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-5 h3{font-size:var( --e-global-typography-ais30-font-size );line-height:var( --e-global-typography-ais30-line-height );letter-spacing:var( --e-global-typography-ais30-letter-spacing );}.elementor-kit-5 h4{font-size:var( --e-global-typography-ais22-font-size );line-height:var( --e-global-typography-ais22-line-height );letter-spacing:var( --e-global-typography-ais22-letter-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:34px;--e-global-typography-accent-font-size:18px;--e-global-typography-ais40-font-size:26px;--e-global-typography-ais30-font-size:24px;--e-global-typography-ais22-font-size:19px;--e-global-typography-ais22lead-font-size:19px;--e-global-typography-aislead-font-size:18px;--e-global-typography-aisbody18-font-size:16px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-5 h3{font-size:var( --e-global-typography-ais30-font-size );line-height:var( --e-global-typography-ais30-line-height );letter-spacing:var( --e-global-typography-ais30-letter-spacing );}.elementor-kit-5 h4{font-size:var( --e-global-typography-ais22-font-size );line-height:var( --e-global-typography-ais22-line-height );letter-spacing:var( --e-global-typography-ais22-letter-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ---- one-page scrolling --------------------------------------------------- The header is FIXED, so it covers the top of the viewport at every scroll position and an anchor target must clear it or the section heading lands underneath. 60 of bar + 20 of the design's own rhythm. `scroll-padding-top` on the scrollport is what both CSS smooth scrolling and scrollIntoView() honour; a per-target `scroll-margin-top` would have to be restated on every section. */ html { scroll-behavior: smooth; scroll-padding-top: 80px; } @media (max-width: 1024px) { html { scroll-padding-top: 96px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } /* ---- 0. the header ------------------------------------------------------- Nothing here. The bar is fixed, centred, capped and laid out entirely by container and widget controls (Position: Fixed with a max() offset, two shrinking halves around the nav, `_flex_order_tablet` on the nav). See the masthead in apply-ais-elementor.php. */ /* ---- 0b. headings do not strand a word below desktop ---------------------- The frame is desktop only, and its hero headline breaks before "and Businesses". Narrower, the words before that break wrap wherever they fall and left "Families" alone on a line at 320, 340, 400, 412, 414, 600, 700, 820 and 900. Balanced lines give "Intervention Services / for Alaskan Families / and Businesses" from 400 to 900, the frame's own shape. Desktop is excluded so every heading keeps the frame's line breaks exactly. The services accordion's row titles are plain spans, not Heading widgets, and stranded "Transport", "Cases" and "Coordination" the same way. Neither widget has a text-wrap control. */ @media (max-width: 1024px) { .elementor-heading-title, .ais-services .ais-rowtitle { text-wrap: balance; } } /* ---- 2. the service accordion -------------------------------------------- Elementor's v4 Accordion (since 2026-09-17; the legacy widget made the rows jump). The 5px between rows, the paddings, removing the borders, the toggle's size and colours per state, and each body's centring and 600 cap are all controls. Three things no control says: The CARD. The frame draws each row, open or closed, as one rounded bar. The widget paints the title and the panel as separate boxes and has a single title radius for every state, so an open row would show the title's rounded bottom corners cut into its side. The item wrapper carries fill and radius. */ .ais-services .e-n-accordion-item { background: var( --e-global-color-aiswhite, #FDFFFF ); border-radius: 20px; overflow: hidden; } /* The number hard left (x10), the name CENTRED across the row, the toggle hard right. The widget's title is one text element and "Stretch" only pushes the toggle to the end, so the title grows to fill the row and lays out its two spans itself. */ .ais-services .e-n-accordion-item-title-header, .ais-services .e-n-accordion-item-title-text { flex: 1 1 auto; min-width: 0; } .ais-services .e-n-accordion-item-title-text { display: flex; align-items: center; gap: 20px; /* The title COLOUR: the widget sets its per-state colour on the row, and the Theme Style's `h3 { color }` sits on the heading itself and beat it, so the hover colour never reached the words. */ color: inherit; } .ais-services .ais-rowtitle { flex: 1 1 auto; text-align: center; } @media (max-width: 767px) { .ais-services .e-n-accordion-item-title-text { gap: 14px; } } /* ---- 3. the bands' decorations ------------------------------------------- Positioned, sized and clipped by controls: `_position` and offsets, a custom width on the edge strips, Overflow: Hidden on each band. Two things no control says: decoration must not take the pointer, and the gutter pieces need a gutter. The frame leaves 215 either side of the 930 step column; below about 1300 that is gone, and a 197-wide photograph in a 65-wide margin is a photograph sliced by the band's edge. Elementor's breakpoints stop at 1024. */ .ais-decor { pointer-events: none; } @media (max-width: 1299px) { .ais-gutter { display: none; } } /* ---- 4. testimonials ------------------------------------------------------ Below 1025 the row is a carousel. Its sizing is controls (no-wrap, card widths, the row's bleed past the right gutter, Overflow: Auto). What is left has no control: the hidden scrollbar (the cut-off card is the affordance) and snap points, so a drag lands on a card edge rather than mid-card. */ .ais-quote .elementor-icon { display: flex; } .ais-reviews { scrollbar-width: none; } .ais-reviews::-webkit-scrollbar { display: none; } @media (max-width: 1024px) { .ais-reviews { scroll-snap-type: x mandatory; scroll-behavior: smooth; } .ais-reviews > .elementor-element { scroll-snap-align: start; } } /* ---- 8. touch targets ----------------------------------------------------- Every bare run of text that is a link needs a real target, at EVERY width — WCAG 2.2's 24px minimum is not a touch-only rule, and a mouse pointer has no easier time with a 19px line box than a thumb. 19 of line box plus 10 lands on 29: above the minimum and on the design's own 29px link pitch, rather than the 44 that would turn a footer column into a list of islands. Done with PADDING this costs real layout: 10px on each of the footer's ten links added 46px to the band and put it that far past the frame. A pseudo-element extends the target without occupying a single pixel — the links keep the 29px pitch the design draws, and the hit areas meet exactly rather than overlapping. The anchor also has to stop being a block, or the whole column width is clickable and a hand's breadth of empty space beside the phone number answers to the pointer. */ .ais-footer a { display: inline-block; position: relative; } .ais-footer a::after { content: ''; position: absolute; inset: -5px 0; } /* A link inside a Text Editor takes the Kit's GLOBAL link colour, which is the brand blue — the same blue as the band it sits on. The Weber credit was rendering blue-on-blue and reading as a blank space. The icon lists are fine because their widget has its own colour controls; a text-editor link has none, so the footer states it here. */ /* The frame sets the dot layer over the band to SOFT LIGHT. Elementor has the control — Background Overlay > Blend Mode — but its list stops at Luminosity, so the value goes into the same custom property that control writes. */ .ais-footband { --overlay-mix-blend-mode: soft-light; } /* Every line of copy on the band is lemon at 0.4 in the frame; a text-editor link has no colour control, so the credit takes it here. */ .ais-footer a { color: var( --e-global-color-aislemon40, rgba( 247, 251, 223, 0.4 ) ); } .ais-footer a:hover, .ais-footer a:focus-visible { color: var( --e-global-color-aiswhite, #FDFFFF ); } /* Lemon to white alone is a step you can barely see on the blue band (Murat, 2026-09-17: the footer hovers "look very subtle"). Every footer link, the phone, the email, the menu and the credit, also underlines on hover and on keyboard focus. The Icon List and Text Editor have a hover COLOUR control and nothing for decoration. An underline, not a border: it takes no height, so the 29px link pitch does not move, and it fades in with the colour. */ .ais-footer a { text-decoration-line: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-skip-ink: none; transition: color .2s, text-decoration-color .2s; } .ais-footer a:hover, .ais-footer a:focus-visible { text-decoration-color: currentColor; } @media (max-width: 1024px) { .ais-masthead .elementor-menu-toggle { min-width: 44px; min-height: 44px; } } /* ---- 9. form --------------------------------------------------------------- The submit result is drawn nowhere in the frame and Elementor's defaults are a dark green success and a red error, both close to unreadable on this blue panel. The colours are set as controls; this only spaces the message. */ /* Two field metrics no control can state. Field PADDING is not one of them — that is `form_field_padding` in the Kit's own Theme Style, which targets `.elementor-field-textual` site-wide. What is left is the two fields the frame draws TALLER than the rest: the select carries a 24px chevron (44 against the text fields' 39) and the message box is drawn at a fixed 150 rather than a row count — 5 rows lands on 117 and 7 on 156, and neither is the drawn height. The submit is 350 of the form's 818, which is not one of the column widths `button_width` offers. */ /* ONE control paints TWO things: Form > Field > Border Color sets the field's edge and the select's arrow (`.elementor-select-wrapper::before`). The frame draws the edge at 10% ink and the arrow at full, so the arrow is restated — at 10% it had all but disappeared. Elementor writes that control at (0,5,0) — `.elementor-41 .elementor-element.elementor-element-ID .elementor-field-group .elementor-select-wrapper::before` — from a stylesheet that loads after the Kit, so this one has to reach (0,6,0) to land. */ .elementor .elementor-element.elementor-widget-form.ais-form .elementor-field-group .elementor-select-wrapper::before { color: var( --e-global-color-aislemon, #F7FBDF ); } .ais-form select.elementor-field-textual { min-height: 44px; } .ais-form textarea.elementor-field-textual { height: 150px; } /* 350 is a DESKTOP measure: below 1025 the form is the width of the screen and a 350 minimum leaves a 360px phone with a 5px gutter either side. */ @media (min-width: 768px) { .ais-form .elementor-field-type-submit .elementor-button { min-width: 350px; } } /* Full width is a PHONE decision, the same call as the page's own CTAs: at 768 it produced a 713px pill that reads as a banner. */ @media (max-width: 767px) { .ais-form .elementor-field-type-submit .elementor-button { width: 100%; } } /* The form has ONE row gap and the frame uses two: 20 between fields, 40 down to the submit. */ .ais-form .elementor-field-type-submit { margin-top: 20px; } /* Keyboard focus needs more than a colour change. */ .ais-form .elementor-field-textual:focus-visible { outline: 2px solid var( --e-global-color-aislemon, #F7FBDF ); outline-offset: 2px; } /* ---- 10. keyboard focus stays visible ------------------------------------ :where() would give this zero specificity and lose to Elementor's own reset. The catch-all comes first so nothing focusable falls back to the browser's black ring — the accordion rows did, and a black 2px ring on a white bar is both off-brand and easy to miss. The specific .elementor-kit-5s after it are the places that need a different offset or colour. */ .elementor a:focus-visible, .elementor button:focus-visible, .elementor [tabindex]:focus-visible, .elementor-location-header a:focus-visible, .elementor-location-footer a:focus-visible { outline: 2px solid var( --e-global-color-accent, #CB9933 ); outline-offset: 3px; } .ais-footer a:focus-visible, .ais-masthead a:focus-visible, .elementor-button:focus-visible { outline: 2px solid var( --e-global-color-accent, #CB9933 ); outline-offset: 3px; } /* The accordion row's ring must sit INSIDE the card, or it is clipped by the row's own `overflow: hidden`. The radius only shapes the ring (the title has no fill of its own): a square ring 4px inside a 20px corner had its corners cut off by that same clip. */ .ais-services .e-n-accordion-item-title:focus-visible { outline: 2px solid var( --e-global-color-accent, #CB9933 ); outline-offset: -4px; border-radius: 20px; } /* mca:admin-bar-offset */ /* Logged-in WP toolbar: keep the pinned header under it, never behind it. --wp-admin--admin-bar--height is core's own (32px, 46px <=782px). Logged-out visitors are untouched: every rule is scoped to body.admin-bar. */ body.admin-bar .elementor-element.site-header, body.admin-bar .elementor-element.site-header.elementor-sticky--active { top: var(--wp-admin--admin-bar--height, 32px); } /* At <=600px core switches #wpadminbar to position:absolute so it scrolls away. A FIXED header then covers it and a logged-in phone user can never reach the toolbar, so for them the header scrolls away with it too. Visitors keep the fixed header — this block is admin-bar only. */ @media screen and (max-width: 600px) { body.admin-bar .elementor-element.site-header, body.admin-bar .elementor-element.site-header.elementor-sticky--active { position: absolute; top: var(--wp-admin--admin-bar--height, 46px); } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Heuristica'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://alaskaintervention.com/wp-content/uploads/2026/09/Heuristica-Regular.woff2') format('woff2'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Manrope'; font-display: auto; src: url('https://alaskaintervention.com/wp-content/uploads/2026/09/Manrope-Variable.woff2') format('woff2'), url('https://alaskaintervention.com/wp-content/uploads/2026/09/Manrope-Variable.ttf') format('truetype'); } /* End Custom Fonts CSS */