:root {
  --wp--preset--color--magenta: #f0f;
  --wp--custom--color--baby-blue: #dbfefe;
  --wp--custom--color--text: #00253b;
  --wp--custom--typography--button--font-weight: 600;
  --wp--custom--typography--button--font-size: 1rem;
  --wp--custom--typography--cta--font-weight: 600;
  --wp--custom--typography--cta--font-size: 1rem;
  --wp--custom--typography--body--line-height: 1.5rem;
}

/* components */
.first-in-group {
  border-top-width: 1px !important;
}

h4.group-title {
  margin: 1.4rem 0;
}

/* Gilroy font tags are inside custom footer HTML */
body {
  font-family: Gilroy, "proxima-nova", "Helvetica Neue", Helvetica, Arial,
    sans-serif !important;
}

/* Subscribe button */
#show-updates-dropdown {
  letter-spacing: 1px !important;
  background-color: transparent;
  box-shadow: none;
  text-shadow: none;
  border: 0.0625rem solid var(--wp--custom--color--text);
  border-radius: 1.3125rem;
  color: var(--wp--custom--color--text);
  cursor: pointer;
  padding: 0.4375rem 1.5rem !important;
  transition: background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  font-size: var(--wp--custom--typography--button--font-size);
  font-weight: var(--wp--custom--typography--button--font-weight);
  text-transform: none;
  line-height: 1.5rem !important;
}

#show-updates-dropdown:hover {
  background-color: var(--wp--custom--color--baby-blue);
  border-color: var(--wp--custom--color--baby-blue);
  color: var(--wp--custom--color--text);
}

//#show-updates-dropdown:after {
//  content: "Subscribe to updates";
//}

/* Focus */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }
}

:focus-visible {
  outline: var(--wp--preset--color--magenta) auto 0.0625rem !important;
}

.layout-content.status.status-index
  .components-section
  .component-container
  .group-parent-indicator:focus {
  box-shadow: none;
}