/* FundTheFirst · One Look (approved by Robert, Nov 12 2026). UI only: colors, shapes, type. No behaviour.
   Loaded after ftf-sunrise.css and re-skins it. One job per color:
   blue = anything you tap, gold = the brand, green = good news, navy = dark panels.
   To revert: remove the <link> in layouts/app.blade.php (the installer's undo does this). */
:root{
  --ol-blue:#1A5CF0; --ol-blue-ink:#1449C8; --ol-blue-tint:#EAF1FF; --ol-blue-line:#B9CEFF;
  --ol-navy:#0B1F44; --ol-navy-2:#15305F; --ol-on-navy:#C9D4E8;
  --ol-gold:#CE9C33; --ol-gold-hi:#E2B85A; --ol-gold-ink:#8A6414; --ol-gold-tint:#FBF4E3; --ol-gold-line:#EBD9A8;
  --ol-green:#17995A; --ol-green-ink:#12703F; --ol-green-tint:#E5F5EC;
  --ol-bg:#F5F7FA; --ol-panel:#FFFFFF; --ol-line:#E1E6EE; --ol-field:#8A94A6; --ol-chip:#EEF1F6;
  --ol-ink:#0E1A2B; --ol-text:#33405A; --ol-muted:#56627A;
  --ol-navy-bg:radial-gradient(120% 140% at 85% -10%,var(--ol-navy-2) 0%,var(--ol-navy) 55%);
  --ol-btn-sh:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(4,20,70,.18),0 1px 2px rgba(11,31,68,.22),0 10px 20px -10px rgba(26,92,240,.7);
  --ol-card-sh:0 0 0 1px rgba(11,31,68,.06),0 18px 40px -22px rgba(11,31,68,.45);
  /* Sunrise tokens, re-pointed */
  --sr-blue:var(--ol-blue); --sr-blue-2:var(--ol-blue-ink); --sr-blue-ink:var(--ol-blue-ink); --sr-blue-soft:var(--ol-blue-tint); --sr-mist:var(--ol-bg);
  --sr-gold-ink:var(--ol-gold-ink); --sr-sand:var(--ol-gold-tint); --sr-sand-ink:var(--ol-gold-ink); --sr-cream:#F8FAFD;
  --sr-ink:var(--ol-ink); --sr-text:var(--ol-text); --sr-muted:var(--ol-muted); --sr-line:var(--ol-line); --sr-line-2:#C3CCDA;
  --sr-ok:var(--ol-green-ink); --sr-ok-soft:var(--ol-green-tint);
  --sr-r-sm:12px; --sr-r-md:16px; --sr-r-lg:18px; --sr-r-xl:22px;
  --sr-sh-1:0 0 0 1px rgba(11,31,68,.03),0 1px 2px rgba(11,31,68,.06);
  --sr-sh-2:var(--ol-card-sh); --sr-sh-3:var(--ol-card-sh);
  --sr-font:Roboto,"Helvetica Neue",Arial,sans-serif;
  --sr-gold-grad:linear-gradient(var(--ol-blue),var(--ol-blue));
  --sr-blue-grad:linear-gradient(var(--ol-blue),var(--ol-blue));
}

/* ---------- base ---------- */
body.ftf-sunrise{background:var(--ol-bg);-webkit-font-smoothing:antialiased}
body.ftf-sunrise h1,body.ftf-sunrise h2,body.ftf-sunrise h3,body.ftf-sunrise .sr-h-xl,body.ftf-sunrise .sr-h-lg,body.ftf-sunrise .sr-h-md{letter-spacing:-.02em}
.sr-h-xl,.sr-h-lg,.sr-h-md,.sr-h-sm{color:var(--ol-ink);font-weight:700}
.sr-kicker{color:var(--ol-gold-ink);letter-spacing:.08em}
.sr-grad-text{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--ol-blue-ink)}
:where(body.ftf-sunrise) a:where(:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link)){color:var(--ol-blue-ink)}

/* no 3D, no glare, no sheen, no rays: calm */
.sr-tilt,.sr-tilt:hover{transform:none!important}
.sr-tilt .sr-z1,.sr-tilt .sr-z2{transform:none!important}
.sr-tilt .sr-glare,.sr-sheen,.sr-rays,.sr-sunrise::before,.sr-topbar::after,.sr-btn-gold::after,.sr-btn-blue::after,.sr-bar>i::after,.sr-how__wm,.sr-trust__wm{display:none!important}
.sr-float,.sr-float-3{animation:none!important}

/* light bands replace the cream sunrise */
.sr-sunrise{background:var(--ol-bg)}
body.ftf-sunrise .section-sub-header:not(.sr-sunrise){background:var(--ol-bg)}
body.ftf-sunrise .section-sub-header:not(.sr-sunrise) .headline,body.ftf-sunrise .section-sub-header:not(.sr-sunrise) .main-headline,body.ftf-sunrise .section-sub-header:not(.sr-sunrise) .home-headline{color:var(--ol-ink)!important;font-weight:700}
.sr-navy,body.ftf-sunrise .section-sub-header.sr-browse__hero,footer.sr-footer,.sr-trust--navy,body.ftf-sunrise .sr-about__legacy .section-helpful-tips-top .bg-primary{background:var(--ol-navy-bg)}

/* ---------- buttons: filled, tinted, plain; all press the same way ---------- */
.sr-btn,body.ftf-sunrise .btn{font-weight:700;letter-spacing:.005em;transition:transform .22s cubic-bezier(.2,.9,.25,1.2),filter .15s ease,box-shadow .2s ease!important}
.sr-btn:active,body.ftf-sunrise .btn:active{transform:scale(.965);filter:brightness(.93)}
.sr-btn-gold,.sr-sunrise a.sr-btn-gold,body.ftf-sunrise .section-sub-header.sr-sunrise a.sr-btn-gold,
body.ftf-sunrise .btn-primary:not(.btn-create-campaign-for-wizard),body.ftf-sunrise .btn-gold,
body.ftf-sunrise .btn-primary:not(.btn-create-campaign-for-wizard):focus,body.ftf-sunrise .btn-primary:not(.btn-create-campaign-for-wizard):active,
#ftf-sticky-actions.ftf-sticky-actions .btn-primary,
body.ftf-sunrise .section-view-campaign .ftf-campaign-donate,
body.ftf-sunrise .ftf-checkout #contribute-btn,body.ftf-sunrise .ftf-checkout #checkout-sticky-donate,body.ftf-sunrise .ftf-checkout #contribute-btn:disabled,
.sr-footer #mc-embedded-subscribe,
body.ftf-sunrise .section-browse-campaigns .campaign-small-card .donate-link .btn{
  background:var(--ol-blue)!important;color:#fff!important;border:0!important;box-shadow:var(--ol-btn-sh)}
.sr-btn-gold:hover,body.ftf-sunrise .btn-primary:not(.btn-create-campaign-for-wizard):hover,body.ftf-sunrise .btn-gold:hover{background:var(--ol-blue)!important;box-shadow:var(--ol-btn-sh);filter:brightness(1.06)}
body.ftf-sunrise .btn.is-loading::after{border-color:#fff}
/* tinted: the smaller repeat of the main action */
.sr-btn-blue,.sr-btn-soft,body.ftf-sunrise .btn-secondary,body.ftf-sunrise .btn-secondary:hover,body.ftf-sunrise .btn-secondary:focus,
#ftf-sticky-actions.ftf-sticky-actions .ftf-action-outline{background:var(--ol-blue-tint)!important;color:var(--ol-blue-ink)!important;box-shadow:none;border:0}
.sr-btn-soft:hover,.sr-btn-blue:hover{background:#DCE8FF!important}
/* plain */
.sr-btn-ghost,body.ftf-sunrise .btn-outline-primary{background:#fff;color:var(--ol-blue-ink)!important;border:1px solid var(--ol-line);box-shadow:0 1px 2px rgba(11,31,68,.06)}
body.ftf-sunrise .btn-outline-primary:hover,body.ftf-sunrise .btn-outline-primary:focus,body.ftf-sunrise .btn-outline-primary.active{background:var(--ol-blue-tint);border-color:var(--ol-blue-line);color:var(--ol-blue-ink)!important}
.sr-btn:focus-visible,body.ftf-sunrise .btn:focus-visible{outline:3px solid var(--ol-blue);outline-offset:3px}

/* chips and badges */
.sr-chip-blue{background:#fff;color:var(--ol-ink)!important;box-shadow:inset 0 0 0 1px var(--ol-line)}
.sr-sunrise a.sr-chip-blue{color:var(--ol-ink)!important}
.sr-chip-on,.sr-sunrise a.sr-chip-on{background:var(--ol-blue);color:#fff!important;box-shadow:none}
.sr-b-blue{background:var(--ol-blue-tint);color:var(--ol-blue-ink)}
.sr-b-ok{background:var(--ol-green-tint);color:var(--ol-green-ink)}
.sr-b-glass{background:rgba(255,255,255,.92);box-shadow:none}

/* surfaces */
.sr-card{border:1px solid var(--ol-line);box-shadow:none}
.sr-card-shadow,.sr-glass{background:#fff;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--ol-card-sh)}
.sr-icon-tile,.sr-icon-tile--gold{background:var(--ol-blue-tint);box-shadow:none;color:var(--ol-blue)}
.sr-avatar{color:var(--ol-blue-ink)}
:where(body.ftf-sunrise main) .card{box-shadow:none;border:1px solid var(--ol-line)}
:where(body.ftf-sunrise main) .form-control,:where(body.ftf-sunrise main) .custom-select{border-width:1px;border-color:var(--ol-field);border-radius:12px}
:where(body.ftf-sunrise main) .form-control:focus,:where(body.ftf-sunrise main) .custom-select:focus{border-color:var(--ol-blue);box-shadow:0 0 0 4px var(--ol-blue-tint)}

/* progress = money raised = green */
.sr-bar,body.ftf-sunrise main .progress{background:var(--ol-chip)}
.sr-bar>i,body.ftf-sunrise main .progress-bar{background:var(--ol-green)}

/* ---------- top bar, header, sticky bar, footer ---------- */
.sr-topbar{background:var(--ol-navy);color:var(--ol-on-navy)}
.sr-hdr{background:rgba(255,255,255,.88);border-bottom:1px solid var(--ol-line)}
.sr-hdr.sr-scrolled{box-shadow:0 10px 24px -20px rgba(11,31,68,.4)}
.sr-hdr__nav a::after{background:var(--ol-blue)}
.sr-hdr__nav a.is-on,.sr-hdr__nav a:hover,.sr-hdr__login:hover{color:var(--ol-blue-ink)!important}
.sr-hdr__menu,.sr-hdr__menu:hover{background:var(--ol-chip);color:var(--ol-ink)}
.sr-icon-btn{background:var(--ol-chip);color:var(--ol-ink)}
.sr-hdr .notification-badge{background:var(--ol-blue);color:#fff}
#ftf-sticky-actions.ftf-sticky-actions{background:rgba(255,255,255,.94);border-top:1px solid var(--ol-line);box-shadow:0 -10px 24px -14px rgba(11,31,68,.3)}
footer.sr-footer{color:var(--ol-on-navy)}
.sr-footer a,.sr-footer__bottom,.sr-footer__bottom a,.sr-footer__news p{color:var(--ol-on-navy)}

/* ---------- homepage ---------- */
.sr-home>section.sr-sunrise{background:var(--ol-navy-bg)}
.sr-home .sr-hero .sr-h-xl{color:#fff}
.sr-home .sr-hero .sr-grad-text{color:var(--ol-gold-hi)}
.sr-home .sr-hero .sr-lead{color:var(--ol-on-navy)}
.sr-home .sr-hero__scene{display:none}
.sr-home .sr-hero__badges .sr-badge:nth-child(odd){background:var(--ol-green-tint);color:var(--ol-green-ink)!important}
.sr-home .sr-hero__badges .sr-badge:nth-child(even){background:var(--ol-gold-tint);color:var(--ol-gold-ink)!important}
.sr-home .sr-start{border-radius:18px;max-width:none}
.sr-home .sr-start__q{font-size:20px;font-weight:700}
.sr-home .sr-start__opt,.sr-home a.sr-start__opt.btn-create-campaign-home{border-radius:16px;min-height:76px}
.sr-home .sr-start__opt--me,.sr-home .sr-start__opt--else{background:#fff;color:var(--ol-ink)!important;box-shadow:inset 0 0 0 1px var(--ol-line),0 1px 2px rgba(11,31,68,.05);transition:transform .2s cubic-bezier(.2,.9,.25,1.2),box-shadow .2s!important}
.sr-home .sr-start__opt--me small,.sr-home .sr-start__opt--else small{color:var(--ol-muted)}
.sr-home .sr-start__opt--me .sr-arrow,.sr-home .sr-start__opt--else .sr-arrow{color:var(--ol-blue)}
.sr-home .sr-start__opt--me.btn-create-campaign-home:hover,.sr-home .sr-start__opt--else.btn-create-campaign-home:hover{box-shadow:inset 0 0 0 2px var(--ol-blue-line),0 8px 18px -12px rgba(26,92,240,.5)}
.sr-home .sr-start__opt:active{transform:scale(.98)!important;background:var(--ol-blue-tint);box-shadow:inset 0 0 0 2px var(--ol-blue)}
@media (min-width:992px){
  .sr-home .sr-hero__copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:56px;align-items:center}
  .sr-home .sr-hero__copy>*{grid-column:1}
  .sr-home .sr-hero__copy>.sr-start{grid-column:2;grid-row:1 / span 6;align-self:center;margin-top:0}
  .sr-home .sr-start__opts{grid-template-columns:minmax(0,1fr)}
}
/* the four figures: white tiles with a short gold rule */
.sr-home section.sr-navy{background:var(--ol-bg);color:var(--ol-ink)}
.sr-stats{gap:16px}
.sr-stats>*{background:#fff;border:1px solid var(--ol-line);border-radius:16px;padding:18px}
.sr-stats>*::before{content:"";display:block;width:28px;height:3px;border-radius:2px;background:var(--ol-gold);margin-bottom:10px}
.sr-stats b,.sr-stats b.sr-gold{color:var(--ol-ink);font-weight:700;font-size:32px}
.sr-stats span{color:var(--ol-muted);font-size:14px}
.sr-how.sr-mist{background:var(--ol-bg)}
.sr-how .sr-step--gold{background:#fff;border-radius:18px;box-shadow:var(--ol-card-sh)}
.sr-how .sr-step--gold p{color:var(--ol-muted)}
.sr-how .sr-step--gold .sr-step__n,.sr-how .sr-step__n{color:var(--ol-gold-ink);letter-spacing:.08em}
.sr-how .sr-step--gold .sr-icon-tile{background:var(--ol-blue-tint)}
.sr-trust{border-radius:18px;box-shadow:none;min-height:0}
.sr-trust--sand,.sr-trust--sky{background:#fff;border:1px solid var(--ol-line)}
.sr-trust--sand p,.sr-trust--sky p{color:var(--ol-muted)}
.sr-trust--navy p{color:var(--ol-on-navy)}
.sr-trust--sand .sr-badge,.sr-trust--sky .sr-badge{background:var(--ol-gold-tint);color:var(--ol-gold-ink)}
.sr-trust--sand .sr-trust__more,.sr-trust--sky .sr-trust__more{color:var(--ol-blue-ink)}
.sr-trust--navy .sr-trust__more{color:#fff}
.sr-trust__emblem{box-shadow:none;background:var(--ol-gold-tint)}
.sr-fcard__ph::after{display:none}
.sr-fcard__title{font-weight:700}
.sr-fcard:hover{box-shadow:0 18px 32px -20px rgba(11,31,68,.5)}

/* ---------- browse ---------- */
body.ftf-sunrise .section-browse-filter>.container,body.ftf-sunrise .section-browse-filter.sr-browse__panel>.container{background:#fff;border:1px solid var(--ol-line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
body.ftf-sunrise .section-browse-filter .custom-select,body.ftf-sunrise .section-browse-filter .input-group .form-control{border:1px solid var(--ol-field)!important}
body.ftf-sunrise .section-browse-campaigns .campaign-small-card,body.ftf-sunrise .section-home-trending-campaigns .campaign-small-card{border:1px solid var(--ol-line);box-shadow:none}
body.ftf-sunrise .pagination .page-link{border-width:1px;color:var(--ol-blue-ink)}

/* ---------- fundraiser page ---------- */
body.ftf-sunrise .section-view-campaign,body.ftf-sunrise .ftf-checkout.section-view-campaign,body.ftf-sunrise .section-view-campaign.ftf-checkout,body.ftf-sunrise .ftf-thanks,body.ftf-sunrise section:has(>#wizard-container),.sr-dash__top{background:var(--ol-bg)}
body.ftf-sunrise .section-view-campaign .campaign-title,body.ftf-sunrise .section-view-campaign .card-title,body.ftf-sunrise .section-view-campaign .ftf-comments-title{color:var(--ol-ink)!important;font-weight:700}
body.ftf-sunrise .section-view-campaign .campaign-tags{color:var(--ol-blue-ink)}
body.ftf-sunrise .section-view-campaign .nav-tabs{background:var(--ol-chip)}
body.ftf-sunrise .section-view-campaign .nav-tabs .nav-link{color:var(--ol-muted)!important}
body.ftf-sunrise .section-view-campaign .nav-tabs .nav-link.active{color:var(--ol-blue-ink)!important;box-shadow:0 1px 3px rgba(11,31,68,.16)}
.sr-fr__media{border-radius:18px;box-shadow:none}
.sr-stat--mist b,.sr-stat--blue b{color:var(--ol-ink)}
.sr-stat--green b{color:var(--ol-green-ink)}
/* the donate card: white, one blue button */
body.ftf-sunrise .sr-fr .campaign-sidebar-card.sr-donate{background:#fff;color:var(--ol-ink);border-radius:18px!important;box-shadow:var(--ol-card-sh)}
body.ftf-sunrise .sr-fr .sr-donate .amount-raised,body.ftf-sunrise .sr-fr .sr-donate .text-muted,.sr-donate__note,body.ftf-sunrise .sr-fr .sr-donate .share-icons-small>*{color:var(--ol-muted)!important}
body.ftf-sunrise .sr-fr .sr-donate .amount-raised .text-primary{color:var(--ol-ink)!important}
body.ftf-sunrise .sr-fr .sr-donate .fa-info-circle{color:var(--ol-green)!important}
body.ftf-sunrise .sr-fr .sr-donate .progress{background:var(--ol-chip)}
body.ftf-sunrise .sr-fr .sr-donate .btn-outline-primary{background:#fff;border:1px solid var(--ol-line);color:var(--ol-blue-ink)!important}
body.ftf-sunrise .sr-fr .sr-donate .share-icons-small .bg-secondary{background:var(--ol-chip)!important}
.sr-fr__guarantee{background:var(--ol-gold-tint);border:1px solid var(--ol-gold-line);border-radius:16px}

/* ---------- donate page: what you picked is blue, nothing is black but the wallet button ---------- */
body.ftf-sunrise .ftf-checkout .campaign-creation-card{border-radius:18px;box-shadow:none;border:1px solid var(--ol-line)}
body.ftf-sunrise .ftf-checkout .card-title,body.ftf-sunrise .ftf-thanks .top-card-title,body.ftf-sunrise .ftf-support-card h2{color:var(--ol-ink)}
body.ftf-sunrise .ftf-checkout .checkout-presets button{border:0;box-shadow:inset 0 0 0 1px var(--ol-field);border-radius:14px;font-weight:700;transition:transform .2s cubic-bezier(.2,.9,.25,1.2),background-color .15s,box-shadow .15s}
body.ftf-sunrise .ftf-checkout .checkout-presets button:hover{box-shadow:inset 0 0 0 2px var(--ol-blue-line)}
body.ftf-sunrise .ftf-checkout .checkout-presets button:active{transform:scale(.96)}
body.ftf-sunrise .ftf-checkout .checkout-presets button[aria-pressed="true"]{background:var(--ol-blue-tint);color:var(--ol-blue-ink);box-shadow:inset 0 0 0 2px var(--ol-blue)}
body.ftf-sunrise .ftf-checkout .contribution-field .input-group{border:2px solid var(--ol-blue)!important;box-shadow:0 0 0 4px var(--ol-blue-tint)!important;border-radius:12px!important}
body.ftf-sunrise .ftf-checkout .contribution-field .input-group-prepend .input-group-text{color:var(--ol-muted)}
body.ftf-sunrise .ftf-checkout .checkout-method,body.ftf-sunrise .ftf-checkout #choose-card{border:0;box-shadow:inset 0 0 0 1px var(--ol-line);border-radius:14px}
body.ftf-sunrise .ftf-checkout .checkout-method[aria-pressed="true"]{background:var(--ol-blue-tint);box-shadow:inset 0 0 0 2px var(--ol-blue)}
body.ftf-sunrise .sr-ck .sr-ck__tip{background:#fff;border:1px solid var(--ol-line)}
body.ftf-sunrise .sr-ck #checkout-tip-bubble{color:var(--ol-blue-ink);box-shadow:none;background:var(--ol-blue-tint)}
body.ftf-sunrise .sr-ck #custom-tip-toggle{color:var(--ol-blue-ink)}
body.ftf-sunrise .sr-ck #card-contact .form-control,body.ftf-sunrise .sr-ck #custom-tip-dollars{border:1px solid var(--ol-field);border-radius:12px}
body.ftf-sunrise .sr-ck #card-contact .form-control:focus,body.ftf-sunrise .sr-ck #custom-tip-dollars:focus{border-color:var(--ol-blue);box-shadow:0 0 0 4px var(--ol-blue-tint)}
body.ftf-sunrise .ftf-checkout .checkout-sidebar .campaign-sidebar-card{box-shadow:none;border:1px solid var(--ol-line)}
.sr-ck__money{border-radius:16px}
.sr-ck__guarantee{background:var(--ol-gold-tint);border:1px solid var(--ol-gold-line);border-radius:16px}

/* ---------- thank-you ---------- */
.sr-ty__banner{border-radius:18px;box-shadow:none}
body.ftf-sunrise .sr-ty__banner .top-card-title .text-primary{color:var(--ol-gold-hi)!important}
.sr-ty__card,body.ftf-sunrise .ftf-thanks .card,body.ftf-sunrise .ftf-support-card,body.ftf-sunrise .sr-ty .ftf-support-card{border-radius:18px;box-shadow:none;border:1px solid var(--ol-line)}
body.ftf-sunrise .sr-ty__share .campaign-share{background:var(--ol-blue)!important;box-shadow:var(--ol-btn-sh)}
body.ftf-sunrise .ftf-share-pills a,body.ftf-sunrise .ftf-share-pills button{background:#fff;color:var(--ol-blue-ink);box-shadow:inset 0 0 0 1px var(--ol-line)}

/* ---------- start a fundraiser ---------- */
body.ftf-sunrise #wizard-container .auth-form-card,body.ftf-sunrise .sr-auth .auth-form-card,body.ftf-sunrise .sr-form-card{border-radius:18px!important;box-shadow:var(--ol-card-sh)}
body.ftf-sunrise #wizard-container .card-title,body.ftf-sunrise .sr-auth .auth-form-card h1.card-title{color:var(--ol-ink);font-weight:700}
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard,
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard.focus:not(.active){background:#fff!important;color:var(--ol-ink);border:0!important;border-radius:16px;box-shadow:inset 0 0 0 1px var(--ol-line),0 1px 2px rgba(11,31,68,.05)}
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard:hover{box-shadow:inset 0 0 0 2px var(--ol-blue-line)}
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard.active,
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard:not(:disabled):not(.disabled).active{background:var(--ol-blue-tint)!important;color:var(--ol-ink);box-shadow:inset 0 0 0 2px var(--ol-blue)}
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard.active::after{color:var(--ol-blue)}
body.ftf-sunrise #wizard-progress,body.ftf-sunrise #wizard-progress::-webkit-progress-bar{background:var(--ol-chip)}
body.ftf-sunrise #wizard-progress::-webkit-progress-value{background:var(--ol-blue)}
body.ftf-sunrise #wizard-progress::-moz-progress-bar{background:var(--ol-blue)}
body.ftf-sunrise #wizard-container .form-control,body.ftf-sunrise #wizard-container .custom-select,
body.ftf-sunrise .sr-auth .auth-form-card .form-control,body.ftf-sunrise .sr-forms .form-control,body.ftf-sunrise .sr-forms .custom-select{border:1px solid var(--ol-field);border-radius:12px}
body.ftf-sunrise .sr-auth .auth-form-card .form-control:focus,body.ftf-sunrise .sr-forms .form-control:focus,body.ftf-sunrise .sr-forms .custom-select:focus,body.ftf-sunrise #wizard-container .form-control:focus{border-color:var(--ol-blue);box-shadow:0 0 0 4px var(--ol-blue-tint)}
body.ftf-sunrise .sr-auth .auth-form-card .card-footer{background:var(--ol-bg)}
body.ftf-sunrise .sr-auth .auth-form-card a{color:var(--ol-blue-ink)}

/* ---------- dashboard, manage ---------- */
.sr-dash__welcome{background:#fff;border:1px solid var(--ol-line);border-radius:18px;box-shadow:none}
.sr-dash__stat b{color:var(--ol-ink)}
.sr-dash__row{border:1px solid var(--ol-line);border-radius:16px}
body.ftf-sunrise .user-dashboard-card,body.ftf-sunrise .user-dashboard-sidebar-card,body.ftf-sunrise .campaign-manage-card,body.ftf-sunrise .tabs-card{box-shadow:none;border:1px solid var(--ol-line)}
body.ftf-sunrise .user-dashboard-card .card-title,body.ftf-sunrise .campaign-manage-card .card-title,body.ftf-sunrise .campaign-manage-header .ftf-dashboard-title{color:var(--ol-ink)}
body.ftf-sunrise .sr-dash__row .campaign-links a{color:var(--ol-blue-ink)}

/* ---------- reading pages ---------- */
.sr-stat--blue b,.sr-about__legacy .ftf-map-stat-headline,.sr-about__legacy .helpful-tips-title,.sr-policy__doc h1,.sr-policy__doc h2,.sr-policy__doc h3,body.ftf-sunrise .sr-faq-scope .ftf-page-title h1{color:var(--ol-ink)}
.sr-about__legacy .ftf-stat-number{color:var(--ol-ink)!important}
.sr-about__photo{border-radius:18px;box-shadow:var(--ol-card-sh)}
.sr-faq-scope .ftf-accordion{border:1px solid var(--ol-line);box-shadow:none}
.sr-faq-scope .ftf-outline-pill{background:#fff;color:var(--ol-ink);box-shadow:inset 0 0 0 1px var(--ol-line)}
.sr-faq-scope .ftf-outline-pill[aria-pressed=true]{background:var(--ol-blue);color:#fff;box-shadow:none}
.sr-result__icon{background:var(--ol-blue);box-shadow:none}
.sr-result__icon--ok{background:var(--ol-green);box-shadow:none}
.sr-result__icon--warn{background:var(--ol-gold-tint);color:var(--ol-gold-ink);box-shadow:none}
.sr-timeline li.is-done>span{background:var(--ol-green)}

/* --- fixes from viewing the real pages --- */
.sr-icon-tile svg{stroke:var(--ol-blue)}
.sr-home .sr-hero h1{margin-top:16px}
.sr-sec{padding-top:56px;padding-bottom:56px}
.sr-stats{padding-top:28px;padding-bottom:8px}
@media (max-width:760px){.sr-sec{padding-top:36px;padding-bottom:36px}}

body.ftf-sunrise .sr-fr .campaign-sidebar-card.sr-donate{background:#fff!important}
body.ftf-sunrise .btn.text-uppercase,body.ftf-sunrise .section-view-campaign .card-title{text-transform:none!important}
.sr-stat,.sr-stat--blue,.sr-stat--sand,.sr-stat--mist,.sr-stat--green{background:#fff;border:1px solid var(--ol-line)}
.sr-stat--sand b,.sr-stat--green b{color:var(--ol-ink)}
body.ftf-sunrise .section-view-campaign .campaign-description,body.ftf-sunrise .section-view-campaign .campaign-description *{font-family:var(--sr-font)!important}
body.ftf-sunrise .mobile-top-bar{display:none!important}

body.ftf-sunrise .sr-fr .sr-donate .amount-raised .fa-info-circle.text-primary{display:inline-block;font-size:15px;color:var(--ol-muted)!important;margin:0}
body.ftf-sunrise .sr-fr .sr-donate .share-icons-small .bg-secondary{background:var(--ol-field)!important}
body.ftf-sunrise .sr-fr .sr-donate .sr-btn-glass{background:#fff;color:var(--ol-blue-ink)!important;border:1px solid var(--ol-line);box-shadow:0 1px 2px rgba(11,31,68,.06)}
body.ftf-sunrise .sr-ck .checkout-sidebar .campaign-sidebar-card .amount-raised .text-primary,body.ftf-sunrise .sr-ty .amount-raised .text-primary{color:var(--ol-ink)!important}
body.ftf-sunrise .ftf-checkout #checkout-tip-bubble{border:0}

.sr-sunrise .sr-h-xl,.sr-h-xl{letter-spacing:-.02em}
.sr-about__shield{display:none}

body.ftf-sunrise main h1{letter-spacing:-.02em}
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard .icon{background:var(--ol-blue);border-radius:14px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;padding:9px;flex:0 0 auto}
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard.active:hover,body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard.active:focus{background:var(--ol-blue-tint)!important;color:var(--ol-ink);box-shadow:inset 0 0 0 2px var(--ol-blue)}

body.ftf-sunrise .sr-dash__profile h1,body.ftf-sunrise .sr-dash__profile h2,body.ftf-sunrise .sr-dash__profile h3,body.ftf-sunrise .sr-dash__profile h4,body.ftf-sunrise .sr-dash__profile h5,body.ftf-sunrise .sr-dash__profile a:not(.btn){color:var(--ol-ink)!important}

/* manage a fundraiser */
body.ftf-sunrise .campaign-manage-header .border-bottom{border-color:var(--ol-line)!important}
body.ftf-sunrise .campaign-manage-header-icons a i{border-color:var(--ol-blue-line)!important;color:var(--ol-blue)!important;background:#fff}
body.ftf-sunrise .campaign-manage-card .nav-tabs .nav-link{border:1px solid var(--ol-line)!important;color:var(--ol-text)!important}
body.ftf-sunrise .campaign-manage-card .nav-tabs .nav-link.active{background:var(--ol-blue-tint)!important;border-color:var(--ol-blue)!important;color:var(--ol-blue-ink)!important}
body.ftf-sunrise .campaign-manage-card .text-primary,body.ftf-sunrise .campaign-manage-card .overview-number-top{color:var(--ol-ink)!important}
body.ftf-sunrise .campaign-manage-card a.text-primary,body.ftf-sunrise .campaign-manage-card i.text-primary,body.ftf-sunrise .campaign-manage-card a .fas{color:var(--ol-blue)!important}
body.ftf-sunrise .campaign-manage-card .bg-gray{background:#fff!important;border:1px solid var(--ol-line);border-radius:16px}
body.ftf-sunrise .campaign-manage-card .end-campaign-btn{color:var(--ol-blue-ink)!important}

body.ftf-sunrise .campaign-manage-card .tab-content [class*="overview-number"],body.ftf-sunrise .tabs-card .tab-content .text-primary:not(a):not(i):not(.btn){color:var(--ol-ink)!important}

/* --- matching the approved mockups --- */
.ol-ic{width:44px;height:44px;border-radius:14px;background:var(--ol-blue-tint);color:var(--ol-blue);display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.sr-home .sr-start__opt{justify-content:flex-start;gap:12px}
.sr-home .sr-start__opt>.sr-z1{flex:1 1 auto;min-width:0}
.ol-card-cta{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:var(--ol-blue-tint);color:var(--ol-blue-ink);font-weight:700;font-size:15px;margin-top:2px;transition:transform .22s cubic-bezier(.2,.9,.25,1.2)}
.sr-fcard:active .ol-card-cta{transform:scale(.97)}
/* fundraiser page: the title sits plainly under the photo, with the green and gold pills */
.sr-fr__titlecard.sr-glass{margin:16px 0 0!important;max-width:none;background:none;box-shadow:none;padding:0;border-radius:0}
.sr-fr__badges .sr-badge.sr-b-okt{background:var(--ol-green-tint);color:var(--ol-green-ink)!important}
.sr-fr__badges .sr-badge:not(.sr-b-okt){background:var(--ol-gold-tint);color:var(--ol-gold-ink)}
body.ftf-sunrise .sr-fr .sr-fr__heading .campaign-dept-icon{display:none}
body.ftf-sunrise .sr-fr h1.campaign-title{font-size:clamp(22px,3vw,32px);line-height:1.2}
.sr-fr__media{aspect-ratio:16/9}

/* fundraiser page on a computer: photo and story on the left, the donate card beside the photo from the top */
@media (min-width:992px){
  .sr-fr>.container{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:28px;align-items:start}
  .sr-fr>.container>*{grid-column:1 / -1}
  .sr-fr>.container>.sr-fr__hero{grid-column:1;grid-row:2;margin:24px 0 20px}
  .sr-fr>.container>.row:has(>.col-lg-8.order-1){display:contents}
  .sr-fr>.container>.row>.col-lg-8.order-1{grid-column:1;grid-row:3;max-width:none;flex:none;width:auto;padding:0}
  .sr-fr>.container>.row>.col-lg-4.order-0{grid-column:2;grid-row:2 / span 2;max-width:none;flex:none;width:auto;padding:0;margin-top:24px;align-self:stretch}
}

body.ftf-sunrise .section-view-campaign .campaign-donation .text-primary,body.ftf-sunrise .sr-fr__wall .text-primary:not(a):not(.btn){color:var(--ol-ink)!important}

/* footer: space between the button and the social icons (they were touching) */
.sr-footer__about .sr-footer__social{margin-top:18px}
.sr-footer__about .sr-btn{box-shadow:0 1px 2px rgba(0,0,0,.3)}
.sr-footer #mc_embed_signup_scroll{align-items:center}

/* --- Release L1.1 (Robert, Nov 12 11:14 PM): bigger logo, plain start-form choices, page numbers wrap --- */
.sr-hdr__logo{height:36px}
.sr-hdr .sr-btn{white-space:nowrap}
@media (max-width:1280px){.sr-hdr__logo{height:30px}.sr-hdr__in{gap:14px}}
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard .icon{display:none!important}
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard{justify-content:flex-start!important;text-align:left;padding:18px 20px;min-height:64px}
body.ftf-sunrise #wizard-container .wizard-type-choices .btn-create-campaign-for-wizard .title{font-weight:700;font-size:17px}
.sr-home .sr-start .ftf-continue-banner{margin-bottom:14px}
body.ftf-sunrise .pagination{flex-wrap:wrap;justify-content:center;row-gap:8px;max-width:100%}

@media (max-width:760px){
  .sr-card,.sr-card-shadow,.sr-home .sr-start,body.ftf-sunrise .sr-form-card,.sr-result__card,body.ftf-sunrise .sr-auth .auth-form-card,.sr-ty__banner,.sr-dash__welcome,body.ftf-sunrise .sr-ck .sr-ck__card,.sr-fr__media{border-radius:18px!important}
  .sr-stats b,.sr-stats b.sr-gold{font-size:24px}
  .sr-hdr__logo{height:31px}
}
@media (prefers-reduced-motion:reduce){.sr-btn,body.ftf-sunrise .btn,.sr-home .sr-start__opt{transition:none!important}}