/* Footer Styles */
footer {
  position: relative;
  width: 100%;
  background: var(--Tertiary-100, #FBF3F2);
}

/* Quick Links and Resources Headings */
footer .footer-section-heading {
  color: var(--Primary-100, #680144);
  font-family: Calluna, serif;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 400;
  line-height: 140%; /* 1.75rem */
  letter-spacing: -0.025rem;
}

/* Quick Links and Resources Menu Items - Override Tailwind's color: inherit */
footer .footer-menu a,
footer .footer-menu a:link,
footer .footer-menu a:visited,
footer .footer-menu a:active,
footer .footer-menu .menu-item a,
footer .footer-menu .menu-item a:link,
footer .footer-menu .menu-item a:visited,
footer .footer-menu .menu-item a:active,
footer .footer-menu li a,
footer .footer-menu li a:link,
footer .footer-menu li a:visited,
footer .footer-menu li a:active,
/* Target direct <a> tags in Quick Links and Resources columns */
footer .flex-1.flex.flex-col.gap-4 > a,
footer .flex-1.flex.flex-col.gap-4 > a:link,
footer .flex-1.flex.flex-col.gap-4 > a:visited,
footer .flex-1.flex.flex-col.gap-4 > a:active,
footer .flex-col.gap-4 > a,
footer .flex-col.gap-4 > a:link,
footer .flex-col.gap-4 > a:visited,
footer .flex-col.gap-4 > a:active,
footer div:has(.footer-section-heading) > a,
footer div:has(.footer-section-heading) > a:link,
footer div:has(.footer-section-heading) > a:visited,
footer div:has(.footer-section-heading) > a:active {
  color: var(--Primary-100, #680144) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important; /* 1.225rem */
  letter-spacing: -0.0175rem !important;
  text-decoration: none !important;
}

footer .footer-menu a:hover,
footer .footer-menu a:focus,
footer .footer-menu .menu-item a:hover,
footer .footer-menu .menu-item a:focus,
footer .footer-menu li a:hover,
footer .footer-menu li a:focus,
footer .flex-1.flex.flex-col.gap-4 > a:hover,
footer .flex-1.flex.flex-col.gap-4 > a:focus,
footer .flex-col.gap-4 > a:hover,
footer .flex-col.gap-4 > a:focus,
footer div:has(.footer-section-heading) > a:hover,
footer div:has(.footer-section-heading) > a:focus {
  color: var(--Primary-100, #680144) !important;
  text-decoration: underline !important;
}

/* Get In Touch Contact Items */
footer .footer-contact-item,
footer .footer-contact-item:link,
footer .footer-contact-item:visited,
footer .footer-contact-item:active {
  color: var(--Primary-100, #680144) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important; /* 1.225rem */
  letter-spacing: -0.0175rem !important;
  text-decoration: none !important;
}

footer .footer-contact-item:hover,
footer .footer-contact-item:focus {
  color: var(--Primary-100, #680144) !important;
  text-decoration: underline !important;
}