.elementor-kit-6{--e-global-color-primary:#0D244F;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#1E1E1E;--e-global-color-accent:#A80F16;--e-global-color-bodytext:#4E4E4E;--e-global-color-altbg:#E9EAEC;--e-global-color-cardnavy:#06142F;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:60px;--e-global-typography-primary-letter-spacing:-1.8px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:46px;--e-global-typography-secondary-letter-spacing:-1.2px;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:28.8px;--e-global-typography-text-letter-spacing:-0.2px;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:14px;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-subheading-font-family:"Montserrat";--e-global-typography-subheading-font-size:24px;--e-global-typography-subheading-font-weight:700;--e-global-typography-subheading-line-height:28.8px;--e-global-typography-subheading-letter-spacing:-1px;--e-global-typography-subsmall-font-family:"Montserrat";--e-global-typography-subsmall-font-size:18px;--e-global-typography-subsmall-font-weight:700;--e-global-typography-subsmall-line-height:23.4px;--e-global-typography-subsmall-letter-spacing:-0.7px;--e-global-typography-paragraph-font-family:"Open Sans";--e-global-typography-paragraph-font-size:16px;--e-global-typography-paragraph-font-weight:400;--e-global-typography-paragraph-line-height:24px;--e-global-typography-paragraph-letter-spacing:-0.2px;--e-global-typography-eyebrow-font-family:"Montserrat";--e-global-typography-eyebrow-font-size:14px;--e-global-typography-eyebrow-font-weight:700;--e-global-typography-eyebrow-text-transform:uppercase;--e-global-typography-eyebrow-line-height:22.4px;--e-global-typography-eyebrow-letter-spacing:3px;--e-global-typography-cardtitle-font-family:"Graduate";--e-global-typography-cardtitle-font-size:20px;--e-global-typography-cardtitle-font-weight:400;--e-global-typography-cardtitle-line-height:1.12em;--e-global-typography-cardcond-font-family:"Card Condensed", "Card Condensed Fallback";--e-global-typography-cardcond-font-size:20px;--e-global-typography-cardcond-font-weight:700;--e-global-typography-cardcond-line-height:1.15em;--e-global-typography-cardcondbody-font-family:"Card Condensed", "Card Condensed Fallback";--e-global-typography-cardcondbody-font-size:17px;--e-global-typography-cardcondbody-font-weight:500;--e-global-typography-cardcondbody-line-height:1.35em;color:var( --e-global-color-bodytext );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 );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .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:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;padding:13px 24px 13px 24px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:var( --e-global-color-text );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 );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{color:var( --e-global-color-text );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 );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-subheading-font-family ), Sans-serif;font-size:var( --e-global-typography-subheading-font-size );font-weight:var( --e-global-typography-subheading-font-weight );line-height:var( --e-global-typography-subheading-line-height );letter-spacing:var( --e-global-typography-subheading-letter-spacing );}.elementor-kit-6 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-subsmall-font-family ), Sans-serif;font-size:var( --e-global-typography-subsmall-font-size );font-weight:var( --e-global-typography-subsmall-font-weight );line-height:var( --e-global-typography-subsmall-line-height );letter-spacing:var( --e-global-typography-subsmall-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.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:1024px){.elementor-kit-6{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-6 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-6 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-6 h3{font-size:var( --e-global-typography-subheading-font-size );line-height:var( --e-global-typography-subheading-line-height );letter-spacing:var( --e-global-typography-subheading-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-subsmall-font-size );line-height:var( --e-global-typography-subsmall-line-height );letter-spacing:var( --e-global-typography-subsmall-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .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-6{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-6 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-6 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-6 h3{font-size:var( --e-global-typography-subheading-font-size );line-height:var( --e-global-typography-subheading-line-height );letter-spacing:var( --e-global-typography-subheading-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-subsmall-font-size );line-height:var( --e-global-typography-subsmall-line-height );letter-spacing:var( --e-global-typography-subsmall-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .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 *//* SFLL mobile type: override the Global Font size variables at 767px and below (H1 36, H2 30, H3 24). */ @media (max-width:767px){ body.elementor-kit-6{--e-global-typography-primary-font-size:36px;--e-global-typography-primary-line-height:40px;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-line-height:34px;--e-global-typography-secondary-letter-spacing:-0.8px;--e-global-typography-subheading-font-size:24px;--e-global-typography-subheading-line-height:28px;} body .elementor-location-single .elementor-widget-button .elementor-button,body .elementor-widget-button .elementor-button{width:100%;justify-content:center;text-align:center;} body .elementor-location-header .elementor-widget-button .elementor-button{width:auto;} } /* Form fields per design: 10px radius, light gray fill, 1px light border, 12px padding. */ .elementor-form .elementor-field-textual,.elementor-form .elementor-field-group select{border:1px solid var(--e-global-color-altbg);border-radius:10px;background-color:var(--e-global-color-altbg);padding:12px;} /* Title-banner breadcrumb (Rank Math shortcode inside .sfll-breadcrumb): design eyebrow style, white, red separator. */ .sfll-breadcrumb .rank-math-breadcrumb p{margin:0;font-family:var(--e-global-typography-eyebrow-font-family),sans-serif;font-weight:700;font-size:14px;line-height:22.4px;letter-spacing:3px;text-transform:uppercase;color:var(--e-global-color-secondary);} .sfll-breadcrumb .rank-math-breadcrumb a{color:var(--e-global-color-secondary);text-decoration:none;} .sfll-breadcrumb .rank-math-breadcrumb .separator{color:var(--e-global-color-accent);padding:0 6px;} /* Round 2: mobile buttons full width (header excluded), FAQ accordion headers per design, sponsor band note, fee/key-date rows. */ @media (max-width:767px){ body .elementor-widget-button .elementor-button{width:100% !important;justify-content:center;text-align:center;} body .elementor-location-header .elementor-widget-button .elementor-button{width:auto !important;} .sfll-table-head,.sfll-table-row{flex-direction:row !important;flex-wrap:nowrap !important;gap:8px !important;} .sfll-table-head > .e-con,.sfll-table-row > .e-con{width:auto !important;flex:1 1 0 !important;min-width:0;padding-left:6px;padding-right:6px;} .sfll-table-head > .e-con:first-child,.sfll-table-row > .e-con:first-child{flex:1.4 1 0 !important;} .sfll-table-head .elementor-heading-title,.sfll-table-row .elementor-heading-title{font-size:13px;line-height:18px;} } .sfll-faq-list .e-n-accordion-item-title{padding:14px 30px;min-height:54px;align-items:center;} .sfll-faq-list .e-n-accordion-item-title-text{font-family:var(--e-global-typography-paragraph-font-family),sans-serif;font-size:16px;line-height:24px;font-weight:700;letter-spacing:-0.2px;} @media (max-width:767px){.sfll-faq-list .e-n-accordion-item-title{padding:14px 16px;}.sfll-faq-list .e-n-accordion-item-title-text{font-size:15px;line-height:20px;}} .sfll-sponsor-column,.sfll-sponsor-column .elementor-widget-heading .elementor-heading-title{text-align:center;} .sfll-keydate-row{box-sizing:border-box;max-width:100%;} .sfll-keydate-row .elementor-widget-button{flex:0 0 auto !important;} .sfll-keydate-row > .e-con{flex:0 1 auto;min-width:0;} @media (max-width:767px){ body .elementor-widget-button{width:100% !important;max-width:100%;align-self:stretch;} body .elementor-location-header .elementor-widget-button{width:auto !important;align-self:auto;} } /* Round 3: registration fee table mobile column gap. */ @media (max-width:767px){ .sfll-table-head,.sfll-table-row{column-gap:14px !important;} .sfll-table-head > .e-con,.sfll-table-row > .e-con{overflow-wrap:anywhere;} .sfll-table-row .elementor-heading-title{font-size:12px;line-height:16px;} } /* Round 4: registration fee table mobile. Wider Ages column, no mid-word breaks. */ @media (max-width:767px){ .sfll-table-head,.sfll-table-row{padding-left:12px !important;padding-right:12px !important;column-gap:8px !important;} .sfll-table-head > .e-con,.sfll-table-row > .e-con{padding-left:0 !important;padding-right:0 !important;overflow-wrap:normal !important;word-break:normal !important;flex:1.2 1 0 !important;} .sfll-table-head > .e-con:first-child,.sfll-table-row > .e-con:first-child{flex:1 1 0 !important;} .sfll-table-head > .e-con:last-child,.sfll-table-row > .e-con:last-child{flex:0.6 1 0 !important;} } /* Stage 5: Modern baseball-card style. One shared class set; spec in architecture/stage-5-modern-card-spec.md. Card: .sfll-mc + .sfll-mc-front | .sfll-mc-back. Parts: -img, -plate, -title, -title-ib, -sub, -keep. All sizes are container-query units of the card width (520px = 100cqw in the mockup). Colors and fonts come from the Global Kit variables. */ .sfll-mc{container-type:inline-size;position:relative;box-sizing:border-box;display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:0 !important;padding:0 !important;margin:0;border:0 !important;border-radius:0 !important;overflow:visible !important;aspect-ratio:5/7;min-height:auto !important;background-color:var(--e-global-color-primary) !important;box-shadow:0 10px 30px color-mix(in srgb,var(--e-global-color-primary) 22%,transparent);text-align:left;} .sfll-mc .e-con:not(.sfll-mc-keep):not(.sfll-mc-plate){display:contents !important;} .sfll-mc .elementor-widget{position:relative;margin-left:5.4cqw;margin-right:5.4cqw;width:auto !important;max-width:calc(100% - 10.8cqw);align-self:stretch;} .sfll-mc .elementor-widget-container,.sfll-mc .elementor-widget-container *{text-align:left;} .sfll-mc .elementor-heading-title{font-family:var(--e-global-typography-primary-font-family),sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.1em !important;font-size:clamp(12px,4cqw,20px) !important;line-height:1.2 !important;color:var(--e-global-color-secondary) !important;text-align:left !important;margin:0;} .sfll-mc .elementor-widget-text-editor,.sfll-mc .elementor-widget-text-editor p,.sfll-mc .elementor-icon-box-description{font-family:var(--e-global-typography-text-font-family),sans-serif !important;font-size:clamp(13px,3.1cqw,16px) !important;line-height:1.45 !important;letter-spacing:0 !important;color:var(--e-global-color-secondary) !important;text-align:left !important;} .sfll-mc .elementor-widget-text-editor p{margin:0;} .sfll-mc .elementor-icon,.sfll-mc .elementor-icon i,.sfll-mc .elementor-icon-box-icon .elementor-icon{color:var(--e-global-color-secondary) !important;fill:var(--e-global-color-secondary) !important;} .sfll-mc .elementor-icon svg{fill:var(--e-global-color-secondary) !important;} .sfll-mc .elementor-icon-box-wrapper{display:flex !important;flex-direction:column !important;align-items:flex-start !important;text-align:left !important;} .sfll-mc .elementor-icon-box-content{width:100%;} .sfll-mc .elementor-icon-box-title,.sfll-mc .elementor-icon-box-title a,.sfll-mc .elementor-icon-box-title span{font-family:var(--e-global-typography-primary-font-family),sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.1em !important;font-size:clamp(12px,4cqw,20px) !important;line-height:1.2 !important;color:var(--e-global-color-secondary) !important;text-align:left !important;} .sfll-mc .elementor-icon-box-icon{margin:0 0 3cqw !important;} .sfll-mc .elementor-icon-box-title{margin:0;} .sfll-mc .elementor-icon-box-description{margin:1.6cqw 0 0;} .sfll-mc .elementor-icon-list-item{border-top:1px solid color-mix(in srgb,var(--e-global-color-secondary) 28%,transparent);padding:2.6cqw 0;} .sfll-mc .elementor-icon-list-text{color:var(--e-global-color-secondary) !important;font-family:var(--e-global-typography-text-font-family),sans-serif !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.35 !important;font-size:clamp(13px,3.1cqw,16px) !important;} .sfll-mc .elementor-widget-icon,.sfll-mc .elementor-widget-icon .elementor-icon-wrapper{text-align:left !important;} .sfll-mc .elementor-widget-button{margin-top:auto;margin-bottom:0;} .sfll-mc .elementor-widget-button .elementor-button{display:flex;width:100% !important;justify-content:center;box-sizing:border-box;background-color:var(--e-global-color-secondary) !important;color:var(--e-global-color-primary) !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:3.4cqw 4cqw !important;font-family:var(--e-global-typography-primary-font-family),sans-serif !important;font-weight:700 !important;font-size:clamp(12px,3.1cqw,15px) !important;line-height:1.2 !important;text-transform:uppercase !important;letter-spacing:.14em !important;} .sfll-mc .elementor-widget-button .elementor-button-text{color:var(--e-global-color-primary) !important;} /* Front cards size from content, not from a 5:7 box: a 5:7 box cannot grow when its parent is a column (mobile, Loop Grid item) and would clip. Image area 520:598 plus the plate comes to 5:7 for a one-line title and subline; longer copy makes the card taller. Back cards and photo-background cards keep the 5:7 box. */ .sfll-mc-front:not(.sfll-mc-bg){aspect-ratio:auto;} .sfll-mc-front:not(.sfll-mc-bg)::after{aspect-ratio:520/40;} /* Bottom spacer: cqw on the card's own padding would resolve against the page, so spacers are pseudo-elements sized by aspect-ratio (cqw does not resolve on them reliably). */ .sfll-mc::after{content:"";display:block;flex:0 0 auto;width:100%;aspect-ratio:520/28;} /* Coming-soon buttons (no link target yet): same white bar, dimmed. */ .sfll-mc .sfll-mc-soon .elementor-button{opacity:.7;cursor:default;} /* Front: full-bleed photo, diagonal red stripe, white gap, navy title plate. */ .sfll-mc-front .sfll-mc-img{margin:0;max-width:none;width:100% !important;flex:0 0 auto;aspect-ratio:520/598;overflow:hidden;border-bottom:1.54cqw solid var(--e-global-color-secondary);box-sizing:border-box;align-self:stretch;} .sfll-mc-front .sfll-mc-img .elementor-widget-container{height:100%;} .sfll-mc-front .sfll-mc-img img{display:block;width:100% !important;height:100% !important;max-width:none;aspect-ratio:auto !important;object-fit:cover !important;object-position:center center !important;border-radius:0 !important;} .sfll-mc-front .sfll-mc-img::after,.sfll-mc-front .sfll-mc-plate::before{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:auto !important;width:auto !important;opacity:1 !important;height:29.06cqw !important;background-color:var(--e-global-color-accent);clip-path:polygon(0 15.6cqw,100% 0,100% 13.46cqw,0 29.06cqw);pointer-events:none;} .sfll-mc-front .sfll-mc-img::after{bottom:2.1cqw;} .sfll-mc-front .sfll-mc-title{margin-top:4cqw;} .sfll-mc-front .sfll-mc-title .elementor-heading-title{font-weight:800 !important;font-size:clamp(16px,6.15cqw,32px) !important;letter-spacing:0 !important;line-height:1.1 !important;} .sfll-mc-front .sfll-mc-sub{margin-top:1.4cqw;} .sfll-mc-front .sfll-mc-sub .elementor-heading-title{font-weight:600 !important;font-size:clamp(11px,3cqw,16px) !important;letter-spacing:.16em !important;color:color-mix(in srgb,var(--e-global-color-secondary) 85%,transparent) !important;} .sfll-mc-front .elementor-widget-text-editor{margin-top:2cqw;} .sfll-mc-front .elementor-widget-button{margin-top:auto;} .sfll-mc-front .elementor-widget-button:not(:first-child){padding-top:4cqw;} /* Front with a photo background (no image widget): the plate is the navy bottom block. */ .sfll-mc-front.sfll-mc-bg{background-size:cover !important;background-position:center center !important;justify-content:flex-end;} .sfll-mc-front.sfll-mc-bg::after{display:none;} .sfll-mc-front .sfll-mc-plate{position:relative;box-sizing:border-box;width:100% !important;margin:0;padding:3.4cqw 5.4cqw 5.4cqw !important;border:0 !important;border-top:1.54cqw solid var(--e-global-color-secondary) !important;border-radius:0 !important;background-color:var(--e-global-color-primary) !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:1.4cqw !important;} .sfll-mc-front .sfll-mc-plate::before{bottom:calc(100% + 3.64cqw);} .sfll-mc-front .sfll-mc-plate .elementor-widget{margin-left:0;margin-right:0;max-width:none;} .sfll-mc-front .sfll-mc-plate .sfll-mc-title{margin-top:0;} .sfll-mc-front .sfll-mc-keep{display:flex !important;flex-direction:row !important;gap:3cqw !important;justify-content:flex-start !important;padding:2cqw 0 0 !important;background:none !important;} .sfll-mc-front .sfll-mc-keep .elementor-widget{margin:0;max-width:none;} /* Back: red top band with a rising diagonal edge, navy body, white pinned button. */ /* Elementor paints its own .e-con::before overlay (absolute, 100% high); reset it so the band is an in-flow block. */ .sfll-mc.sfll-mc-back::before{content:"" !important;display:block !important;position:relative !important;top:auto !important;left:auto !important;flex:0 0 auto;width:100% !important;height:auto !important;opacity:1 !important;aspect-ratio:200/67;background-color:var(--e-global-color-accent);clip-path:polygon(0 0,100% 0,100% 47.2%,0 85.1%);} .sfll-mc-back .elementor-widget{margin-top:2.6cqw;} .sfll-mc-back .sfll-mc-title{position:static !important;margin:0 !important;} .sfll-mc-back .sfll-mc-title .elementor-heading-title,.sfll-mc-back .sfll-mc-title-ib .elementor-icon-box-title{position:absolute;top:4.6cqw;left:5.4cqw;right:5.4cqw;z-index:2;font-family:var(--e-global-typography-primary-font-family),sans-serif !important;font-weight:700 !important;font-size:clamp(15px,5cqw,26px) !important;letter-spacing:.02em !important;line-height:1.12 !important;text-transform:uppercase !important;color:var(--e-global-color-secondary) !important;} .sfll-mc-back .sfll-mc-title-ib{position:static !important;} .sfll-mc-back .sfll-mc-title-ib .elementor-icon-box-title a{color:inherit !important;} .sfll-mc-back .elementor-widget-button{margin-top:auto;padding-top:2.6cqw;} /* Responsive: cards keep 5:7 at every width; the card grows if its text needs more room. Below 480px of viewport the stripe and band scale with the card. */ @media (max-width:767px){.sfll-mc{max-width:100%;}.sfll-mc-front .sfll-mc-title .elementor-heading-title{font-size:clamp(18px,6.15cqw,32px) !important;}} /* Alerts list: the cards were full-width rows; a portrait card needs card width, so the stack wraps three to a row (two on tablet, one on mobile). Order is unchanged. */ .sfll-alerts-stack{flex-direction:row !important;flex-wrap:wrap !important;align-items:stretch !important;gap:24px !important;} .sfll-alerts-stack > .sfll-mc{width:calc((100% - 48px) / 3) !important;} @media (max-width:1024px){.sfll-alerts-stack > .sfll-mc{width:calc((100% - 24px) / 2) !important;}} @media (max-width:767px){.sfll-alerts-stack > .sfll-mc{width:100% !important;}} /* Sponsor logos: never cropped. Contain, centered, padded, on a white field. */ .sfll-sponsor-card.sfll-mc-front .sfll-mc-img{background-color:var(--e-global-color-secondary);} .sfll-sponsor-card.sfll-mc-front .sfll-mc-img img{object-fit:contain !important;padding:10cqw;box-sizing:border-box;} /* Stage 5 hubs: body-text links get an underline (no color-only link signalling). Add class sfll-hub-text to a hub text widget that holds links. */ .sfll-hub-text a{color:var(--e-global-color-accent);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;} .sfll-hub-text a:hover,.sfll-hub-text a:focus{text-decoration-thickness:2px;} /* SFLL ad slots (standards: architecture/ad-standards.md) */ .sfll-ad-large { width: 100%; max-width: 970px; aspect-ratio: 970 / 250; margin-inline: auto; overflow: hidden; } .sfll-ad-medium { width: 100%; max-width: 300px; aspect-ratio: 300 / 250; overflow: hidden; } .sfll-ad-small { width: 100%; max-width: 728px; aspect-ratio: 728 / 90; margin-inline: auto; overflow: hidden; } /* SFLL news card: no diagonal stripe (operator decision 2026-10-19). Hides the stripe pseudo-element only; the image bottom border (white separator) stays. */ .sfll-mc-front.sfll-mc-nostripe .sfll-mc-img::after,.sfll-mc-front.sfll-mc-nostripe .sfll-mc-plate::before{display:none;} /* Stage 5 hubs: ad slots (Mark 2026-10-19). Kit tokens only. .sfll-ad-band = first content band, row on desktop; at 1024px and below the same two containers stack with the ad first (column-reverse set on the container). .sfll-ad-text = text column, .sfll-ad-col = ad column. .sfll-ad-card = framed plate around the slot, .sfll-ad-tag = SPONSOR tag, .sfll-ad-slot + .sfll-ad-medium (existing size classes, 300x250) = the rotation slot inside the card, same convention as the footer Large slot (data-sfll-ad-size). */ @media (min-width:1025px){.sfll-ad-band{flex-wrap:nowrap !important;align-items:center !important;gap:60px !important;}.sfll-ad-band > .sfll-ad-text{flex:1 1 0 !important;min-width:0;width:auto !important;}.sfll-ad-band > .sfll-ad-col{flex:0 0 334px !important;width:334px !important;max-width:334px;}} @media (max-width:1024px){.sfll-ad-band{gap:32px !important;}.sfll-ad-band > .sfll-ad-text,.sfll-ad-band > .sfll-ad-col{width:100% !important;flex:0 0 auto !important;}} .sfll-ad-col{display:flex;flex-direction:column;align-items:center;gap:12px;} .sfll-ad-card{flex:0 0 auto !important;height:auto !important;min-height:0 !important;position:relative;box-sizing:border-box;display:flex !important;flex-direction:column !important;align-items:center;width:100% !important;max-width:334px;padding:44px 16px 16px !important;background:var(--e-global-color-secondary);border:1px solid var(--e-global-color-primary);box-shadow:0 10px 30px color-mix(in srgb,var(--e-global-color-primary) 22%,transparent);} .sfll-ad-card .sfll-ad-tag{position:absolute;top:0;left:0;margin:0;width:auto !important;} .sfll-ad-card .sfll-ad-tag .elementor-heading-title{display:block;margin:0;padding:6px 12px;background:var(--e-global-color-accent);color:var(--e-global-color-secondary);font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;} .sfll-ad-card .sfll-ad-medium{margin:0 auto;} .sfll-ad-col .elementor-widget-text-editor,.sfll-ad-col .elementor-widget-text-editor p{margin:0;text-align:center;font-size:14px;} /* Stage 5 hub cards v5 (Mark 2026-10-20). Whole-card link, navy card, red bottom banner with Graduate title, small heading + red rule + explainer top-left. No watermark. Shared .sfll-mc base is reused; .sfll-mc-hub is the hub variant (.sfll-mc-link = has a destination, .sfll-mc-nolink = not yet linked). Spec: architecture/hub-cards-v3.md (v4 section). Pseudo-elements use % and px only (cqw does not resolve on a container's own pseudo-elements). Spec: architecture/hub-cards-v3.md (v5 section). */ .sfll-mc.sfll-mc-hub{overflow:hidden !important;isolation:isolate;color:var(--e-global-color-secondary);text-decoration:none !important;background-color:var(--e-global-color-primary) !important;} .sfll-mc.sfll-mc-hub *{text-decoration:none !important;} .sfll-mc.sfll-mc-hub::before{content:"" !important;display:block !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;width:auto !important;height:30% !important;aspect-ratio:auto !important;opacity:1 !important;flex:none !important;background:var(--e-global-color-accent) !important;clip-path:polygon(0 24%,100% 0,100% 100%,0 100%);z-index:1;pointer-events:none;} .sfll-mc.sfll-mc-hub::after{content:"" !important;display:block !important;position:absolute !important;inset:8px !important;width:auto !important;height:auto !important;aspect-ratio:auto !important;flex:none !important;border:1.5px solid color-mix(in srgb,var(--e-global-color-secondary) 40%,transparent);pointer-events:none;z-index:4;} .sfll-mc.sfll-mc-hub .elementor-widget{position:static !important;margin:0 !important;width:auto !important;max-width:none !important;align-self:stretch;} .sfll-mc.sfll-mc-hub .sfll-mc-body{padding:12px 7cqw 0 !important;} .sfll-mc.sfll-mc-hub .sfll-mc-eyebrow{padding:9cqw 7cqw 0 !important;} .sfll-mc.sfll-mc-hub .sfll-mc-eyebrow .elementor-widget-container{position:relative;z-index:2;} .sfll-mc.sfll-mc-hub .sfll-mc-eyebrow .elementor-heading-title{font-family:var(--e-global-typography-cardtitle-font-family),sans-serif !important;font-weight:400 !important;font-size:13px !important;line-height:1.3 !important;letter-spacing:1.4px !important;text-transform:uppercase !important;color:color-mix(in srgb,var(--e-global-color-secondary) 70%,transparent) !important;text-align:left !important;margin:0;} .sfll-mc.sfll-mc-hub .sfll-mc-eyebrow .elementor-heading-title::after{content:"";display:block;width:44px;height:3px;margin-top:8px;background:var(--e-global-color-accent);} .sfll-mc.sfll-mc-hub .sfll-mc-body .elementor-widget-container{position:relative;z-index:2;} .sfll-mc.sfll-mc-hub .sfll-mc-body,.sfll-mc.sfll-mc-hub .sfll-mc-body p,.sfll-mc.sfll-mc-hub .sfll-mc-loop-title .elementor-heading-title{font-family:var(--e-global-typography-text-font-family),sans-serif !important;font-weight:400 !important;font-size:16px !important;line-height:1.5 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--e-global-color-secondary) !important;text-align:left !important;margin:0;} .sfll-mc.sfll-mc-hub .sfll-mc-loop-title .elementor-heading-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .sfll-mc.sfll-mc-hub .sfll-mc-date .elementor-heading-title{font-family:var(--e-global-typography-text-font-family),sans-serif !important;font-weight:400 !important;font-size:clamp(12px,4.2cqw,14px) !important;line-height:1.3 !important;letter-spacing:0 !important;text-transform:none !important;text-align:left !important;color:color-mix(in srgb,var(--e-global-color-secondary) 72%,transparent) !important;margin:6px 0 0;} .sfll-mc.sfll-mc-hub .sfll-mc-news .elementor-loop-container{display:block !important;} .sfll-mc.sfll-mc-hub .sfll-mc-title{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:30%;z-index:3;display:flex !important;align-items:flex-end;box-sizing:border-box;padding:0 6cqw 8cqw 7cqw !important;} .sfll-mc.sfll-mc-hub .sfll-mc-title .elementor-widget-container{width:100%;} .sfll-mc.sfll-mc-hub .sfll-mc-title .elementor-heading-title{font-family:var(--e-global-typography-cardtitle-font-family),sans-serif !important;font-weight:700 !important;-webkit-text-stroke:.7px var(--e-global-color-secondary);text-transform:uppercase !important;letter-spacing:.02em !important;line-height:1.12 !important;font-size:clamp(14px,7cqw,24px) !important;color:var(--e-global-color-secondary) !important;text-align:left !important;margin:0;position:static !important;} .sfll-mc.sfll-mc-hub.sfll-mc-link .sfll-mc-title::before{content:"";position:absolute;left:7cqw;bottom:calc(76% + 3cqw);width:clamp(20px,7.3cqw,24px);aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;} .sfll-mc-hub.sfll-mc-link{cursor:pointer;transition:transform .2s ease;} .sfll-mc-hub.sfll-mc-link:focus-visible{outline:3px solid var(--e-global-color-accent);outline-offset:4px;} .sfll-mc-hub.sfll-mc-nolink{cursor:default;} @media (prefers-reduced-motion:no-preference){.sfll-mc-hub.sfll-mc-link:hover{transform:translateY(-4px);}} @media (prefers-reduced-motion:reduce){.sfll-mc-hub.sfll-mc-link{transition:none;}} /* Hub ad band order: desktop after card 8 (two rows of four, DOM order); tablet after card 6 (two rows of three); phones after card 3. */ .sfll-hub-grid > .sfll-hub-ad{order:1;} @media (min-width:1025px){.sfll-hub-grid > .sfll-hub-ad{order:0;}} @media (min-width:768px) and (max-width:1024px){.sfll-hub-grid > .sfll-mc:nth-child(n+7){order:2;}} @media (max-width:767px){.sfll-hub-grid > .sfll-mc:nth-child(n+7){order:2;}} /* Explainer text size at narrow card widths (tablet and small desktop, 768-1199px): 16px does not clear the banner on the longest texts when cards are about 246px wide. Text is unchanged, only the size. */ @media (min-width:768px) and (max-width:1199px){.sfll-mc.sfll-mc-hub .sfll-mc-body,.sfll-mc.sfll-mc-hub .sfll-mc-body p,.sfll-mc.sfll-mc-hub .sfll-mc-loop-title .elementor-heading-title{font-size:13px !important;line-height:1.4 !important;}} /* Ad slot heading (Mark 2026-10-20): one line at every width, centred above the ad, may be wider than the ad. Class sfll-ad-heading is on every "Let's support our sponsors." heading widget; -xl is the footer (Section Heading, 40px). */ .sfll-ad-heading{display:flex !important;justify-content:center;align-self:stretch;width:100% !important;} .sfll-ad-heading .elementor-widget-container{white-space:nowrap;text-align:center;flex:none;} .sfll-ad-heading .elementor-heading-title{white-space:nowrap !important;text-align:center !important;font-size:clamp(14px,4.8vw,var(--e-global-typography-subheading-font-size,24px)) !important;line-height:1.2 !important;} .sfll-ad-heading-xl .elementor-heading-title{font-size:clamp(14px,4.8vw,var(--e-global-typography-secondary-font-size,40px)) !important;} /* Stage 5 calendar (Mark 2026-10-23, run 1). The Events Calendar (free) on /calendar/ and single events, restyled to the site. Mu-plugin: sfll-calendar.php. Spec: architecture/calendar-complete.md. Colors are Kit globals only (Navy, Red, White, Light Gray, Heading Text, Body Text) or color-mix of them. Fonts are the Kit typography variables. No hex and no font names in this block. Method: TEC reads its look from --tec-* custom properties set on :root, so they are re-pointed at Kit variables here (body-scoped so they win over :root), then a few component rules add navy header bar, red accents, 10px card radius. */ body.post-type-archive-tribe_events, body.single-tribe_events { --sfll-cal-line: color-mix(in srgb, var(--e-global-color-primary) 16%, var(--e-global-color-secondary)); --sfll-cal-tint: color-mix(in srgb, var(--e-global-color-altbg) 55%, var(--e-global-color-secondary)); --sfll-cal-radius: 10px; --sfll-cal-red-dark: color-mix(in srgb, var(--e-global-color-accent) 82%, var(--e-global-color-text)); --sfll-cal-navy-dark: color-mix(in srgb, var(--e-global-color-primary) 82%, var(--e-global-color-text)); --tec-font-family-base: var(--e-global-typography-text-font-family), sans-serif; --tec-font-family-sans-serif: var(--e-global-typography-text-font-family), sans-serif; --tec-color-background: var(--e-global-color-secondary); --tec-color-background-events: var(--e-global-color-secondary); --tec-color-background-secondary: var(--sfll-cal-tint); --tec-color-background-messages: var(--e-global-color-altbg); --tec-color-background-month-grid: var(--e-global-color-secondary); --tec-color-accent-primary: var(--e-global-color-primary); --tec-color-accent-primary-hover: var(--sfll-cal-navy-dark); --tec-color-accent-primary-active: var(--sfll-cal-navy-dark); --tec-color-accent-secondary: var(--e-global-color-accent); --tec-color-button-primary: var(--e-global-color-accent); --tec-color-button-primary-hover: var(--sfll-cal-red-dark); --tec-color-button-primary-active: var(--sfll-cal-red-dark); --tec-color-background-events-bar-submit-button: var(--e-global-color-accent); --tec-color-background-events-bar-submit-button-hover: var(--sfll-cal-red-dark); --tec-color-background-events-bar-submit-button-active: var(--sfll-cal-red-dark); --tec-color-text-events-bar-submit-button: var(--e-global-color-secondary); --tec-color-text-events-bar-submit-button-hover: var(--e-global-color-secondary); --tec-color-text-events-bar-submit-button-active: var(--e-global-color-secondary); --tec-color-link-accent: var(--e-global-color-accent); --tec-color-link-accent-hover: var(--sfll-cal-red-dark); --tec-color-link-primary: var(--e-global-color-primary); --tec-color-text-primary: var(--e-global-color-text); --tec-color-text-secondary: var(--e-global-color-bodytext); --tec-color-text-event-title: var(--e-global-color-primary); --tec-color-text-event-title-list: var(--e-global-color-primary); --tec-color-text-events-title: var(--e-global-color-primary); --tec-color-text-event-date: var(--e-global-color-bodytext); --tec-color-text-disabled: var(--e-global-color-bodytext); --tec-color-day-marker-month: var(--e-global-color-text); --tec-color-day-marker-current-month: var(--e-global-color-text); --tec-color-day-marker-past-month: var(--e-global-color-bodytext); --tec-color-background-primary-multiday: color-mix(in srgb, var(--e-global-color-accent) 16%, var(--e-global-color-secondary)); --tec-color-background-primary-multiday-hover: color-mix(in srgb, var(--e-global-color-accent) 28%, var(--e-global-color-secondary)); --tec-color-border-default: var(--sfll-cal-line); --tec-color-border-secondary: var(--sfll-cal-line); --tec-color-border-tertiary: var(--sfll-cal-line); --tec-color-border-events-bar: var(--sfll-cal-line); --tec-color-border-secondary-month-grid: var(--sfll-cal-line); --tec-color-border-active: var(--e-global-color-accent); --tec-color-border-hover: var(--e-global-color-primary); --tec-color-icon-active: var(--e-global-color-accent); --tec-color-icon-primary: var(--e-global-color-primary); --tec-color-icon-secondary: var(--e-global-color-bodytext); --tec-color-icon-focus: var(--e-global-color-accent); --tec-color-event-icon: var(--e-global-color-accent); } /* Width: the site's 1300 container; 20px gutter below it. The banner and intro above are Elementor containers. */ body.post-type-archive-tribe_events .tribe-common.tribe-events, body.single-tribe_events #tribe-events-pg-template, body.single-tribe_events .tribe-events.tribe-common { width: min(1300px, 100% - 40px); max-width: none; margin-inline: auto; padding-inline: 0; box-sizing: border-box; } body.post-type-archive-tribe_events .tribe-common.tribe-events { padding-block: 24px 80px; color: var(--e-global-color-bodytext); } body.post-type-archive-tribe_events .tribe-events .tribe-events-l-container { padding-inline: 0; min-height: 0; } /* The theme page header (if any) never shows on the calendar; the banner owns the H1. */ body.post-type-archive-tribe_events .page-header { display: none; } /* Search / view bar: white plate, light line, 10px radius, red Find Events button. */ body.post-type-archive-tribe_events .tribe-events-c-events-bar__search-container, body.post-type-archive-tribe_events .tribe-events-c-events-bar__views { background: var(--e-global-color-secondary); } body.post-type-archive-tribe_events .tribe-events-header__events-bar { border: 1px solid var(--sfll-cal-line); border-radius: var(--sfll-cal-radius); overflow: hidden; } body.post-type-archive-tribe_events .tribe-events .tribe-events-c-search__button { border-radius: var(--sfll-cal-radius); font-family: var(--e-global-typography-accent-font-family), sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; } body.post-type-archive-tribe_events .tribe-events-c-view-.elementor-kit-6__list-item--active .tribe-events-c-view-.elementor-kit-6__list-item-text { color: var(--e-global-color-primary); } body.post-type-archive-tribe_events .tribe-events-c-view-.elementor-kit-6__list-item--active .tribe-events-c-view-.elementor-kit-6__list-item-link::after { background-color: var(--e-global-color-accent); } /* Month title and nav. */ body.post-type-archive-tribe_events .tribe-events-c-top-bar__datepicker-button, body.post-type-archive-tribe_events .tribe-events-header__content-title-text { font-family: var(--e-global-typography-secondary-font-family), sans-serif; font-weight: 700; color: var(--e-global-color-primary); } body.post-type-archive-tribe_events .tribe-events-c-top-bar__today-button { border-radius: var(--sfll-cal-radius); color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } /* Month grid: navy weekday bar, white cells, light gray for days outside the month, red marker on today. */ body.post-type-archive-tribe_events .tribe-events-calendar-month { border-radius: var(--sfll-cal-radius); overflow: hidden; border: 1px solid var(--sfll-cal-line); } body.post-type-archive-tribe_events .tribe-events-calendar-month__header { background: var(--e-global-color-primary); } body.post-type-archive-tribe_events .tribe-events-calendar-month__header-column { border-color: transparent; } body.post-type-archive-tribe_events .tribe-events-calendar-month__header-column-title { color: var(--e-global-color-secondary); font-family: var(--e-global-typography-eyebrow-font-family), sans-serif; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; padding-block: 12px; } body.post-type-archive-tribe_events .tribe-events-calendar-month__header-column-title abbr { text-decoration: none; border: 0; } /* Weekday headers, desktop: three letters (MON, TUE...) taken from the column's own abbr attribute, so they follow the week-start setting. The one-letter span is aria-hidden and the full day name stays for screen readers; the CSS text is silenced with the "/ ''" alt syntax. */ @media (min-width: 768px) { body.post-type-archive-tribe_events .tribe-events-calendar-month__header-column-title > span[aria-hidden="true"] { display: none; } body.post-type-archive-tribe_events .tribe-events-calendar-month__header-column-title { padding-block: 0; } body.post-type-archive-tribe_events .tribe-events-calendar-month__header-column::after { content: attr(abbr); content: attr(abbr) / ""; display: block; padding-block: 12px; text-transform: uppercase; color: var(--e-global-color-secondary); font-family: var(--e-global-typography-eyebrow-font-family), sans-serif; font-weight: 700; font-size: var(--tec-font-size-1); letter-spacing: .12em; } } body.post-type-archive-tribe_events .tribe-events-calendar-month__day { background: var(--e-global-color-secondary); border-color: var(--sfll-cal-line); } body.post-type-archive-tribe_events .tribe-events-calendar-month__day--other-month, body.post-type-archive-tribe_events .tribe-events-calendar-month__day--past-month { background: var(--sfll-cal-tint); } body.post-type-archive-tribe_events .tribe-events-calendar-month__day-date-daynum { font-family: var(--e-global-typography-secondary-font-family), sans-serif; font-weight: 700; } body.post-type-archive-tribe_events .tribe-events-calendar-month__day--current { box-shadow: inset 0 3px 0 var(--e-global-color-accent); } body.post-type-archive-tribe_events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum { display: inline-block; min-width: 1.9em; padding: .1em .35em; border-radius: 999px; text-align: center; background: var(--e-global-color-accent); color: var(--e-global-color-secondary); } body.post-type-archive-tribe_events .tribe-events-calendar-month__day-cell--selected { background: var(--sfll-cal-tint); box-shadow: inset 0 0 0 2px var(--e-global-color-primary); } /* Events: red left bar on a light plate. */ body.post-type-archive-tribe_events .tribe-events-calendar-month__calendar-event { border-left: 4px solid var(--e-global-color-accent); border-radius: 4px; background: var(--sfll-cal-tint); padding: 4px 6px 4px 8px; margin-bottom: 4px; } body.post-type-archive-tribe_events .tribe-events-calendar-month__calendar-event-title { font-family: var(--e-global-typography-secondary-font-family), sans-serif; font-weight: 600; } body.post-type-archive-tribe_events .tribe-events-calendar-month__calendar-event-title-link:hover, body.post-type-archive-tribe_events .tribe-events-calendar-month__calendar-event-title-link:focus { color: var(--e-global-color-accent); } /* Phone month grid: the Kit styles every