@import url("https://fonts.googleapis.com/css?family=Material Icons|Chivo:400,700,400i,700i,900,900i,900,900i,900,900i,900,900i,bold,boldi|Open+Sans:400,700,400i,700i");
a:hover { font-weight: normal; color: #f3dc47; font-style: normal; text-decoration: underline; }

body, input, textarea, select, .page, .row { color: #080627; font-family: "Chivo"; line-height: 1.5; }

a:active { font-weight: normal; color: #c0a90d; font-style: normal; text-decoration: underline; }

a { font-weight: normal; color: #f0d522; font-style: normal; text-decoration: underline; }

input, textarea, select { font-size: 1em; letter-spacing: 0em; }

.button--inverse { color: #ffffff; padding: 0.875em 1.75em; font-size: 0.9375em; font-weight: bold; text-transform: uppercase; background: transparent; border-color: #ffffff; text-decoration: none; border-radius: 100px; }

.button--inverse:visited { color: #ffffff; font-weight: bold; }

.button--inverse:hover, .button--inverse:focus { color: #ffffff; font-weight: bold; }

.button--inverse:active { color: #ffffff; font-weight: bold; }

.button--inverse:before { background: transparent; }

.button--inverse:hover { background: rgba(0, 0, 0, 0.1); color: #ffffff; }

.button--primary { color: #423a04; padding: 0.875em 1.75em; font-size: 0.9375em; font-weight: bold; text-transform: uppercase; background-color: #f0d522; text-decoration: none; border-radius: 100px; }

.button--primary:visited { color: #423a04; font-weight: bold; }

.button--primary:hover, .button--primary:focus { color: #423a04; font-weight: bold; }

.button--primary:active { color: #423a04; font-weight: bold; }

.button--facebook { color: #ffffff; padding: 0.875em 1.125em; font-size: 0.875em; font-weight: bold; background-color: #003882; text-decoration: none; border-radius: 2px; }

.button--facebook:visited { color: #ffffff; font-weight: bold; }

.button--facebook:hover, .button--facebook:focus { color: #ffffff; font-weight: bold; }

.button--facebook:active { color: #ffffff; font-weight: bold; }

.button--secondary { color: #e9f4fe; padding: 0.875em 1.75em; font-size: 0.9375em; font-weight: bold; text-transform: uppercase; background-color: #0a60ab; text-decoration: none; border-radius: 100px; }

.button--secondary:visited { color: #e9f4fe; font-weight: bold; }

.button--secondary:hover, .button--secondary:focus { color: #e9f4fe; font-weight: bold; }

.button--secondary:active { color: #e9f4fe; font-weight: bold; }

.button--cta { color: #423a04; padding: 1em 1.75em; font-size: 1.125em; font-weight: bold; text-transform: uppercase; background-color: #f0d522; text-decoration: none; border-radius: 100px; }

.button--cta:visited { color: #423a04; font-weight: bold; }

.button--cta:hover, .button--cta:focus { color: #423a04; font-weight: bold; }

.button--cta:active { color: #423a04; font-weight: bold; }

.block--primary, .block-primary, .raisely-blockwrapper-primary { background: #f0d522; }

.block---colour-primary, .block--colour-primary, .raisely-blockwrapper--colour-primary { color: #f0d522; }

.block---border-primary, .block--border-primary, .raisely-blockwrapper--border-primary { border-color: #f0d522; }

.block--primary-dark, .block-primary-dark, .raisely-blockwrapper-primary-dark { background: #c0a90d; }

.block---colour-primary-dark, .block--colour-primary-dark, .raisely-blockwrapper--colour-primary-dark { color: #c0a90d; }

.block---border-primary-dark, .block--border-primary-dark, .raisely-blockwrapper--border-primary-dark { border-color: #c0a90d; }

.block--primary-darker, .block-primary-darker, .raisely-blockwrapper-primary-darker { background: #807109; color: white; }

.block---colour-primary-darker, .block--colour-primary-darker, .raisely-blockwrapper--colour-primary-darker { color: #807109; }

.block---border-primary-darker, .block--border-primary-darker, .raisely-blockwrapper--border-primary-darker { border-color: #807109; }

.block--primary-darkest, .block-primary-darkest, .raisely-blockwrapper-primary-darkest { background: #403804; color: white; }

.block---colour-primary-darkest, .block--colour-primary-darkest, .raisely-blockwrapper--colour-primary-darkest { color: #403804; }

.block---border-primary-darkest, .block--border-primary-darkest, .raisely-blockwrapper--border-primary-darkest { border-color: #403804; }

.block--primary-light, .block-primary-light, .raisely-blockwrapper-primary-light { background: #f3dc47; }

.block---colour-primary-light, .block--colour-primary-light, .raisely-blockwrapper--colour-primary-light { color: #f3dc47; }

.block---border-primary-light, .block--border-primary-light, .raisely-blockwrapper--border-primary-light { border-color: #f3dc47; }

.block--primary-lighter, .block-primary-lighter, .raisely-blockwrapper-primary-lighter { background: #f5e36c; }

.block---colour-primary-lighter, .block--colour-primary-lighter, .raisely-blockwrapper--colour-primary-lighter { color: #f5e36c; }

.block---border-primary-lighter, .block--border-primary-lighter, .raisely-blockwrapper--border-primary-lighter { border-color: #f5e36c; }

.block--primay-lightest, .block-primay-lightest, .raisely-blockwrapper-primay-lightest { background: #f8ea90; }

.block---colour-primay-lightest, .block--colour-primay-lightest, .raisely-blockwrapper--colour-primay-lightest { color: #f8ea90; }

.block---border-primay-lightest, .block--border-primay-lightest, .raisely-blockwrapper--border-primay-lightest { border-color: #f8ea90; }

.block--primary-super-light, .block-primary-super-light, .raisely-blockwrapper-primary-super-light { background: #fefbed; }

.block---colour-primary-super-light, .block--colour-primary-super-light, .raisely-blockwrapper--colour-primary-super-light { color: #fefbed; }

.block---border-primary-super-light, .block--border-primary-super-light, .raisely-blockwrapper--border-primary-super-light { border-color: #fefbed; }

.block--secondary, .block-secondary, .raisely-blockwrapper-secondary { background: #0a60ab; }

.block---colour-secondary, .block--colour-secondary, .raisely-blockwrapper--colour-secondary { color: #0a60ab; }

.block---border-secondary, .block--border-secondary, .raisely-blockwrapper--border-secondary { border-color: #0a60ab; }

.block--secondary-dark, .block-secondary-dark, .raisely-blockwrapper-secondary-dark { background: #074880; color: white; }

.block---colour-secondary-dark, .block--colour-secondary-dark, .raisely-blockwrapper--colour-secondary-dark { color: #074880; }

.block---border-secondary-dark, .block--border-secondary-dark, .raisely-blockwrapper--border-secondary-dark { border-color: #074880; }

.block--secondary-darker, .block-secondary-darker, .raisely-blockwrapper-secondary-darker { background: #053056; color: white; }

.block---colour-secondary-darker, .block--colour-secondary-darker, .raisely-blockwrapper--colour-secondary-darker { color: #053056; }

.block---border-secondary-darker, .block--border-secondary-darker, .raisely-blockwrapper--border-secondary-darker { border-color: #053056; }

.block--secondary-darkest, .block-secondary-darkest, .raisely-blockwrapper-secondary-darkest { background: #02182b; color: white; }

.block---colour-secondary-darkest, .block--colour-secondary-darkest, .raisely-blockwrapper--colour-secondary-darkest { color: #02182b; }

.block---border-secondary-darkest, .block--border-secondary-darkest, .raisely-blockwrapper--border-secondary-darkest { border-color: #02182b; }

.block--secondary-light, .block-secondary-light, .raisely-blockwrapper-secondary-light { background: #0d7ddf; }

.block---colour-secondary-light, .block--colour-secondary-light, .raisely-blockwrapper--colour-secondary-light { color: #0d7ddf; }

.block---border-secondary-light, .block--border-secondary-light, .raisely-blockwrapper--border-secondary-light { border-color: #0d7ddf; }

.block--secondary-lighter, .block-secondary-lighter, .raisely-blockwrapper-secondary-lighter { background: #3098f3; }

.block---colour-secondary-lighter, .block--colour-secondary-lighter, .raisely-blockwrapper--colour-secondary-lighter { color: #3098f3; }

.block---border-secondary-lighter, .block--border-secondary-lighter, .raisely-blockwrapper--border-secondary-lighter { border-color: #3098f3; }

.block--secondary-lightest, .block-secondary-lightest, .raisely-blockwrapper-secondary-lightest { background: #64b2f6; }

.block---colour-secondary-lightest, .block--colour-secondary-lightest, .raisely-blockwrapper--colour-secondary-lightest { color: #64b2f6; }

.block---border-secondary-lightest, .block--border-secondary-lightest, .raisely-blockwrapper--border-secondary-lightest { border-color: #64b2f6; }

.block--secondary-super-light, .block-secondary-super-light, .raisely-blockwrapper-secondary-super-light { background: #e5f2fd; }

.block---colour-secondary-super-light, .block--colour-secondary-super-light, .raisely-blockwrapper--colour-secondary-super-light { color: #e5f2fd; }

.block---border-secondary-super-light, .block--border-secondary-super-light, .raisely-blockwrapper--border-secondary-super-light { border-color: #e5f2fd; }

.row--campaign-image:not(.row--has-background-image) .row__bg, .block--campaign-image, .col--campaign-image { background: url("https://raisely-images.imgix.net/step-out-for-cancer/uploads/rebecca-van-dijk-jpg-736e95.jpg") no-repeat center/cover; }

.row--campaign-logo .row__bg, .block--campaign-logo, .col--campaign-logo .col__container { background: url("https://raisely-images.imgix.net/step-out-for-cancer/uploads/step-out-square-jpg-93b3c7.jpg") no-repeat center/contain; }

@media (max-width: 1024px) { .align-center--tb { text-align: center; }
  .align-center--tb > * { margin-left: auto; margin-right: auto; }
  .align-center--tb .button-row { text-align: inherit; } }

@media (max-width: 736px) { .align-center--mb { text-align: center; }
  .align-center--mb > * { margin-left: auto; margin-right: auto; }
  .align-center--mb .button-row { text-align: inherit; } }

.links--color-inherit a { text-decoration: none; }

.links--color-inherit a:hover, .links--color-inherit a:focus { text-decoration: underline; }

.links--color-inherit a, .links--color-inherit a:hover, .links--color-inherit a:focus, .links--color-inherit a:visited { color: inherit; }

p.smallest, .smallest p { font-size: 65%; }

p.smaller, .smaller p { font-size: 75%; }

p.small, .small p { font-size: 85%; }

p.large, .large p { font-size: 115%; }

p.larger, .larger p { font-size: 125%; }

p.largest, .largest p { font-size: 135%; }

.lead { font-size: 1.25rem; }

.small img { width: 30%; }

h1 { font-size: 3.75rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: 900; letter-spacing: 0em; line-height: 1; color: #0d7ddf; }

@media (max-width: 1024px) { h1 { font-size: 3.09375rem; } }

@media (max-width: 736px) { h1 { font-size: 2.8125rem; } }

@media (max-width: 1024px) { h1 { margin-top: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { h1 { margin-top: calc(16px * 0.75); } }

@media (max-width: 1024px) { h1 { margin-bottom: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { h1 { margin-bottom: calc(16px * 0.75); } }

h2 { font-size: 2.8125rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: 900; letter-spacing: 0em; line-height: 1; color: #0d7ddf; }

@media (max-width: 1024px) { h2 { font-size: 2.32031rem; } }

@media (max-width: 736px) { h2 { font-size: 2.10938rem; } }

@media (max-width: 1024px) { h2 { margin-top: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { h2 { margin-top: calc(16px * 0.75); } }

@media (max-width: 1024px) { h2 { margin-bottom: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { h2 { margin-bottom: calc(16px * 0.75); } }

h3 { font-size: 2.375rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: 900; letter-spacing: 0em; line-height: 1.2; color: #080627; }

@media (max-width: 1024px) { h3 { font-size: 1.95938rem; } }

@media (max-width: 736px) { h3 { font-size: 1.78125rem; } }

@media (max-width: 1024px) { h3 { margin-top: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { h3 { margin-top: calc(16px * 0.75); } }

@media (max-width: 1024px) { h3 { margin-bottom: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { h3 { margin-bottom: calc(16px * 0.75); } }

h4 { font-size: 1.625rem; margin-top: 0.25rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: 700; letter-spacing: 0em; line-height: 1.1; color: #080627; }

@media (max-width: 1024px) { h4 { font-size: 1.34063rem; } }

@media (max-width: 736px) { h4 { font-size: 1.21875rem; } }

@media (max-width: 1024px) { h4 { margin-top: calc(4px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { h4 { margin-top: calc(4px * 0.75); } }

@media (max-width: 1024px) { h4 { margin-bottom: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { h4 { margin-bottom: calc(16px * 0.75); } }

h5 { font-size: 0.75rem; margin-top: 0.25rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: 900; text-transform: uppercase; letter-spacing: .2em; line-height: 1.1; color: #080627; }

h6 { font-size: 0.8125rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: bold; letter-spacing: 0em; line-height: 1.4; color: #0d7ddf; }

p { font-size: 1rem; font-family: "Chivo"; letter-spacing: 0em; line-height: 1.5; }

.button { border-style: solid; border-width: 2px; transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); }

.button:before, .button:after { transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1), border-color 0s; }

.button--full { min-width: calc(100% - calc(0.5em * 2)); margin-right: 0; }

.button--half { min-width: calc(50% - calc(0.5em * 2)); }

.button--small, .buttons--small .button { font-size: clamp(15.2px, 15.2px, 14px); padding: 0.75em 0.85em; }

.button--no-backdrop:not(.override):before { background-color: transparent; }

.button--primary:hover, .button--primary:focus { background: #d1b70e; border-color: #d1b70e; }

.button--secondary:hover, .button--secondary:focus { background: #0d7bdb; border-color: #0d7bdb; color: #010f1b; }

.button--inverse:hover, .button--inverse:focus { background: #ffffff; border-color: #ffffff; color: #4d4d4d; background: #ffffff; border-color: #ffffff; color: #4d4d4d; }

.button--inverse:hover:before, .button--inverse:focus:before { background-color: transparent; }

.button--cta:hover, .button--cta:focus { background: #d1b70e; border-color: #d1b70e; }

.button--facebook:hover, .button--facebook:focus { background: #004eb5; border-color: #004eb5; }

.button--donation:hover, .donation-form__amount-btn--selected.button--donation, .button--donation:focus { background: #d1b70e; border-color: #d1b70e; }

.profile-image__photo { color: #f0d522; }

.spinner_stroke { transition: border-left-color 0.3s cubic-bezier(0.2, 0, 0.1, 1); border-left-color: #f0d522; }

.form-field { border-color: rgba(18, 16, 1, 0.5); color: #121001; background: white; }

.form-field::placeholder { color: rgba(18, 16, 1, 0.66); }

.form-field:focus-within { border-color: #716308; }

.form-field--boolean__switch--on { background: #716308; }

.header__amount-display { font-family: "Chivo"; }

.highlight-donation { border-color: #f0d522; }

.highlight-donation__title { background: #f0d522; color: #4d4d4d; }

.highlight-donation__amount { font-size: 1.625rem; margin-top: 0.25rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: 700; letter-spacing: 0em; line-height: 1.1; color: currentColor; }

@media (max-width: 1024px) { .highlight-donation__amount { font-size: 1.34063rem; } }

@media (max-width: 736px) { .highlight-donation__amount { font-size: 1.21875rem; } }

@media (max-width: 1024px) { .highlight-donation__amount { margin-top: calc(4px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { .highlight-donation__amount { margin-top: calc(4px * 0.75); } }

@media (max-width: 1024px) { .highlight-donation__amount { margin-bottom: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { .highlight-donation__amount { margin-bottom: calc(16px * 0.75); } }

.row--background-color-primary-super-light .highlight-donation__amount { color: #716308; }

.col--background-color-primary-super-light .highlight-donation__amount { color: #716308; }

.block--background-color-primary-super-light .highlight-donation__amount { color: #716308; }

[class*='BlockWrapperContainer'].block--background-color-primary-super-light .highlight-donation__amount { color: #716308; }

.row--background-color-primary-darkest .highlight-donation__amount { color: #f0d522; }

.col--background-color-primary-darkest .highlight-donation__amount { color: #f0d522; }

.block--background-color-primary-darkest .highlight-donation__amount { color: #f0d522; }

[class*='BlockWrapperContainer'].block--background-color-primary-darkest .highlight-donation__amount { color: #f0d522; }

.row--background-color-primary-dark .highlight-donation__amount { color: #f0d522; }

.col--background-color-primary-dark .highlight-donation__amount { color: #f0d522; }

.block--background-color-primary-dark .highlight-donation__amount { color: #f0d522; }

[class*='BlockWrapperContainer'].block--background-color-primary-dark .highlight-donation__amount { color: #f0d522; }

.profile-search__icon { color: #716308; }

.profile-tile__rank { background: #f0d522; color: #121001; }

.profile-tile--detail-post { background: #0a60ab; }

.progress-bar__progress { background: #fcf8d9; }

.progress-bar__bar { background: #f0d522; }

.progress-bar__bar .progress-bar__total { color: #121001; }

.donation-form { color: #121001; }

.donation-form h3 { color: inherit; }

.donation-form__amount-type-btn, .donation-form__payment-buttons-btn { border-color: #121001; }

.donation-form__amount-type-btn--active, .donation-form__payment-buttons-btn--active { background-color: #121001; color: #f0d522; }

.donation-form__amount-type-btn--inactive, .donation-form__payment-buttons-btn--inactive { color: inherit; }

.donation-form__amount-type-btn--inactive { color: inherit; }

.donation-form--over-image h4 { color: #f0d522; }

.donation-form__other-field.form-field { border-color: #f0d522; background: white; }

.donation-form__other-field.form-field:focus-within { border-color: #f0d522; }

.donation-form__amount--has-text .donation-form__other-field { color: #121001; }

.donation-form__amount-btn { border-color: transparent; background: #f0d522; color: #423a04; }

.donation-form__amount-btn:hover, .donation-form__amount-btn--selected.button--donation, .donation-form__amount-btn:focus { background: #d1b70e; border-color: #d1b70e; }

.donation-form__amount-btn--selected.button--donation { box-shadow: 0 0 0 4px rgba(240, 213, 34, 0.25); }

.donation-form__nav .button--primary, .donation-form__stripe-buttons .button--primary { font-size: 1.25rem; border-top-left-radius: 0; border-top-right-radius: 0; }

.donation-form__nav .button--primary:first-of-type:not(:last-of-type), .donation-form__stripe-buttons .button--primary:first-of-type:not(:last-of-type) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.donation-form__nav .button--primary:last-of-type:not(:first-of-type), .donation-form__stripe-buttons .button--primary:last-of-type:not(:first-of-type) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.donation-form__amount--width-half .donation-form__amount-btn { flex-basis: calc(50% - 16px); }

.donation-form__amount--width-half .donation-form__amount-btn .donation-form__amount-title { max-width: none; }

.donation-form__amount--width-full .donation-form__amount-btn { flex-basis: 100%; position: relative; }

.donation-form__amount--width-full .donation-form__amount-btn, .donation-form__amount--width-full .donation-form__amount-btn--image { flex-basis: 100%; }

.donation-form__amount--width-full .donation-form__amount-btn .donation-form__amount-title { max-width: none; width: 100%; }

@media (min-width: 300px) { .donation-form__amount--width-full .donation-form__amount-btn--image { padding: 15px 15px 15px calc(33% + 12px); align-items: flex-start; text-align: left; }
  .donation-form__amount--width-full .donation-form__amount-btn .donation-form__amount-img { position: absolute; top: 0; bottom: 0; left: 0; width: 33%; height: 100%; margin-bottom: 0; } }

.donation-form__amount--width-grow { flex-grow: 1; }

.client-accordion__item { border-color: rgba(113, 99, 8, 0.25); }

.client-accordion__item:hover, .client-accordion__item:focus-within, .client-accordion__item--active { border-color: #f0d522; }

.client-accordion__item--active .client-accordion__arrow { color: #716308; }

.badges { color: #121001; }

.badges__badge__icon { color: #dfdab9; }

.badges__badge--achieved { color: #716308; }

.badges__badge--achieved .badges__badge__icon { color: #121001; background: #f0d522; }

.badges__count__complete { color: #716308; }

.control-panel { border-color: #f0d522; }

.control-panel__tabs { color: #716308; }

.control-panel .control-panel__tabs .control-panel__tab--active { background: #f0d522; color: #121001; }

.control-panel__raised { background: #f0d522; color: #121001; }

.control-panel__raised__progress-bar, .control-panel__raised__progress-bar .progress-bar__progress, .control-panel__raised__total { color: inherit; }

.control-panel__raised__progress-bar .progress-bar__progress { background: rgba(18, 16, 1, 0.25); }

.control-panel__raised__progress-bar .progress-bar__bar { background: #121001; }

.control-panel__raised__sponsor { background: none; color: #121001; border-color: currentColor; }

.control-panel__raised__sponsor:hover, .control-panel__raised__sponsor:focus { background-color: #121001; border-color: #121001; color: #f0d522; }

.control-panel__raised__sponsor.button:before { content: none; }

.control-panel .donation-form { color: #121001; }

.control-panel .donation-form h3 { color: inherit; }

.control-panel .donation-form__amount-type-btn, .control-panel .donation-form__payment-buttons-btn { border-color: #121001; }

.control-panel .donation-form__amount-type-btn--active, .control-panel .donation-form__payment-buttons-btn--active { background-color: #121001; color: #f0d522; }

.control-panel .donation-form__amount-type-btn--inactive, .control-panel .donation-form__payment-buttons-btn--inactive { color: inherit; }

.control-panel .donation-form__amount-type-btn--inactive { color: inherit; }

.control-panel .donation-form--over-image h4 { color: #a18d0b; }

.control-panel .donation-form__other-field.form-field { border-color: #121001; background: #f0d522; }

.control-panel .donation-form__other-field.form-field:focus-within { border-color: #121001; }

.control-panel .donation-form__amount--has-text .donation-form__other-field { color: #121001; }

.control-panel .donation-form__amount-btn { border-color: #121001; background: transparent; color: #121001; }

.control-panel .donation-form__amount-btn:hover, .control-panel .donation-form__amount-btn--selected.button--donation, .control-panel .donation-form__amount-btn:focus { background: #121001; border-color: #121001; color: #f0d522; background: #121001; border-color: #121001; }

.control-panel .donation-form__amount-btn:hover:before, .control-panel .donation-form__amount-btn--selected.button--donation:before, .control-panel .donation-form__amount-btn:focus:before { background-color: transparent; }

.control-panel .donation-form__amount-btn--selected.button--donation { box-shadow: 0 0 0 4px rgba(18, 16, 1, 0.25); }

.control-panel .donation-form .spinner_stroke { border-left-color: #121001; }

.control-panel .donation-form__nav:not(.override) .button--primary, .control-panel .donation-form__stripe-buttons:not(.override) .button--primary { font-size: 1.25rem; }

.control-panel .donation-form__nav:not(.override) .button--primary, .control-panel .donation-form__stripe-buttons:not(.override) .button--primary { background: #121001; border-color: #121001; color: #f0d522; }

.control-panel .donation-form__nav:not(.override) .button--primary:hover, .control-panel .donation-form__nav:not(.override) .button--primary:focus, .control-panel .donation-form__stripe-buttons:not(.override) .button--primary:hover, .control-panel .donation-form__stripe-buttons:not(.override) .button--primary:focus { background: #423a04; border-color: #423a04; }

.control-panel .donation-form__nav:not(.override) .donation-form__back, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back { background: transparent; border-color: currentColor; color: #121001; }

.control-panel .donation-form__nav:not(.override) .donation-form__back:hover, .control-panel .donation-form__nav:not(.override) .donation-form__back:focus, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:hover, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:focus { background: #121001; border-color: #121001; color: #f0d522; background: #121001; border-color: #121001; }

.control-panel .donation-form__nav:not(.override) .donation-form__back:hover:before, .control-panel .donation-form__nav:not(.override) .donation-form__back:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:focus:before { background-color: transparent; }

.control-panel .donation-form__nav:not(.override) .donation-form__back:hover, .control-panel .donation-form__nav:not(.override) .donation-form__back:focus, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:hover, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:focus { background: transparent; color: get("color", ("background": #121001, "color": #f0d522)); }

.control-panel .donation-form .control-panel .donation-form__nav:not(.override), .control-panel .donation-form .control-panel .donation-form__stripe-buttons:not(.override) { width: 100%; margin-left: 0; }

.control-panel .donation-form__body { padding-bottom: 0; }

.control-panel .donation-form__amount-currency:last-child { padding-bottom: 0; }

.control-panel__social { background: #fdfae7; }

.control-panel__social__title { color: #716308; }

.horizontal-scroll__button { color: inherit; border-color: rgba(113, 99, 8, 0.15); }

.horizontal-scroll__button:hover, .horizontal-scroll__button:focus { border-color: #716308; }

.mobile-tab-menu--logged-in { color: #716308; }

.header--theme-transparent .page-navigation__link--button-inverse:not(:hover):not(:focus) { color: white; }

@media (max-width: 1024px) { .header--theme-transparent .page-navigation__link--button-inverse:not(:hover):not(:focus) { color: #4d4d4d; } }

.header--theme-transparent .page-navigation__link--button-inverse:before, .header--theme-transparent .page-navigation__link--button-inverse:after { background-color: transparent; }

.profile-helper { border-color: #fdfae7; }

.profile-helper__indicator__complete { color: #716308; }

.profile-helper__indicator__background-circle { stroke: #fdfae7; }

.profile-helper__indicator__foreground-circle { stroke: #a18d0b; }

.profile-helper__item { border-color: #fdfae7; }

.profile-helper__item:focus-visible { border-color: #776908; }

.profile-helper__item__tick, .profile-helper__item__icon { color: #776908; }

.profile-helper__item:hover, .profile-helper__item:focus, .profile-helper__item--complete { background: #fdfae7; }

.profile-helper__item:hover .profile-helper__item__title, .profile-helper__item:focus .profile-helper__item__title, .profile-helper__item--complete .profile-helper__item__title { color: #181502; }

.resource-list__more-button { border-color: #f0d522; color: #423a04; background: white; }

.resource-list__more-button:hover, .resource-list__more-button:focus { background: #d1b70e; border-color: #d1b70e; }

.resource-card__mobile-button { background: #f0d522; color: #423a04; }

.resource-card:hover .resource-card__download-button.button--primary, .resource-card:focus .resource-card__download-button.button--primary { background: #d1b70e; border-color: #d1b70e; }

.resource-card:hover .resource-card__download-button:not(:hover):not(:focus) i.material-icons, .resource-card:focus .resource-card__download-button:not(:hover):not(:focus) i.material-icons { color: inherit; }

.signup-form__exercise__btn { border-color: #f0d522; color: #121001; cursor: pointer; transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); }

.signup-form__exercise__btn:hover, .signup-form__exercise__btn--selected, .signup-form__exercise__btn:focus, .signup-form__exercise__btn--selected { background-color: #f0d522; color: #423a04; }

.signup-form__exercise__btn--selected { box-shadow: 0 0 0 4px rgba(240, 213, 34, 0.25); }

.signup-form__profile-options__button { border-color: #f0d522; background: transparent; color: #423a04; }

.signup-form__profile-options__button.signup-form__profile-options__button--active { background: #f0d522; border-color: #f0d522; color: #423a04; background: #f0d522; border-color: #f0d522; }

.signup-form__profile-options__button.signup-form__profile-options__button--active:before { background-color: transparent; }

.post--detail-full .post__image { position: relative; top: unset; right: unset; bottom: unset; left: unset; z-index: unset; }

.post--detail-full.post--has-video .post__wrapper { display: block; }

.strava-activity-list__list-item .strava-activity-list__list-item__delete-button { color: inherit; }

.dashboard-donation-stream__header .icon { color: #716308; }

.donation-thank-you-form-activator__label { color: #716308; }

.donation-thank-you-form .donation-thank-you-form__input-container__submit { color: #716308; border-color: #f0d522; }

.donation-thank-you-form .donation-thank-you-form__input-container__submit__label { background-color: #f0d522; color: #423a04; border-color: rgba(66, 58, 4, 0.5); }

.donation-thank-you-form--small .donation-thank-you-form__input-container__input { border-color: #f0d522; }

.signup-form .signup-form__profile .signup-form__navigation { margin-bottom: -1.25rem; }

.signup-form .signup-form__profile-options__button--inactive { box-shadow: inset 0 0 0 2px #f0d522; }

.signup-form .signup-form__profile-options__button--inactive:before { opacity: 0; }

.signup-form .signup-form__profile-options__button--inactive:hover:before { opacity: 1; }

.signup-form .signup-form__profile-options__button--active:before { opacity: 1; }

.donation-tile__content__resend.button:not(.override):before { content: none; }

.donation-tile__content__resend.button:not(.override):hover:not(.override), .donation-tile__content__resend.button:not(.override):active:not(.override) { background: rgba(0, 0, 0, 0.9); color: white; }

.donation-stream--direction-horizontal .donation-stream__item { margin-right: 0; position: relative; }

.donation-stream--direction-horizontal .donation-stream__item:before { content: ''; position: absolute; top: 0.5rem; bottom: 0.5rem; width: 1px; right: 0; background: linear-gradient(to bottom, transparent, currentColor 33%, currentColor 66%, transparent 100%); opacity: 0.25; }

.donation-stream--direction-horizontal .donation-stream__item:last-of-type:before { content: ''; }

.donation-stream--direction-horizontal .donation-stream__item .donation-tile { padding: 0 0.5em 0 0.25em; }

.donation-stream--direction-horizontal .donation-stream__item .donation-tile__amount { padding-right: 0; padding-left: 1.1rem; margin-right: 5px; }

.donation-stream--direction-horizontal .donation-stream__item .donation-tile__amount:before { content: none; }

/* ADJUSTABLE VARIABLES */
/* OTHER VARS */
/* ROW has background image */
.row--has-background:not(.row--bg-half) .col > h1, .row--has-background:not(.row--bg-half) .col > h2, .row--has-background:not(.row--bg-half) .col > h3, .row--has-background:not(.row--bg-half) .col > h4, .row--has-background:not(.row--bg-half) .col > h5, .row--has-background:not(.row--bg-half) .col > h6, .row--has-background:not(.row--bg-half) .col .donation-form__header h4, .row--has-background:not(.row--bg-half) .col [class*='BlockWrapperContainer'] > h1, .row--has-background:not(.row--bg-half) .col [class*='BlockWrapperContainer'] > h2, .row--has-background:not(.row--bg-half) .col [class*='BlockWrapperContainer'] > h3, .row--has-background:not(.row--bg-half) .col [class*='BlockWrapperContainer'] > h4, .row--has-background:not(.row--bg-half) .col [class*='BlockWrapperContainer'] > h5, .row--has-background:not(.row--bg-half) .col [class*='BlockWrapperContainer'] > h6, .row--has-background:not(.row--bg-half) .col [class*='BlockWrapperContainer'] .donation-form__header h4 { text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }

.row--has-background:not(.row--bg-half) .col .donation-form__header h4, .row--has-background:not(.row--bg-half) .col [class*='BlockWrapperContainer'] .donation-form__header h4 { color: white; }

.row--has-background:not(.row--bg-half) .col .progress-bar__progress, .row--has-background:not(.row--bg-half) .col [class*='BlockWrapperContainer'] .progress-bar__progress { background: rgba(24, 21, 2, 0.5); }

/* ROWS */
.row__bg--gradient:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3)); mix-blend-mode: overlay; }

.row__bg--half .row__bg { clip-path: circle(50% at 0 50%); }

.row--max-95 .row__container { max-width: 95%; }

/* COLUMNS */
.col--left-rounded .col__container { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

@media (max-width: 736px) { .col--left-rounded .col__container { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0; } }

.col--right-rounded .col__container { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

@media (max-width: 736px) { .col--right-rounded .col__container { border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } }

.col--rounded .col__container { border-radius: 5px; border-radius: 5px; }

/* BLOCKS */
.block--box { padding: 1.5em; border-width: 2px; border-color: #f7f3d9; }

@media (max-width: 736px) { .block--box { padding: 0.75em; } }

.block--box[class*="block--primary"], .block--box[class*="block--secondary"] { border-color: transparent !important; }

.block--box .profile-management-list .paginated-items { padding: 0.5em; }

.block--box .profile-management-list .paginated-items:empty { padding: 0; }

.block--box .profile-management-list .paginated-items .team-info { text-align: center; }

@media (max-width: 736px) { .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; } }

.col--3 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }

.col--4 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }

.col--5 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }

.col--6 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }

@media (max-width: 736px) { .col--5 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }
  .col--6 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }
  .col--7 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }
  .col--8 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }
  .col--9 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }
  .col--10 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }
  .col--11 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; }
  .col--12 .block--box .profile-management-list .paginated-items .team-info .button { font-size: 0.65em; } }

.block--separator { padding: 1em 0; background: transparent; }

.block--separator:before { content: ""; height: 2px; display: block; background: #fbfaee; }

.block[class*="--border-"]:before { background: #403804; }

.block--no-text-shadow * { text-shadow: none !important; }

/* MISC */
.links--inherit-color a:not([class]), .links--inherit-color a:not([class]):hover, .links--inherit-color a:not([class]):focus { color: inherit; }

/* -------------- */
/* ATOMS */
/* -------------- */
.button { border-width: 2px; letter-spacing: 0.1em; }

@media (max-width: 400px) { .button-row { font-size: 0.85em; } }

.col-- .button-row { font-size: 0.85em; }

@media (max-width: 400px) { .col--2 .button-row { font-size: 0.85em; }
  .col--3 .button-row { font-size: 0.85em; }
  .col--4 .button-row { font-size: 0.85em; }
  .col--5 .button-row { font-size: 0.85em; }
  .col--6 .button-row { font-size: 0.85em; }
  .col--7 .button-row { font-size: 0.85em; }
  .col--8 .button-row { font-size: 0.85em; }
  .col--9 .button-row { font-size: 0.85em; }
  .col--10 .button-row { font-size: 0.85em; }
  .col--11 .button-row { font-size: 0.85em; }
  .col--12 .button-row { font-size: 0.85em; } }

.button-row > .button { margin-right: 13px; }

.button--primary:not(.button--facebook) { position: relative; overflow: hidden; z-index: 1; border: none; line-height: 1.15; }

.button--primary:not(.button--facebook):before { content: ""; position: absolute; top: -1px; right: -75%; bottom: -1px; left: -1px; transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); background: linear-gradient(to right, #d1b70e, #f0d522 80%); z-index: -1; }

.button--primary:not(.button--facebook):hover, .button--primary:not(.button--facebook):focus { background-color: transparent; border-color: transparent; }

.button--primary:not(.button--facebook):hover:before, .button--primary:not(.button--facebook):focus:before { transform: translate3d(-37.5%, 0, 0); }

.button--primary:not(.button--facebook) .icon { margin-top: -0.15em; }

/* ROUNDED CORNERS */
.progress-bar__progress, .progress-bar__bar, .donation-tile { border-radius: 5px; }

.donation-form__amount-type, .donation-form__amount-type-btn { border-radius: 7.5px; }

.block--box, .raisely-blockwrapper--box, .block--separator:before, .raisely-blockwrapper--separator:before, .donation-form, .donation-form__amount-btn, .signup-form { border-radius: 10px; }

.block--box.block--box-top, .raisely-blockwrapper--box.block--box-top, .block--separator:before.block--box-top, .raisely-blockwrapper--separator:before.block--box-top, .donation-form.block--box-top, .donation-form__amount-btn.block--box-top, .signup-form.block--box-top { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.block--box.block--box-middle, .raisely-blockwrapper--box.block--box-middle, .block--separator:before.block--box-middle, .raisely-blockwrapper--separator:before.block--box-middle, .donation-form.block--box-middle, .donation-form__amount-btn.block--box-middle, .signup-form.block--box-middle { border-radius: 0; }

.block--box.block--box-bottom, .raisely-blockwrapper--box.block--box-bottom, .block--separator:before.block--box-bottom, .raisely-blockwrapper--separator:before.block--box-bottom, .donation-form.block--box-bottom, .donation-form__amount-btn.block--box-bottom, .signup-form.block--box-bottom { border-top-right-radius: 0; border-top-left-radius: 0; }

.image-tile, .image-tile:before, .profile-tile__content, .profile-tile .progress-bar__progress, .profile-tile .progress-bar__bar:before { border-radius: 15px; }

/* PROGRESS BAR */
.progress-bar { font-family: "Chivo"; color: inherit; }

.progress-bar__stats-outter { line-height: 1; color: inherit; font-size: 1.25em; min-height: 1em; }

.progress-bar--size-large .progress-bar__stats-outter { font-size: 1.5em; }

.progress-bar__bar { background: linear-gradient(to right, rgba(240, 213, 34, 0.5), #f0d522); }

.progress-bar__goal { right: 0; opacity: 0.75; }

/* FORM FIELDS */
.form-field { border-width: 1px; border-color: currentColor; }

.form-field, .form-field__label-text, .form-field input { color: #807109; }

.form-field:focus-within { border-color: #302a03; }

.form-field:focus-within .form__label-text { color: #716308; }

/* ICONS */
.icon-container .icon { position: relative; z-index: 1; margin-bottom: 0.5em; }

.icon-container .icon:before { content: ""; position: absolute; top: -0.5em; right: -0.5em; bottom: -0.5em; left: -0.5em; border-radius: 50%; background: currentColor; opacity: 0.1; z-index: -1; }

.icon-container .icon--normal { width: 1.75rem; height: 1.75rem; font-size: 1.75rem; }

/* PROFILE CARD */
.profile-card { background: #fbfaee; margin: 0 0.5em; position: relative; border-radius: 20em 20em 10px 10px; }

.profile-grid .profile-card .profile-image, .profile-card .profile-image { width: calc(100% + 1em); padding-bottom: calc(100% + 1em); margin: 0 -0.5em 0.5em; border-radius: 50%; overflow: hidden; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); }

.profile-grid .profile-card .profile-image__photo, .profile-card .profile-image__photo { transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); }

.profile-card .progress-bar__stats-outter { color: #716308; }

.profile-card .progress-bar__progress { line-height: 15px; height: 15px; background: #faf7e6; }

@media (min-width: 736px) { .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) { .col--6 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--6 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) { .col--7 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--7 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) { .col--8 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--8 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) { .col--9 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--9 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) { .col--10 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--10 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) { .col--11 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--11 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) { .col--12 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--12 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--8 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--8 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--9 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--9 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--10 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--10 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--11 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--11 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--12 .profile-grid--limit-2 .profile-card { border-top-right-radius: 20em; border-top-left-radius: 20em; }
  .col--12 .profile-grid--limit-2 .profile-card .profile-image { width: 100%; padding-bottom: 100%; margin: 0; } }

@media (min-width: 736px) { .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) { .col--6 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--6 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) { .col--7 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--7 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) { .col--8 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--8 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) { .col--9 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--9 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) { .col--10 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--10 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) { .col--11 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--11 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) { .col--12 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--12 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--8 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--8 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--9 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--9 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--10 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--10 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--11 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--11 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

@media (min-width: 736px) and (min-width: 736px) { .col--12 .profile-grid--limit-1 .profile-card { border-radius: 10em 10px 10px 10em; }
  .col--12 .profile-grid--limit-1 .profile-card .profile-image { margin-bottom: 0; } }

/* PROFILE IMAGE */
.profile-image__photo { background-color: white; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05); border-radius: 50%; color: #0a60ab; }

/* -------------- */
/* MOLECULES */
/* -------------- */
/* PAGE NAVIGATION */
.page-navigation__link { letter-spacing: 0.1em; text-transform: uppercase; }

.header__menu--desktop .page-navigation__link--normal, .header__menu--desktop .page-navigation__link--dropdown { position: relative; }

.header__menu--desktop .page-navigation__link--normal.page-navigation__link--is-active:before, .header__menu--desktop .page-navigation__link--dropdown.page-navigation__link--is-active:before { content: ""; position: absolute; bottom: 0; left: 0.75rem; right: 0.75rem; height: 3px; border-radius: 5px; background: linear-gradient(to right, rgba(113, 99, 8, 0.5), #716308 80%); }

.header--theme-transparent .page-navigation__link--normal.page-navigation__link--is-active:before, .header--theme-transparent .page-navigation__link--dropdown .dropdown__tab__label:before { background: linear-gradient(to right, rgba(209, 183, 14, 0.5), #f0d522 80%); }

/* DONATION STREAM */
.donation-stream--direction-vertical .donation-stream__item { padding: 0 0 1em; }

.donation-stream--direction-horizontal { width: calc(100% + 8px); margin: 0 -4px; }

.donation-stream--direction-horizontal .donation-stream__item { padding: 0 0.5em; }

.donation-stream--direction-horizontal .donation-stream__item:last-of-type { margin-right: 3vw; }

.donation-stream--direction-horizontal .donation-tile { background: inherit; color: inherit; }

.donation-stream--direction-horizontal .donation-tile__amount, .donation-stream--direction-horizontal .donation-tile__content, .donation-stream--direction-horizontal .donation-tile__content__activity { color: inherit; }

.donation-stream--direction-horizontal .donation-tile__amount:before { background: currentColor; background: linear-gradient(to bottom, transparent, currentColor 33%, currentColor 66%, transparent 100%); opacity: 0.25; }

.dashboard-donation-stream { border: 2px solid #f7f3d9; border-radius: 10px; }

.dashboard-donation-stream__item::after { border-color: #f7f3d9; }

.dashboard-donation-stream__header { background: #f8ea90; }

.dashboard-donation-stream__search::placeholder { color: #211d02; }

.donation-tile { padding: 0; position: relative; display: flex; flex-wrap: wrap; background: #faf1b7; color: #483f05; }

.donation-tile__content { padding: 0.66rem 1.1rem; display: inline-block; flex-basis: 60%; flex-grow: 1; }

.donation-tile__content__activity { font-family: "Chivo"; }

.donation-tile__content__timestamp, .donation-tile__content__message { font-style: italic; font-weight: bold; }

.donation-tile__content__timestamp { opacity: 0.66; }

.donation-tile__content__donor, .donation-tile__content a { font-weight: 800; }

.donation-tile__amount { font-family: "Chivo"; font-size: 1.5em; position: relative; padding: 0.66rem 1.2rem 0.66rem 1.2rem; width: auto; display: inline-block; top: unset; height: unset; display: flex; flex-wrap: wrap; align-items: center; }

.donation-tile__amount:before { content: ""; position: absolute; top: 0.25em; right: 0; bottom: 0.25em; width: 1px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 33%, rgba(255, 255, 255, 0.75) 66%, rgba(255, 255, 255, 0) 100%); }

/* LEADERBOARD */
.profilelist__item { margin-bottom: 2rem; }

.profilelist__item:last-of-type { margin-bottom: 0; }

.profile-tile { border-radius: 5em 0 0 5em; display: flex; font-size: 0.9em; font-family: "Chivo"; color: #121001; }

.profile-tile .profile-image { z-index: 1; position: relative; }

.profile-tile__name { margin-bottom: 0; position: relative; z-index: 1; font-weight: 600; }

.profile-tile__content { position: relative; align-self: center; margin-left: -2em; padding: 1em 1em 1em 3.5em; width: calc(100% - 75px + 2em); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: white; }

.profile-tile__total { position: relative; z-index: 1; opacity: 0.66; font-weight: 800; top: unset; }

.profile-tile__edit a { background: white; color: #716308; border-radius: 1em; padding: 0.25em 0.5em; line-height: 1; text-transform: uppercase; letter-spacing: 0.1em; font-size: 12px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); font-weight: 500; text-decoration: none; }

.profile-tile .progress-bar__progress { font-size: 16px; height: 1em; line-height: 1em; border-radius: 1em; color: rgba(48, 42, 3, 0.1); background: currentColor; border-color: currentColor; }

.profile-tile .page-controls button { margin: 0 -0.5em; }

.profile-tile .profile-image__photo { position: absolute; top: -0.5em; right: -0.5em; bottom: -0.5em; left: -0.5em; width: auto; height: auto; backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform, box-shadow; transition: 0.4s cubic-bezier(0.2, 0, 0.1, 1); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05); }

.profile-tile--detail-post { background: transparent; }

.profile-tile--detail-post .profile-tile__content { padding-left: calc(2.5em + 1rem); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05); }

.profile-tile--detail-post .profile-tile__name, .profile-tile--detail-post .profile-tile__total { display: inline-block; }

.profile-tile--detail-post .profile-tile__name ~ .button--primary, .profile-tile--detail-post .profile-tile__total ~ .button--primary { position: relative; margin-top: 0.25em; }

.profile-tile--detail-post .profile-tile__total { text-align: right; }

.profile-tile--detail-post .progress-bar__bar { overflow: visible; }

.profile-tile--detail-post .profile-image { min-width: 110px; width: 110px; min-height: 110px; height: 110px; }

.profile-tile--detail-minimal { color: inherit; }

.profile-tile--detail-minimal .profile-tile__content { background: none; box-shadow: none; }

.profile-tile--detail-minimal .profile-tile__name { font-size: 2.375rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: 900; letter-spacing: 0em; line-height: 1.2; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }

@media (max-width: 1024px) { .profile-tile--detail-minimal .profile-tile__name { font-size: 1.95938rem; } }

@media (max-width: 736px) { .profile-tile--detail-minimal .profile-tile__name { font-size: 1.78125rem; } }

@media (max-width: 1024px) { .profile-tile--detail-minimal .profile-tile__name { margin-top: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { .profile-tile--detail-minimal .profile-tile__name { margin-top: calc(16px * 0.75); } }

@media (max-width: 1024px) { .profile-tile--detail-minimal .profile-tile__name { margin-bottom: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { .profile-tile--detail-minimal .profile-tile__name { margin-bottom: calc(16px * 0.75); } }

.profile-tile__overlay:hover ~ .profile-image .profile-image__photo, .profile-tile__overlay:focus ~ .profile-image .profile-image__photo { box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); transform: scale(1.033, 1.033); transform: scale3d(1.033, 1.033, 1); }

.profile-search__search { margin-bottom: 2rem; }

.profilelist .page-controls button { color: #c0a90d; }

/* PAGE CONTROLS */
.page-controls { float: none; width: 100%; display: flex; justify-content: flex-end; margin: 0 -0.5em; }

.page-controls button { padding: 0; }

.page-controls button:before { content: none; }

.page-controls button[disabled] { opacity: 0.33; }

.page-controls button i { font-size: 35px; }

/* POSTS */
.postfeed.postfeed--direction-horizontal .paginated-items { width: 100%; }

.postfeed.postfeed--direction-horizontal .page-controls button { width: 3em; height: 3em; border-radius: 50%; background: white; opacity: 1; color: #f0d522; transition: 0.3s ease-out; }

.postfeed.postfeed--direction-horizontal .page-controls button[disabled] { pointer-events: none; opacity: 0.25; transform: scale3d(0.9, 0.9, 1); }

.row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 25px; }

@media (max-width: 736px) { .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; } }

.col--3 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }

.col--4 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }

.col--5 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }

.col--6 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }

@media (max-width: 736px) { .col--5 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }
  .col--6 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }
  .col--7 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }
  .col--8 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }
  .col--9 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }
  .col--10 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }
  .col--11 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; }
  .col--12 .row--full-width .postfeed.postfeed--direction-horizontal.postfeed--has-heading > h5 { padding-left: 0; } }

.row--full-width .postfeed.postfeed--direction-horizontal, .row--full-width .postfeed.postfeed--direction-horizontal .postfeed__is-empty { margin-bottom: 0; }

.row--full-width .postfeed.postfeed--direction-horizontal .postfeed__item { width: 33.333%; margin: 0; flex-grow: 1; }

.row--full-width .postfeed.postfeed--direction-horizontal .postfeed__item .post { border-radius: 0; }

.row--full-width .postfeed.postfeed--direction-horizontal .postfeed__item .post__wrapper { margin: -1px; }

.row--full-width .postfeed.postfeed--direction-horizontal .postfeed__item .post__wrapper:before { top: 1px; }

.row--full-width .postfeed.postfeed--direction-horizontal .postfeed__item .post--image { min-height: 40vmin; }

@media (max-width: 736px) { .row--full-width .postfeed.postfeed--direction-horizontal .postfeed__item { width: 100%; } }

@media (min-width: 1025px) { .row--full-width .postfeed.postfeed--direction-horizontal .page-controls { margin: 0; }
  .row--full-width .postfeed.postfeed--direction-horizontal .page-controls button { position: absolute; top: calc(50% - 1.5em); }
  .row--full-width .postfeed.postfeed--direction-horizontal .page-controls button:first-of-type { left: calc(5vw - 1.5em); }
  .row--full-width .postfeed.postfeed--direction-horizontal .page-controls button:last-of-type { right: calc(5vw - 1.5em); } }

.postfeed.postfeed--direction-vertical .post--image { padding: 0; }

.postfeed.postfeed--direction-vertical .post__image { width: 100%; }

.post { border: none; color: black; display: flex; flex-wrap: wrap; position: relative; flex-direction: column; justify-content: flex-end; min-height: 30vmin; }

@media (max-width: 736px) { .post { min-height: 45vmin; } }

.col--3 .post { min-height: 45vmin; }

.col--4 .post { min-height: 45vmin; }

.col--5 .post { min-height: 45vmin; }

.col--6 .post { min-height: 45vmin; }

@media (max-width: 736px) { .col--5 .post { min-height: 45vmin; }
  .col--6 .post { min-height: 45vmin; }
  .col--7 .post { min-height: 45vmin; }
  .col--8 .post { min-height: 45vmin; }
  .col--9 .post { min-height: 45vmin; }
  .col--10 .post { min-height: 45vmin; }
  .col--11 .post { min-height: 45vmin; }
  .col--12 .post { min-height: 45vmin; } }

@media (max-width: 400px) { .post { min-height: 55vmin; } }

.col-- .post { min-height: 55vmin; }

@media (max-width: 400px) { .col--2 .post { min-height: 55vmin; }
  .col--3 .post { min-height: 55vmin; }
  .col--4 .post { min-height: 55vmin; }
  .col--5 .post { min-height: 55vmin; }
  .col--6 .post { min-height: 55vmin; }
  .col--7 .post { min-height: 55vmin; }
  .col--8 .post { min-height: 55vmin; }
  .col--9 .post { min-height: 55vmin; }
  .col--10 .post { min-height: 55vmin; }
  .col--11 .post { min-height: 55vmin; }
  .col--12 .post { min-height: 55vmin; } }

.post__content img { max-width: 100%; }

.post--detail-item { position: relative; background: white; }

.post--detail-item .post__title { font-weight: bold; font-size: 1.6em; }

.post--detail-item .post__title a { color: inherit; font-weight: inherit; }

.post--detail-item:hover { z-index: 1; }

.post--detail-item:hover .post__wrapper:before { opacity: 1; }

.post--detail-item > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; }

.post--detail-item > a:hover img, .post--detail-item > a:focus img { transform: scale3d(1.05, 1.05, 1); }

.post--detail-item > a:hover ~ .post__wrapper:before, .post--detail-item > a:focus ~ .post__wrapper:before { opacity: 1; }

.post--detail-item img { object-fit: cover; transition: 1s cubic-bezier(0.2, 0, 0.1, 1); }

.post--detail-item .post__wrapper { position: relative; padding: 2rem; border-radius: inherit; display: flex; flex-wrap: wrap; flex-direction: column; }

.post--detail-item .post__wrapper:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; border: 1px solid currentColor; opacity: 0.25; transition: 0.4s cubic-bezier(0.2, 0, 0.1, 1); pointer-events: none; }

@media (max-width: 736px) { .post--detail-item .post__wrapper { padding: 1rem; } }

.col--3 .post--detail-item .post__wrapper { padding: 1rem; }

.col--4 .post--detail-item .post__wrapper { padding: 1rem; }

.col--5 .post--detail-item .post__wrapper { padding: 1rem; }

.col--6 .post--detail-item .post__wrapper { padding: 1rem; }

@media (max-width: 736px) { .col--5 .post--detail-item .post__wrapper { padding: 1rem; }
  .col--6 .post--detail-item .post__wrapper { padding: 1rem; }
  .col--7 .post--detail-item .post__wrapper { padding: 1rem; }
  .col--8 .post--detail-item .post__wrapper { padding: 1rem; }
  .col--9 .post--detail-item .post__wrapper { padding: 1rem; }
  .col--10 .post--detail-item .post__wrapper { padding: 1rem; }
  .col--11 .post--detail-item .post__wrapper { padding: 1rem; }
  .col--12 .post--detail-item .post__wrapper { padding: 1rem; } }

.post--detail-item .post__wrapper > * { position: relative; }

.post--detail-item .post__wrapper .button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: transparent; opacity: 0; z-index: 1; }

.post--detail-item .post__content { min-height: 4rem; }

.post--detail-item .post__meta { order: 3; margin: 0; opacity: 1; font-weight: 500; font-style: italic; width: 100%; margin: auto 0 -0.25em; }

.post--detail-item .post__meta__date, .post--detail-item .post__meta__author-name { opacity: 1; }

.post--detail-item .post, .post--detail-item .post--image .post__image { border-radius: 0; }

.post--detail-item.post--image { border-color: transparent; }

.post--detail-item.post--image .post__content { display: none; }

.post--detail-item.post--image .post__image, .post--detail-item.post--image .post__image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; border-radius: inherit; overflow: hidden; }

@media (max-width: 1024px) { .post--detail-item.post--image .post__image, .post--detail-item.post--image .post__image img { width: 100%; height: 100%; } }

.col--1 .post--detail-item.post--image .post__image, .col--1 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }

.col--2 .post--detail-item.post--image .post__image, .col--2 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }

.col--3 .post--detail-item.post--image .post__image, .col--3 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }

.col--4 .post--detail-item.post--image .post__image, .col--4 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }

.col--5 .post--detail-item.post--image .post__image, .col--5 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }

.col--6 .post--detail-item.post--image .post__image, .col--6 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }

.col--7 .post--detail-item.post--image .post__image, .col--7 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }

.col--8 .post--detail-item.post--image .post__image, .col--8 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }

.col--9 .post--detail-item.post--image .post__image, .col--9 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }

@media (max-width: 1024px) { .col--10 .post--detail-item.post--image .post__image, .col--10 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }
  .col--11 .post--detail-item.post--image .post__image, .col--11 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; }
  .col--12 .post--detail-item.post--image .post__image, .col--12 .post--detail-item.post--image .post__image img { width: 100%; height: 100%; } }

.post--detail-item.post--image .post__title, .post--detail-item.post--image .post__meta { color: white; }

.post--detail-item.post--image .post__wrapper { pointer-events: none; flex-grow: 0; margin-top: 20vmin; }

@media (max-width: 1024px) { .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; } }

.col--1 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }

.col--2 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }

.col--3 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }

.col--4 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }

.col--5 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }

.col--6 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }

.col--7 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }

.col--8 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }

.col--9 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }

@media (max-width: 1024px) { .col--10 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }
  .col--11 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; }
  .col--12 .post--detail-item.post--image .post__wrapper { margin-top: 15vmin; } }

@media (max-width: 736px) { .post--detail-item.post--image .post__wrapper { padding: 1rem; } }

.col--3 .post--detail-item.post--image .post__wrapper { padding: 1rem; }

.col--4 .post--detail-item.post--image .post__wrapper { padding: 1rem; }

.col--5 .post--detail-item.post--image .post__wrapper { padding: 1rem; }

.col--6 .post--detail-item.post--image .post__wrapper { padding: 1rem; }

@media (max-width: 736px) { .col--5 .post--detail-item.post--image .post__wrapper { padding: 1rem; }
  .col--6 .post--detail-item.post--image .post__wrapper { padding: 1rem; }
  .col--7 .post--detail-item.post--image .post__wrapper { padding: 1rem; }
  .col--8 .post--detail-item.post--image .post__wrapper { padding: 1rem; }
  .col--9 .post--detail-item.post--image .post__wrapper { padding: 1rem; }
  .col--10 .post--detail-item.post--image .post__wrapper { padding: 1rem; }
  .col--11 .post--detail-item.post--image .post__wrapper { padding: 1rem; }
  .col--12 .post--detail-item.post--image .post__wrapper { padding: 1rem; } }

.post--detail-item.post--image .post__wrapper:before { top: -2em; border: none; background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); opacity: 0.75; }

/* POST CREATE FORM */
.modal .postcreate { border: none; padding: 0; background: none; }

/* MODAL */
.modal__content-box { border-radius: 5px; background: #fbfaee; }

.row--full-width .modal__button { text-align: center; margin-top: 0; padding: 1em; }

/* FORMS */
.donation-form, .signup-form { background: transparent; border: none; box-shadow: none; overflow: hidden; max-width: none; }

.donation-form__header, .signup-form__header { padding: 0; background: none; }

.donation-form__stages, .signup-form__stages { background: linear-gradient(to top, rgba(18, 16, 1, 0.95) 20%, rgba(18, 16, 1, 0.66)); display: flex; justify-content: space-between; position: relative; border-radius: 5px 5px 0 0; }

.donation-form__stage, .signup-form__stage { font-size: 1.25rem; position: relative; z-index: 1; font-family: "Chivo"; font-weight: bold; color: white; opacity: 0.5; }

.donation-form__stage--active, .signup-form__stage--active { color: #f0d522; opacity: 1; }

.donation-form__stage--active:before, .donation-form__stage--active:after, .signup-form__stage--active:before, .signup-form__stage--active:after { opacity: 0.75; background: currentColor; }

.donation-form__stage--previous, .signup-form__stage--previous { opacity: 1; }

.donation-form__body, .signup-form__body { border-radius: inherit; border-top-left-radius: 0; border-top-right-radius: 0; background: #fbfaee; }

.donation-form__body, .donation-form__body > *, .signup-form__body, .signup-form__body > * { position: relative; }

.donation-form .button:last-child, .signup-form .button:last-child { margin-bottom: 0; }

/* SIGNUP FORM */
.signup-form__stages { margin-bottom: 0; padding: 1.5rem; }

@media (max-width: 736px) { .signup-form__stages { padding: 1rem; } }

.col--3 .signup-form__stages { padding: 1rem; }

.col--4 .signup-form__stages { padding: 1rem; }

.col--5 .signup-form__stages { padding: 1rem; }

.col--6 .signup-form__stages { padding: 1rem; }

@media (max-width: 736px) { .col--5 .signup-form__stages { padding: 1rem; }
  .col--6 .signup-form__stages { padding: 1rem; }
  .col--7 .signup-form__stages { padding: 1rem; }
  .col--8 .signup-form__stages { padding: 1rem; }
  .col--9 .signup-form__stages { padding: 1rem; }
  .col--10 .signup-form__stages { padding: 1rem; }
  .col--11 .signup-form__stages { padding: 1rem; }
  .col--12 .signup-form__stages { padding: 1rem; } }

.signup-form__stages__inner:before { content: none; }

.signup-form__stage { border-radius: 50%; margin-right: 1em; line-height: 1; border: none; background: transparent; }

@media (max-width: 736px) { .signup-form__stage { margin-right: 1.5vw; width: auto; } }

.col--3 .signup-form__stage { margin-right: 1.5vw; width: auto; }

.col--4 .signup-form__stage { margin-right: 1.5vw; width: auto; }

.col--5 .signup-form__stage { margin-right: 1.5vw; width: auto; }

.col--6 .signup-form__stage { margin-right: 1.5vw; width: auto; }

@media (max-width: 736px) { .col--5 .signup-form__stage { margin-right: 1.5vw; width: auto; }
  .col--6 .signup-form__stage { margin-right: 1.5vw; width: auto; }
  .col--7 .signup-form__stage { margin-right: 1.5vw; width: auto; }
  .col--8 .signup-form__stage { margin-right: 1.5vw; width: auto; }
  .col--9 .signup-form__stage { margin-right: 1.5vw; width: auto; }
  .col--10 .signup-form__stage { margin-right: 1.5vw; width: auto; }
  .col--11 .signup-form__stage { margin-right: 1.5vw; width: auto; }
  .col--12 .signup-form__stage { margin-right: 1.5vw; width: auto; } }

.signup-form__body { padding: 3rem 3.5rem; }

@media (max-width: 736px) { .signup-form__body { padding: 1.5rem; } }

.col--3 .signup-form__body { padding: 1.5rem; }

.col--4 .signup-form__body { padding: 1.5rem; }

.col--5 .signup-form__body { padding: 1.5rem; }

.col--6 .signup-form__body { padding: 1.5rem; }

@media (max-width: 736px) { .col--5 .signup-form__body { padding: 1.5rem; }
  .col--6 .signup-form__body { padding: 1.5rem; }
  .col--7 .signup-form__body { padding: 1.5rem; }
  .col--8 .signup-form__body { padding: 1.5rem; }
  .col--9 .signup-form__body { padding: 1.5rem; }
  .col--10 .signup-form__body { padding: 1.5rem; }
  .col--11 .signup-form__body { padding: 1.5rem; }
  .col--12 .signup-form__body { padding: 1.5rem; } }

.signup-form__body h3 { margin-top: 0; }

.signup-form__exercise__btn { border-radius: 7.5px; padding: 1em; }

.signup-form__exercise__btn__amount { font-size: 2.375rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: 900; letter-spacing: 0em; line-height: 1.2; flex-basis: 30%; }

@media (max-width: 1024px) { .signup-form__exercise__btn__amount { font-size: 1.95938rem; } }

@media (max-width: 736px) { .signup-form__exercise__btn__amount { font-size: 1.78125rem; } }

@media (max-width: 1024px) { .signup-form__exercise__btn__amount { margin-top: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { .signup-form__exercise__btn__amount { margin-top: calc(16px * 0.75); } }

@media (max-width: 1024px) { .signup-form__exercise__btn__amount { margin-bottom: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { .signup-form__exercise__btn__amount { margin-bottom: calc(16px * 0.75); } }

@media (max-width: 736px) { .signup-form__exercise__btn__amount { font-size: 1.5em; } }

.col--3 .signup-form__exercise__btn__amount { font-size: 1.5em; }

.col--4 .signup-form__exercise__btn__amount { font-size: 1.5em; }

.col--5 .signup-form__exercise__btn__amount { font-size: 1.5em; }

.col--6 .signup-form__exercise__btn__amount { font-size: 1.5em; }

@media (max-width: 736px) { .col--5 .signup-form__exercise__btn__amount { font-size: 1.5em; }
  .col--6 .signup-form__exercise__btn__amount { font-size: 1.5em; }
  .col--7 .signup-form__exercise__btn__amount { font-size: 1.5em; }
  .col--8 .signup-form__exercise__btn__amount { font-size: 1.5em; }
  .col--9 .signup-form__exercise__btn__amount { font-size: 1.5em; }
  .col--10 .signup-form__exercise__btn__amount { font-size: 1.5em; }
  .col--11 .signup-form__exercise__btn__amount { font-size: 1.5em; }
  .col--12 .signup-form__exercise__btn__amount { font-size: 1.5em; } }

.signup-form__exercise__other { border-radius: 7.5px; }

.signup-form__exercise__other__label, .signup-form__exercise__other__unit { color: inherit; font-size: 1.625rem; margin-top: 0.25rem; margin-bottom: 1rem; font-family: "Chivo"; font-weight: 700; letter-spacing: 0em; line-height: 1.1; }

@media (max-width: 1024px) { .signup-form__exercise__other__label, .signup-form__exercise__other__unit { font-size: 1.34063rem; } }

@media (max-width: 736px) { .signup-form__exercise__other__label, .signup-form__exercise__other__unit { font-size: 1.21875rem; } }

@media (max-width: 1024px) { .signup-form__exercise__other__label, .signup-form__exercise__other__unit { margin-top: calc(4px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { .signup-form__exercise__other__label, .signup-form__exercise__other__unit { margin-top: calc(4px * 0.75); } }

@media (max-width: 1024px) { .signup-form__exercise__other__label, .signup-form__exercise__other__unit { margin-bottom: calc(16px * calc(0.75 * 1.1)); } }

@media (max-width: 736px) { .signup-form__exercise__other__label, .signup-form__exercise__other__unit { margin-bottom: calc(16px * 0.75); } }

@media (max-width: 736px) { .signup-form__exercise__other__label, .signup-form__exercise__other__unit { font-size: 1em; } }

.col--3 .signup-form__exercise__other__label, .col--3 .signup-form__exercise__other__unit { font-size: 1em; }

.col--4 .signup-form__exercise__other__label, .col--4 .signup-form__exercise__other__unit { font-size: 1em; }

.col--5 .signup-form__exercise__other__label, .col--5 .signup-form__exercise__other__unit { font-size: 1em; }

.col--6 .signup-form__exercise__other__label, .col--6 .signup-form__exercise__other__unit { font-size: 1em; }

@media (max-width: 736px) { .col--5 .signup-form__exercise__other__label, .col--5 .signup-form__exercise__other__unit { font-size: 1em; }
  .col--6 .signup-form__exercise__other__label, .col--6 .signup-form__exercise__other__unit { font-size: 1em; }
  .col--7 .signup-form__exercise__other__label, .col--7 .signup-form__exercise__other__unit { font-size: 1em; }
  .col--8 .signup-form__exercise__other__label, .col--8 .signup-form__exercise__other__unit { font-size: 1em; }
  .col--9 .signup-form__exercise__other__label, .col--9 .signup-form__exercise__other__unit { font-size: 1em; }
  .col--10 .signup-form__exercise__other__label, .col--10 .signup-form__exercise__other__unit { font-size: 1em; }
  .col--11 .signup-form__exercise__other__label, .col--11 .signup-form__exercise__other__unit { font-size: 1em; }
  .col--12 .signup-form__exercise__other__label, .col--12 .signup-form__exercise__other__unit { font-size: 1em; } }

.signup-form__exercise__other__input { border-radius: 5px; border: 2px solid #0a60ab; }

.signup-form__exists .button { margin-bottom: 0; }

/* DONATION FORM */
.donation-form__body { padding-top: 2rem; }

.donation-form__header { display: flex; flex-direction: column; flex-wrap: wrap; }

.donation-form__header h4 { order: 2; width: 100%; padding: 1.75rem 25px 0; margin: 0; margin-bottom: -0.75rem; background: #fbfaee; color: #605507; z-index: 1; }

.donation-form:not(.donation-form--active-step-1) .donation-form__header h4 { display: none; }

.donation-form__stages { padding: 0; margin: 0; }

.donation-form__stage { width: auto; height: auto; background: transparent; border: none; color: rgba(255, 255, 255, 0.75); padding: 1rem; flex-grow: 1; margin: 0; }

.donation-form__stage:before, .donation-form__stage:after { content: ""; position: absolute; top: 0.75rem; bottom: 0; width: 1px; background: white; transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); }

.donation-form__stage:before { opacity: 0.33; right: 0; }

.donation-form__stage:after { left: -1px; opacity: 0; }

.donation-form__stage:last-of-type:before { content: none; }

.donation-form__amount-currency { font-size: 0.7em; }

.donation-form__amount-currency hr { display: none; }

.donation-form__amount { font-family: "Chivo"; }

.donation-form__amount-btn { transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); position: relative; font-size: 1.25em; background: linear-gradient(to right, #d1b70e, #f0d522 80%) no-repeat left/175% 100% !important; color: #423a04; border: none; }

.donation-form__amount-btn:hover, .donation-form__amount-btn--selected.button--donation, .donation-form__amount-btn:focus { background-position: right !important; }

.donation-form__stripe-buttons .button, .donation-form__nav .button { border-radius: 0; border-bottom-left-radius: 7.5px; border-bottom-right-radius: 7.5px; }

.donation-form__stripe-buttons .button.donation-form__back, .donation-form__nav .button.donation-form__back { border-bottom-right-radius: 0; }

.donation-form__stripe-buttons .button.donation-form__next, .donation-form__nav .button.donation-form__next { border-bottom-left-radius: 0; }

.donation-form__back:before { opacity: 0.1; }

.donation-form__amount-type, .donation-form__payment-buttons { display: inline-block; }

.donation-form__amount-type-btn, .donation-form__payment-buttons-btn { padding: 0.75em 1em; margin: 0; font-weight: bold; line-height: 1; letter-spacing: 0.05em; background: transparent; color: #121001; border-color: #a18d0b; }

.donation-form__amount-type-btn--inactive:hover, .donation-form__amount-type-btn--inactive:focus, .donation-form__payment-buttons-btn--inactive:hover, .donation-form__payment-buttons-btn--inactive:focus { color: #716308; }

.donation-form__amount-type-btn:first-of-type, .donation-form__payment-buttons-btn:first-of-type { border-radius: 10px 0 0 10px; }

.donation-form__amount-type-btn:last-of-type, .donation-form__payment-buttons-btn:last-of-type { border-radius: 0 10px 10px 0; }

.donation-form__amount-type-btn:not(:first-of-type):not(:last-of-type), .donation-form__payment-buttons-btn:not(:first-of-type):not(:last-of-type) { border-radius: 0; }

.donation-form__amount-type-btn--active, .donation-form__payment-buttons-btn--active { pointer-events: none; background: #a18d0b; color: #121001; }

/* -------------- */
/* TEMPLATES */
/* -------------- */
/* HOME HEADER */
.home-header .progress-bar__stats-outter { font-size: 1.75em; }

/* HEADER GRADIENT */
.row--header-gradient .row__bg:before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* PROFILE HEADER */
.row--profile-header { position: relative; }

.row--profile-header .progress-bar__total { text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

.row--profile-header .progress-bar__progress { border-radius: 5px 5px 0 0; }

.row--profile-header .progress-bar__bar { border-radius: 5px 5px 5px 0; }

.strava-activity-list__list-item { color: #716308; }

.header .logo { width: 200px; margin-top: 10px; }

.header__body-backdrop { height: 180px; background: linear-gradient(180deg, rgba(5, 48, 86, 0.5), rgba(5, 48, 86, 0)); }

.icon--full .icon-container .icon:before { background: #807109; opacity: 1; }

.header .logo { width: 115px; }

.donation-form__amount-currency { display: none; }