/**
 * @file
 * Olivero specific CSS overrides.
 */

.body, .body p {
	font-family: "metropolis", sans-serif !important;
	font-family: "metropolis", serif !important;
}

:root {
  /* Replace Lora with your preferred font */
  --olivero-typography-font-family-serif: "Metropolis", sans-serif !important;
  --olivero-typography-font-family-headings: "Metropolis", sans-serif !important;
}

.page-wrapper {
  max-width: 100% !important;
}

.site-header__inner {
  position: relative;
  z-index: 1;
  flex-grow: 1;
  width: calc(100vw - var(--content-left) - var(--drupal-displace-offset-left,0px) - var(--drupal-displace-offset-right,0px));
  background: var(--color--white);
}
.container {
  width: 100% !important;
  max-width: 108rem !important;
  padding-inline: var(--container-padding);
}

@media (min-width: 75rem) {
  .main-content {
    width: 100% !important;
  }
}

.site-branding {
  display: flex;
  flex-shrink: 1;
  align-items: flex-end;
  min-width: calc((2 * var(--grid-col-width)) + (2 * var(--grid-gap)) + var(--container-padding));
  min-height: var(--sp3);
  margin-inline: calc(-1 * var(--container-padding)) var(--sp);
  padding-block: 0 var(--sp0-5);
  padding-inline-start: var(--container-padding);
  padding-inline-end: var(--container-padding);
  background-image: none !important;
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
    inset-block-start: calc(var(--drupal-displace-offset-top,0px) - var(--sp4)) !important;
    max-width: 114rem !important;
  }
}

/************ BUTTON CHANGES *****************/

.button-blue {
  color: #002856 !important;
  border: solid 2px currentColor;
  border-radius: var(--border-radius);
  background-color: var(--color--white) !important;
}

.button-blue:hover,
.button-blue:focus {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff !important;
  background-color: #002856 !important;
  border: solid 2px currentColor;
  font-weight: 700;
}

.button-gold {
  color: #002856;
  border: solid 2px currentColor;
  border-radius: var(--border-radius);
  background-color: #ffbf3c;
}

.button-gold:hover,
.button-gold:focus {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff!important;
  background-color: #002856 !important;
  border: solid 2px currentColor;
  font-weight: 700;
}

/**** Container Fix ****/
@media (min-width: 43.75rem) {
  .main-content__container {
    margin-left: auto;
    margin-right: auto;
  }
}

/**** Social Bar ****/
  .social-bar {
    display: none !important;
  }

/**** Footer ****/
.site-footer {
  color: #000000 !important;
  background: #eeeeee !important;
}

.site-footer__inner .container {
  width: 100%;
  max-width: 100% !important;
  padding-inline: var(--container-padding);
}

.site-footer .block-system-powered-by-block a {
  color: #3333FF!important;
}

.site-footer .block-system-powered-by-block a:hover {
  -webkit-text-decoration: underline !important;
    text-decoration: underline !important;
    text-decoration-color: currentcolor !important;
    color: var(--color--black) !important;
    box-shadow: inset 0 -2em 0 0 var(--color--primary-80) !important;
}

@media (min-width: 75rem) {
  .site-footer__inner {
    padding-block: var(--sp4) var(--sp4);
	max-width: 100% !important;
	margin-left: -5.25rem;
  }
	
  body:not(.is-always-mobile-nav) .site-footer {
    border-inline-start: solid var(--content-left) #002856 !important;
  }
}