/* BEGIN STANDARD STYLES */

html,
body {
  overflow-x: hidden;
  max-width: 100%;

  /* @TODO: refactor sticky section so we do not need this */
  @media screen and (min-width: 1200px) {
    height: 100%;
  }
}

#CollapsingNavbar {
  visibility: unset;
}

section.region-breadcrumb {
  visibility: collapse;
}

.node-body > div.hero-annual.standard-paragraph-spacing:first-child {
  padding-top: 0;
}

body {
  text-wrap: pretty;
}
.standard-paragraph-spacing {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 48px;
  padding-bottom: 48px;
  /* background: var(--bg-primary, #fff); */
}
.standard-paragraph-spacing > .content {
  /* max-width should be 1600 - 96 - 96 */
  max-width: 1408px;
  margin-left: auto;
  margin-right: auto;
}
.kapra-reg {
  font-family: var(--typeface-kapra-neue-pro, "KapraNeuePro-LightRd");
  letter-spacing: -1px;
}
body,
.avenir-std {
  font-family: var(--typeface-avenir-lt-std, "AvenirLTStd-Light");
}
.avenir-medium {
  font-family: "AvenirLTStd-Medium";
}
.gaspo-slab {
  font-family: "GaspoSlab-Regular", serif;
}
.gaspo-bold {
  font-family: "GaspoSlab-Bold", serif;
}

/* tablet*/
@media screen and (min-width: 768px) {
  .standard-paragraph-spacing {
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .standard-paragraph-spacing.emphasized {
    padding-left: 96px;
    padding-right: 96px;
  }
}
/* desktop (per Figma block this is 1200px and above*/
@media screen and (min-width: 1200px) {
  .standard-paragraph-spacing {
    padding-left: 96px;
    padding-right: 96px;
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

/* END STANDARD STYLES */

/* override boostrap */
div a {
  text-decoration: none;
}

.main-login-link span {
  color: #333;
}

footer p,
footer a {
  font-family: Avenir, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #3b3b3b;
}

footer a {
  color: #0094c9;
}


.btn-revival-orange {
  color: #fff !important;
  background-color: #e76127 !important;
  border-color: #e76127 !important;
}

.btn-revival-orange:hover {
  background-color: #f99d22 !important;
  border-color: #f99d22 !important;
}

#page div#main-wrapper {
  border: inherit;
}

.special-search-bar-holder input.search-text {
  display: none;
  margin-top: 3px;

  @media screen and (min-width: 1200px) {
    display: block;
  }
}

#block-maindonatebutton.block-content-text_block.block.block-block-content {
  margin-right: 24px;
}