/* Setting 'font-size' at 62.5% means that 1rem now equals 10pt/10px. */
:root {
    -webkit-font-smoothing: antialiased;
}

/* Headers, etc. */

@media screen and (max-width: 781px) {
  h1, h1 *,
  .has-x-x-large-font-size, .has-x-x-large-font-size * {
    font-size: 3rem !important;
  }
  h2, h2 * {
    font-size: 2.625rem;
  }
  h3, h3 * {
    font-size: 2rem;
  }
  h4, h4 * {
    font-size: 1.3125rem;
  }
  h5, h5 * {
    font-size: 1.5rem;
  }
  h6, h6 * {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  h2, h2 * {
    font-size: 2.25rem;
  }
}

b, strong {
  font-weight: 700;
}

.white-space-nowrap {
  white-space: nowrap;
}

.text-decoration-none,
.text-decoration-none a {
  text-decoration: none;
  color: currentColor;
}

.text-transform-uppercase,
.text-transform-uppercase * {
  text-transform: uppercase;
}

.rounded-link {
  display: flex;
  align-items: center;
  width: fit-content;
  height: fit-content;
  font-size: 0.875rem;
  background-color: transparent;
  border-radius: 130px;
  border-color: inherit;
  border-width: 1px;
  border-style: solid;
  color: var(--foreground);
  font-family: 'Aktiv Extended', sans-serif;
  font-weight: 300;
  line-height: 1;
  padding-top: 7px;
  padding-right: 12px;
  padding-bottom: 7px;
  padding-left: 12px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  * {
    text-decoration: none;
  }
  @media screen and (max-width: 479px) {
    font-size: 0.75rem;
    padding: 5px 8px 5px 8px;
  }
}

.underlined-link {
  width: fit-content;
  height: fit-content;
  font-size: 0.875rem;
  color: var(--foreground);
  font-family: 'Aktiv Extended', sans-serif;
  font-weight: 300;
  line-height: 1;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 8px;
  text-transform: uppercase;
  white-space: nowrap;
  * {
    text-decoration: none;
  }
}

.line-height-1,
.line-height-1 * {
  line-height: 1;
}

/* Corresponds to theme.json, do not edit in isolation */
.has-medium-font-size,
.has-medium-font-size * {
  line-height: 1.2;
  font-weight: 300;
}
.has-large-font-size,
.has-large-font-size * {
  line-height: 1.15;
}
.has-x-large-font-size,
.has-x-large-font-size * {
  line-height: 1;
}
/* Except this, which overrides theme.json */
.has-100-font-weight,
.has-100-font-weight * {
  font-weight: 100;
}
.has-300-font-weight,
.has-300-font-weight * {
  font-weight: 300;
}
/* ^ */

h3.arrow-after::after {
  content: var(--arrow);
  margin-left: var(--one-spacer);
}

.arrow-before::before {
  content: var(--arrow);
  margin-right: var(--one-spacer);
}

/* Faux header styles matched to the base levels */
.match-h3 {
  font-family: var(--wp-preset--font-family--aktiv);
  line-height: 1.15;
  font-size: 2.25rem;
  font-weight: 100;
}

a:where(:not(.wp-element-button)) {
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

a,
button,
.menu-item {
  transition: all 0.2s ease;
  &&:hover {
    opacity: 0.75;
  }
}

/* Compiling instances where pointer is desired */
button,
td.day,
.clndr-control-button [role="button"] {
  cursor: pointer;
}

figcaption {
  color: var(--foreground) !important;
  margin-top: var(--zero-point-five-spacer) !important;
  margin-bottom: 0 !important;
  font-size: var(--wp--preset--font-size--medium) !important;
}