:root {
  --mobile-header-height: 150px;
  --mobile-header-height-small: 75px;
  --desktop-header-height: 260px;
  --desktop-header-nav-height: 50px;
  --desktop-nav-background: var(--color-brand-dark-blue);
  --desktop-nav-active-background: #ef182c;
  --desktop-dropdown-background: #fff;
  --desktop-dropdown-background-hover: #fff;
  --desktop-dropdown-color-hover: var(--color-brand-dark-blue);
  --desktop-dropdown-color: var(--color-brand-dark-blue);
  --button-background: var(--app-green);
  --button-hover-background: var(--app-green-darker);
  --link-color: #1E88E5;
  --link-hover-color: #1565C0;
  --link-underline-color: #E3F2FD;
  --link-hover-underline-color: #BBDEFB;
  --modal-button-background: var(--color-brand-red);
  --modal-button-color: #fff;
}

body {
  background: #edebe6;
  background: #f1f1f1;
  background: #fff;
}

.page-header.smaller {
  --mobile-header-height: var(--mobile-header-height-small);
}

.page-header__mobile,
.page-header__desktop {
  background: #FDFDFD;
  text-transform: uppercase;
}

.page-header__mobile .site-logo img,
.page-header__mobile .site-logo svg {
  width: 225px;
}

.page-header__desktop .page-header__nav .desktop-menu .dropdown-menu a:hover {
  text-decoration: underline;
}

.app {
  padding-bottom: 0;
}

/* Eliminate space between bottom of editor content and footer. */
.app .cms-ve > .cms-block--root-last {
  margin-bottom: 0;
}

:where(.front) h1,
:where(.front) h2 {
  text-align: center;
}

main {
  z-index: auto;
}

a {
  color: var(--link-color);
}

a:hover, a:focus, a:active {
  color: var(--link-hover-color);
}

.cms-ve a {
  position: relative;
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  text-decoration-style: wavy;
}

.cms-ve a:hover {
  text-decoration-color: var(--link-hover-underline-color);
}

.normal-anchors a {
  text-decoration: none;
}

.normal-anchors a:hover {
  text-decoration: underline;
}

.cms-ve a.button {
  text-decoration: none;
}

.card-box {
  background: #fff;
  border-radius: 12px;
  padding: 1rem 1.5rem;
}

.card-box li {
  margin-bottom: 1rem;
}

.reveal .close-button {
  background: var(--modal-button-background);
  color: var(--modal-button-color);
}
:root { --body-font-family: "Inter", sans-serif; --heading-font-family: "Montserrat", sans-serif; }
.page-header__desktop .site-logo img,
.page-header__desktop .site-logo svg {
width: 362px;
height: 138px;
}

.smaller .page-header__desktop .site-logo img,
.smaller .page-header__desktop .site-logo svg {
width: 200px;
height: 76px;
}
