/* LATO - Self-Hosted */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/lato-v24-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/lato-v24-latin_latin-ext-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/lato-v24-latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/lato-v24-latin_latin-ext-700italic.woff2') format('woff2');
}

/* PLAYFAIR DISPLAY - Self-Hosted */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/playfair-display-v39-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/playfair-display-v39-latin-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/playfair-display-v39-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/playfair-display-v39-latin-700italic.woff2') format('woff2');
}

a {
  color: #7C9A92;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 2px;
}

a:hover {
  color: #D3A588;
  text-decoration: underline;
}

.desktop-tagline {
  display: inline;
}
.mobile-tagline {
  display: none;
}

@media (max-width: 600px) {
  .desktop-tagline {
    display: none;
  }
  .mobile-tagline {
    display: inline;
  }
}

.hidden-form {
  display: none;
}

/* GLOBAL FORM STYLING */
form label,
form input,
form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
  font-family: 'Lato', sans-serif;
}

form input,
form textarea {
  padding: 0.5rem;
  font-size: 1rem;
}

form textarea {
  min-height: 150px;
  resize: vertical;
}