/*
Theme Name:        The VHA 2.0
Theme URI:         https://thevha.net/
Description:       WordPress child theme for The Villages Homeowners Advocates website (based on Genesis Block Theme).
Version:           2.1.25
Author:            Curious Minds Media, Inc.
Author URI:        https://curiousm.com/
Text Domain:       vha
Template:          genesis-block-theme
Requires PHP:      8.2
Requires at least: 6.6
*/

/* Variable definitions */
:root {
  --vha-content-width: 1400px;
  --vha-content-width-half: calc(var(--vha-content-width) / 2);
  --vha-maroon: #7b1715;
  --vha-gold: #c2914e;
  --vha-blue: #1e3261;
  --vha-xlt-gray: #f0efe5;
  --vha-lt-gray: #e0dfcb;
  --vha-md-gray: #d2d1bf;
  --vha-dk-gray: #706c6c;
}

/* For Alpine.js */
[x-cloak] {
  display: none !important;
}

/* Global site styles */
* {
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  margin: 0;
  padding: 0;
}

strong,
strong * {
  font-weight: bold;
}

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 * {
  font-family: "Open Sans", sans-serif;
  font-weight: 1000;
}

h1, h1 * {
  font-size: 32px;
}

h2, h2 * {
  font-size: 28px;
}

h3, h3 * {
  font-size: 24px;
}

h4, h4 * {
  font-size: 22px;
}

h5, h5 * {
  font-size: 20px;
}

h6, h6 * {
  font-size: 20px;
}

html {
  overflow-x: hidden;
  width: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
  width: 100%;
  min-height: calc(100vh + 1px);
  overflow-x: hidden;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

a {
  color: var(--vha-maroon);
  text-decoration: underline;
  box-shadow: none;
}

div.entry-content p a,
div.entry-content p a * {
  color: var(--vha-maroon) !important;
  text-decoration: underline !important;
  box-shadow: none !important;
}

div.entry-content p a:hover {
  color: var(--vha-maroon) !important;
  text-decoration: underline !important;
  box-shadow: none !important;
}

div.entry-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 32px 0 0;
}

sup {
  font-size: 62%;
}

/* Site-wide button styles */
a[class^="vha-link-button-"],
button[class^="vha-link-button-"],
li[class^="vha-link-button-"] > a {
  font-size: 20px;
  border-radius: 4px;
  padding: 8px 16px;
  width: fit-content;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 250ms;
  cursor: pointer;
}

a.vha-link-button-blue,
button.vha-link-button-blue,
li.vha-link-button-blue > a {
  color: white;
  background-color: var(--vha-blue);
  border: 2px solid var(--vha-blue);
}

a.vha-link-button-blue:hover,
button.vha-link-button-blue:hover,
li.vha-link-button-blue > a:hover {
  color: var(--vha-blue);
  background-color: transparent;
}

a.vha-link-button-white,
button.vha-link-button-white,
li.vha-link-button-white > a {
  color: black;
  background-color: white;
  border: 2px solid white;
}

a.vha-link-button-white:hover,
button.vha-link-button-white:hover,
li.vha-link-button-white > a:hover {
  color: white;
  background-color: transparent;
}

a.vha-link-button-lt-gray,
button.vha-link-button-lt-gray,
li.vha-link-button-lt-gray > a {
  color: black;
  background-color: var(--vha-lt-gray);
  border: 2px solid var(--vha-lt-gray);
}

a.vha-link-button-lt-gray:hover,
button.vha-link-button-lt-gray:hover,
li.vha-link-button-lt-gray > a:hover {
  color: var(--vha-lt-gray);
  background-color: transparent;
}

a.vha-link-button-maroon,
button.vha-link-button-maroon,
li.vha-link-button-maroon > a {
  color: white;
  background-color: var(--vha-maroon);
  border: 2px solid var(--vha-maroon);
}

a.vha-link-button-maroon:hover,
button.vha-link-button-maroon:hover,
li.vha-link-button-maroon > a:hover {
  color: var(--vha-maroon);
  background-color: transparent;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: 24px;
  width: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2U9IiMxZTMyNjEiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTYgMTggMTggNk02IDZsMTIgMTIiIC8+Cjwvc3ZnPg==);
  background-size: 24px 24px;
}

article.vha-single-post div.vha-page-content-page p img {
  display: block;
  margin-bottom: 32px;
}

a.vha_print_membership {
  margin-left: 1em;
  margin-right: auto;
}

a.vha-print-membership-front-end {
  cursor: pointer;
  font-size: 20px;
  border-radius: 4px;
  padding: 8px 16px;
  width: fit-content;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 250ms;
  color: white;
  background-color: var(--vha-maroon);
  border: 2px solid var(--vha-maroon);
}

.newsletter-signup h3 {
  margin-bottom: 0.75rem; /* or more if needed */
}

.newsletter-signup form > *:not(:last-child) {
  margin-bottom: 0.75rem;
}

.newsletter-signup {
  margin-bottom: 2rem; /* or adjust as needed */
}