.elementor-kit-7{--e-global-color-primary:#1F2A44;--e-global-color-secondary:#F28C28;--e-global-color-text:#1F2A44;--e-global-color-accent:#1670AF;--e-global-color-8f9437e:#2B9FE0;--e-global-color-ab461be:#FFFFFF;--e-global-color-226c206:#F4F7FB;--e-global-color-445a092:#DDEEFA;--e-global-color-72c6a55:#E3E9F2;--e-global-color-a426b5b:#FF9E40D1;--e-global-typography-primary-font-family:"Saira Condensed";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Geologica";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:0.1em;--e-global-typography-text-font-family:"Geologica";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0.1em;--e-global-typography-accent-font-family:"Geologica";--e-global-typography-accent-font-size:32px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.6em;--e-global-typography-accent-letter-spacing:0.1em;--e-global-typography-3754494-font-family:"Saira Condensed";--e-global-typography-3754494-font-size:32px;--e-global-typography-3754494-font-weight:800;--e-global-typography-3754494-letter-spacing:0.01em;--e-global-typography-96bfa29-font-family:"Geologica";--e-global-typography-96bfa29-font-size:17px;--e-global-typography-96bfa29-font-weight:300;--e-global-typography-96bfa29-line-height:150%;--e-global-typography-96bfa29-letter-spacing:0.01em;--e-global-typography-373ac16-font-family:"Saira Condensed";--e-global-typography-373ac16-font-size:96px;--e-global-typography-373ac16-font-weight:800;--e-global-typography-373ac16-text-transform:uppercase;--e-global-typography-373ac16-line-height:1em;--e-global-typography-dce006d-font-family:"Saira Condensed";--e-global-typography-dce006d-font-size:60px;--e-global-typography-dce006d-font-weight:800;--e-global-typography-dce006d-text-transform:uppercase;--e-global-typography-dce006d-line-height:1.05em;--e-global-typography-1e702f9-font-family:"Saira Condensed";--e-global-typography-1e702f9-font-size:32px;--e-global-typography-1e702f9-font-weight:700;--e-global-typography-1e702f9-line-height:1.2em;--e-global-typography-b82550c-font-family:"Saira Condensed";--e-global-typography-b82550c-font-size:32px;--e-global-typography-b82550c-font-weight:700;--e-global-typography-b82550c-line-height:1.2em;--e-global-typography-b82550c-letter-spacing:0em;--e-global-typography-d19fde9-font-family:"Saira Condensed";--e-global-typography-d19fde9-font-size:32px;--e-global-typography-d19fde9-font-weight:700;--e-global-typography-d19fde9-line-height:1.2em;--e-global-typography-d19fde9-letter-spacing:0em;--e-global-typography-f3e5fd8-font-family:"Geologica";--e-global-typography-f3e5fd8-font-size:21px;--e-global-typography-f3e5fd8-font-weight:600;--e-global-typography-f3e5fd8-text-transform:uppercase;--e-global-typography-f3e5fd8-line-height:150%;--e-global-typography-f3e5fd8-letter-spacing:0.3em;--e-global-typography-3c9528a-font-family:"Saira Condensed";--e-global-typography-3c9528a-font-size:60px;--e-global-typography-3c9528a-font-weight:800;--e-global-typography-3c9528a-text-transform:uppercase;--e-global-typography-3c9528a-line-height:1.05em;--e-global-typography-38f047c-font-family:"Saira Condensed";--e-global-typography-38f047c-font-size:18px;--e-global-typography-38f047c-font-weight:600;--e-global-typography-38f047c-line-height:1.2em;--e-global-typography-38f047c-letter-spacing:0em;--e-global-typography-905f426-font-family:"Saira Condensed";--e-global-typography-905f426-font-size:24px;--e-global-typography-905f426-font-weight:700;--e-global-typography-905f426-text-transform:uppercase;--e-global-typography-905f426-line-height:1.2em;--e-global-typography-905f426-letter-spacing:0.13rem;--e-global-typography-49ba0e9-font-family:"Geologica";--e-global-typography-49ba0e9-font-size:24px;--e-global-typography-49ba0e9-font-weight:500;--e-global-typography-49ba0e9-line-height:1.4em;--e-global-typography-49ba0e9-letter-spacing:0.01em;--e-global-typography-983a2ac-font-family:"Geologica";--e-global-typography-983a2ac-font-size:18px;--e-global-typography-983a2ac-font-weight:500;--e-global-typography-983a2ac-line-height:150%;--e-global-typography-983a2ac-letter-spacing:0.01em;--e-global-typography-bc3e824-font-family:"Saira Condensed";--e-global-typography-bc3e824-font-size:28px;--e-global-typography-bc3e824-font-weight:700;--e-global-typography-bc3e824-letter-spacing:1.2px;background-color:var( --e-global-color-ab461be );color:var( --e-global-color-text );font-family:var( --e-global-typography-96bfa29-font-family ), Sans-serif;font-size:var( --e-global-typography-96bfa29-font-size );font-weight:var( --e-global-typography-96bfa29-font-weight );line-height:var( --e-global-typography-96bfa29-line-height );letter-spacing:var( --e-global-typography-96bfa29-letter-spacing );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-accent );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 );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-accent );}.elementor-kit-7 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-373ac16-font-family ), Sans-serif;font-size:var( --e-global-typography-373ac16-font-size );font-weight:var( --e-global-typography-373ac16-font-weight );text-transform:var( --e-global-typography-373ac16-text-transform );line-height:var( --e-global-typography-373ac16-line-height );}.elementor-kit-7 h2{font-family:var( --e-global-typography-dce006d-font-family ), Sans-serif;font-size:var( --e-global-typography-dce006d-font-size );font-weight:var( --e-global-typography-dce006d-font-weight );text-transform:var( --e-global-typography-dce006d-text-transform );line-height:var( --e-global-typography-dce006d-line-height );}.elementor-kit-7 h3{font-family:var( --e-global-typography-1e702f9-font-family ), Sans-serif;font-size:var( --e-global-typography-1e702f9-font-size );font-weight:var( --e-global-typography-1e702f9-font-weight );line-height:var( --e-global-typography-1e702f9-line-height );}.elementor-kit-7 h4{font-family:"Satoshi - Regular", Sans-serif;font-size:20px;font-weight:700;}.elementor-kit-7 h5{font-family:"Satoshi - Regular", Sans-serif;font-size:18px;font-weight:700;}.elementor-kit-7 h6{font-family:"Satoshi - Regular", Sans-serif;font-size:17px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-7{font-size:var( --e-global-typography-96bfa29-font-size );line-height:var( --e-global-typography-96bfa29-line-height );letter-spacing:var( --e-global-typography-96bfa29-letter-spacing );}.elementor-kit-7 h1{font-size:var( --e-global-typography-373ac16-font-size );line-height:var( --e-global-typography-373ac16-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-dce006d-font-size );line-height:var( --e-global-typography-dce006d-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-1e702f9-font-size );line-height:var( --e-global-typography-1e702f9-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .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 );}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-373ac16-font-size:56px;--e-global-typography-dce006d-font-size:40px;--e-global-typography-3c9528a-font-size:40px;font-size:var( --e-global-typography-96bfa29-font-size );line-height:var( --e-global-typography-96bfa29-line-height );letter-spacing:var( --e-global-typography-96bfa29-letter-spacing );}.elementor-kit-7 h1{font-size:var( --e-global-typography-373ac16-font-size );line-height:var( --e-global-typography-373ac16-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-dce006d-font-size );line-height:var( --e-global-typography-dce006d-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-1e702f9-font-size );line-height:var( --e-global-typography-1e702f9-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .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-7{--e-global-typography-96bfa29-font-size:16px;--e-global-typography-96bfa29-line-height:150%;--e-global-typography-373ac16-font-size:40px;--e-global-typography-dce006d-font-size:32px;--e-global-typography-b82550c-font-size:16px;--e-global-typography-b82550c-line-height:150%;--e-global-typography-d19fde9-font-size:28px;--e-global-typography-d19fde9-line-height:1.2em;--e-global-typography-f3e5fd8-font-size:16px;--e-global-typography-f3e5fd8-line-height:150%;--e-global-typography-3c9528a-font-size:40px;--e-global-typography-38f047c-font-size:28px;--e-global-typography-38f047c-line-height:1.2em;--e-global-typography-905f426-font-size:28px;--e-global-typography-905f426-line-height:1.2em;--e-global-typography-983a2ac-font-size:16px;--e-global-typography-983a2ac-line-height:150%;--e-global-typography-bc3e824-font-size:24px;--e-global-typography-bc3e824-line-height:1.3em;--e-global-typography-bc3e824-letter-spacing:0.2px;font-size:var( --e-global-typography-96bfa29-font-size );line-height:var( --e-global-typography-96bfa29-line-height );letter-spacing:var( --e-global-typography-96bfa29-letter-spacing );}.elementor-kit-7 h1{font-size:var( --e-global-typography-373ac16-font-size );line-height:var( --e-global-typography-373ac16-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-dce006d-font-size );line-height:var( --e-global-typography-dce006d-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-1e702f9-font-size );line-height:var( --e-global-typography-1e702f9-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .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;}}@media(min-width:2400px){.elementor-kit-7{font-size:var( --e-global-typography-96bfa29-font-size );line-height:var( --e-global-typography-96bfa29-line-height );letter-spacing:var( --e-global-typography-96bfa29-letter-spacing );}.elementor-kit-7 h1{font-size:var( --e-global-typography-373ac16-font-size );line-height:var( --e-global-typography-373ac16-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-dce006d-font-size );line-height:var( --e-global-typography-dce006d-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-1e702f9-font-size );line-height:var( --e-global-typography-1e702f9-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .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 );}}/* Start custom CSS *//* One source of truth for the gradient */ :root { --kbd-rainbow: linear-gradient(90deg, #E5484D 0%, #F28C28 20%, #F7C948 40%, #4CB944 60%, #2B9FE0 80%, #7B5EA7 100%); } /* Containers: gradient rides Elementor's own border settings */ .kbd-rainbow-border { border-image: var(--kbd-rainbow) 1; } /* Divider widget: gradient rides the widget's Weight control */ .kbd-rainbow-divider .elementor-divider-separator { border-image: var(--kbd-rainbow) 1; } /* temp fix: Event Row image column width; remove once Elementor's generator ships complete .e-con-full width rules again */ .elementor-296 .elementor-element-128b1a1 { width: var(--width); flex-shrink: 0; } .kbd-scrim .elementor-cta__bg-overlay{background:linear-gradient(to top,rgba(31,42,68,0.95) 0%,rgba(31,42,68,0.6) 35%,rgba(31,42,68,0) 65%) !important} /* ===== KBD Announcement Bar (ACF options page + [kbd_announcement] shortcode) ===== Navy band BELOW the rainbow border. When the band is on, the rainbow moves from the header's bottom border to the band's top border (same on-screen position), so the nav row is identical with the band on or off. Band slides out from under the rainbow on load, then stays static. Rainbow widths mirror the header's Border settings per breakpoint: 10 desktop / 8 laptop / 5 tablet+mobile. */ /* header loses its own bottom border while the band is on */ .elementor-79 .elementor-element.elementor-element-ec83790.kbd-rainbow-border:has(.kbd-ann) { border-bottom-width: 0 !important; } /* band wrapper: full width, carries the rainbow as its top border, clips the slide-in */ .elementor-79 .elementor-element.elementor-element-c89fb65.kbd-ann-wrap { width: 100%; padding: 0; min-height: 0; margin: 10px 0 -10px; /* top = header bottom padding (rainbow lands where the header border sits when the band is off); bottom cancels it */ padding-top: 10px; /* room for the rainbow (same width as the header border it replaces) */ position: relative; clip-path: inset(0 -100vmax); /* band emerges from under the rainbow; full-bleed shadow still visible */ } /* the rainbow itself: full-bleed, painted above the band so the slide-in comes out from under it */ .elementor-79 .elementor-element.elementor-element-c89fb65.kbd-ann-wrap::before { content: ""; position: absolute; top: 0; left: -100vmax; right: -100vmax; width: auto !important; /* Elementor forces width:100% on container pseudo-elements */ height: 10px; background: var(--kbd-rainbow) center / 100vw 100% repeat-x; /* gradient spans the viewport, not the oversized pseudo box */ z-index: 2; } .kbd-ann-wrap .elementor-widget-shortcode { width: 100%; } .kbd-ann-wrap:not(:has(.kbd-ann)) { display: none; } .kbd-ann { width: 100%; text-align: center; padding: 9px 16px; font-family: "Saira Condensed", sans-serif; font-weight: 600; font-size: 15px; line-height: 1.35; letter-spacing: .3px; color: #fff; background: #1F2A44; /* ink */ box-shadow: 0 0 0 100vmax #1F2A44; clip-path: inset(0 -100vmax); /* shadow left/right only */ position: relative; z-index: 1; animation: kbd-ann-drop .4s cubic-bezier(.2,.8,.2,1) both; } @keyframes kbd-ann-drop { from { transform: translateY(-100%); } to { transform: none; } } @media (prefers-reduced-motion: reduce) { .kbd-ann { animation: none; } } .kbd-ann-link { display: inline-block; margin-left: 12px; padding: 2px 10px; border: 1px solid #4FB0E6; /* light brand blue stroke */ border-radius: 999px; background: #fff; color: #4FB0E6; text-decoration: none; font-size: 13px; line-height: 1.3; white-space: nowrap; } .kbd-ann-link:hover { background: #4FB0E6; border-color: #4FB0E6; color: #fff; } @media (max-width: 1366px) { .elementor-79 .elementor-element.elementor-element-c89fb65.kbd-ann-wrap { margin-top: 24px; margin-bottom: -24px; padding-top: 8px; } .elementor-79 .elementor-element.elementor-element-c89fb65.kbd-ann-wrap::before { height: 8px; } } @media (max-width: 1200px) { .elementor-79 .elementor-element.elementor-element-c89fb65.kbd-ann-wrap { padding-top: 5px; } .elementor-79 .elementor-element.elementor-element-c89fb65.kbd-ann-wrap::before { height: 5px; } } @media (max-width: 1024px) { .elementor-79 .elementor-element.elementor-element-c89fb65.kbd-ann-wrap { margin-top: 22px; margin-bottom: -16px; } } /* tablet: header padding is 16; band adds 6 more */ @media (max-width: 767px) { .elementor-79 .elementor-element.elementor-element-c89fb65.kbd-ann-wrap { margin-top: 30px; margin-bottom: -24px; } /* phone: header padding is 24; band adds 6 more */ .kbd-ann { font-size: 14px; padding: 8px 12px; } .kbd-ann-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .kbd-ann-link { display: inline-block; margin: 6px 0 0; } } /* Mobile/tablet nav dropdown: with the band on, the rainbow sits 6px lower than the header's own border, so the dropdown opens 6px lower too (Elementor's Dropdown > Distance is 40 phone / 45 tablet). Band off = Elementor defaults, untouched. */ @media (max-width: 1024px) { .elementor-79 .kbd-rainbow-border:has(.kbd-ann) .elementor-element.elementor-element-d279232 .elementor-nav-menu__container.elementor-nav-menu--dropdown { margin-top: 51px !important; } } @media (max-width: 767px) { .elementor-79 .kbd-rainbow-border:has(.kbd-ann) .elementor-element.elementor-element-d279232 .elementor-nav-menu__container.elementor-nav-menu--dropdown { margin-top: 46px !important; } } /* Homepage hero H1 (a590963): mobile font-size 48px was inheriting the desktop 24px line-height. Elementor-native equivalent: heading > Style > Typography > Line Height (mobile) = 1.05em. */ @media (max-width: 767px) { .elementor-43 .elementor-element.elementor-element-a590963 .elementor-heading-title { line-height: 1.05em; } } /* iOS landscape horizontal-pan guard */ html { overflow-x: clip; } html, body { max-width: 100%; } /* Header nav, laptop breakpoint (1201-1366px): the 28px nav + 304px logo + 28px button only fit from ~1340px up, so between 1201 and 1340 the nav dropped under the logo. Use the tablet-extra sizes here instead (24px nav, 6px item padding, 227px logo, 22px button). Elementor-native equivalent: set these values on the Laptop breakpoint of nav d279232, logo b9e4538, button 8380928. */ @media (min-width: 1201px) and (max-width: 1366px) { body.elementor-kit-7 .elementor-79 .elementor-element.elementor-element-d279232 .elementor-nav-menu--main .elementor-item { font-size: 24px; padding-left: 6px; padding-right: 6px; } body.elementor-kit-7 .elementor-79 .elementor-element.elementor-element-b9e4538 img { width: 227px; } body.elementor-kit-7 .elementor-79 .elementor-element.elementor-element-8380928 .elementor-button { font-size: 22px; } } /* ===== KBD Crew Bio: "Read Bio" pill + in-card bio panel ===== Toggle script lives in WPCode ("KBD Crew Bio Toggle"). Styles live here so they also apply inside the Elementor editor. */ .kbd-card{position:relative;overflow:hidden;isolation:isolate;} .kbd-card .kbd-bio-toggle{position:absolute;top:14px;right:14px;z-index:4;width:auto;margin:0;} .kbd-card.kbd-card .kbd-bio-toggle.kbd-bio-toggle .elementor-button{border-radius:999px;padding:6px 16px;font-family:"Saira Condensed",sans-serif;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;background:#F28C28;color:#fff;border:2px solid #1F2A44;box-shadow:0 2px 8px rgba(31,42,68,.25);cursor:pointer;} .kbd-card.kbd-card .kbd-bio-toggle.kbd-bio-toggle .elementor-button:hover,.kbd-card.kbd-card .kbd-bio-toggle.kbd-bio-toggle .elementor-button:focus-visible{background:#fff;color:#F28C28;border-color:#1F2A44;} .kbd-card .kbd-bio-toggle .elementor-button-content-wrapper{align-items:center;} .kbd-card .kbd-bio-toggle .elementor-button-icon{display:inline-flex;} .kbd-card .kbd-bio-toggle .elementor-button-icon svg{width:.62em;height:auto;fill:currentColor;transform:translateY(-1px);} .kbd-card.is-open .kbd-bio-toggle .elementor-button-icon{display:none;} .kbd-card .kbd-bio{position:absolute;inset:0;z-index:3;padding:64px 24px 24px;background:rgba(31,42,68,.96);overflow:auto;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;} .kbd-card.is-open .kbd-bio{opacity:1;visibility:visible;} .kbd-card .kbd-bio,.kbd-card .kbd-bio *{color:#fff;font-size:15px;line-height:1.55;} .kbd-card .kbd-bio p{margin:0;} .kbd-card.no-bio .kbd-bio-toggle{display:none;} @media (prefers-reduced-motion:reduce){.kbd-card .kbd-bio{transition:none;}} /* Founder cards (Call to Action widget inside the wrapper) */ .kbd-card--founder{border-radius:20px;} .kbd-card--founder > .elementor-widget-call-to-action{width:100%;isolation:isolate;} .kbd-card--founder .elementor-cta,.kbd-card--founder .elementor-cta__bg-wrapper{border-radius:18px;} .kbd-card--founder .kbd-bio{inset:2px;border-radius:18px;} /* Elementor editor only: bio panel stays hidden unless you select it (or its text) in the Navigator */ .elementor-editor-active .kbd-card .kbd-bio.elementor-element-editable, .elementor-editor-active .kbd-card .kbd-bio:has(.elementor-element-editable){opacity:1;visibility:visible;} /* a11y focus: header CTA + event More Info */ body.elementor-kit-7 .elementor-button:focus-visible, body.elementor-kit-7 .elementor-location-header a.elementor-button:focus-visible{ outline:3px solid #1F2A44;outline-offset:3px; background-color:inherit;color:inherit; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Satoshi – Regular'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://kidboogiedown.com/wp-content/uploads/2026/09/Satoshi-Regular.woff') format('woff'); } /* End Custom Fonts CSS */