@font-face { font-family: 'DM Serif Display'; font-style: italic; font-weight: 400; font-display: block; src: url('../fonts/dm-serif-display-latin-ext-400-italic.woff2') format('woff2'); unicode-range: U+0100-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'DM Serif Display'; font-style: italic; font-weight: 400; font-display: block; src: url('../fonts/dm-serif-display-latin-400-italic.woff2') format('woff2'); }
/* Carl Wolff donation pages: the shared paper, forest and gold identity. */
body.focused-page {
  --forest: #193e35;
  --paper: #f3e9d4;
  --white: #faf3e5;
  --sage: #e7e1cc;
  --muted: #53634f;
  --gold: #805e2d;
  --line: #c6b994;
  --paper-grain: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.045' filter='url(%23paper)'/%3E%3C/svg%3E");
  background: var(--paper-grain), var(--paper);
  overflow-x: clip;
}
.focused-page .container { max-width: 1340px; }
.focused-page .site-navbar { background: var(--paper-grain), #f3e9d4; border-color: #a88a4b3b; box-shadow: 0 2px 5px #233c2908; }
.focused-page .site-navbar > .container { min-height: 67px; }
.focused-page .brand-name { font-size: 25px; }
.focused-page .site-navbar-brand { padding: 0; }
.focused-page .site-nav-cta { border-color: #bca674; border-radius: 8px 13px 8px 13px; background: #f8f0df; box-shadow: 0 2px 3px #233c2912; padding: 11px 15px; }
.focused-page .site-nav-cta:hover { background: #e7dec5; color: var(--forest); }
.focused-page .nav-flags { padding: 3px; border: 1px solid #c6b99466; border-radius: 8px; }
.focused-page .language[aria-current] { background: #e4e0ca; box-shadow: 0 1px 3px #233c2912; }
.focused-page .navbar-toggler { border-color: #bca674; background: #f7efdf; border-radius: 8px 12px 8px 12px; }
.focused-page .eyebrow { color: #685b3a; }

/* A clear first step, with room around the heading and the payment card. */
.focused-page .donation-opening { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); grid-template-areas: "intro donation" "art donation"; grid-template-rows: min-content 1fr; align-items: start; gap: 36px 65px; padding: 54px max(50px, calc((100% - 1280px) / 2)) 132px; background: var(--paper-grain), #f7efdf; }
.focused-page .donation-opening::before { display: none; }
.focused-page .donation-opening::after { inset: auto 0 -1px; height: 115px; z-index: -1; border-radius: 0; background: url('../img/paper-hem.svg') bottom / 100% 100% no-repeat; }
.focused-page .opening-motes { height: calc(100% - 115px); border-radius: 0; }
.focused-page .opening-motes i { background: #ae8947; box-shadow: 0 0 7px 1px #d2b16d26; width: 2px; height: 2px; }
.focused-page .focused-hero { grid-area: intro; position: relative; z-index: 1; max-width: 630px; padding: 0; margin: 0; text-align: left; }
.focused-page .focused-hero .eyebrow { color: #685b3a; font-size: 10px; letter-spacing: .12em; margin-bottom: 30px; }
.focused-page .focused-hero .eyebrow::before { width: 27px; height: 1px; border-radius: 0; background: #a98646; box-shadow: none; margin-right: 11px; }
.focused-page .focused-hero h1 { color: var(--forest); font-size: clamp(3rem, 4vw, 3.9rem); line-height: 1.08; letter-spacing: -.035em; margin: 0; }
.focused-page .focused-hero h1 em { display: block; width: fit-content; color: #637551; margin-top: 9px; font-style: italic; }
.focused-page .headline-stroke { top: auto; bottom: -13px; color: #b78e45; height: 16px; opacity: 1; }
.focused-page .headline-stroke path { animation-duration: 2s; animation-timing-function: cubic-bezier(.45,0,.25,1); }
.focused-page .headline-stroke path + path { animation-delay: 2.15s; }
.focused-page .focused-hero .hero-intro { font-size: 16px; line-height: 1.85; color: #475941; margin: 28px 0 0; max-width: 440px; }
.focused-page .focused-donation { grid-area: donation; overflow-anchor: none; justify-self: end; width: 100%; max-width: 540px; margin: 0; padding: 34px; border-color: #b49a62; border-radius: 36px 36px 14px 14px; background: var(--paper-grain), #faf3e5; box-shadow: 0 3px 5px #233c2929, 0 17px 30px #233c2917; }
.focused-page .focused-donation::before { inset: -11px 12px 10px -11px; z-index: -2; border: 1px solid #b29a64; border-radius: inherit; background: var(--paper-grain), #a5af91; transform: rotate(-1.7deg); box-shadow: 0 3px 5px #233c2926; }
.focused-page .focused-donation::after { inset: 0; height: auto; z-index: -1; border: 5px solid #faf3e5; outline: 1px solid #b49a62; border-radius: inherit; background: var(--paper-grain), #faf3e5; }
.focused-page .focused-donation h2 { font-size: 31px; }
.focused-page .donation-steps { padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #b8a77a66; }
.focused-page .donation-steps [aria-current] { color: #71552c; }
.focused-page .frequency-control { background: #e8e2ce; border: 1px solid #c6b58b; border-radius: 10px 15px 10px 10px; box-shadow: inset 0 2px 3px #233c2910; }
.focused-page .frequency-control button { border: 1px solid transparent; }
.focused-page .frequency-control button[aria-pressed=true] { color: #fff6e6; border-color: #9b874f; box-shadow: 0 2px 3px #233c2926, inset 0 1px #ffffff1c; }
.focused-page .donation-option label { border-color: #c4b387; border-radius: 8px 12px 8px 8px; background: #fcf7ec; box-shadow: 0 2px 3px #233c290c; }
.focused-page .donation-option input:checked + label { background: #e2e2cb; border-color: #46634a; box-shadow: inset 0 0 0 1px #46634a, 0 2px 3px #233c2915; }
.focused-page .donation-option label:hover { background: #eee8d6; border-color: #9a814c; }
.focused-page .custom-amount input, .focused-page .form-control, .focused-page .form-select { border-color: #bca674; background-color: #fcf7ed; box-shadow: inset 0 1px 2px #233c2906; }
.focused-page .custom-amount input { border-radius: 8px 12px 8px 8px; }
.focused-page .custom-amount input:focus, .focused-page .form-control:focus, .focused-page .form-select:focus { background-color: #fffaf0; border-color: #667650; }
.focused-page .was-validated .form-control:invalid, .focused-page .was-validated .form-select:invalid { border-color: #963e2d; }
.focused-page .donation-summary { border: 1px solid #c6b58b88; background: var(--paper-grain), #eae3cc; border-radius: 10px 17px 10px 10px; box-shadow: inset 0 1px #fff6; }
.focused-page .campaign-box, .focused-page .details-total { background: var(--paper-grain), #eae3cc; border-color: #c6b58b; }
.focused-page .btn { position: relative; border-radius: 8px 13px 8px 13px; box-shadow: 0 2px 3px #233c2922, 0 8px 15px #233c2915, inset 0 1px #fff4; transition: background .3s, color .3s, transform .35s, box-shadow .35s; }
.focused-page .btn-primary, .focused-page .btn-success { background: #193e35; border-color: #a3844b; color: #fff8e8; }
.focused-page .btn-primary:hover, .focused-page .btn-success:hover { background: #2c594b; box-shadow: 0 3px 5px #233c292b, 0 12px 20px #233c291f; }
.focused-page .btn-info, .focused-page .btn-light, .focused-page .btn-danger { background: #f6ecd6; border-color: #bca674; }
.focused-page .btn-info:hover, .focused-page .btn-light:hover, .focused-page .btn-danger:hover { background: #e9dfc4; color: var(--forest); }
.focused-page .next-button, .focused-page .btn-submit { min-height: 55px; }
.focused-page .next-button::after, .focused-page .btn-submit::after { content: ''; position: absolute; inset: 3px; border: 1px solid #dfbd7640; border-radius: 5px 10px 5px 10px; pointer-events: none; }
.focused-page .payment-caption > a, .focused-page .modal-payment-badge > a { border-color: #dacbad; box-shadow: 0 1px 2px #233c2908; }

/* The artwork accompanies the form, within the opening paper layers. */
.focused-page .donation-opening > .story-photograph { grid-area: art; width: 100%; max-width: none; margin: 0; }
.donation-step-content { position: relative; display: flow-root; }
.donation-step-content.is-changing-step { overflow: clip; }
.donation-step-content > .is-step-leaving { position: absolute; inset: 0 0 auto; width: 100%; pointer-events: none; }

.focused-page .giving-story { display: block; max-width: 1180px; padding-block: 80px 80px; gap: 80px; margin-inline: auto; margin-bottom: 0; }
.focused-page .story-photograph, .focused-page .story-artwork:hover { isolation: isolate; transform: none; border-color: #b49a62; border-radius: 32px 32px 14px 14px; padding: 7px; background: var(--paper-grain), #faf3e5; box-shadow: 0 2px 3px #233c292b, 0 14px 26px #233c2915; }
.focused-page .story-photograph::before { inset: -11px 10px 12px -9px; border: 1px solid #b29a64; border-radius: inherit; background: var(--paper-grain), #a5af91; transform: rotate(-2deg); z-index: -2; box-shadow: 0 3px 5px #233c2926; }
.focused-page .story-photograph::after { content: ''; position: absolute; inset: 0; border-radius: inherit; z-index: -1; background: var(--paper-grain), #faf3e5; pointer-events: none; }
.focused-page .story-photograph > img, .focused-page .artwork-scene { border-radius: 25px 25px 8px 8px; }
.focused-page .story-photograph figcaption { padding: 12px 13px 7px; letter-spacing: .05em; }
.focused-page .giving-story-heading h2 { font-size: clamp(2.1rem, 3.3vw, 3.1rem); max-width: 500px; }
.focused-page .giving-story-heading .btn { background: transparent; box-shadow: none; color: var(--forest); }
.focused-page .giving-story-text { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }
.focused-page .giving-story-copy { border-top: 0; border-left: 1px solid #b8a77a77; padding: 10px 0 10px 40px; }
.focused-page .giving-story-copy > h2 { font-size: 26px; }
.focused-page .trust-badge { background: #e4e0cb; border: 1px solid #c6b58b44; border-radius: 5px 8px 5px 5px; }
.focused-page .trust-badge--payu { background: transparent; border: 0; }
.focused-page .artwork-motion-toggle { border-color: #bca674; background: #f7efdf; box-shadow: 0 1px 2px #233c2910; }

/* Each way to give has a distinct, quiet chapter. */
.focused-page section[id='230'] { padding-block: 10px 100px; }
.focused-page section[id='230'] .container { max-width: 1240px; }
.focused-page section[id='230'] .info-block { background: var(--paper-grain), #ede0be; border: 1px solid #bca674; border-radius: 28px 40px 14px 14px; padding: 38px 45px; box-shadow: 0 2px 3px #233c2922, 0 12px 24px #233c2910; }
.focused-page section[id='230'] .info-block > .fw-bold { font-size: 30px; }
.focused-page .tax-stamp::before { border-color: #ad8c4c80; box-shadow: 0 0 0 6px #f9f1dc55, 0 0 0 7px #ad8c4c44, 0 3px 6px #233c2914; }
.focused-page .steps-row { border-color: #baa57277; padding-block: 18px; }
.focused-page #cum_puteti_ajuta { isolation: isolate; background: var(--paper-grain), #e8e4d6; border: 0; padding-block: 60px 130px; }
.focused-page #cum_puteti_ajuta::before { content: ''; position: absolute; z-index: -1; top: -32px; left: 0; width: 100%; height: 70px; background: var(--paper-grain), #e8e4d6; border-top: 1px solid #b29a64; border-radius: 55% 35% 0 0 / 45px 25px 0 0; box-shadow: 0 -2px 3px #233c2926, 0 -9px 16px #233c290c; pointer-events: none; }
.focused-page .section-padding .text-center.mb-4 { margin-bottom: 40px !important; }
.focused-page .card[data-giving] { border-color: #bca674; border-radius: 28px 28px 13px 13px; background: var(--paper-grain), #faf2e1; box-shadow: 0 2px 3px #233c2922, 0 10px 20px #233c2910; padding: 32px !important; }
.focused-page .card[data-giving=bank] { background: var(--paper-grain), #193e35; border-color: #9b874f; }
.focused-page .card[data-giving=bank] .iban { border-color: #c3b08466; background: #f9f1df09; border-radius: 5px 8px 5px 5px; }
.focused-page .card[data-giving=bank] .iban:hover { border-color: #d6b77c; background: #e2c38b18; }
.focused-page .card[data-giving=sponsor]::before { border-color: #c7b88f66; border-radius: 22px 22px 8px 8px; }
.focused-page .card[data-giving=online] .giving-icon, .focused-page .card[data-giving=material] .giving-icon, .focused-page .card[data-giving=betterplace] .giving-icon { border-color: #bca674; background: #eee3c8; box-shadow: inset 0 1px #fff7, 0 2px 3px #233c2912; border-radius: 10px 15px 10px 10px; padding: 7px; }
.focused-page .card[data-giving]:hover { border-color: #a88a4b; box-shadow: 0 4px 6px #233c2926, 0 14px 24px #233c2916; }
.focused-page .download-link { border-color: #b8a77a66; }
.focused-page .download-link:hover { background: #eae2cd66; }
.focused-page #donatie_in_loc_de_cadou { overflow: visible; background: var(--paper-grain), #193e35; border: 0; padding-block: 45px 100px; }
.focused-page #donatie_in_loc_de_cadou::before { inset: -84px 0 auto; width: 100%; height: 85px; border: 0; border-radius: 0; box-shadow: none; background: url('../img/paper-ribbon.svg') bottom / 100% 100% no-repeat; }
.focused-page #donatie_in_loc_de_cadou .text-center.mb-4::before { border-radius: 8px 12px 8px 12px; box-shadow: 5px -5px 0 -1px #193e35, 5px -5px 0 0 #e5c99066; }
.focused-page #donatie_in_loc_de_cadou .info-block { border-color: #c7a566; border-radius: 28px 28px 13px 13px; background: var(--paper-grain), #f7edda; box-shadow: 0 3px 5px #0b211e44, 0 14px 25px #0b211e22; }
.focused-page #donatie_in_loc_de_cadou .info-block:last-child { background: var(--paper-grain), #e7c486; border-color: #b28b47; border-radius: 14px 28px 14px 14px; box-shadow: inset 0 1px #fff6, 0 3px 5px #0b211e44, 0 14px 25px #0b211e22; }
.focused-page .list-group-item { border-color: #b8a77a66; }

/* Answers open on one continuous sheet, with space around the text. */
.focused-page #faq { position: relative; isolation: isolate; padding-block: 55px 70px; background: var(--paper-grain), var(--paper); }
.focused-page #faq::before { content: ''; position: absolute; z-index: -1; inset: -28px 0 auto; height: 60px; background: var(--paper-grain), var(--paper); border-top: 1px solid #b29a64; border-radius: 15% 55% 0 0 / 18px 35px 0 0; box-shadow: 0 -2px 3px #0b211e33, 0 -10px 18px #0b211e14; pointer-events: none; }
.focused-page #faq .container { max-width: 1000px; }
.focused-page #faq .info-block { padding: 22px 32px; background: var(--paper-grain), #faf3e5; border-color: #bca674; border-radius: 30px 30px 14px 14px; box-shadow: 0 2px 3px #233c2922, 0 14px 26px #233c2912; }
.focused-page #faq .info-block-title { font-size: 28px; padding-inline: 18px; }
.focused-page .accordion-item { border-color: #b8a77a77; }
.focused-page .accordion-item:has(.accordion-button:not(.collapsed)) { background: #eee6d2; border-radius: 10px 17px 10px 10px; }
.focused-page .accordion-button { color: var(--forest); padding: 23px 18px; }
.focused-page .accordion-button:not(.collapsed) { color: #71552c; }
.focused-page .accordion-body { padding: 0 18px 25px; }
.focused-page .accordion-button:focus-visible { outline-offset: -4px; }
.focused-page .info-links-row { padding-top: 18px; gap: 15px 26px; }
.focused-page .site-footer { background: var(--paper-grain), #15362d; color: #f3e9d4; border-color: #b89a5955; padding-block: 36px; }
.focused-page .site-footer .text-muted { color: #cbd8c3 !important; }
.focused-page .site-footer a { color: #efd098; }
.focused-page .site-footer a:focus-visible { outline-color: #efd098 !important; }
.focused-page .back-to-top { background: #f8efdd; border-color: #b49a62; box-shadow: 0 2px 3px #233c2922, 0 7px 14px #233c2912; }
.focused-page .modal-content { position: relative; border-color: #b49a62; border-radius: 28px 28px 14px 14px; background: var(--paper-grain), #faf3e5; box-shadow: 0 4px 7px #0b211e44, 0 24px 70px #0b211e3b; }
.focused-page .modal-header { border-color: #b8a77a66; }
.focused-page .alert-info { background: #e7e1cc; border-color: #bca674; }
.focused-page .copy-status { background: #193e35; color: #fff6e6; border-color: #bca674; }

@media (max-width: 1250px) {
  .focused-page .donation-opening { gap: 32px 45px; padding-inline: 36px; }
  .focused-page .focused-hero h1 { font-size: clamp(2.8rem, 4vw, 3.6rem); }
  .focused-page .giving-story { margin-inline: 50px; gap: 55px; }
}
@media (max-width: 991px) {
  .focused-page .donation-opening { grid-template-columns: 1fr; grid-template-areas: "intro" "donation" "art"; grid-template-rows: auto; gap: 38px; padding: 45px 30px 110px; }
  .focused-page .focused-hero { justify-self: center; max-width: 610px; text-align: center; padding: 0; }
  .focused-page .focused-hero h1 { font-size: 3.5rem; }
  .focused-page .focused-hero h1 em { margin-inline: auto; }
  .focused-page .focused-hero .eyebrow { margin-bottom: 22px; }
  .focused-page .focused-hero .hero-intro { margin: 30px auto 0; }
  .focused-page .focused-donation { justify-self: center; }
  .focused-page .donation-opening > .story-photograph { max-width: 540px; justify-self: center; }
  .focused-page .giving-story-text { gap: 35px; }
  .focused-page .donation-opening::after { height: 80px; }
  .focused-page .opening-motes { height: calc(100% - 80px); }
  .focused-page .nav-flags { margin-inline: 9px; width: fit-content; }
  .focused-page .site-nav-cta { margin-left: 9px; }
  .focused-page .giving-story { margin-inline: 36px; gap: 35px; padding-block: 65px; }
  .focused-page section[id='230'] .info-block { padding: 30px; }
  .focused-page .card[data-giving] { padding: 28px !important; }
}
@media (max-width: 767px) {
  .focused-page .giving-story-text { grid-template-columns: 1fr; gap: 20px; }
  .focused-page .giving-story-copy { border-left: 0; border-top: 1px solid #b8a77a77; padding: 22px 0 0; }
  .focused-page .giving-story { margin-inline: auto; max-width: 550px; padding: 60px 26px; gap: 38px; }
  .focused-page .giving-story-heading h2 { font-size: 2.25rem; }
  .focused-page section[id='230'] .info-block { display: block; padding: 30px; }
  .focused-page section[id='230'] .info-block > .fw-bold { font-size: 27px; }
  .focused-page #donatie_in_loc_de_cadou > .container { grid-template-columns: 1fr; }
  .focused-page #donatie_in_loc_de_cadou .info-block:last-child { display: block; }
  .focused-page #donatie_in_loc_de_cadou .info-block:last-child .btn { margin-top: 12px; width: 100%; max-width: none; }
}
@media (max-width: 600px) {
  .focused-page .container { padding-inline: 22px; }
  .focused-page .site-navbar > .container { min-height: 63px; }
  .focused-page .brand-name { font-size: 22px; }
  .focused-page .donation-opening { padding: 37px 22px 85px; gap: 35px; }
  .focused-page .focused-hero h1 { font-size: clamp(2.3rem, 9.8vw, 3.3rem); }
  .focused-page .focused-hero .eyebrow { font-size: 9px; margin-bottom: 20px; }
  .focused-page .focused-hero .hero-intro { font-size: 13px; line-height: 1.8; margin-top: 28px; }
  .focused-page .headline-stroke { bottom: -10px; height: 12px; }
  .focused-page .donation-opening > .story-photograph { max-width: 470px; }
  .focused-page .focused-donation { margin-inline: 0; max-width: 470px; padding: 28px 22px; border-radius: 29px 29px 12px 12px; }
  .focused-page .focused-donation::before { inset: -8px 8px 8px -6px; transform: rotate(-1.3deg); }
  .focused-page .focused-donation h2 { font-size: 28px; }
  .focused-page .donation-steps { padding-bottom: 16px; margin-bottom: 20px; }
  .focused-page .donation-opening::after { height: 58px; }
  .focused-page .opening-motes { height: calc(100% - 58px); }
  .focused-page .giving-story { padding-block: 50px 55px; }
  .focused-page .giving-story-heading h2 { font-size: 2.1rem; }
  .focused-page .giving-story-copy > h2 { font-size: 25px; }
  .focused-page .story-photograph { border-radius: 29px 29px 12px 12px; padding: 6px; }
  .focused-page .story-photograph > img, .focused-page .artwork-scene { border-radius: 23px 23px 7px 7px; }
  .focused-page .story-photograph::before { inset: -8px 8px 8px -6px; transform: rotate(-1.5deg); }
  .focused-page .story-photograph figcaption { padding-inline: 9px; }
  .focused-page section[id='230'] { padding-block: 0 70px; }
  .focused-page section[id='230'] .info-block { padding: 26px 22px; border-radius: 22px 32px 12px 12px; }
  .focused-page section[id='230'] .info-block > .fw-bold { font-size: 25px; }
  .focused-page .steps-row { padding-block: 14px; }
  .focused-page #cum_puteti_ajuta { padding-block: 42px 95px; }
  .focused-page .section-padding .text-center.mb-4 { margin-bottom: 30px !important; }
  .focused-page .card[data-giving] { padding: 26px 22px !important; border-radius: 24px 24px 12px 12px; }
  .focused-page #donatie_in_loc_de_cadou { padding-block: 30px 70px; }
  .focused-page #donatie_in_loc_de_cadou::before { top: -59px; height: 60px; }
  .focused-page #donatie_in_loc_de_cadou .info-block { border-radius: 24px 24px 12px 12px; }
  .focused-page #faq { padding-block: 40px 50px; }
  .focused-page #faq .info-block { padding: 18px 12px; border-radius: 26px 26px 12px 12px; }
  .focused-page #faq .info-block-title { padding-inline: 14px; font-size: 25px; margin-top: 10px; }
  .focused-page .accordion-button { padding: 21px 14px; }
  .focused-page .accordion-body { padding-inline: 14px; padding-bottom: 22px; }
}
@media (max-width: 359px) {
  .focused-page .container { padding-inline: 18px; }
  .focused-page .donation-opening { padding-inline: 18px; }
  .focused-page .focused-donation { padding-inline: 18px; }
  .focused-page .focused-hero h1 { font-size: 2.25rem; }
  .focused-page .donation-steps { gap: 4px; font-size: 8px; }
  .focused-page .donation-steps li + li::before { width: 8px; margin-right: 1px; }
  .focused-page .card[data-giving=bank] .iban { font-size: 10px; margin-left: 0; }
  .focused-page .giving-story { padding-inline: 23px; }
  .focused-page .brand-name { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .focused-page .btn { transition: none; }
  .focused-page .headline-stroke path { animation: none; }
  .focused-page .btn:hover { transform: none; }
}