.elementor-298213 .elementor-element.elementor-element-0cce74b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.65;}.elementor-298213 .elementor-element.elementor-element-0cce74b:not(.elementor-motion-effects-element-type-background), .elementor-298213 .elementor-element.elementor-element-0cce74b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://starlegacyfoundation.org/wp-content/uploads/watercolor-flowers-and-stars-2.jpg");background-position:center center;background-size:cover;}.elementor-298213 .elementor-element.elementor-element-0cce74b::before, .elementor-298213 .elementor-element.elementor-element-0cce74b > .elementor-background-video-container::before, .elementor-298213 .elementor-element.elementor-element-0cce74b > .e-con-inner > .elementor-background-video-container::before, .elementor-298213 .elementor-element.elementor-element-0cce74b > .elementor-background-slideshow::before, .elementor-298213 .elementor-element.elementor-element-0cce74b > .e-con-inner > .elementor-background-slideshow::before, .elementor-298213 .elementor-element.elementor-element-0cce74b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-298213 .elementor-element.elementor-element-55f168d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-298213 .elementor-element.elementor-element-7024a4f .elementor-button-content-wrapper{flex-direction:row;}.elementor-298213 .elementor-element.elementor-element-a298cd7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-298213 .elementor-element.elementor-element-85e6b54{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-298213 .elementor-element.elementor-element-597a7f3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-298213 .elementor-element.elementor-element-dcc7c36 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-298213 .elementor-element.elementor-element-970144f{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-298213 .elementor-element.elementor-element-2f9c7c7{--display:flex;}.elementor-298213 .elementor-element.elementor-element-a522ea4{text-align:start;}.elementor-298213 .elementor-element.elementor-element-3190704{text-align:start;}.elementor-298213 .elementor-element.elementor-element-c57c53a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-298213 .elementor-element.elementor-element-2748f9f img{width:25rem;}.elementor-298213 .elementor-element.elementor-element-c8cabc3{--display:flex;}.elementor-298213 .elementor-element.elementor-element-c754722 img{width:25rem;}.elementor-298213 .elementor-element.elementor-element-6d89b91 img{width:25rem;}.elementor-298213 .elementor-element.elementor-element-fb22ade{--display:flex;}.elementor-298213 .elementor-element.elementor-element-4d38503{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-298213 .elementor-element.elementor-element-8e6ed38{--display:flex;}.elementor-298213 .elementor-element.elementor-element-12f340e{--display:flex;--justify-content:center;}.elementor-298213 .elementor-element.elementor-element-12f340e.e-con{--align-self:center;}.elementor-298213 .elementor-element.elementor-element-bd11fe0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-298213 .elementor-element.elementor-element-7376b74{--display:flex;}.elementor-298213 .elementor-element.elementor-element-ba192b5{text-align:center;}.elementor-298213 .elementor-element.elementor-element-c50cc39{text-align:center;}.elementor-298213 .elementor-element.elementor-element-6f2342a{text-align:center;}.elementor-298213 .elementor-element.elementor-element-1bc9ea2{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-298213 .elementor-element.elementor-element-7fe992a{--display:flex;}.elementor-298213 .elementor-element.elementor-element-f5a65cd{text-align:center;}.elementor-298213 .elementor-element.elementor-element-390c306{text-align:center;}.elementor-298213 .elementor-element.elementor-element-390c306 .elementor-heading-title{font-style:italic;}.elementor-298213 .elementor-element.elementor-element-a71d5ca{--display:flex;}.elementor-298213 .elementor-element.elementor-element-a04f528{--display:flex;}.elementor-298213 .elementor-element.elementor-element-bc47100{text-align:center;}.elementor-298213 .elementor-element.elementor-element-10f5b16{text-align:center;}.elementor-298213 .elementor-element.elementor-element-10f5b16 .elementor-heading-title{font-style:italic;}.elementor-298213 .elementor-element.elementor-element-ef86deb{--display:flex;}.elementor-298213 .elementor-element.elementor-element-3681be7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-298213 .elementor-element.elementor-element-18bc485{--display:flex;}.elementor-298213 .elementor-element.elementor-element-38379bc{text-align:center;}.elementor-298213 .elementor-element.elementor-element-db6de42{text-align:center;}.elementor-298213 .elementor-element.elementor-element-d78d051{text-align:center;}.elementor-298213 .elementor-element.elementor-element-8a3a1d1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-298213 .elementor-element.elementor-element-85c350a{--display:flex;--margin-top:0rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-298213 .elementor-element.elementor-element-a6d9b1c{text-align:center;}.elementor-298213 .elementor-element.elementor-element-97248aa{text-align:center;}.elementor-298213 .elementor-element.elementor-element-35da3ca{width:100%;max-width:100%;}.elementor-298213 .elementor-element.elementor-element-b771895{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-298213 .elementor-element.elementor-element-60907e7{text-align:center;}.elementor-298213 .elementor-element.elementor-element-f7f98ad{text-align:center;}.elementor-298213 .elementor-element.elementor-element-dce0cf7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-298213 .elementor-element.elementor-element-35313d2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-298213 .elementor-element.elementor-element-81fa729{text-align:center;}.elementor-298213 .elementor-element.elementor-element-4609a62{text-align:center;}.elementor-298213 .elementor-element.elementor-element-496fbf1{text-align:center;}.elementor-298213 .elementor-element.elementor-element-d319cc5{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.elementor-298213 .elementor-element.elementor-element-62fd549{--display:flex;}.elementor-298213 .elementor-element.elementor-element-be9f6d0{--display:flex;}.elementor-298213 .elementor-element.elementor-element-3794703{text-align:center;}.elementor-298213 .elementor-element.elementor-element-6d94c30{--display:flex;}.elementor-298213 .elementor-element.elementor-element-3562be9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-298213 .elementor-element.elementor-element-c0cc384{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-298213 .elementor-element.elementor-element-869f24b .elementor-icon-wrapper{text-align:center;}.elementor-298213 .elementor-element.elementor-element-d344bfc .elementor-icon-wrapper{text-align:center;}.elementor-298213 .elementor-element.elementor-element-a964e73 .elementor-icon-wrapper{text-align:center;}.elementor-298213 .elementor-element.elementor-element-1c19748 .elementor-icon-wrapper{text-align:center;}.elementor-298213 .elementor-element.elementor-element-5c2ba4e{--display:flex;}.elementor-298213 .elementor-element.elementor-element-9ff9304{--display:flex;}.elementor-298213 .elementor-element.elementor-element-90d19ad{text-align:center;}.elementor-298213 .elementor-element.elementor-element-df0b4f1{--display:flex;}.elementor-298213 .elementor-element.elementor-element-5750aec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-298213 .elementor-element.elementor-element-231a8ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-298213 .elementor-element.elementor-element-a022d02 .elementor-icon-wrapper{text-align:center;}.elementor-298213 .elementor-element.elementor-element-42fef47 .elementor-icon-wrapper{text-align:center;}.elementor-298213 .elementor-element.elementor-element-02c9400{--display:flex;}.elementor-298213 .elementor-element.elementor-element-da52583{--display:flex;}.elementor-298213 .elementor-element.elementor-element-2a56d0d{text-align:center;}.elementor-298213 .elementor-element.elementor-element-188f54b{--display:flex;}.elementor-298213 .elementor-element.elementor-element-9d06456{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-298213 .elementor-element.elementor-element-6c76078{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-298213 .elementor-element.elementor-element-45dc5d7 .elementor-icon-wrapper{text-align:center;}.elementor-298213 .elementor-element.elementor-element-b416a07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-298213 .elementor-element.elementor-element-b416a07:not(.elementor-motion-effects-element-type-background), .elementor-298213 .elementor-element.elementor-element-b416a07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#123A72;}.elementor-298213 .elementor-element.elementor-element-9e79527{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-298213 .elementor-element.elementor-element-9e79527:not(.elementor-motion-effects-element-type-background), .elementor-298213 .elementor-element.elementor-element-9e79527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-298213 .elementor-element.elementor-element-b6eae7d{text-align:center;}.elementor-298213 .elementor-element.elementor-element-179e4bd{text-align:center;}.elementor-298213 .elementor-element.elementor-element-a0074e9 > .elementor-widget-container{margin:-1rem 0rem 0rem 0rem;}.elementor-298213 .elementor-element.elementor-element-a0074e9 .elementor-heading-title{color:#FFFFFF85;}.elementor-298213 .elementor-element.elementor-element-3a90512{--display:flex;}@media(max-width:1024px){.elementor-298213 .elementor-element.elementor-element-970144f{--grid-auto-flow:row;}.elementor-298213 .elementor-element.elementor-element-4d38503{--grid-auto-flow:row;}.elementor-298213 .elementor-element.elementor-element-1bc9ea2{--grid-auto-flow:row;}.elementor-298213 .elementor-element.elementor-element-d319cc5{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-298213 .elementor-element.elementor-element-970144f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-298213 .elementor-element.elementor-element-4d38503{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-298213 .elementor-element.elementor-element-1bc9ea2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-298213 .elementor-element.elementor-element-d319cc5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-597a7f3 */.summit26-nav { isolation: isolate; width: auto; z-index: 1; position: relative; } /* =============================== Hamburger Icon ================================= */ .summit26-nav__label { display: flex; flex-direction: column; gap: 0.4rem; } span[class*="nav-icon__line"]{ border-radius: 999px; background: white; display: inline-block; width: 2rem; height: 2px; transform-origin: center; transition: transform 180ms ease, opacity 140ms ease; will-change: transform, opacity; } .nav-icon__line-1, .nav-icon__line-2, .nav-icon__line-3{ transform: translate3d(0,0,0); } /* Open state */ .summit26-nav.is-open .nav-icon__line-1{ transform: translateY(12px) rotate(45deg) scaleX(1.1); } .summit26-nav.is-open .nav-icon__line-2{ opacity: 0; transform: scaleX(0.6); } .summit26-nav.is-open .nav-icon__line-3{ transform: translateY(-11px) rotate(-45deg) scaleX(1.1); } /* Reduced motion */ @media (prefers-reduced-motion: reduce){ span[class*="nav-icon__line"]{ transition: none; } } /* =============================== Toggle Button ================================= */ .summit26-nav__toggle { aspect-ratio: 1; display: inline-flex; flex-direction: column; justify-content: center; gap: 0.6rem; padding: 0.4rem; border: 0; backdrop-filter: blur(6px); z-index: 1; } .summit26-nav__toggle:hover, .summit26-nav__toggle:focus { background: #fff2; } /* =============================== Menu Base ================================= */ .summit26-nav__menu > ul{ list-style: none; padding-inline-start: unset; margin-block: unset; display: flex; flex-direction: row; gap: 0.6rem; } .summit26-nav__menu a{ color: white; display: inline-block; font-weight: 500; padding: 0.4rem 0.8rem; border-radius: 0.2rem; transition: background 0.3s cubic-bezier(0, 0, 0.5, 1); } .summit26-nav__menu a:hover { background: #00000012; } /* =============================== Screen Reader ================================= */ .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* =============================== Mobile Menu ================================= */ /* Desktop default */ .summit26-nav__toggle { display: none; position: relative; } .summit26-nav { /* ===== Animation System ===== */ --nav-duration: 260ms; --nav-ease: cubic-bezier(.2,1.1,.2,1); /* slight overshoot */ --nav-ease: ease-out; --nav-ease: cubic-bezier(0.25, 1, 0.5, 1.1); --nav-item-count: 5; --panel-close-delay: calc(var(--nav-item-count) * var(--stagger-step)); --panel-scale-start: 0.15; --item-duration: 220ms; --item-offset: -1rem; --stagger-step: 40ms; } @media (width <= 55em){ .summit26-nav__toggle { display: flex; } .summit26-nav__menu{ position: absolute; top: calc(-0.7rem + 5px); right: -0.7rem; padding: 0.6rem 4rem 0.6rem 0.6rem; border-radius: 0.6rem; opacity: 0; /*transform: translateY(-0.25rem) scale(0.88);*/ /*transform-origin: top right;*/ pointer-events: none; /*filter: blur(2px);*/ /*transition:*/ /* opacity var(--nav-duration) ease,*/ /* transform var(--nav-duration) var(--nav-ease),*/ /* filter var(--nav-duration) ease;*/ transition: opacity var(--nav-duration) ease; transition-delay: var(--panel-close-delay); z-index: 0; background: transparent; } .summit26-nav__menu a{ color: black; line-height: 1; } /* Expanding panel */ .summit26-nav__menu::before{ --nav-item-count: 0.25; content: ""; position: absolute; inset: 0; background: white; border-radius: inherit; transform: scale(var(--panel-scale-start)); transform-origin: 90% 10%; opacity: 0; transition: transform var(--nav-duration) var(--nav-ease), opacity calc(var(--nav-duration) * 0.6) ease; transition-delay: calc(var(--nav-item-count) * var(--stagger-step)), calc(var(--nav-item-count) * var(--stagger-step)); z-index: -1; box-shadow: 0 18px 50px rgba(0,0,0,.22); } /* Vertical menu */ .summit26-nav__menu > ul{ flex-direction: column; gap: 0.4rem; } /* Items base */ .summit26-nav__menu > ul li{ margin-block-end: 0; opacity: 0; /*transform: translateY(var(--item-offset)) scale(0.98);*/ transform: translateY(var(--item-offset)) translateX(1rem); transition: opacity var(--item-duration) ease, transform var(--item-duration) var(--nav-ease); --i: 0; } .summit26-nav__menu > ul li a{ padding-block: 0.6em; } /* Stagger index */ .summit26-nav__menu > ul li:nth-child(1){ --i: 1; } .summit26-nav__menu > ul li:nth-child(2){ --i: 2; } .summit26-nav__menu > ul li:nth-child(3){ --i: 3; } .summit26-nav__menu > ul li:nth-child(4){ --i: 4; } .summit26-nav__menu > ul li:nth-child(5){ --i: 5; } /* Open state */ .summit26-nav.is-open .summit26-nav__menu{ opacity: 1; /*transform: translateY(0) scale(1);*/ pointer-events: auto; filter: blur(0); } .summit26-nav.is-open .summit26-nav__menu{ /*transition-delay: 0ms, 0ms, 0ms;*/ transition-delay: 0ms; } .summit26-nav.is-open .summit26-nav__menu::before{ opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; } /* Staggered reveal AFTER panel starts */ .summit26-nav.is-open .summit26-nav__menu > ul li{ opacity: 1; /*transform: translateY(0) scale(1);*/ transform: translateY(0) translateX(0); transition-delay: calc( var(--nav-duration) * 0.25 + var(--i) * var(--stagger-step) ); } /* Color swap */ .summit26-nav.is-open .summit26-nav__toggle{ background: #fff2; } .summit26-nav.is-open span[class*="nav-icon__line"]{ background: black; } /*.summit26-nav.is-open a{*/ /* color: black;*/ /*}*/ /* Reduced motion */ @media (prefers-reduced-motion: reduce){ .summit26-nav__menu, .summit26-nav__menu::before, .summit26-nav__menu > ul li{ transition: none !important; filter: none !important; transform: none !important; } } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0cce74b */.header__logo.header__logo a img { width: auto !important; max-width: none; height: clamp(4rem, 2vw + 3.5rem, 5rem); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-12f340e */.summit26-quote { background: linear-gradient(160deg, #0b2055 0%, #1c436a 100%); color: white; gap: 0; padding: 1rem !important; border-radius: 1rem; position: relative; blockquote { font-size: 1.3rem !important; font-style: italic; margin: 1.5rem; margin-block-start: 5rem; } .cite-container { display: flex; align-items: center; gap: 1rem; padding: 0rem 1.5rem 1rem; .line { background: white; height: 1px; width: 100%; opacity: 0.3; } cite { color: white; text-align: right; white-space: nowrap; font-style: normal; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; opacity: 0.6; } } } .summit26-quote__quotes-icon * { color: #f4d380; color: #f4d380ba; color: #7acce8; display: inline-block; font-size: 8rem !important; line-height: 1; position: absolute; top: -0.1rem; left: 0.2rem; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bd11fe0 */.elementor-298213 .elementor-element.elementor-element-bd11fe0 { --pricing-card-border-radius: 1rem; .pricing-cards { margin-block: 1.5rem 1rem; } .pricing-card { border-radius: var(--pricing-card-border-radius); padding: 2rem; a { width: 100%; } } } .elementor-298213 .elementor-element.elementor-element-bd11fe0 { .pricing-cards { --pricing-card-border-radius: 1.25rem; --card-ink-hsl: 220 45% 13%; --card-text-base: hsl(var(--card-ink-hsl) / 0.8); --card-text-muted-base: hsl(var(--card-ink-hsl) / 0.6); --card-border-base: hsl(var(--card-ink-hsl) / 0.08); --card-divider-base: hsl(var(--card-ink-hsl) / 0.07); gap: 2rem; .pricing-card { /* ============================================ CARD THEME TOKENS Change these per card ============================================ */ --card-accent: hsl(220, 10%, 60%); --card-text: var(--card-text-base); --card-text-muted: var(--card-text-muted-base); --card-border-color: var(--card-border-base); --card-divider-color: var(--card-divider-base); /* Accent-derived tokens */ --card-accent-soft: color-mix(in srgb, var(--card-accent) 14%, white); --card-accent-faint: color-mix(in srgb, var(--card-accent) 8%, transparent); --card-accent-border: color-mix(in srgb, var(--card-accent) 25%, transparent); --card-accent-shadow: color-mix(in srgb, var(--card-accent) 8%, transparent); --card-accent-shadow-2: color-mix(in srgb, var(--card-accent) 12%, transparent); --card-accent-icon: color-mix(in srgb, var(--card-accent) 60%, transparent); --card-accent-bullet-ring: color-mix(in srgb, var(--card-accent) 20%, transparent); --card-accent-bullet-fill: color-mix(in srgb, var(--card-accent) 65%, white); /* Text / neutral derivations */ --card-text-soft: color-mix(in srgb, var(--card-text) 70%, white); --card-text-faint: color-mix(in srgb, var(--card-text) 42%, transparent); --card-sub-bullet-bg: color-mix(in srgb, var(--card-text) 3%, transparent); --card-sub-bullet-border: color-mix(in srgb, var(--card-text) 7%, transparent); --card-sub-bullet-fill: color-mix(in srgb, var(--card-text) 20%, transparent); color: var(--card-accent); border: 2px solid var(--card-border-color); border-color: var(--card-accent-border); box-shadow: 0 8px 40px var(--card-accent-shadow), 0 4px 16px rgba(13, 27, 51, 0.04); flex-wrap: nowrap; transform: scale(1.03); padding-top: 3rem; &::before { opacity: 1; height: 3px; background: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--card-accent) 45%, transparent), var(--card-accent-soft), color-mix(in srgb, var(--card-accent) 45%, transparent), transparent ); } .includes-attendees__icons-container i { color: var(--card-accent-icon); } /* ============================================ CARD VARIANTS ============================================ */ &:nth-child(1) { --card-accent: hsl(220, 50%, 35%); background: white; } /* ============================================ TIER NAME ============================================ */ .tier-name > * > * { color: currentColor; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; text-align: center; margin-bottom: 0.75rem; } /* ============================================ TIER PRICE ============================================ */ /*.tier-price span span:has(span),*/ .tier-price > * > * { color: currentColor !important; display: inline-block; font-size: clamp(4rem, calc(4vw + 3rem), 6rem) !important; text-align: center; margin-block-start: -0.6em; padding-block-end: 1rem; } .tier-price span span { color: currentColor; font-weight: 600; letter-spacing: -0.05em; font-size: 0.6em; margin-inline-end: 0.1em; opacity: 0.5; } .tier-price-sub-text { color: var(--card-text-muted); } .coupon-code { margin-block-start: -0.8rem; margin-inline: auto; .elementor-heading-title { background: color-mix(in oklch, var(--card-text-muted) 20%, transparent 100%); border-radius: 0.2em; color: var(--card-text-muted); display: inline-block; padding: 0.4em 0.6em; } } /* ============================================ PERKS / FEATURES LIST ============================================ */ .perks-container { border-top: 1px solid var(--card-divider-color); height: 100%; justify-content: space-between; padding-block-start: 1.5rem; } .perks-text { ul, ol { padding-inline-start: 0; } } .perks-text li { position: relative; padding-left: 1.625rem; margin-block-end: 1rem; font-size: 0.82rem; font-weight: 300; color: var(--card-text); line-height: 1.45; list-style: none; /* Outer ring */ &::before { content: ''; position: absolute; left: 0; top: 0.3125rem; width: 0.875rem; height: 0.875rem; border-radius: 50%; background: var(--card-accent-faint); border: 1px solid var(--card-accent-bullet-ring); } /* Inner dot */ &::after { content: ''; position: absolute; left: 0.25rem; top: 0.5625rem; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--card-accent-bullet-fill); opacity: 0.65; } } /* Nested items */ .perks-text li li, .perks-text ol li { padding-left: 1.625rem; margin-bottom: 0.625rem; font-size: 0.78rem; color: var(--card-text-soft); &::before { left: 0; width: 0.625rem; height: 0.625rem; background: var(--card-sub-bullet-bg); border-color: var(--card-sub-bullet-border); } &::after { left: 0.1875rem; top: 0.5rem; width: 0.25rem; height: 0.25rem; background: var(--card-sub-bullet-fill); opacity: 1; } } } } }/* End custom CSS */ /* Start custom CSS for tangible-template-editor, class: .elementor-element-b7be570 *//*Fix display issue only showing in Elementor editor*/ .elementor-editor-active .elementor-298213 .elementor-element.elementor-element-b7be570 li { margin-inline-start: 0; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dce0cf7 */.elementor-298213 .elementor-element.elementor-element-dce0cf7.summit26-section { --pricing-left-width: clamp(16rem, 26vw, 20rem); --pricing-left-width: 14rem; /*--pricing-body-start: #0aa0d5;*/ /*--pricing-body-end: #1d4b8d;*/ --pricing-body-start: #0c93ca; --pricing-body-end: #193C6C; --pricing-text-light: rgba(255, 255, 255, 0.96); --pricing-text-muted: rgba(255, 255, 255, 0.72); --pricing-shadow: 0 18px 40px rgba(15, 43, 84, 0.14); --tier-gold-start: #E5CE83; --tier-gold-middle: #D5B241; --tier-gold-end: #886B1C; --tier-silver-start: #D7D7D6; --tier-silver-middle: #A8A8A8; --tier-silver-end: #787878; --tier-bronze-start: #E1B080; --tier-bronze-middle: #CF853A; --tier-bronze-end: #815120; .sub-heading p { max-width: 44ch; line-height: 1.6; color: rgba(10, 33, 68, 0.7); } .pricing-cards { flex-direction: column; margin-block: 2rem 0; gap: 1rem; } .pricing-card { position: relative; overflow: visible; isolation: isolate; display: grid; grid-template-columns: var(--pricing-left-width) minmax(0, 1fr); align-items: stretch; gap: 0; padding: 0; border: 0; background: linear-gradient( 90deg, var(--pricing-body-start) 0%, var(--pricing-body-end) 100% ); box-shadow: var(--pricing-shadow); border-radius: 1rem; transition: transform 0.28s ease, box-shadow 0.28s ease; &:hover { transform: translateY(-3px); box-shadow: 0 24px 48px rgba(15, 43, 84, 0.2); } .tier-name-and-price::before { content: ""; position: absolute; top: -0.3rem; bottom: 0; left: 0; width: calc(var(--pricing-left-width) + 2rem); clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%); width: 100%; height: calc(100% + 0.3rem + 0.2px); z-index: 1; } &:nth-child(1) > .tier-name-and-price::before { background: linear-gradient(90deg, var(--tier-gold-start) 0%, var(--tier-gold-middle) 50%, var(--tier-gold-end) 100%); } &:nth-child(2) > .tier-name-and-price::before { background: linear-gradient(90deg, var(--tier-silver-start) 0%, var(--tier-silver-middle) 50%, var(--tier-silver-end) 100%); } &:nth-child(3) > .tier-name-and-price::before { background: linear-gradient(90deg, var(--tier-bronze-start) 0%, var(--tier-bronze-middle) 50%, var(--tier-bronze-end) 100%); } .tier-name-and-price { position: relative; z-index: 2; grid-column: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0.4rem; padding: 1rem; * { font-size: clamp(2.2rem, 1.6vw + 1.8rem, 3rem); } .tier-name * { line-height: 1.1; } .tier-price { font-weight: 700; color: white; text-shadow: 0 3px 8px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(120, 95, 55, 0.55); } } .tier-name-and-price .tier-name, .tier-name-and-price .tier-price { position: relative; z-index: 2; width: 100%; background: transparent; } .perks-container { position: relative; z-index: 2; grid-column: 2; min-width: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 1.2rem 2rem; padding-inline-start: 3rem; } .tier-name > * > * { margin: 0; max-width: none; color: #178bc5; font-weight: 900; letter-spacing: 0.005em; text-transform: uppercase; text-align: left; text-wrap: balance; text-shadow: 0 2px 4px rgba(27, 72, 113, 0.22); -webkit-text-stroke-color: #f7f7f4; -webkit-text-stroke-width: 0.08em; paint-order: stroke fill; } .tier-price .elementor-widget-container, .tier-price .elementor-heading-title { display: block; width: 100%; margin: 0; } &:nth-child(1) { box-shadow: 0 20px 44px rgba(184, 146, 46, 0.18), 0 12px 28px rgba(15, 43, 84, 0.12); } /* Silver card: dark text on light background */ &:nth-child(2) { .tier-price .text--script { text-shadow: 0 1px 0 rgba(45, 45, 45, 0.2); } .includes-attendees__icons-container i { color: #2a5f8a; } } /* Bronze card */ &:nth-child(3) { .includes-attendees__icons-container i { color: #fff5eb; } } .perks-text, .perks-text .elementor-widget-container { width: 100%; } .perks-text ul { margin: 0; padding-inline-start: 1.1rem; } .perks-text li { /*margin: 0 0 0.68rem;*/ margin-block-end: 1rem; padding-left: 0.08rem; color: var(--pricing-text-light); font-size: 0.9rem; font-weight: 700; line-height: 1.16; } .perks-text li:last-child { margin-bottom: 0; } .perks-text li::marker { color: rgba(255, 255, 255, 0.98); font-size: 0.88em; } .perks-text li ul, .perks-text li ol { margin-top: 0.38rem; padding-inline-start: 1.05rem; } .perks-text li li, .perks-text ol li { margin: 0 0 0.22rem; color: var(--pricing-text-light); font-size: 0.81rem; font-weight: 650; line-height: 1.12; } .perks-text li li:last-child, .perks-text ol li:last-child { margin-bottom: 0; } .perks-text li li::marker, .perks-text ol li::marker { color: var(--pricing-text-muted); } .includes-attendees-container, .includes-attendees__count { display: none; } } @media (max-width: 1100px) { .pricing-card { /*--pricing-left-width: clamp(13rem, 28vw, 17rem);*/ } .pricing-card .perks-container { /*padding: 0.95rem 1.35rem 0.95rem 1.35rem;*/ } .perks-text li { font-size: 0.86rem; } .perks-text li li, .perks-text ol li { font-size: 0.78rem; } } @media (max-width: 767px) { .pricing-card { --pricing-left-width: 100%; display: flex; flex-direction: column; min-height: auto; overflow: hidden; border-radius: 0 0 1rem 1rem; } .pricing-card .tier-name-and-price { width: 100%; padding: 1rem 1.15rem 1rem; gap: 0.65rem; } /* On mobile, ::before covers full width with no chevron */ .pricing-card .tier-name-and-price::before { width: 100%; clip-path: none; clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 92%, 50% 100%, 0 92%); } .pricing-card .perks-container { /*padding: 1rem 1.15rem 1rem;*/ padding-inline-start: 2rem; } .perks-text li { font-size: 0.9rem; line-height: 1.2; } .perks-text li li, .perks-text ol li { font-size: 0.83rem; line-height: 1.16; } } @media (max-width: 520px) { .perks-text li { font-size: 0.85rem; } .perks-text li li, .perks-text ol li { font-size: 0.78rem; } } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b416a07 */.elementor-298213 .elementor-element.elementor-element-b416a07 { gap: 3rem; isolation: isolate; padding-block-end: 0 !important; &::before { content: ""; position: absolute; inset: 0; background: url(https://starlegacyfoundation.org/wp-content/uploads/watercolor-flowers-and-stars-4-scaled.jpg); background-size: cover; background-position: center top; mix-blend-mode: darken; opacity: 1; pointer-events: none; mix-blend-mode: hard-light; opacity: 0.2; z-index: -1; } &::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #192a4a00, #0b13239c); z-index: -1; backdrop-filter: blur(4px); mask-image: linear-gradient(180deg, transparent 0%, #fffc 50%, #fff 100%); mask-size: 100% 100%; mask-repeat: no-repeat; pointer-events: none; } }/* End custom CSS */ /* Start custom CSS */:root { --blue: #2b4583; --teal: #7b93a9; } :root { /* Base gold colors */ --gold-1: #FEDB37; --gold-2: #FDB931; --gold-3: #9f7928; --gold-4: #8A6E2F; --gold-5: #D1B464; --gold-6: #5d4a1f; /* Control knob */ --gold-towards-white: 30%; /* change this */ --gold-1-mix: color-mix(in oklch, var(--gold-1), white var(--gold-towards-white)); --gold-2-mix: color-mix(in oklch, var(--gold-2), white var(--gold-towards-white)); --gold-3-mix: color-mix(in oklch, var(--gold-3), white var(--gold-towards-white)); /*--gold-4-mix: color-mix(in oklch, var(--gold-4), white calc(var(--gold-towards-white) - 10%));*/ --gold-4-mix: color-mix(in oklch, var(--gold-4), white calc(50% - 10%)); --gold-5-mix: color-mix(in oklch, var(--gold-5), white var(--gold-towards-white)); --gold-6-mix: color-mix(in oklch, var(--gold-6), white var(--gold-towards-white)); } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pulse-scale { 0% { transform: scale(0.95); } 50% { transform: scale(1.05); } 100% { transform: scale(0.95); } } #ss-floating-bar { display: none !important; } .summit26-section { padding-inline: clamp(1.5rem, calc(3vw + 0.75rem), 3rem) !important; .elementor-widget-menu-anchor { position: absolute; top: 0; } .e-con-full { padding: 0; } & > .e-con-inner { max-width: 70rem !important; } .width-sm { max-width: 25rem !important; } .width-md { max-width: 50rem !important; } .eyebrow { text-transform: uppercase; letter-spacing: 2px; } .button { a, a::before, a::after { border-radius: 0.3rem; font-weight: 600; text-transform: unset; } a, button { padding-block: 1em; padding-inline: 2em; position: relative; overflow: clip; &:active { transform: translateY(-1px); } } .elementor-button-text, button { text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.9em; } &.action { a, button { isolation: isolate; /* Base gold gradient */ --gold-gradient: linear-gradient( 156deg, #fff0ba 0%, #ffe784 20%, #ffd857 40%, #ffc532 60%, #ffae16 80%, #ff9203 100% ); /* Light gold overlay color */ --gold-soft: #f7e7a7; /* 0 = full gradient, 1 = almost solid */ --softness: .55; border: none; cursor: pointer; background: linear-gradient( rgba(247, 231, 167, var(--softness)), rgba(247, 231, 167, var(--softness)) ), var(--gold-gradient); /*box-shadow: 0 8px 20px rgba(0,0,0,.15);*/ color: rgb(17 27 32); fill: rgb(17 27 32); transition: box-shadow 140ms ease, transform 140ms ease; svg { transform: rotate(-20deg); transition: transform 300ms ease; } &::before { content: ""; position: absolute; inset: 0; pointer-events: none; /*background:*/ /* linear-gradient(*/ /* rgba(247, 231, 167, calc(var(--softness) * .2)),*/ /* rgba(247, 231, 167, calc(var(--softness) * .2))*/ /* ),*/ /* var(--gold-gradient);*/ background: #fbeaa8; z-index: -1; opacity: 0; filter: saturate(0.8) brightness(1.2); transition: opacity 300ms ease, transform 300ms ease; } &:hover { &::before { opacity: 0.3; } svg { transform: rotate(0deg) translateX(0.2rem); } } } } &.primary { a { background: linear-gradient(135deg, #1e3c72 0%, #1a2a4a 100%); color: #ffffff; transition: background .3s ease; isolation: isolate; &::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, #3562a2 0%, #2e4a72 100%); opacity: 0; transition: opacity 0.3s ease; z-index: -1; } &:hover::before, &:focus::before { opacity: 1; } } } &.secondary { a { color: #ffd360; outline: 2px solid; outline-color: color-mix(in oklch, currentColor, transparent 50%); background: #fff2; backdrop-filter: blur(6px); &:hover { background: #fff3; outline-color: color-mix(in oklch, currentColor, transparent 20%); } } } &.outline { a { background: transparent; color: rgb(17 27 32); border: 2px solid rgb(17 27 32); &:hover, &:focus { background: #0001; } &:active { background: #0002; } } } &.ghost { a { background: transparent; &:hover { background: #fff2; backdrop-filter: blur(6px); } } } &.disabled { a { background: #3131311f; } } &.back-to-star-legacy { a { /*padding: 12px 24px;*/ padding-inline-start: 18px; } } } } /*Eliminated doubling up space between white sections*/ .summit26-section:not(.dark):not([class*="gradient"]) + .summit26-section:not(.dark) { padding-block-start: 0 !important; } .summit26-header.summit26-header.summit26-header { /*https://geary.co/clamp-calculator/*/ /*root: 100% | mobile: 400px | desktop: 1200px*/ order: -10; padding-block-end: clamp(2rem, calc(12vw + -1rem), 8rem); padding-block-end: clamp(2rem, calc(4vw + 1rem), 4rem); @media (width <= 48rem) { gap: 4px; justify-content: end; } & > *:first-child { margin-inline-end: auto; } /*.summit26-header__nav {*/ /* a {*/ /* color: white;*/ /* font-weight: 500;*/ /* padding-inline: 0.3rem;*/ /* }*/ /*}*/ } .summit26-section.summit26-section.summit26-section.summit26-section.summit26-section { --section-padding: clamp(3rem, calc(4vw + 2rem), 5rem); margin-block: auto; padding-block: var(--section-padding); .text--script { font-size: 1.2em; } &.hero { isolation: isolate; padding-block-start: 0; padding-block-end: clamp(2rem, calc(12vw + -1rem), 8rem); .summit26-logo { aspect-ratio: 1; width: 14rem; @media (width > 48rem) { position: absolute; right: 2rem; bottom: 2rem; } @media (width <= 48rem) { margin-inline: auto; order: -1; } } @media (width <= 48rem) { /*padding-block-end: 18rem;*/ padding-block-end: var(--section-padding); } .summit26-logo__text, .summit26-logo__stars { position: absolute; bottom: 0; width: 14rem; } .summit26-logo__text { scale: 0.9; } .summit26-logo__stars { animation: rotate 130s linear infinite; opacity: 0.6; } .summit26-logo__stars img { animation: pulse-scale 30s ease-in-out infinite; } &::after { content: ""; background: #123a72f0; position: absolute; inset: 0; filter: hue-rotate(350deg); mix-blend-mode: multiply; z-index: -1; } > .e-con-inner { position: unset; } .summit26-hero__stars { position: unset; } .eyebrow { > div:has(> span) { background: #fff2; backdrop-filter: blur(6px); border: 1px solid #fff3; border-radius: 4rem; display: inline-block; /*line-height: 1.3;*/ padding: 0.2rem 0.9rem; position: relative; bottom: -0.4rem; span { display: inline-flex; align-items: center; column-gap: 0.6em; row-gap: 0.2em; i { font-size: 0.55em; } } } @media (width <= 55rem) { margin-block-end: 1rem; } @media (width <= 32rem) { > div:has(> span) { width: 100%; text-align: center; padding-block: 0.4rem; span { flex-direction: column; i { font-size: 0; } } } } *:has(> p) { display: inline-flex; } } p { max-width: 50ch; } h1 { line-height: 0.9; font-weight: 600; max-width: 24ch; text-transform: unset; .text--script { font-size: 1.5em; background: radial-gradient( ellipse farthest-corner at right bottom, var(--gold-1-mix) 0%, var(--gold-2-mix) 8%, var(--gold-3-mix) 60%, var(--gold-4-mix) 65%, transparent 80% ), radial-gradient( ellipse farthest-corner at left top, white 0%, var(--gold-5-mix) 25%, var(--gold-6-mix) 62.5%, var(--gold-6-mix) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: saturate(1.2) hue-rotate(148deg); } } } &.gradient { background-image: linear-gradient(180deg, transparent, #e6edf5); } &.gradient--gold { background-image: linear-gradient(180deg, transparent, #f5f0e6); } h2 { font-size: 2.4rem; } .summit26-sponsors__list { img { width: auto; } } } .pf-content:has(.summit26-section) { background-color: #ebf5f8 !important; } .fadeInUp { // animation-name: fadeInUp; opacity: 0; transform: translateY(20px); animation: fadeInUp 800ms ease forwards; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } @keyframes fade-in { to { opacity: 1; } } .elementor-editor-active .animated { animation: none !important; opacity: 1 !important; } .fadeInUp { /*--fade-in-up-step: 20px;*/ /*--fade-in-up-duration: 600ms;*/ --fade-in-up-step: 3rem; --fade-in-up-duration: 1200ms; --fade-in-up-ease: cubic-bezier(.2, .8, .2, 1); } .fadeInUp > * { --fade-in-up-index: 1; --fade-in-up-offset: calc(var(--fade-in-up-index) * var(--fade-in-up-step)); animation-name: fadeInUp; animation-duration: var(--fade-in-up-duration); animation-timing-function: var(--fade-in-up-ease); animation-fill-mode: both; } .fadeInUp > :nth-child(1) { --fade-in-up-index: 1; } .fadeInUp > :nth-child(2) { --fade-in-up-index: 2; } .fadeInUp > :nth-child(3) { --fade-in-up-index: 3; } .fadeInUp > :nth-child(4) { --fade-in-up-index: 4; } .fadeInUp > :nth-child(5) { --fade-in-up-index: 5; } .fadeInUp > :nth-child(6) { --fade-in-up-index: 6; } .fadeInUp > :nth-child(7) { --fade-in-up-index: 7; } .fadeInUp > :nth-child(8) { --fade-in-up-index: 8; } .fadeInUp > :nth-child(9) { --fade-in-up-index: 9; } .fadeInUp > :nth-child(10) { --fade-in-up-index: 10; } .fadeInUp > :nth-child(11) { --fade-in-up-index: 11; } .fadeInUp > :nth-child(12) { --fade-in-up-index: 12; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, var(--fade-in-up-offset), 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }/* End custom CSS */