.sbf-card-list[data-card-theme="green-accent"] {
  --sbf-card-accent: var(--sbf-palette-green-700);
  --sbf-card-bg: var(--sbf-palette-green-300);
  --sbf-card-text: inherit;
}

.sbf-card-list[data-card-theme="blue-accent"] {
  --sbf-card-accent: var(--sbf-palette-blue-500);
  --sbf-card-bg: var(--sbf-palette-blue-200);
  --sbf-card-text: inherit;
}

.sbf-card-list[data-card-theme="pink-accent"] {
  --sbf-card-accent: var(--sbf-palette-pink-400);
  --sbf-card-bg: var(--sbf-palette-pink-200);
  --sbf-card-text: inherit;
}

.sbf-card-list[data-card-theme="purple-accent"] {
  --sbf-card-accent: var(--sbf-palette-purple-400);
  --sbf-card-bg: var(--sbf-palette-purple-200);
  --sbf-card-text: inherit;
}

.sbf-card-list[data-card-theme="yellow-accent"] {
  --sbf-card-accent: var(--sbf-palette-yellow-300);
  --sbf-card-bg: var(--sbf-palette-yellow-200);
  --sbf-card-text: inherit;
}

.sbf-card-list[data-card-theme="white-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-white);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list[data-card-theme="gray-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-gray-100);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list[data-card-theme="red-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-red-100);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list[data-card-theme="green-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-green-400);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list[data-card-theme="green-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-green-300);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list[data-card-theme="green-dark-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-green-700);
  --sbf-card-text: var(--sbf-palette-white);
}

.sbf-card-list[data-card-theme="blue-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-blue-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list[data-card-theme="blue-dark-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-blue-500);
  --sbf-card-text: var(--sbf-palette-white);
}

.sbf-card-list[data-card-theme="pink-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-pink-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list[data-card-theme="pink-dark-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-pink-400);
  --sbf-card-text: var(--sbf-palette-white);
}

.sbf-card-list[data-card-theme="purple-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-purple-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list[data-card-theme="purple-dark-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-purple-400);
  --sbf-card-text: var(--sbf-palette-white);
}

.sbf-card-list[data-card-theme="yellow-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-yellow-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list[data-card-theme="orange-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-orange-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card-list {
  background-color: var(--sbf-card-bg, var(--sbf-palette-white));
  border-radius: var(--sbf-border-radius-4);
  color: var(--sbf-card-text, var(--sbf-palette-black));
  align-items: stretch;
  display: flex;
  position: relative;
  box-shadow: 0 0 10px #3535351a;
}

.sbf-card-list .sbf-card-list__content {
  flex: 1;
  padding: 20px;
}

.sbf-card-list .sbf-card-list__heading {
  letter-spacing: normal;
  margin: 0;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.375;
}

@media (min-width: 480px) {
  .sbf-card-list .sbf-card-list__heading {
    letter-spacing: -.008em;
    margin: 0 0 4px;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.33333;
  }
}

.sbf-card-list .sbf-card-list__copy {
  letter-spacing: normal;
  margin: 0;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: .875em;
  line-height: 1.28571;
}

@media (min-width: 480px) {
  .sbf-card-list .sbf-card-list__copy {
    letter-spacing: normal;
    margin: 0;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.375;
  }
}

.sbf-card-list .sbf-card-list__img-container, .sbf-card-list .sbf-card-list__icon-container {
  background-color: var(--sbf-card-accent, var(--sbf-card-bg));
  display: none;
}

@media (min-width: 480px) {
  .sbf-card-list .sbf-card-list__img-container, .sbf-card-list .sbf-card-list__icon-container {
    border-radius: var(--sbf-border-radius-8) 0 0 var(--sbf-border-radius-8);
    border-right: 1px solid #35353580;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

.sbf-card-list .sbf-card-list__icon-arrow-container {
  border-radius: var(--sbf-border-radius-8) 0 0 var(--sbf-border-radius-8);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sbf-card-list .sbf-card-list__img {
  object-fit: cover;
  width: 66px;
  height: 100%;
}

@media (min-width: 480px) {
  .sbf-card-list .sbf-card-list__icon {
    margin: 0 20px;
    display: inline-block;
  }
}

.sbf-card-list .sbf-card-list__icon--arrow-right {
  width: 20px;
  height: 22px;
  margin: 0 24px 0 auto;
}

.sbf-card-list > a {
  z-index: 100;
  text-decoration: none;
  position: absolute;
  inset: 0;
}

.sbf-card-list > a:focus {
  outline: solid var(--sbf-border-width-2) var(--sbf-state-focus);
  outline-offset: var(--sbf-border-width-2);
  border-radius: var(--sbf-border-radius-8);
}

.sbf-card-list > a:hover, .sbf-card-list > a:focus {
  background-color: color-mix(in srgb, var(--sbf-palette-black) 10%, transparent);
}

.sbf-card-list-grid {
  grid-template-columns: 1fr;
  align-items: stretch;
  list-style-type: none;
  display: grid;
}

.sbf-card-list-grid--gap-xsmall {
  gap: var(--sbf-space-16);
}

.sbf-card-list-grid--gap-small {
  gap: var(--sbf-space-20);
}

.sbf-card-list-grid--gap-medium {
  gap: var(--sbf-space-24);
}

.sbf-card-list-grid--gap-large {
  gap: var(--sbf-space-32);
}

.sbf-card-list-grid--gap-xlarge {
  gap: var(--sbf-space-36);
}

.sbf-card-list-grid--row-gap-xxlarge {
  row-gap: var(--sbf-space-52);
}

.sbf-card[data-card-theme="green-accent"] {
  --sbf-card-accent: var(--sbf-palette-green-700);
  --sbf-card-bg: var(--sbf-palette-green-300);
  --sbf-card-text: inherit;
}

.sbf-card[data-card-theme="blue-accent"] {
  --sbf-card-accent: var(--sbf-palette-blue-500);
  --sbf-card-bg: var(--sbf-palette-blue-200);
  --sbf-card-text: inherit;
}

.sbf-card[data-card-theme="pink-accent"] {
  --sbf-card-accent: var(--sbf-palette-pink-400);
  --sbf-card-bg: var(--sbf-palette-pink-200);
  --sbf-card-text: inherit;
}

.sbf-card[data-card-theme="purple-accent"] {
  --sbf-card-accent: var(--sbf-palette-purple-400);
  --sbf-card-bg: var(--sbf-palette-purple-200);
  --sbf-card-text: inherit;
}

.sbf-card[data-card-theme="yellow-accent"] {
  --sbf-card-accent: var(--sbf-palette-yellow-300);
  --sbf-card-bg: var(--sbf-palette-yellow-200);
  --sbf-card-text: inherit;
}

.sbf-card[data-card-theme="white-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-white);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-theme="gray-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-gray-100);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-theme="red-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-red-100);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-theme="green-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-green-400);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-theme="green-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-green-300);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-theme="green-dark-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-green-700);
  --sbf-card-text: var(--sbf-palette-white);
}

.sbf-card[data-card-theme="blue-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-blue-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-theme="blue-dark-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-blue-500);
  --sbf-card-text: var(--sbf-palette-white);
}

.sbf-card[data-card-theme="pink-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-pink-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-theme="pink-dark-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-pink-400);
  --sbf-card-text: var(--sbf-palette-white);
}

.sbf-card[data-card-theme="purple-light-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-purple-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-theme="purple-dark-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-purple-400);
  --sbf-card-text: var(--sbf-palette-white);
}

.sbf-card[data-card-theme="yellow-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-yellow-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-theme="orange-solid"] {
  --sbf-card-accent: none;
  --sbf-card-bg: var(--sbf-palette-orange-200);
  --sbf-card-text: var(--sbf-palette-black);
}

.sbf-card[data-card-border="bottom-green"] {
  border: 1px solid #d8d8d8 !important;
  border-bottom: 4px solid #11a05b !important;
}

.sbf-card[data-card-border="bottom-blue"] {
  border: 1px solid #d8d8d8 !important;
  border-bottom: 4px solid #3588c8 !important;
}

.sbf-card[data-card-border="bottom-purple"] {
  border: 1px solid #d8d8d8 !important;
  border-bottom: 4px solid #a66eae !important;
}

.sbf-card[data-card-border="bottom-orange"] {
  border: 1px solid #d8d8d8 !important;
  border-bottom: 4px solid #e58424 !important;
}

.sbf-card[data-card-border="bottom-pink"] {
  border: 1px solid #d8d8d8 !important;
  border-bottom: 4px solid #c07493 !important;
}

.sbf-card[data-card-border="bottom-yellow"] {
  border: 1px solid #d8d8d8 !important;
  border-bottom: 4px solid #e9af1f !important;
}

.sbf-card[data-card-border="bottom-light-green"] {
  border: 1px solid #d8d8d8 !important;
  border-bottom: 4px solid #93c45b !important;
}

.sbf-card[data-card-border="top-orange"] {
  border: 1px solid #d8d8d8 !important;
  border-top: 4px solid #e58424 !important;
}

.sbf-card[data-card-border="top-green"] {
  border: 1px solid #d8d8d8 !important;
  border-top: 4px solid #11a05b !important;
}

.sbf-card[data-card-border="top-light-green"] {
  border: 1px solid #d8d8d8 !important;
  border-top: 4px solid #93c45b !important;
}

.sbf-card[data-card-border="top-blue"] {
  border: 1px solid #d8d8d8 !important;
  border-top: 4px solid #3588c8 !important;
}

.sbf-card[data-card-border="top-purple"] {
  border: 1px solid #d8d8d8 !important;
  border-top: 4px solid #a66eae !important;
}

.sbf-card[data-card-border="top-brand-blue"] {
  border: 1px solid #d8d8d8 !important;
  border-top: 4px solid #005595 !important;
}

.sbf-card[data-card-border="top-dark-green"] {
  border: 1px solid #d8d8d8 !important;
  border-top: 4px solid #1c6b3d !important;
}

.sbf-card[data-card-border="top-brand-green"] {
  border: 1px solid #d8d8d8 !important;
  border-top: 4px solid #63883d !important;
}

.sbf-card[data-card-border="top-light-blue"] {
  border: 1px solid #d8d8d8 !important;
  border-top: 4px solid #70bfff !important;
}

.sbf-card[data-card-border="left-dark-green"] {
  border: 1px solid #d8d8d8 !important;
  border-left: 4px solid #1c6b3d !important;
}

.sbf-card[data-card-border="left-brand-blue"] {
  border: 1px solid #d8d8d8 !important;
  border-left: 4px solid #005595 !important;
}

.sbf-card[data-card-border="left-purple"] {
  border: 1px solid #d8d8d8 !important;
  border-left: 4px solid #562363 !important;
}

.sbf-card[data-card-border="left-red"] {
  border: 1px solid #d8d8d8 !important;
  border-left: 4px solid #cd2617 !important;
}

.sbf-card {
  height: 100%;
  color: var(--sbf-card-text, var(--sbf-palette-black));
  background-color: var(--sbf-card-bg, var(--sbf-palette-white));
  border-radius: var(--sbf-border-radius-4);
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: 0 0 10px #3535351a;
}

.sbf-card:is(figure) {
  margin: 0;
}

.sbf-card .sbf-card__image {
  height: 12.5rem;
  min-height: 12.5rem;
  position: relative;
}

.sbf-card .sbf-card__image--large {
  height: 12.5rem;
  min-height: 12.5rem;
}

@media (min-width: 900px) {
  .sbf-card .sbf-card__image--large {
    height: 15.5rem;
    min-height: 15.5rem;
  }
}

.sbf-card .sbf-card__image > .sbf-ce-section {
  width: 100%;
  height: 100%;
}

.sbf-card .sbf-card__image img:not(.sbf-card__image--avatar) {
  object-fit: cover;
  border-radius: var(--sbf-border-radius-4) var(--sbf-border-radius-4) 0 0;
  width: 100%;
  height: 100%;
}

.sbf-card .sbf-card__image img.sbf-card__image--avatar {
  z-index: 1;
  border: solid var(--sbf-border-width-5) var(--sbf-palette-white);
  border-radius: var(--sbf-border-radius-round);
  aspect-ratio: 1;
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: -40px;
  left: 24px;
}

@media (min-width: 480px) {
  .sbf-card .sbf-card__image img.sbf-card__image--avatar {
    width: 80px;
    height: 80px;
  }
}

.sbf-card .sbf-card__icon {
  width: 48px;
  height: 48px;
}

.sbf-card .sbf-card__icon--small {
  width: 26px;
  height: 26px;
}

.sbf-card .sbf-card__icon--medium {
  width: 34px;
  height: 34px;
}

.sbf-card .sbf-card__image-bg {
  border: solid var(--sbf-border-width-2) var(--sbf-palette-white);
  border-radius: var(--sbf-border-radius-round);
  z-index: 2;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 160px;
  height: 160px;
  display: flex;
  position: absolute;
}

.sbf-card .sbf-card__icon-bg {
  border-radius: var(--sbf-border-radius-round);
  z-index: 2;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
  position: absolute;
  top: -40px;
}

.sbf-card .sbf-card__icon-bg--pink {
  background-color: var(--sbf-palette-pink-400);
  border: solid var(--sbf-border-width-3) var(--sbf-palette-pink-300);
}

.sbf-card .sbf-card__icon-bg--blue {
  background-color: var(--sbf-palette-blue-500);
  border: solid var(--sbf-border-width-3) var(--sbf-palette-blue-400);
}

.sbf-card .sbf-card__icon-bg--green {
  background-color: var(--sbf-palette-green-700);
  border: solid var(--sbf-border-width-3) var(--sbf-palette-green-500);
}

.sbf-card .sbf-card__icon-bg--yellow {
  background-color: var(--sbf-palette-gold-300);
  border: solid var(--sbf-border-width-3) var(--sbf-palette-yellow-300);
}

.sbf-card .sbf-card__icon-bg--purple {
  background-color: var(--sbf-palette-purple-400);
  border: solid var(--sbf-border-width-3) var(--sbf-palette-purple-300);
}

.sbf-card .sbf-card__image-container, .sbf-card .sbf-card__icon-container {
  justify-content: center;
  display: flex;
}

.sbf-card hr {
  border-color: #0000;
  border-width: var(--sbf-border-width-1);
  background: #d8d8d8;
  margin: 8px 0 24px;
}

.sbf-card:has(.sbf-card__icon-container) {
  gap: var(--sbf-space-20);
}

.sbf-card:has(.sbf-card__image-container) {
  gap: var(--sbf-space-80);
}

.sbf-card .sbf-card__body {
  padding: var(--sbf-space-28);
  background-color: inherit;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.sbf-card .sbf-card__body figure {
  margin: 0;
}

.sbf-card .sbf-card__body:has(.sbf-card__icon), .sbf-card .sbf-card__body:has(.sbf-card__button), .sbf-card .sbf-card__body:has(.sbf-card__link), .sbf-card .sbf-card__body:has(cite) {
  gap: var(--sbf-space-20);
}

.sbf-card .sbf-card__image + .sbf-card__body {
  border-radius: 0 0 var(--sbf-border-radius-4) var(--sbf-border-radius-4);
  border: 1px solid var(--sbf-palette-gray-300);
  padding: var(--sbf-space-28);
}

.sbf-card .sbf-card__image + .sbf-card__body figure {
  gap: var(--sbf-space-24);
  flex-direction: column;
  flex: auto;
  display: flex;
}

.sbf-card .sbf-card__image + .sbf-card__body:has(figure) {
  padding-top: var(--sbf-space-48);
}

@media (min-width: 480px) {
  .sbf-card .sbf-card__image + .sbf-card__body:has(figure) {
    padding-top: var(--sbf-space-60);
  }
}

.sbf-card a:not(.sbf-button, .sbf-card__button) {
  color: #005595;
}

.sbf-card a:not(.sbf-button, .sbf-card__button):hover, .sbf-card a:not(.sbf-button, .sbf-card__button):active {
  color: #002949;
}

.sbf-card a:not(.sbf-button, .sbf-card__button) {
  font-weight: var(--sbf-font-weight-700);
  text-decoration: underline;
}

.sbf-card a:not(.sbf-button, .sbf-card__button) svg {
  width: 16px;
  height: 16px;
  margin: 0 0 0 var(--sbf-space-8);
  vertical-align: middle;
}

.sbf-card .sbf-form {
  margin: var(--sbf-space-8) 0;
}

.sbf-card .inline-input {
  font-family: var(--sbf-font-family-sans);
  cursor: text;
  margin: 0 12px 0 0;
  padding: 12px 0;
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  display: inline-block;
  position: relative;
}

.sbf-card .inline-input input, .sbf-card .inline-input textarea, .sbf-card .inline-input select {
  width: 100%;
  font-size: 1em;
  font-family: var(--sbf-font-family-sans);
  color: var(--sbf-palette-black);
  border-radius: var(--sbf-border-radius-4);
  background: var(--sbf-palette-white);
  border: 1px solid var(--sbf-palette-gray-400);
  box-shadow: none;
  appearance: none;
  padding: 1em;
}

.sbf-card .inline-input input[type="number"], .sbf-card .inline-input textarea[type="number"], .sbf-card .inline-input select[type="number"] {
  appearance: none;
  -moz-appearance: textfield;
}

.sbf-card .inline-input input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.sbf-card .inline-input input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.sbf-card .inline-input textarea[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.sbf-card .inline-input textarea[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.sbf-card .inline-input select[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.sbf-card .inline-input select[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.sbf-card .inline-input input:focus, .sbf-card .inline-input textarea:focus, .sbf-card .inline-input select:focus {
  outline: solid var(--sbf-border-width-2) var(--sbf-state-focus);
  outline-offset: var(--sbf-border-width-2);
}

.sbf-card .inline-input select {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='7'%20viewBox='0%200%2014%207'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%200L7.2807%207L0%200L14%200Z'%20fill='%23979797'/%3e%3c/svg%3e") right 1rem center / .6rem no-repeat;
  background-color: var(--sbf-palette-white);
  cursor: pointer;
}

.sbf-card .inline-input input, .sbf-card .inline-input select {
  height: 54px;
  min-height: 54px;
}

.sbf-card .inline-input label {
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  cursor: text;
  transform-origin: 0;
  pointer-events: none;
  transition: transform .2s ease-out;
  position: absolute;
  top: 1.75em;
  left: 1em;
  transform: scale(.8) translate(-1em, -3em);
}

.sbf-card .inline-input.empty label {
  color: var(--sbf-palette-gray-500);
  transform: none;
}

.sbf-card .inline-input.currency-usd input {
  padding: 10px 63px 10px 30px;
}

.sbf-card .inline-input.currency-usd input::-webkit-input-placeholder {
  color: var(--sbf-palette-blue-500);
}

.sbf-card .inline-input.currency-usd input::placeholder {
  color: var(--sbf-palette-blue-500);
}

.sbf-card .inline-input.currency-usd input:placeholder-shown {
  color: var(--sbf-palette-blue-500);
}

.sbf-card .inline-input.currency-usd input:-ms-placeholder-shown {
  color: var(--sbf-palette-blue-500);
}

.sbf-card .inline-input.currency-usd label {
  padding-left: 0;
}

.sbf-card .inline-input.empty.currency-usd label {
  padding-left: .4em;
}

.sbf-card .inline-input.invalid input, .sbf-card .inline-input.invalid select {
  border: 1px solid var(--sbf-palette-red-200);
}

.sbf-card .inline-input.invalid.empty label {
  color: var(--sbf-palette-red-200);
  padding-left: 24px;
}

.sbf-card .inline-input.invalid.empty label:before {
  content: "!";
  background-color: var(--sbf-palette-red-200);
  color: var(--sbf-palette-white);
  border-radius: var(--sbf-border-radius-round);
  width: 15px;
  line-height: 15px;
  font-weight: var(--sbf-font-weight-700);
  text-align: center;
  font-size: 12px;
  display: block;
  position: absolute;
  top: 3px;
  left: 2px;
}

.sbf-card .inline-input .email-checker {
  z-index: 1002;
  white-space: nowrap;
  background-color: #fff;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.45;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.sbf-card .inline-input .email-checker__label {
  display: flex;
  overflow: hidden;
}

.sbf-card .inline-input .email-checker__result {
  cursor: pointer;
  text-overflow: ellipsis;
  font-weight: var(--sbf-font-weight-600);
  direction: rtl;
  margin-left: .2em;
  padding: 0;
  text-decoration: underline;
  overflow: hidden;
}

.sbf-card .inline-input .email-checker__result:focus-visible {
  outline-offset: -2px;
}

.sbf-card .inline-input .email-checker__close {
  cursor: pointer;
  height: 14px;
  margin-top: 2px;
  margin-left: 3px;
  padding: 0;
  display: inline-block;
}

.sbf-card .inline-input .icon {
  color: var(--sbf-palette-gray-500);
}

.sbf-card .inline-input ::-webkit-input-placeholder {
  color: var(--sbf-palette-gray-500);
}

.sbf-card .inline-input :-moz-placeholder-shown {
  color: var(--sbf-palette-gray-500);
}

.sbf-card .inline-input ::-moz-placeholder {
  color: var(--sbf-palette-gray-500);
}

.sbf-card .inline-input :-ms-placeholder-shown {
  color: var(--sbf-palette-gray-500);
}

.sbf-card .inline-input .inline-input__button {
  background: none;
  border: 0;
  outline: 0;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 18px;
  right: 0;
}

.sbf-card .inline-input .inline-input__button .inline-input__button-search-icon {
  width: 17px;
  height: 17px;
}

.sbf-card .inline-input {
  width: 100%;
  margin: 0;
}

.sbf-card .sbf-card__button {
  border-radius: var(--sbf-border-radius-4);
  color: #fff;
  font-family: var(--sbf-font-family-sans);
  font-weight: var(--sbf-font-weight-700);
  border-color: #005595;
  border-width: var(--sbf-border-width-2);
  cursor: pointer;
  white-space: nowrap;
  z-index: 2;
  letter-spacing: -.005em;
  text-align: center;
  background-color: #005595;
  border-style: solid;
  margin-bottom: 10px;
  text-decoration: none;
  transition: background 50ms linear, border-color 50ms linear, color 50ms linear, opacity 50ms linear;
  display: inline-block;
}

.sbf-card .sbf-card__button:hover, .sbf-card .sbf-card__button:focus {
  color: #f5f5f5;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #003862;
  border-color: #003862;
}

.sbf-card .sbf-card__button:focus {
  outline: solid var(--sbf-border-width-2) var(--sbf-state-focus);
  outline-offset: var(--sbf-border-width-2);
}

.sbf-card .sbf-card__button.disabled, .sbf-card .sbf-card__button[disabled] {
  opacity: var(--sbf-opacity-50);
  pointer-events: none;
}

.sbf-card .sbf-card__button.disabled:hover, .sbf-card .sbf-card__button.disabled:focus, .sbf-card .sbf-card__button[disabled]:hover, .sbf-card .sbf-card__button[disabled]:focus {
  color: #fff;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #005595;
  border-color: #005595;
}

.sbf-card .sbf-card__button {
  font-size: var(--sbf-font-size-18);
  text-align: center;
  min-width: 200px;
  padding: 16px;
  line-height: 1.15em;
  text-decoration: none;
}

.sbf-card .sbf-card__button--small {
  font-size: var(--sbf-font-size-16);
  line-height: var(--sbf-line-height-sm);
  padding: 12px;
}

.sbf-card .sbf-card__button--blue {
  background-color: var(--sbf-palette-blue-500);
  border-color: var(--sbf-palette-blue-500);
}

.sbf-card .sbf-card__button--blue:hover, .sbf-card .sbf-card__button--blue:focus {
  background-color: #003862;
  border-color: #003862;
}

.sbf-card .sbf-card__button--orange {
  background-color: var(--sbf-palette-orange-500);
  border-color: var(--sbf-palette-orange-500);
}

.sbf-card .sbf-card__button--orange:hover, .sbf-card .sbf-card__button--orange:focus {
  background-color: #963c00;
  border-color: #963c00;
}

.sbf-card .sbf-card__button--green {
  background-color: var(--sbf-palette-green-700);
  border-color: var(--sbf-palette-green-700);
}

.sbf-card .sbf-card__button--green:hover, .sbf-card .sbf-card__button--green:focus {
  background-color: #114326;
  border-color: #114326;
}

.sbf-card .sbf-card__button--brown {
  background-color: var(--sbf-palette-brown-200);
  border-color: var(--sbf-palette-brown-200);
}

.sbf-card .sbf-card__button--brown:hover, .sbf-card .sbf-card__button--brown:focus {
  background-color: #6c2e20;
  border-color: #6c2e20;
}

.sbf-card .sbf-card__button--light-yellow {
  background-color: var(--sbf-palette-yellow-200);
  border-color: var(--sbf-palette-yellow-200);
  color: var(--sbf-palette-black);
}

.sbf-card .sbf-card__button--light-yellow:hover, .sbf-card .sbf-card__button--light-yellow:focus {
  color: var(--sbf-palette-black);
  background-color: #efc53f;
  border-color: #efc53f;
}

.sbf-card .sbf-card__button--light-green {
  background-color: var(--sbf-palette-green-400);
  border-color: var(--sbf-palette-green-400);
  color: var(--sbf-palette-black);
}

.sbf-card .sbf-card__button--light-green:hover, .sbf-card .sbf-card__button--light-green:focus {
  color: var(--sbf-palette-black);
  background-color: #7aae3e;
  border-color: #7aae3e;
}

.sbf-card .sbf-card__button--light-blue {
  background-color: var(--sbf-palette-blue-200);
  border-color: var(--sbf-palette-blue-200);
  color: var(--sbf-palette-black);
}

.sbf-card .sbf-card__button--light-blue:hover, .sbf-card .sbf-card__button--light-blue:focus {
  color: var(--sbf-palette-black);
  background-color: #9acaff;
  border-color: #9acaff;
}

.sbf-card .sbf-card__button--dark-pink {
  background-color: var(--sbf-palette-pink-400);
  border-color: var(--sbf-palette-pink-400);
}

.sbf-card .sbf-card__button--dark-pink:hover, .sbf-card .sbf-card__button--dark-pink:focus {
  background-color: #591a33;
  border-color: #591a33;
}

.sbf-card .sbf-card__button--purple {
  background-color: var(--sbf-palette-purple-400);
  border-color: var(--sbf-palette-purple-400);
}

.sbf-card .sbf-card__button--purple:hover, .sbf-card .sbf-card__button--purple:focus {
  background-color: #35163d;
  border-color: #35163d;
}

.sbf-card .sbf-card__content {
  gap: var(--sbf-space-8);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.sbf-card .sbf-card__heading {
  letter-spacing: -.015em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.16667;
}

.sbf-card .sbf-card__tag {
  font-family: var(--sbf-font-family-sans);
  font-size: var(--sbf-font-size-16);
  font-weight: var(--sbf-font-weight-700);
  letter-spacing: var(--sbf-letter-spacing-xl);
  line-height: var(--sbf-line-height-sm);
  text-transform: uppercase;
  color: var(--sbf-palette-black);
  margin: 0;
}

.sbf-card .sbf-card__copy {
  letter-spacing: normal;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.375;
}

.sbf-card .sbf-card__button, .sbf-card .sbf-card__heading, .sbf-card .sbf-card__tag, .sbf-card .sbf-card__copy, .sbf-card .sbf-card__copy--serif, .sbf-card .sbf-card__copy--quote-sans, .sbf-card .sbf-card__copy--quote-serif, .sbf-card blockquote {
  margin: 0;
}

.sbf-card .sbf-card__copy--quote-sans {
  letter-spacing: -.01em;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  font-style: italic;
  line-height: 1.33333;
}

@media (min-width: 760px) {
  .sbf-card .sbf-card__copy--quote-sans {
    letter-spacing: -.01em;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.25;
  }
}

.sbf-card .sbf-card__copy--serif {
  letter-spacing: .005em;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1.125em;
  line-height: 1.33333;
}

.sbf-card .sbf-card__copy--quote-serif {
  letter-spacing: -.01em;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1.125em;
  font-style: italic;
  line-height: 1.33333;
}

@media (min-width: 760px) {
  .sbf-card .sbf-card__copy--quote-serif {
    letter-spacing: -.005em;
    font-family: Zilla Slab, Georgia, serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.25;
  }
}

.sbf-card .sbf-card__heading {
  text-wrap: balance;
}

.sbf-card .sbf-card__address {
  font-style: normal;
}

.sbf-card .sbf-card__footer:has(.sbf-card__button):has(.sbf-card__link) {
  align-items: flex-start;
  gap: var(--sbf-space-16);
  flex-direction: column;
  display: flex;
}

@media (min-width: 900px) {
  .sbf-card .sbf-card__footer:has(.sbf-card__button):has(.sbf-card__link) {
    align-items: center;
    gap: var(--sbf-space-20);
    flex-direction: row;
  }
}

.sbf-card .sbf-card__footer:is(cite) .sbf-card__heading {
  letter-spacing: -.008em;
  margin: 0;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.33333;
}

@media (min-width: 760px) {
  .sbf-card .sbf-card__footer:is(cite) .sbf-card__heading {
    letter-spacing: -.015em;
    margin: 0;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.16667;
  }
}

.sbf-card .sbf-card__footer:is(cite) .sbf-card__copy {
  letter-spacing: normal;
  margin: 0;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: .875em;
  line-height: 1.28571;
}

.sbf-card[data-content-align="left"] .sbf-card__body, .sbf-card[data-content-align="left"] .sbf-card__content, .sbf-card[data-content-align="left"] .sbf-card__footer {
  text-align: left;
  align-items: flex-start;
}

.sbf-card[data-content-align="center"] .sbf-card__body, .sbf-card[data-content-align="center"] .sbf-card__content, .sbf-card[data-content-align="center"] .sbf-card__footer {
  text-align: center;
  align-items: center;
}

.sbf-card[data-content-align="right"] .sbf-card__body, .sbf-card[data-content-align="right"] .sbf-card__content, .sbf-card[data-content-align="right"] .sbf-card__footer {
  text-align: right;
  align-items: flex-end;
}

.sbf-card .sbf-card__section {
  margin: 0 0 var(--sbf-space-12) 0;
}

.sbf-card .sbf-card__section .sbf-card__section-heading {
  letter-spacing: -.008em;
  align-items: center;
  gap: var(--sbf-space-8);
  margin: 0 0 4px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.33333;
  display: flex;
}

.sbf-card .sbf-card__section .sbf-card__section-heading > .sbf-card__icon {
  width: 14px;
  height: 20px;
}

.sbf-card .sbf-card__section .sbf-card__section-copy {
  letter-spacing: normal;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.375;
}

.sbf-card .sbf-card__section .sbf-card__address, .sbf-card .sbf-card__section .sbf-card__section-copy {
  padding: 0 0 0 var(--sbf-space-24);
  margin: 0;
}

.sbf-card:not(:has(.sbf-card__image)) .sbf-card__body {
  border-radius: var(--sbf-border-radius-4);
}

.sbf-card--bg-transparent {
  box-shadow: none;
  background: none;
}

.sbf-card--bg-transparent .sbf-card__image img {
  border-radius: var(--sbf-border-radius-4);
}

.sbf-card--bg-transparent .sbf-card__image + .sbf-card__body {
  border-style: none none solid;
  border-width: 0 0 1px;
  border-color: transparent transparent var(--sbf-palette-gray-300) transparent;
  background-color: #0000;
  border-radius: 0;
  padding: 16px 0 24px;
}

@media (min-width: 480px) {
  .sbf-card--bg-transparent .sbf-card__image + .sbf-card__body {
    padding: 20px 0 28px;
  }
}

.sbf-card--has-light-bg .sbf-card__body {
  color: var(--sbf-palette-black);
}

.sbf-card--has-light-bg .sbf-card__body a:not(.sbf-card__button), .sbf-card--has-light-bg .sbf-card__link {
  color: #353535;
}

.sbf-card--has-light-bg .sbf-card__body a:not(.sbf-card__button):hover, .sbf-card--has-light-bg .sbf-card__link:hover, .sbf-card--has-light-bg .sbf-card__body a:not(.sbf-card__button):active, .sbf-card--has-light-bg .sbf-card__link:active {
  color: #0f0f0f;
}

.sbf-card--has-dark-bg .sbf-card__body {
  color: var(--sbf-palette-white);
}

.sbf-card--has-dark-bg .sbf-card__link {
  color: #fff;
}

.sbf-card--has-dark-bg .sbf-card__link:hover, .sbf-card--has-dark-bg .sbf-card__link:active {
  color: #d9d9d9;
}

.sbf-card--landscape {
  border-radius: var(--sbf-border-radius-4);
}

@media (min-width: 480px) and (max-width: 760px) {
  .sbf-card--landscape {
    max-width: 360px;
    margin: 0 auto;
  }
}

@media (min-width: 760px) {
  .sbf-card--landscape {
    flex-direction: row;
  }

  .sbf-card--landscape .sbf-card__image {
    height: auto;
    min-height: auto;
  }
}

.sbf-card--landscape .sbf-card__image img:not(.sbf-card__image--avatar) {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

@media (min-width: 760px) {
  .sbf-card--landscape .sbf-card__image img:not(.sbf-card__image--avatar) {
    border-radius: var(--sbf-border-radius-4) 0 0 var(--sbf-border-radius-4);
  }
}

.sbf-card--landscape .sbf-card__image + .sbf-card__body {
  border: none;
}

@media (min-width: 760px) {
  .sbf-card--landscape .sbf-card__image + .sbf-card__body {
    border-radius: 0 var(--sbf-border-radius-4) var(--sbf-border-radius-4) 0;
    padding: var(--sbf-fluid-space-xl);
  }

  .sbf-card--landscape .sbf-card__image, .sbf-card--landscape .sbf-card__body {
    flex: 50%;
  }

  .sbf-card--landscape .sbf-card__body {
    padding: var(--sbf-fluid-space-xl);
  }
}

.sbf-card--landscape .sbf-card__body .sbf-card__heading {
  font-family: var(--sbf-font-family-sans);
  font-size: var(--sbf-fluid-font-size-step-2);
  font-weight: var(--sbf-font-weight-700);
  letter-spacing: var(--sbf-letter-spacing-md);
  line-height: var(--sbf-line-height-xs);
  color: var(--sbf-palette-black);
  margin: 0;
}

.sbf-card--landscape .sbf-card__body:has(.sbf-card__button) {
  gap: var(--sbf-fluid-space-md-lg);
}

@media (min-width: 760px) {
  .sbf-card--landscape .sbf-card__body:has(.sbf-card__button) {
    gap: var(--sbf-space-24);
  }
}

.sbf-card--landscape .sbf-card__content {
  gap: var(--sbf-fluid-space-xs-sm);
}

.sbf-card--landscape .sbf-card__content .sbf-card__extended {
  display: none;
}

@media (min-width: 760px) {
  .sbf-card--landscape .sbf-card__content .sbf-card__extended {
    gap: var(--sbf-fluid-space-xs-sm);
    flex-direction: column;
    display: flex;
  }
}

.sbf-card-grid {
  grid-template-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.sbf-card-grid .sbf-card-grid__item {
  grid-column: auto / span 1;
  width: auto;
  margin: 0;
}

@media (min-width: 480px) and (max-width: 760px) {
  .sbf-card-grid .sbf-card-grid__item {
    max-width: 360px;
    margin: 0 auto;
  }
}

@media (min-width: 600px) {
  .sbf-card-grid--two {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 760px) {
  .sbf-card-grid--three {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1080px) {
  .sbf-card-grid--three {
    grid-template-columns: repeat(3, 1fr);
  }
}

.sbf-card-grid--four {
  grid-gap: var(--sbf-space-20);
}

@media (min-width: 760px) {
  .sbf-card-grid--four {
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  }
}

.sbf-card-grid--gap-small {
  gap: var(--sbf-space-16);
}

.sbf-card-grid--gap-medium {
  gap: var(--sbf-space-24);
}

.sbf-card-grid--gap-large {
  gap: var(--sbf-space-32);
}

.sbf-card-grid--gap-xlarge {
  gap: var(--sbf-fluid-space-lg);
}

.sbf-card-grid--gap-xxlarge {
  gap: var(--sbf-space-48);
}

.sbf-card-grid--row-gap-medium {
  row-gap: var(--sbf-space-24);
}

.sbf-card-grid--row-gap-xxlarge {
  row-gap: var(--sbf-space-64);
}

.sbf-card-grid--row-gap-xxxlarge {
  row-gap: var(--sbf-space-104);
}

ul {
  margin: 0;
  list-style-type: none;
}

.sbf-alert[data-alert-theme="blue-light-solid"] {
  --sbf-alert-bg: var(--sbf-palette-blue-200);
  --sbf-alert-text: var(--sbf-palette-black);
}

.sbf-alert[data-alert-border="left-green"] {
  --sbf-alert-text: var(--sbf-palette-black);
  border: 1px solid #d8d8d8 !important;
  border-left: 4px solid #11a05b !important;
}

.sbf-alert {
  align-items: center;
  gap: var(--sbf-space-8);
  padding: var(--sbf-space-16) var(--sbf-space-12);
  border-radius: var(--sbf-border-radius-4);
  background-color: var(--sbf-alert-bg, var(--sbf-palette-white));
  color: var(--sbf-alert-text, var(--sbf-palette-black));
  text-align: left;
  flex-direction: row;
  display: flex;
}

.sbf-alert--has-heading {
  align-items: flex-start;
}

.sbf-alert .sbf-alert__icon-container {
  align-self: flex-start;
}

.sbf-alert .sbf-alert__icon-container, .sbf-alert .sbf-alert__icon {
  width: 20px;
  height: 20px;
}

.sbf-alert .sbf-alert__content .sbf-alert__heading {
  margin: 0 0 var(--sbf-space-4) 0;
  letter-spacing: -.008em;
  color: var(--sbf-alert-text, var(--sbf-palette-black));
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.33333;
}

.sbf-alert .sbf-alert__content .sbf-alert__copy {
  letter-spacing: normal;
  color: var(--sbf-alert-text, var(--sbf-palette-black));
  margin: 0;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: .875em;
  line-height: 1.28571;
}

@media (min-width: 480px) {
  .sbf-alert .sbf-alert__content .sbf-alert__copy {
    letter-spacing: normal;
    margin: 0;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.375;
  }
}

.old-header, header {
  margin-bottom: 0;
}

footer {
  overflow: hidden;
}

.sans-serif {
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
}

.sb-hr {
  color: #d8d8d8;
  height: 32px;
  margin: 24px auto;
}

.inline-form {
  width: 100%;
  max-width: 360px;
  position: relative;
}

.inline-input {
  font-family: var(--sbf-font-family-sans);
  cursor: text;
  margin: 0 12px 0 0;
  padding: 12px 0;
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  display: inline-block;
  position: relative;
}

.inline-input input, .inline-input textarea, .inline-input select {
  width: 100%;
  font-size: 1em;
  font-family: var(--sbf-font-family-sans);
  color: var(--sbf-palette-black);
  border-radius: var(--sbf-border-radius-4);
  background: var(--sbf-palette-white);
  border: 1px solid var(--sbf-palette-gray-400);
  box-shadow: none;
  appearance: none;
  padding: 1em;
}

.inline-input input[type="number"], .inline-input textarea[type="number"], .inline-input select[type="number"] {
  appearance: none;
  -moz-appearance: textfield;
}

.inline-input input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.inline-input input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.inline-input textarea[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.inline-input textarea[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.inline-input select[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.inline-input select[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.inline-input input:focus, .inline-input textarea:focus, .inline-input select:focus {
  outline: solid var(--sbf-border-width-2) var(--sbf-state-focus);
  outline-offset: var(--sbf-border-width-2);
}

.inline-input select {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='7'%20viewBox='0%200%2014%207'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%200L7.2807%207L0%200L14%200Z'%20fill='%23979797'/%3e%3c/svg%3e") right 1rem center / .6rem no-repeat;
  background-color: var(--sbf-palette-white);
  cursor: pointer;
}

.inline-input input, .inline-input select {
  height: 54px;
  min-height: 54px;
}

.inline-input label {
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  cursor: text;
  transform-origin: 0;
  pointer-events: none;
  transition: transform .2s ease-out;
  position: absolute;
  top: 1.75em;
  left: 1em;
  transform: scale(.8) translate(-1em, -3em);
}

.inline-input.empty label {
  color: var(--sbf-palette-gray-500);
  transform: none;
}

.inline-input.currency-usd input {
  padding: 10px 63px 10px 30px;
}

.inline-input.currency-usd input::-webkit-input-placeholder {
  color: var(--sbf-palette-blue-500);
}

.inline-input.currency-usd input::placeholder {
  color: var(--sbf-palette-blue-500);
}

.inline-input.currency-usd input:placeholder-shown {
  color: var(--sbf-palette-blue-500);
}

.inline-input.currency-usd input:-ms-placeholder-shown {
  color: var(--sbf-palette-blue-500);
}

.inline-input.currency-usd label {
  padding-left: 0;
}

.inline-input.empty.currency-usd label {
  padding-left: .4em;
}

.inline-input.invalid input, .inline-input.invalid select {
  border: 1px solid var(--sbf-palette-red-200);
}

.inline-input.invalid.empty label {
  color: var(--sbf-palette-red-200);
  padding-left: 24px;
}

.inline-input.invalid.empty label:before {
  content: "!";
  background-color: var(--sbf-palette-red-200);
  color: var(--sbf-palette-white);
  border-radius: var(--sbf-border-radius-round);
  width: 15px;
  line-height: 15px;
  font-weight: var(--sbf-font-weight-700);
  text-align: center;
  font-size: 12px;
  display: block;
  position: absolute;
  top: 3px;
  left: 2px;
}

.inline-input .email-checker {
  z-index: 1002;
  white-space: nowrap;
  background-color: #fff;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.45;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.inline-input .email-checker__label {
  display: flex;
  overflow: hidden;
}

.inline-input .email-checker__result {
  cursor: pointer;
  text-overflow: ellipsis;
  font-weight: var(--sbf-font-weight-600);
  direction: rtl;
  margin-left: .2em;
  padding: 0;
  text-decoration: underline;
  overflow: hidden;
}

.inline-input .email-checker__result:focus-visible {
  outline-offset: -2px;
}

.inline-input .email-checker__close {
  cursor: pointer;
  height: 14px;
  margin-top: 2px;
  margin-left: 3px;
  padding: 0;
  display: inline-block;
}

.inline-input .icon {
  color: var(--sbf-palette-gray-500);
}

.inline-input ::-webkit-input-placeholder {
  color: var(--sbf-palette-gray-500);
}

.inline-input :-moz-placeholder-shown {
  color: var(--sbf-palette-gray-500);
}

.inline-input ::-moz-placeholder {
  color: var(--sbf-palette-gray-500);
}

.inline-input :-ms-placeholder-shown {
  color: var(--sbf-palette-gray-500);
}

.inline-input .inline-input__button {
  background: none;
  border: 0;
  outline: 0;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 18px;
  right: 0;
}

.inline-input .inline-input__button .inline-input__button-search-icon {
  width: 17px;
  height: 17px;
}

.inline-input {
  border: 0;
  width: 100%;
}

.inline-input .donation-amount-wrapper {
  display: inline-block;
}

.inline-input .donation-amount-wrapper:before {
  content: "$";
  font-weight: var(--sbf-font-weight-600);
  color: var(--sbf-palette-gray-500);
  z-index: 1;
  font-size: 1.286em;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0, -50%);
}

.inline-input .donation-amount-wrapper:after {
  content: "USD";
  font-weight: var(--sbf-font-weight-700);
  color: var(--sbf-palette-gray-500);
  font-size: 1.071em;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
}

.inline-input .donation-amount-wrapper input {
  padding: 10px 63px 10px 30px;
}

.inline-input .donation-amount-wrapper {
  width: 100%;
}

.inline-input.currency-usd input {
  color: #005595;
  border: 0;
  font-size: 30px;
  font-weight: 700;
}

.inline-input .email-checker {
  background-color: #0000;
}

.inline-input .email-checker .email-checker__result {
  color: #f5f5f5;
}

.inline-input.donation {
  padding: 12px 0 16px;
}

.inline-form .sbf-button:nth-child(2) {
  margin-right: 0;
}

.inline-form .sbf-button {
  letter-spacing: -.5px;
  flex: 1 0 calc(50% - 6px);
  width: calc(50% - 6px);
  min-width: 0;
  margin: 8px 12px 16px 0;
}

@media (min-width: 775px) {
  .inline-form .sbf-button {
    flex-basis: calc(50% - 24px);
    margin: 10px 33px 16px 0;
  }
}

@media (max-width: 774px) {
  .inline-form .button--monthly {
    margin-right: 0;
  }
}

.form--one-line input {
  background: #fff;
  border: 0;
}

.form--one-line .sbf-button {
  flex: 1;
  width: 100%;
  margin-right: 0;
  display: block;
}

@media (min-width: 775px) {
  .form--one-line .sbf-button {
    width: 100%;
    margin-left: 0;
    margin-right: 12px;
  }
}

@media (min-width: 1000px) {
  .form--one-line {
    flex-flow: wrap;
    justify-content: center;
    align-items: baseline;
    display: flex;
  }

  .form--one-line .inline-input {
    flex: 1 0 200px;
  }

  .form--one-line .sbf-button {
    flex: 1 0 100px;
    width: auto;
  }
}

.inline-buttons {
  display: flex;
}

.inline-element {
  display: inline;
}

.last-item {
  margin-bottom: 0;
}

.sbf-alert-container {
  max-width: 760px;
  margin: var(--sbf-fluid-space-xs-sm) auto 0 auto;
}

.sbf-alert-container .hidden {
  display: none;
}

body {
  background: none;
  max-width: 100%;
  overflow-x: hidden;
}

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

p {
  font-family: Zilla Slab, Georgia, serif;
}

a {
  border-bottom: none;
}

.homepage-lg-header {
  letter-spacing: -.035em;
  margin-bottom: 2px;
  font-size: 2em;
  line-height: 1.25;
}

@media (min-width: 775px) {
  .homepage-lg-header {
    font-size: 2.7em;
  }
}

.lg-header--narrow {
  max-width: 600px;
}

.homepage-sm-header {
  letter-spacing: -.015em;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 1.4em;
  line-height: 1.4;
}

@media (min-width: 775px) {
  .homepage-sm-header {
    font-size: 1.5em;
  }
}

.homepage-subheader {
  letter-spacing: -.0001em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.16667;
}

@media (min-width: 900px) {
  .homepage-subheader {
    letter-spacing: -.0075em;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Zilla Slab, Georgia, serif;
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.125;
  }
}

.homepage-subheader, .link-black {
  color: #353535;
}

.link-black:hover, .link-black:active {
  color: #757575;
}

.link--yellow {
  color: #f3d36e;
}

.link--yellow:hover, .link--yellow:active {
  color: #edbe27;
}

.tile-grid__tiles h2 {
  z-index: 5;
  width: 430px;
  max-width: 100%;
  margin-bottom: 4px;
  line-height: 1.1;
}

@media (min-width: 480px) {
  .tile-grid__tiles h2 {
    margin-bottom: 0;
  }
}

@media (min-width: 775px) {
  .tile-grid__tiles h2 {
    margin-left: auto;
  }
}

.tile-grid__tiles p {
  z-index: 5;
  width: 320px;
  max-width: 100%;
  margin: 0 auto 0 0;
  font-size: 1em;
}

@media (min-width: 480px) {
  .tile-grid__tiles p {
    margin: 0 0 0 auto;
  }

  .tile-grid {
    display: flex;
  }
}

.tile-grid .icon {
  width: 20px;
  height: 20px;
  top: 4px;
}

@media (min-width: 480px) {
  .tile-grid .icon {
    display: none;
  }
}

.tile-grid a:hover, .tile-grid a:focus, .tile-grid a:active {
  color: #fff;
  border-color: #fff;
}

.tile-grid__wrap {
  flex-wrap: wrap;
}

.top-grid > .flex-1, .top-grid > .flex-2 {
  min-height: 300px;
}

.flex-1, .flex-2 {
  flex: 1;
  width: 100%;
}

@media (min-width: 480px) {
  .top-grid {
    flex-wrap: wrap;
  }

  .top-grid > .flex-1 {
    flex-basis: 100%;
  }

  .tile-grid__horizontal.tile-grid__horizontal {
    flex-direction: row;
    align-content: stretch;
    align-items: stretch;
    min-height: 600px;
  }

  .tile-grid__horizontal.tile-grid__horizontal > * {
    min-height: 300px;
  }

  .tile-grid__vertical {
    flex-direction: column;
    height: 600px;
  }

  .tile-grid__vertical .flex-1, .tile-grid__vertical .flex-2 {
    width: 50%;
  }

  .flex-1 {
    flex: 300px;
    min-height: 0;
  }

  .flex-2 {
    flex: 2 600px;
    min-height: 0;
  }
}

@media (min-width: 960px) {
  .top-grid {
    flex-flow: row;
  }
}

.sbf-button {
  border-radius: var(--sbf-border-radius-4);
  color: #fff;
  font-family: var(--sbf-font-family-sans);
  font-weight: var(--sbf-font-weight-700);
  border-color: #005595;
  border-width: var(--sbf-border-width-2);
  cursor: pointer;
  white-space: nowrap;
  z-index: 2;
  letter-spacing: -.005em;
  text-align: center;
  background-color: #005595;
  border-style: solid;
  margin-bottom: 10px;
  text-decoration: none;
  transition: background 50ms linear, border-color 50ms linear, color 50ms linear, opacity 50ms linear;
  display: inline-block;
}

.sbf-button:hover, .sbf-button:focus {
  color: #f5f5f5;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #003862;
  border-color: #003862;
}

.sbf-button:focus {
  outline: solid var(--sbf-border-width-2) var(--sbf-state-focus);
  outline-offset: var(--sbf-border-width-2);
}

.sbf-button.disabled, .sbf-button[disabled] {
  opacity: var(--sbf-opacity-50);
  pointer-events: none;
}

.sbf-button.disabled:hover, .sbf-button.disabled:focus, .sbf-button[disabled]:hover, .sbf-button[disabled]:focus {
  color: #fff;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #005595;
  border-color: #005595;
}

.sbf-button {
  font-size: var(--sbf-font-size-18);
  min-width: 200px;
  padding: 16px;
  line-height: 1.15em;
}

.sbf-button--orange {
  border-radius: var(--sbf-border-radius-4);
  color: #fff;
  font-family: var(--sbf-font-family-sans);
  font-weight: var(--sbf-font-weight-700);
  border-color: #c95000;
  border-width: var(--sbf-border-width-2);
  cursor: pointer;
  white-space: nowrap;
  z-index: 2;
  letter-spacing: -.005em;
  text-align: center;
  background-color: #c95000;
  border-style: solid;
  margin-bottom: 10px;
  text-decoration: none;
  transition: background 50ms linear, border-color 50ms linear, color 50ms linear, opacity 50ms linear;
  display: inline-block;
}

.sbf-button--orange:hover, .sbf-button--orange:focus {
  color: #f5f5f5;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #963c00;
  border-color: #963c00;
}

.sbf-button--orange:focus {
  outline: solid var(--sbf-border-width-2) var(--sbf-state-focus);
  outline-offset: var(--sbf-border-width-2);
}

.sbf-button--orange.disabled, .sbf-button--orange[disabled] {
  opacity: var(--sbf-opacity-50);
  pointer-events: none;
}

.sbf-button--orange.disabled:hover, .sbf-button--orange.disabled:focus, .sbf-button--orange[disabled]:hover, .sbf-button--orange[disabled]:focus {
  color: #fff;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #c95000;
  border-color: #c95000;
}

.sbf-button--orange {
  font-size: var(--sbf-font-size-18);
  min-width: 200px;
  padding: 16px;
  line-height: 1.15em;
}

.sbf-button--yellow {
  border-radius: var(--sbf-border-radius-4);
  color: #353535;
  font-family: var(--sbf-font-family-sans);
  font-weight: var(--sbf-font-weight-700);
  border-color: #f3d36e;
  border-width: var(--sbf-border-width-2);
  cursor: pointer;
  white-space: nowrap;
  z-index: 2;
  letter-spacing: -.005em;
  text-align: center;
  background-color: #f3d36e;
  border-style: solid;
  margin-bottom: 10px;
  text-decoration: none;
  transition: background 50ms linear, border-color 50ms linear, color 50ms linear, opacity 50ms linear;
  display: inline-block;
}

.sbf-button--yellow:hover, .sbf-button--yellow:focus {
  color: #353535;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #efc53f;
  border-color: #efc53f;
}

.sbf-button--yellow:focus {
  outline: solid var(--sbf-border-width-2) var(--sbf-state-focus);
  outline-offset: var(--sbf-border-width-2);
}

.sbf-button--yellow.disabled, .sbf-button--yellow[disabled] {
  opacity: var(--sbf-opacity-50);
  pointer-events: none;
}

.sbf-button--yellow.disabled:hover, .sbf-button--yellow.disabled:focus, .sbf-button--yellow[disabled]:hover, .sbf-button--yellow[disabled]:focus {
  color: #353535;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #f3d36e;
  border-color: #f3d36e;
}

.sbf-button--yellow {
  font-size: var(--sbf-font-size-18);
  min-width: 200px;
  padding: 16px;
  line-height: 1.15em;
}

@media (min-width: 775px) {
  .split-section {
    flex-direction: row;
    justify-content: center;
    display: flex;
  }
}

.split__copy, .split__image {
  flex: 1;
}

@media (min-width: 775px) {
  .split__copy, .split__image {
    width: 50%;
    min-height: 400px;
  }

  .split__copy > * {
    max-width: 620px;
    margin-left: auto;
  }

  .split__right > * {
    margin-left: 0;
    margin-right: auto;
  }
}

@media (min-width: 900px) {
  .split__copy > p {
    font-size: 1.3em;
  }
}

.video-container {
  max-width: 900px;
  height: 100%;
  margin: auto;
}

.responsive-video {
  width: 100%;
  position: absolute;
  transform: translateY(30%);
}

.hover-cards {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

@media (min-width: 960px) {
  .hover-cards {
    flex-direction: row;
    justify-content: center;
  }
}

.flag {
  align-items: center;
  display: flex;
}

.flag__content {
  margin-top: -5px;
}

.fullscreen {
  z-index: -1;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.hoverelem {
  content: "";
  opacity: .7;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 480px) {
  .hoverelem {
    left: -100%;
  }
}

.head-shaving .hoverelem {
  background: #11a05b;
}

.advocacy .hoverelem {
  background: #a66eae;
}

.kids-are-gold .hoverelem {
  background: #f4966e;
  display: none;
}

@media (min-width: 775px) {
  .kids-are-gold .hoverelem {
    display: block;
  }
}

.families .hoverelem {
  background: #3588c8;
}

.research .hoverelem {
  background: #1c6b3d;
}

.childhood-cancer .hoverelem {
  background: #c07493;
}

.gold-block {
  color: #353535;
  z-index: 10;
  background: #f3d36e;
  width: 100%;
  padding: 12px;
}

.map-dots {
  z-index: 1;
  pointer-events: none;
  display: none;
}

@media (min-width: 1080px) {
  .map-dots {
    display: block;
  }
}

.animate .dot {
  animation: 10s linear 1s infinite zoom;
}

.dot {
  opacity: 0;
  background: #005595 padding-box padding-box;
  border: 5px solid #3588c8cc;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
}

.dot.dot:first-child {
  top: 45px;
  left: 120px;
}

.dot.dot:nth-child(2) {
  animation-delay: .3s;
  top: 170px;
  left: 450px;
}

.dot.dot:nth-child(3) {
  animation-delay: .8s;
  top: 230px;
  left: 190px;
}

.dot.dot:nth-child(4) {
  animation-delay: 1.2s;
  top: 240px;
  left: 340px;
}

.dot.dot:nth-child(5) {
  animation-delay: 1.8s;
  top: 30px;
  left: 640px;
}

.dot.dot:nth-child(6) {
  animation-delay: 2.5s;
  top: 420px;
  left: 170px;
}

.dot.dot:nth-child(7) {
  animation-delay: 2.9s;
  top: 540px;
  left: 300px;
}

.dot.dot:nth-child(8) {
  animation-delay: 3.2s;
  top: 310px;
  left: 90px;
}

.dot.dot:nth-child(9) {
  animation-delay: 3.5s;
  top: 390px;
  left: 1270px;
}

@keyframes zoom {
  5%, 95% {
    opacity: 0;
    animation-timing-function: cubic-bezier(.24, .54, .8, 1.95);
    transform: scale(.1);
  }

  11%, 85% {
    opacity: 1;
    animation-timing-function: linear;
    transform: scale(1);
  }
}

.hidden {
  display: none;
}

@media (min-width: 760px) {
  .user-signed-out .section-hero {
    background-position-y: top;
  }
}

@media (min-width: 2000px) {
  .user-signed-out .section-hero {
    background-position-y: -75px;
  }
}

.user-signed-in .section-hero--cta {
  margin: -45px 0 0;
}

@media (min-width: 420px) {
  .user-signed-in .section-hero--cta {
    margin: 0;
  }
}

.section-hero {
  color: #fff;
  text-align: center;
  background-color: #cdcac1;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #fff;
  min-height: 280px;
  padding: 0 16px;
  position: relative;
  overflow-x: hidden;
}

@media (min-width: 480px) {
  .section-hero {
    min-height: 520px;
  }
}

@media (min-width: 760px) {
  .section-hero {
    background-position-y: top;
  }
}

@media (min-width: 900px) {
  .section-hero {
    background-position: bottom;
    min-height: 646px;
  }
}

@media (min-width: 2000px) {
  .section-hero {
    background-position-y: -75px;
  }
}

.section-hero .section-container {
  display: none;
}

@media (min-width: 900px) {
  .section-hero .section-container {
    max-width: 1320px;
    margin: 38px auto 32px;
    padding: 0 0 0 10px;
    display: block;
  }
}

@media (min-width: 1080px) {
  .section-hero .section-container {
    padding: 0;
  }
}

.section-hero .content-container {
  text-align: center;
  background-color: #005595;
  border-radius: 4px;
}

@media (min-width: 600px) {
  .section-hero .content-container {
    max-width: 480px;
    margin: 0 auto;
  }
}

@media (min-width: 900px) {
  .section-hero .content-container {
    margin: 0;
    padding: 48px 60px 36px;
  }
}

.section-hero .content-container h1 {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.125;
}

@media (min-width: 900px) {
  .section-hero .content-container h1 {
    letter-spacing: -.035em;
    margin-top: 0;
    margin-bottom: 24px;
    padding: 0 10px;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 3.75em;
    font-weight: 700;
    line-height: 1.08333;
  }
}

.section-hero .content-container h2 {
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.16667;
}

.section-hero .content-container p {
  letter-spacing: .01em;
  margin: 0 0 16px;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1em;
  line-height: 1.8;
}

.section-hero .child-details {
  display: none;
}

@media (min-width: 900px) {
  .section-hero .child-details {
    display: block;
  }
}

.section-hero .sbf-ce-section {
  outline: 1px dotted #ddd !important;
}

.section-hero--cta {
  margin: -30px 0 0;
  display: block;
}

@media (min-width: 420px) {
  .section-hero--cta {
    margin: 0;
  }
}

@media (min-width: 600px) {
  .section-hero--cta {
    margin: -35px 0 0;
  }
}

@media (min-width: 900px) {
  .section-hero--cta {
    margin: 0;
    display: none;
  }
}

.section-hero--cta .child-details {
  text-align: center;
  padding: 4px;
}

.section-hero--cta .content-container {
  text-align: center;
  color: #fff;
  background-color: #005595;
  padding: 14px 26px 20px;
}

.section-hero--cta .content-container h1 {
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.16667;
}

@media (min-width: 480px) {
  .section-hero--cta .content-container h1 {
    letter-spacing: -.025em;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1.875em;
    font-weight: 700;
    line-height: 1.16667;
  }
}

.section-hero--cta .content-container h2 {
  letter-spacing: -.008em;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.33333;
}

.section-hero--cta .content-container h1, .section-hero--cta .content-container h2 {
  margin: 0 0 8px;
}

.section-hero--cta .content-container p {
  max-width: 340px;
  margin: 0 auto 12px;
}

.section-hero--cta .content-container .sb-hr {
  max-width: 300px;
  height: 24px;
  margin: 10px auto;
}

.child-details {
  color: #353535;
  text-align: left;
  background-color: #f5f5f5;
}

@media (min-width: 900px) {
  .child-details {
    padding: 16px 12px;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.child-details p:first-of-type {
  letter-spacing: normal;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.33333;
  display: inline;
}

.child-details p:nth-of-type(2) {
  letter-spacing: normal;
  color: #7f7f7f;
  margin: 0 0 0 4px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.375;
  display: inline;
}

.child-details p:nth-of-type(3) {
  letter-spacing: .01em;
  margin: 0;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1em;
  line-height: 1.375;
}

.head-shaving {
  background: url("/fa/min/assets/researchers-abroad-fdbcc7a9.jpg") 0 0 / cover;
}

.advocacy {
  background: url("/fa/min/assets/take-action-182343c7.jpg") 0 0 / cover;
}

.head-shaving, .advocacy {
  max-height: 300px;
}

.families {
  background: url("/fa/min/assets/family-7f8f12ed.jpg") top / cover;
}

.research {
  background: url("/fa/min/assets/dr-arceci-opt-ac6d7e38.jpg") top / cover;
}

@media (min-width: 480px) {
  .families, .research {
    flex-basis: auto;
    width: 50%;
  }
}

.childhood-cancer {
  background: url("/fa/min/assets/background-opt-57111fdd.jpg") 0 0 / cover no-repeat;
}

.head-shaving, .advocacy, .kids-are-gold, .families, .research, .childhood-cancer {
  color: #fff;
  text-align: left;
  background-size: cover;
  border: 2px solid #fff;
  flex-direction: column;
  justify-content: flex-end;
  height: 299px;
  min-height: 300px;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

@media (min-width: 480px) {
  .head-shaving, .advocacy, .kids-are-gold, .families, .research, .childhood-cancer {
    text-align: right;
    align-items: flex-end;
    height: auto;
    min-height: 0;
  }
}

.kids-are-gold {
  background: url("/fa/min/assets/shavee-d-opt-377bb4f0.jpg") top / cover;
  min-height: 520px;
  max-height: none;
}

@media (min-width: 775px) {
  .kids-are-gold {
    order: 1;
    min-height: 0;
  }
}

.no-pad {
  padding: 0;
}

.video-section {
  text-align: center;
  color: #fff;
  background: url("/fa/min/assets/poster-m-30f12371.jpg") center / cover;
  padding: 75px 8px;
}

.video-section p {
  max-width: 850px;
  margin: 16px auto 24px;
}

.video-section > * {
  max-width: 720px;
  margin: 0 auto;
}

@media (min-width: 775px) {
  .video-section {
    background: #353535cc;
    padding: 150px 24px;
  }

  .video-section p {
    font-size: 1.3em;
  }
}

.video-button.video-button {
  text-transform: uppercase;
  letter-spacing: .21em;
  color: #ffffffb3;
  margin: 24px auto 12px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: .8em;
  line-height: 1.5;
  display: inline-block;
}

.video-button.video-button:before {
  content: "";
  vertical-align: middle;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAmCAYAAACPk2hGAAACY0lEQVRogd3ZTW9MURjA8d+c3r7QaFGReot+AKuyYCONoBLxsvUt2Fr5BnwCPoCEWJPUwgIRkdh0j7YLFSqtlnbG4tybTsdUG7lnrs4/eXLmztyc8zxz3p6XWqPR0IZeHMMw9mIPBjGAXejPpTeXgJ6Wtug45NJMA2v55xrq+XNz+yuXn1jO5QeWsICvefshf2cDWctzwHWcwkg7i/9DvuANHot/CKg1zdgQbuJIx1Urhxncwzc2LpFbdq5RcFi0oca6YefzH3Y6h3CBaFgN5ypVp1wmUAs4aOccFNthBKNBPNa7jaMBo1VrkYDRoLuWYcFIEO+vsqlv/UpShoLoKpXNC9wXXZ4qGMxE369sVvAK73FZvCc7yUBAX4qO83YJD3EHLxOMsxn9QfTOUzOLB7iL6Q6Ml2X+DClSMp3LOK6KLlAKQqcNK3iLdzgr7sHST+aqDCNeCc/xGpdEI8s6yHqaI92qWMIj3BZjqjKotUbQVXFc9MqHy+owkwdmFXEAk+IyLJN6ppqlOCAGhJPSXDf1zHq2qFNMiIfFvpSDZFhNOUATJ3ERYx0Ya60Tho3hCk4kHqeZ1VSGfRf30Q2cTtD/VqxkYna1bMZxRuJ99BeWMywm6LjqdMNiEJdNt7EQ8LlqLRIwHzBXtRYJmAv4WLUWCfhUzNh81ZqUyLx8xhqYqliZMplCowgyn+mOvTaDp6xHzw0x0TJblUYlUBT+sLGiSXSKr4ml2v2d1eufmRdLtU80RSqthhX0WS+uD4vJlt1iTqK5uJ5pX1yviaug+K4dRSE92Ly4viomX1dE12/bxfXfTz2D1c/syJMAAAAASUVORK5CYII=");
  width: 54px;
  height: 38px;
  margin: 8px auto;
  display: block;
}

@media (min-width: 900px) {
  .video-button.video-button:before {
    margin: 0 12px 4px 0;
    display: inline-block;
  }
}

.ambassadors {
  color: #fff;
  background: #005595;
}

@media (min-width: 775px) {
  .ambassadors {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
  }
}

.ambassadors__copy, .ambassadors__image {
  padding: 64px 24px;
}

.ambassadors__copy {
  text-align: center;
  order: 1;
}

@media (min-width: 775px) {
  .ambassadors__copy {
    text-align: left;
    border-right: 4px solid #fff;
    order: 0;
  }

  .ambassadors__image {
    background: url("/fa/min/assets/real-cures-6023891e.jpg") top / cover no-repeat;
  }
}

.ambassadors__image {
  display: none;
}

@media (min-width: 775px) {
  .ambassadors__image {
    display: block;
  }
}

.funding {
  color: #fff;
  background: #93c45b url("/fa/min/assets/map-opt-e1681714.jpg") 0 100% / cover no-repeat;
  justify-content: flex-end;
  padding: 64px 24px 250px;
  overflow: hidden;
}

@media (min-width: 1080px) {
  .funding {
    background-position: 0 0;
    padding: 80px 8px 160px;
  }
}

.funding:after {
  content: "";
  z-index: 5;
  background: url("/fa/min/assets/girl-opt-d8a0096a.png") 100% 100% no-repeat;
  width: 150%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 480px) {
  .funding:after {
    width: 100%;
  }
}

.funding__image {
  display: none;
}

.funding__copy {
  color: #353535;
  text-align: center;
  z-index: 15;
  flex-basis: auto;
  width: 100%;
  max-width: 620px;
  min-height: 460px;
  margin: 0 auto;
}

.funding__copy .homepage-lg-header {
  margin-bottom: 16px;
}

@media (min-width: 775px) {
  .funding__copy {
    min-height: 400px;
  }
}

@media (min-width: 900px) {
  .funding__copy p {
    font-size: 1.3em;
  }
}

@media (min-width: 1080px) {
  .funding__copy {
    text-align: left;
    width: 50%;
    max-width: none;
    margin: 0 0 0 50%;
    padding: 0 24px 148px 0;
  }

  .funding__copy .homepage-lg-header {
    margin-bottom: 8px;
  }
}

.get-involved {
  text-align: center;
  background: #fff;
  padding: 48px 0;
}

.get-involved .section-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.get-involved .homepage-lg-header {
  margin-bottom: 24px;
}

.involved__emphasis {
  max-width: 780px;
  margin: 32px auto 12px;
  padding: 0 12px;
  font-size: 1.2em;
  font-style: italic;
}

@media (min-width: 480px) {
  .involved__emphasis {
    max-width: 500px;
    font-size: 1.3em;
  }
}

@media (min-width: 775px) {
  .involved__emphasis {
    max-width: 810px;
    font-size: 1.4em;
  }
}

.raised-banner {
  color: #fff;
  background: #353535;
  padding: 24px 8px;
}

@media (min-width: 480px) {
  .raised-banner {
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
    display: flex;
  }
}

@media (min-width: 775px) {
  .raised-banner {
    flex-wrap: nowrap;
  }
}

.logomark {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'?%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='140px'%20height='560px'%20viewBox='0%200%20140%20560'%3e%3csymbol%20id='logomark'%20viewBox='155.5%20399.5%20139%20109'%3e%3cpath%20d='M189.855,250.819c-18.03-0.063-29.872,15.258-29.872,29.162c0,20.738,13.421,23.657,21.617,26.25%20c6.358,2.013,26.854,6.293,26.863,23.341c0.006,9.843-8.079,18.36-18.459,18.488c-10.907,0-18.712-8.847-18.712-18.594%20c0-8.121,5.97-18.248,18.564-18.545c0,0-23.95,0.276-27.214,17.982c-3.432,18.614,11.468,30.632,27.361,30.632%20c16.54,0,29.936-13.888,29.936-30.007c0-16.856-12.278-27.002-26.526-31.173c-11.736-3.436-24.922-5.513-21.405-22.192%20c1.435-6.245,8.542-13.868,17.846-13.868c10.212,0,18.545,8.101,18.565,18.564c2.627-2.193,10.676-7.045,10.676-7.045%20C216.459,262.611,205.952,250.875,189.855,250.819z'%20/%3e%3cpath%20d='M273.082,306.735c-4.725,4.41-12.857,5.443-12.857,5.443s11.687,4.008,11.771,17.64%20c-0.225,12.348-11.055,18.228-18.565,18.228c-10.147,0-18.447-8.112-18.628-18.218l0.042-13.599c0,0-3.944,0.137-11.455-0.465%20l0.01,14.04c-0.05,15.837,13.539,29.717,30.031,29.717c16.264,0,30.073-12.936,30.042-29.812%20C283.444,314.382,273.082,306.791,273.082,306.735z'/%3e%3cpath%20d='M215.96,309.551c0,0,56.067,0.45,56.067-29.113c-0.207-10.273-8.521-18.173-18.586-18.173%20c-10.148,0-18.376,8.123-18.557,18.227l-0.037,21.586c-5.509,0.897-11.437,1.259-11.437,1.259l-0.002-22.846%20c-0.051-16.003,13.541-29.736,30.033-29.704c15.612,0.031,26.367,11.376,28.971,21.999%20C289.388,301.251,259.039,315.331,215.96,309.551z'/%3e%3c/symbol%3e%3cg%20transform='translate(0%20-57)'%3e%3cuse%20xlink:href='%23logomark'%20fill='%23718D3F'%20/%3e%3cuse%20xlink:href='%23logomark'%20transform='translate(0%20140)'%20fill='%23ffffff'%20/%3e%3cuse%20xlink:href='%23logomark'%20transform='translate(0%20280)'%20fill='%234684B3'%20/%3e%3cuse%20xlink:href='%23logomark'%20transform='translate(0%20420)'%20fill='%23171717'%20/%3e%3c/g%3e%3c/svg%3e") 0 -210px / 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
  top: 5px;
}

.raised-header {
  text-transform: uppercase;
  text-align: center;
  flex-basis: 100%;
  order: -1;
  font-family: Zilla Slab, Georgia, serif;
}

.raised-header h2 {
  margin-bottom: 0;
}

@media (min-width: 775px) {
  .raised-header {
    flex-basis: auto;
    order: 2;
  }
}

.this-year, .last-year {
  flex-direction: column;
  align-items: center;
  margin-top: 4px;
  margin-left: -12px;
  font-size: .75em;
  display: flex;
}

@media (min-width: 480px) {
  .this-year, .last-year {
    flex-direction: row;
    margin-left: 0;
  }
}

@media (min-width: 775px) {
  .this-year, .last-year {
    margin-top: 0;
    font-size: 1em;
  }
}

@media (min-width: 480px) {
  .this-year .raised-year {
    order: 2;
  }
}

.last-year {
  order: 3;
}

.raised-year {
  color: #e9af1f;
  padding: 0 12px;
  font-weight: bold;
}

.raised-amount {
  font-size: 1.5em;
  font-weight: bold;
}

.newsletter {
  background-color: #353535;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
}

.sbf-card-list-container {
  padding: 0 0 16px;
}

.newsletter__left {
  color: #fff;
  text-align: center;
  background: linear-gradient(#1c6b3d, #3588c8);
  padding: 64px 16px;
}

@media (min-width: 775px) {
  .newsletter__left {
    background: linear-gradient(#1c6b3dcc, #3588c8cc);
    border-right: 4px solid #fff;
    padding: 42px 36px;
  }
}

.newsletter__left p > a {
  font-weight: bold;
  text-decoration: underline;
}

.newsletter__subhead {
  letter-spacing: -.015em;
  font-size: 1.4em;
}

@media (max-width: 479px) {
  .newsletter__subhead {
    margin-bottom: 36px;
  }
}

.newsletter__right {
  text-align: center;
  color: #f5f5f5;
  background: #353535 url("/fa/min/assets/newsletter-a5df9405.jpg") top / cover no-repeat;
  padding: 80vw 32px 40px;
}

.newsletter__right > * {
  max-width: 490px;
  margin: 0 auto 8px;
}

.newsletter__right > p {
  margin-top: 10px;
  margin-bottom: 8px;
  padding: 0 8px;
  font-size: 1.1em;
}

@media (min-width: 600px) {
  .newsletter__right {
    padding: 46vw 32px 40px;
  }
}

@media (min-width: 775px) {
  .newsletter__right {
    padding: 32vw 24px 64px;
  }
}

@media (min-width: 900px) {
  .newsletter__right {
    padding: 280px 64px 64px;
  }
}

@media (min-width: 1252px) {
  .newsletter__right {
    padding-top: 320px;
  }
}

@media (min-width: 1080px) {
  .newsletter__right > p {
    margin-top: 12px;
    font-size: 1.25em;
  }

  .newsletter__right > * {
    max-width: 600px;
  }
}

.major-gifts {
  color: #353535;
  text-align: center;
  background: #353535 url("/fa/min/assets/homepage-cta-t-m-8d2944c6.jpg") bottom / cover no-repeat;
}

@media (min-width: 775px) {
  .major-gifts {
    text-align: left;
    color: #f5f5f5;
    background: #353535 url("/fa/min/assets/homepage-cta-d-opt-2f4681f3.jpg") top / cover no-repeat;
    padding-bottom: 200px;
  }
}

.gifts__copy {
  flex: none;
  max-width: 580px;
  margin: 0 auto;
  padding: 64px 8px 560px;
}

.gifts__copy .homepage-lg-header {
  line-height: 1.1;
}

@media (min-width: 775px) {
  .gifts__copy {
    margin: 0 auto 0 0;
    padding: 80px 16px 40px;
  }
}

.gifts__image {
  flex: none;
  display: none;
}

@media (min-width: 775px) {
  .gifts__image {
    display: block;
  }
}

.background-video {
  z-index: -1;
  width: auto;
  position: fixed;
  left: -25%;
}

@media (min-width: 795px) {
  .background-video {
    left: 0;
  }
}

.sponsor-footer {
  color: #fff;
  text-align: center;
  background: #0009;
  width: 100%;
  padding: 4px 12px;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (min-width: 390px) {
  .sponsor-footer {
    height: 50px;
  }
}

@media (min-width: 775px) {
  .sponsor-footer {
    align-items: center;
    width: auto;
    display: flex;
    bottom: 64px;
  }

  .sponsor-footer:before {
    content: "";
    border-top: 50px solid #0000;
    border-right: 30px solid #0009;
    width: 20px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: -50px;
  }
}

.sponsor__header {
  margin: 0 0 10px;
  font-size: .8rem;
  display: block;
}

@media (min-width: 390px) {
  .sponsor__header {
    margin-bottom: 0;
    display: inline-block;
  }
}

@media (min-width: 775px) {
  .sponsor__header {
    font-size: 1rem;
  }

  .sponsor__header:after {
    content: " • ";
    vertical-align: middle;
    padding: 0 2px;
    font-size: .7rem;
  }
}

.sponsor__header + .logo-sportsclips {
  margin-left: 5px;
}

.sponsor__logo {
  vertical-align: middle;
  margin: 0 2px;
}

@media (min-width: 775px) {
  .sponsor__logo {
    transform: none;
  }
}

.get-involved .sbf-ce-section, .newsletter__right .sbf-ce-section, .child-details .sbf-ce-section {
  outline: 1px dotted #353535 !important;
}

.inline-input.donation:before {
  left: 12px;
}

@media (min-width: 775px) {
  .inline-input.donation:before {
    left: 26px;
  }
}

div[data-sbf-cename="Header Background Image"] {
  display: none;
}