/* Decoration style "Sunbeam" (template 17): sunny early-years look on top of any theme.
   Loaded only when the theme's Decor = "sunbeam"; body gets class wb-decor-sunbeam.
   Uses theme colours only (primary = buttons/bands, secondary = sun/splash, accent = Enquire/hearts), so a school's
   own colours still work. Doodles are SVG masks painted in theme colours. Edit this file directly (the SVGs are URL-encoded data URIs). */

.wb-decor-sunbeam { --sb-blob: 58% 42% 52% 48% / 48% 56% 44% 52%; --sb-r: 22px; }
.wb-decor-sunbeam h1, .wb-decor-sunbeam h2, .wb-decor-sunbeam h3, .wb-decor-sunbeam .display-4, .wb-decor-sunbeam .display-5, .wb-decor-sunbeam .display-6 { font-weight: 600 !important; letter-spacing: -.01em; }
.wb-decor-sunbeam .btn { font-family: var(--wb-heading-font); font-weight: 500; }
.wb-decor-sunbeam .wb-eyebrow { color: var(--wb-primary); font-weight: 800; letter-spacing: .14em; }
.wb-decor-sunbeam .wb-dark .wb-eyebrow { color: rgba(255,255,255,.9); }

/* section headings get a hand-drawn sun-coloured underline */
.wb-decor-sunbeam .wb-section-head h2::after { content: ""; display: block; width: 5.5rem; height: .55rem; margin-top: .7rem; background: var(--wb-secondary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 12%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 8C40 2 70 3 100 6s70 4 95-3%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 12%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 8C40 2 70 3 100 6s70 4 95-3%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; }
.wb-decor-sunbeam .wb-align-center .wb-section-head h2::after { margin-inline: auto; }

/* cards: soft, round, borderless */
.wb-decor-sunbeam .wb-card { border: 0; border-radius: var(--sb-r); box-shadow: 0 1px 2px rgba(29,42,68,.05), 0 14px 34px -14px rgba(29,42,68,.2); }
.wb-decor-sunbeam a.wb-card:hover, .wb-decor-sunbeam .wb-card:has(.stretched-link):hover { transform: translateY(-6px); }

/* round colour chips instead of square icon badges (cycle primary / accent / secondary) */
.wb-decor-sunbeam .wb-icon-badge { border-radius: 50%; background: var(--wb-primary); color: var(--wb-on-primary); box-shadow: 0 0 0 5px var(--wb-bg), 0 8px 18px -6px rgba(var(--wb-primary-rgb),.7); }
.wb-decor-sunbeam .row > :nth-child(3n+2) .wb-icon-badge { background: var(--wb-accent); color: var(--wb-on-accent); box-shadow: 0 0 0 5px var(--wb-bg), 0 8px 18px -6px rgba(var(--wb-accent-rgb),.7); }
.wb-decor-sunbeam .row > :nth-child(3n) .wb-icon-badge { background: var(--wb-secondary); color: var(--wb-on-secondary); box-shadow: 0 0 0 5px var(--wb-bg), 0 8px 18px -6px rgba(var(--wb-secondary-rgb),.7); }
.wb-decor-sunbeam .wb-dark .wb-icon-badge { box-shadow: none; }

/* header: cream glass, crayon underline on the active page, accent pill for the main button */
.wb-decor-sunbeam header.wb-c-site-header:not(.wb-v-bold) { background: color-mix(in srgb, var(--wb-bg) 92%, transparent); backdrop-filter: saturate(1.4) blur(10px); }
.wb-decor-sunbeam header.wb-c-site-header .nav-link { font-family: var(--wb-heading-font); font-weight: 500; position: relative; }
.wb-decor-sunbeam header.wb-c-site-header:not(.wb-v-bold) .navbar-nav > .nav-item > .nav-link.active { color: var(--wb-primary); }
@media (min-width: 992px) {
  .wb-decor-sunbeam header.wb-c-site-header:not(.wb-v-bold) .navbar-nav > .nav-item > .nav-link.active::after { content: ""; position: absolute; left: .5rem; right: .5rem; bottom: .1rem; height: .4rem; background: var(--wb-primary);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 12%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 8C40 2 70 3 100 6s70 4 95-3%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 12%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 8C40 2 70 3 100 6s70 4 95-3%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; }
}
.wb-decor-sunbeam header.wb-c-site-header:not(.wb-v-bold) .btn-primary { --bs-btn-bg: var(--wb-accent); --bs-btn-border-color: var(--wb-accent); --bs-btn-color: var(--wb-on-accent);
  --bs-btn-hover-bg: var(--wb-accent-dark); --bs-btn-hover-border-color: var(--wb-accent-dark); --bs-btn-hover-color: var(--wb-on-accent); border-radius: 50rem; }

/* hero (photo beside text): blob photo on a sun splash, paper plane, cloud, sun mark, stars */
.wb-decor-sunbeam .wb-c-hero.wb-v-split { overflow: hidden; }
.wb-decor-sunbeam .wb-c-hero.wb-v-split .col-lg-6:has(> img) { position: relative; isolation: isolate; }
.wb-decor-sunbeam .wb-c-hero.wb-v-split .col-lg-6:has(> img)::before { content: ""; position: absolute; z-index: -1; right: -12%; top: 14%; width: 78%; height: 88%; background: var(--wb-secondary); border-radius: 46% 54% 42% 58% / 55% 45% 55% 45%; }
.wb-decor-sunbeam .wb-c-hero.wb-v-split .col-lg-6 > img { aspect-ratio: 1/1; border-radius: var(--sb-blob) !important; box-shadow: 0 30px 60px -30px rgba(29,42,68,.45) !important; }
.wb-decor-sunbeam .wb-c-hero.wb-v-split .col-lg-6:has(> img)::after { content: ""; position: absolute; left: -2%; bottom: 4%; width: 6rem; height: 4rem; background: var(--wb-secondary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 80%22%3E%3Cpath d=%22M20 10l3 8 8 3-8 3-3 8-3-8-8-3 8-3z%22/%3E%3Ccircle cx=%2262%22 cy=%2222%22 r=%224%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.5%22/%3E%3Cpath d=%22M96 46l2 5 5 2-5 2-2 5-2-5-5-2 5-2z%22/%3E%3Ccircle cx=%2244%22 cy=%2262%22 r=%223%22/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 80%22%3E%3Cpath d=%22M20 10l3 8 8 3-8 3-3 8-3-8-8-3 8-3z%22/%3E%3Ccircle cx=%2262%22 cy=%2222%22 r=%224%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.5%22/%3E%3Cpath d=%22M96 46l2 5 5 2-5 2-2 5-2-5-5-2 5-2z%22/%3E%3Ccircle cx=%2244%22 cy=%2262%22 r=%223%22/%3E%3C/svg%3E") center/contain no-repeat; }
.wb-decor-sunbeam .wb-c-hero .display-5, .wb-decor-sunbeam .wb-c-hero .display-4 { font-size: clamp(2.6rem, 1.6rem + 3.6vw, 4.6rem); line-height: 1.06; }
.wb-decor-sunbeam .wb-c-hero h1::after { content: ""; display: inline-block; width: .62em; height: .62em; margin-left: .15em; vertical-align: -.02em; background: var(--wb-secondary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg stroke=%22%23000%22 stroke-width=%226%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M50 4v13M50 83v13M4 50h13M83 50h13M17 17l9 9M74 74l9 9M17 83l9-9M74 26l9-9%22/%3E%3C/g%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2221%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%226%22/%3E%3Cpath d=%22M41 53c4 5 14 5 18 0%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg stroke=%22%23000%22 stroke-width=%226%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M50 4v13M50 83v13M4 50h13M83 50h13M17 17l9 9M74 74l9 9M17 83l9-9M74 26l9-9%22/%3E%3C/g%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2221%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%226%22/%3E%3Cpath d=%22M41 53c4 5 14 5 18 0%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; animation: sb-spin 30s linear infinite; }
.wb-decor-sunbeam .wb-c-hero.wb-v-split::before { content: ""; position: absolute; left: 34%; top: 1.5rem; width: 15rem; height: 9rem; background: var(--wb-primary); opacity: .75;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 260 160%22%3E%3Cpath d=%22M10 150C40 120 60 140 80 112S70 60 104 66s22 40 52 26 34-50 72-58%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M226 14l28 6-22 20-3-11z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M229 29l25-9%22 stroke=%22%23000%22 stroke-width=%222.4%22/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 260 160%22%3E%3Cpath d=%22M10 150C40 120 60 140 80 112S70 60 104 66s22 40 52 26 34-50 72-58%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M226 14l28 6-22 20-3-11z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M229 29l25-9%22 stroke=%22%23000%22 stroke-width=%222.4%22/%3E%3C/svg%3E") center/contain no-repeat; animation: sb-bob 6s ease-in-out infinite alternate; pointer-events: none; }
.wb-decor-sunbeam .wb-c-hero.wb-v-split::after { content: ""; position: absolute; left: 41%; bottom: 3rem; width: 5.5rem; height: 2.8rem; background: var(--wb-primary-light); filter: brightness(.94);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 60%22%3E%3Cpath d=%22M28 50h66a18 18 0 0 0 0-36 26 26 0 0 0-48-4 20 20 0 0 0-18 40z%22/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 60%22%3E%3Cpath d=%22M28 50h66a18 18 0 0 0 0-36 26 26 0 0 0-48-4 20 20 0 0 0-18 40z%22/%3E%3C/svg%3E") center/contain no-repeat; animation: sb-drift 16s ease-in-out infinite alternate; pointer-events: none; }

/* page title (inner pages): cream band with plane, sun and stars */
.wb-decor-sunbeam .wb-section.wb-c-page-title.wb-v-simple, .wb-decor-sunbeam .wb-section.wb-c-page-title.wb-v-centered { background: var(--wb-surface); overflow: hidden; }
.wb-decor-sunbeam .wb-c-page-title.wb-v-simple::before, .wb-decor-sunbeam .wb-c-page-title.wb-v-centered::before { content: ""; position: absolute; right: 8%; top: 1.2rem; width: 14rem; height: 8.5rem; background: var(--wb-primary); opacity: .7;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 260 160%22%3E%3Cpath d=%22M10 150C40 120 60 140 80 112S70 60 104 66s22 40 52 26 34-50 72-58%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M226 14l28 6-22 20-3-11z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M229 29l25-9%22 stroke=%22%23000%22 stroke-width=%222.4%22/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 260 160%22%3E%3Cpath d=%22M10 150C40 120 60 140 80 112S70 60 104 66s22 40 52 26 34-50 72-58%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M226 14l28 6-22 20-3-11z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%223%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M229 29l25-9%22 stroke=%22%23000%22 stroke-width=%222.4%22/%3E%3C/svg%3E") center/contain no-repeat; animation: sb-bob 6s ease-in-out infinite alternate; pointer-events: none; }
.wb-decor-sunbeam .wb-c-page-title.wb-v-simple::after, .wb-decor-sunbeam .wb-c-page-title.wb-v-centered::after { content: ""; position: absolute; right: 26%; bottom: 1.2rem; width: 4.5rem; height: 4.5rem; background: var(--wb-secondary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg stroke=%22%23000%22 stroke-width=%226%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M50 4v13M50 83v13M4 50h13M83 50h13M17 17l9 9M74 74l9 9M17 83l9-9M74 26l9-9%22/%3E%3C/g%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2221%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%226%22/%3E%3Cpath d=%22M41 53c4 5 14 5 18 0%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg stroke=%22%23000%22 stroke-width=%226%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M50 4v13M50 83v13M4 50h13M83 50h13M17 17l9 9M74 74l9 9M17 83l9-9M74 26l9-9%22/%3E%3C/g%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2221%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%226%22/%3E%3Cpath d=%22M41 53c4 5 14 5 18 0%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; animation: sb-spin 30s linear infinite; pointer-events: none; }
.wb-decor-sunbeam .wb-c-page-title .wb-pt-rule { width: 6rem; height: .6rem; border-radius: 0; background: var(--wb-secondary); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 12%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 8C40 2 70 3 100 6s70 4 95-3%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 12%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 8C40 2 70 3 100 6s70 4 95-3%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; }
.wb-decor-sunbeam .wb-c-page-title .container, .wb-decor-sunbeam .wb-c-page-title .container-fluid { position: relative; z-index: 1; }

/* photos beside text: blob frames with a soft splash */
.wb-decor-sunbeam .wb-intro-media, .wb-decor-sunbeam .wb-it-media, .wb-decor-sunbeam .wb-pm-frame { position: relative; isolation: isolate; }
.wb-decor-sunbeam .wb-intro-media img, .wb-decor-sunbeam .wb-it-media img, .wb-decor-sunbeam .wb-pm-frame img { border-radius: var(--sb-blob) !important; }
.wb-decor-sunbeam .wb-c-intro .wb-intro-media::before, .wb-decor-sunbeam .wb-c-image-text .wb-it-media::before { content: ""; position: absolute; z-index: -1; inset: 8% -5% -6% 10%; width: auto; height: auto; background: var(--wb-secondary-light); border-radius: 46% 54% 42% 58% / 55% 45% 55% 45%; }
.wb-decor-sunbeam .wb-pm-photo-img, .wb-decor-sunbeam .wb-pm-avatar { border-radius: var(--sb-blob); }
.wb-decor-sunbeam .wb-pm-quote-mark, .wb-decor-sunbeam .wb-tm-mark { color: var(--wb-accent); }

/* image cards: photo inset in the card, chip-like look */
.wb-decor-sunbeam .wb-feat-card .wb-feat-media { padding: .75rem .75rem 0; }
.wb-decor-sunbeam .wb-feat-card .wb-feat-img { border-radius: 16px; }

/* intro / list ticks: green round ticks */
.wb-decor-sunbeam .wb-intro-check { color: var(--wb-primary); }

/* numbers band: a rounded colour band with dashed dividers and stars */
.wb-decor-sunbeam .wb-c-stats.wb-v-band.wb-bg-primary:not(:has(.wb-section-head)) { background: transparent; }
.wb-decor-sunbeam .wb-c-stats.wb-v-band.wb-bg-primary:not(:has(.wb-section-head)) .wb-stat-band { position: relative; overflow: hidden; margin: 0; padding: 2.4rem 1.5rem; border-radius: 28px; background: var(--wb-primary);
  background-image: radial-gradient(circle at 6% 130%, rgba(255,255,255,.12) 0 7.5rem, transparent 7.6rem), radial-gradient(circle at 97% -40%, rgba(255,255,255,.1) 0 9rem, transparent 9.1rem); }
.wb-decor-sunbeam .wb-c-stats.wb-v-band .wb-stat-band::after { content: ""; position: absolute; right: 1.5rem; bottom: 1rem; width: 4rem; height: 2.7rem; background: var(--wb-secondary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 80%22%3E%3Cpath d=%22M20 10l3 8 8 3-8 3-3 8-3-8-8-3 8-3z%22/%3E%3Ccircle cx=%2262%22 cy=%2222%22 r=%224%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.5%22/%3E%3Cpath d=%22M96 46l2 5 5 2-5 2-2 5-2-5-5-2 5-2z%22/%3E%3Ccircle cx=%2244%22 cy=%2262%22 r=%223%22/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 80%22%3E%3Cpath d=%22M20 10l3 8 8 3-8 3-3 8-3-8-8-3 8-3z%22/%3E%3Ccircle cx=%2262%22 cy=%2222%22 r=%224%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.5%22/%3E%3Cpath d=%22M96 46l2 5 5 2-5 2-2 5-2-5-5-2 5-2z%22/%3E%3Ccircle cx=%2244%22 cy=%2262%22 r=%223%22/%3E%3C/svg%3E") center/contain no-repeat; }
@media (min-width: 992px) { .wb-decor-sunbeam .wb-c-stats .wb-stat-band > .col-lg + .col-lg { border-left: 1.5px dashed rgba(255,255,255,.35); } }
.wb-decor-sunbeam .wb-c-stats .wb-stat-num { font-weight: 600; }

/* call to action (light background): sunny rounded band with a turning sun and hearts */
.wb-decor-sunbeam .wb-c-cta.wb-v-banner:is(.wb-bg-default, .wb-bg-surface) .row { position: relative; margin: 0; padding: 2.5rem 1.5rem; border-radius: 26px; background: var(--wb-secondary-light); overflow: hidden; }
.wb-decor-sunbeam .wb-c-cta.wb-v-banner:is(.wb-bg-default, .wb-bg-surface) .row::before { content: ""; position: absolute; left: 2rem; top: 50%; width: 5rem; height: 5rem; margin-top: -2.5rem; background: color-mix(in srgb, var(--wb-secondary) 80%, #000);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg stroke=%22%23000%22 stroke-width=%226%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M50 4v13M50 83v13M4 50h13M83 50h13M17 17l9 9M74 74l9 9M17 83l9-9M74 26l9-9%22/%3E%3C/g%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2221%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%226%22/%3E%3Cpath d=%22M41 53c4 5 14 5 18 0%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg stroke=%22%23000%22 stroke-width=%226%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M50 4v13M50 83v13M4 50h13M83 50h13M17 17l9 9M74 74l9 9M17 83l9-9M74 26l9-9%22/%3E%3C/g%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2221%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%226%22/%3E%3Cpath d=%22M41 53c4 5 14 5 18 0%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; animation: sb-spin 30s linear infinite; }
.wb-decor-sunbeam .wb-c-cta.wb-v-banner:is(.wb-bg-default, .wb-bg-surface) .row::after { content: ""; position: absolute; right: 1rem; top: .8rem; width: 3.4rem; height: 2.8rem; background: var(--wb-accent); opacity: .75;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 50%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 40S4 31 4 20a7 7 0 0 1 14-3 7 7 0 0 1 14 3c0 11-14 20-14 20z%22/%3E%3Cpath d=%22M45 30s-8-5-8-11a4 4 0 0 1 8-2 4 4 0 0 1 8 2c0 6-8 11-8 11z%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 50%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 40S4 31 4 20a7 7 0 0 1 14-3 7 7 0 0 1 14 3c0 11-14 20-14 20z%22/%3E%3Cpath d=%22M45 30s-8-5-8-11a4 4 0 0 1 8-2 4 4 0 0 1 8 2c0 6-8 11-8 11z%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat; }
.wb-decor-sunbeam .wb-c-cta.wb-v-banner .display-5 { font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.3rem); }
@media (max-width: 991.98px) { .wb-decor-sunbeam .wb-c-cta.wb-v-banner .row::before { display: none; } }

/* FAQ + steps: soft round pieces */
.wb-decor-sunbeam .accordion { --bs-accordion-border-width: 0; --bs-accordion-border-radius: 18px; --bs-accordion-inner-border-radius: 18px; }
.wb-decor-sunbeam .accordion-item { margin-bottom: .75rem; border-radius: 18px !important; box-shadow: 0 1px 2px rgba(29,42,68,.05), 0 14px 34px -14px rgba(29,42,68,.18); overflow: hidden; }
.wb-decor-sunbeam .accordion-button { font-family: var(--wb-heading-font); font-weight: 500; }
.wb-decor-sunbeam .wb-date-badge { border-radius: 16px; background: var(--wb-secondary-light); color: var(--wb-heading); }

/* footer: white sheet with round top corners and a flower doodle */
.wb-decor-sunbeam footer.wb-c-site-footer:is(.wb-v-columns, .wb-v-simple) { margin-top: 3rem; border-radius: 46px 46px 0 0; overflow: hidden; }
.wb-decor-sunbeam footer.wb-c-site-footer:is(.wb-v-columns, .wb-v-simple)::after { content: ""; position: absolute; right: 1.75rem; bottom: 5rem; width: 7rem; height: 5.25rem; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 90%22%3E%3Cpath d=%22M30 88V52M62 88V40M92 88V58%22 stroke=%22%233e9e4a%22 stroke-width=%223%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M62 70c8-10 18-10 22-6-6 8-14 10-22 6zM30 70c-8-8-16-8-20-4 6 8 14 8 20 4z%22 fill=%22%233e9e4a%22/%3E%3Ccircle cx=%2230%22 cy=%2237%22 r=%227%22 fill=%22%233f8fd8%22/%3E%3Ccircle cx=%2237%22 cy=%2244%22 r=%227%22 fill=%22%233f8fd8%22/%3E%3Ccircle cx=%2230%22 cy=%2251%22 r=%227%22 fill=%22%233f8fd8%22/%3E%3Ccircle cx=%2223%22 cy=%2244%22 r=%227%22 fill=%22%233f8fd8%22/%3E%3Ccircle cx=%2262%22 cy=%2222%22 r=%228%22 fill=%22%23ef5e50%22/%3E%3Ccircle cx=%2270%22 cy=%2230%22 r=%228%22 fill=%22%23ef5e50%22/%3E%3Ccircle cx=%2262%22 cy=%2238%22 r=%228%22 fill=%22%23ef5e50%22/%3E%3Ccircle cx=%2254%22 cy=%2230%22 r=%228%22 fill=%22%23ef5e50%22/%3E%3Ccircle cx=%2292%22 cy=%2243.5%22 r=%226.5%22 fill=%22%23f6b52e%22/%3E%3Ccircle cx=%2298.5%22 cy=%2250%22 r=%226.5%22 fill=%22%23f6b52e%22/%3E%3Ccircle cx=%2292%22 cy=%2256.5%22 r=%226.5%22 fill=%22%23f6b52e%22/%3E%3Ccircle cx=%2285.5%22 cy=%2250%22 r=%226.5%22 fill=%22%23f6b52e%22/%3E%3Ccircle cx=%2230%22 cy=%2244%22 r=%224%22 fill=%22%23fff0c9%22/%3E%3Ccircle cx=%2262%22 cy=%2230%22 r=%224.5%22 fill=%22%23fff0c9%22/%3E%3Ccircle cx=%2292%22 cy=%2250%22 r=%223.5%22 fill=%22%23fff%22/%3E%3C/svg%3E") center/contain no-repeat; pointer-events: none; }
@media (max-width: 575.98px) { .wb-decor-sunbeam footer.wb-c-site-footer { border-radius: 30px 30px 0 0; } .wb-decor-sunbeam footer.wb-c-site-footer::after { width: 4.5rem; height: 3.4rem; } }

/* smaller screens: fewer doodles */
@media (max-width: 991.98px) {
  .wb-decor-sunbeam .wb-c-hero.wb-v-split::before { left: auto; right: 1rem; top: .5rem; width: 9rem; height: 5.5rem; }
  .wb-decor-sunbeam .wb-c-hero.wb-v-split::after { display: none; }
  .wb-decor-sunbeam .wb-c-hero.wb-v-split .col-lg-6:has(> img) { max-width: 34rem; margin-inline: auto; }
  .wb-decor-sunbeam .wb-c-page-title::before { right: 1rem; width: 8rem; height: 5rem; }
  .wb-decor-sunbeam .wb-c-page-title::after { display: none; }
}

@keyframes sb-spin { to { transform: rotate(360deg); } }
@keyframes sb-bob { to { transform: translate(10px, -8px) rotate(-3deg); } }
@keyframes sb-drift { to { transform: translateX(30px); } }
