.page-id-29946 .entry-title {
    display: none;
}
.white-links a,
.white-links a:visited,
.white-links a:hover,
.white-links a:active {
  color: #ffffff !important;
}
.hover-zoom img {
  transition: transform 0.4s ease;
}

.hover-zoom:hover img {
  transform: scale(1.05);
}
.hover-zoom:hover img {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}
/* Gothic Cycles – WPForms Success Message Styling */
.wpforms-confirmation-container {
  font-family: 'Arlo', serif;
  color: #eaeaea;
  text-align: center;
  padding: 2rem 1rem;
}

/* For strong/bold lines (e.g., "The ritual is complete.") */
.wpforms-confirmation-container strong {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

/* For secondary lines (e.g., "Wait for our signal.") */
.wpforms-confirmation-container p {
  font-family: 'Arlo', serif;
  font-size: 1.2rem;
  font-style: italic;
  color: #c0c0c0;
}
/* Load Metamorphous font */
@import url('https://fonts.googleapis.com/css2?family=Metamorphous&display=swap');

/* FLOATING CAPTION STYLES */

/* Image wrapper */
.hover-caption {
  position: relative;
  overflow: hidden;
}

/* Image zoom effect */
.hover-caption img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.hover-caption:hover img {
  transform: scale(1.05);
}

/* Floating, fading caption */
.hover-caption .hover-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 30%);
  opacity: 0;

  background: rgba(0, 0, 0, 0.4); /* More transparent background */
  color: #fff;
  padding: 0.6em 1em;
  border-radius: 8px;
  font-size: 1.4rem;
  font-family: 'Metamorphous', serif;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  pointer-events: none;

  /* Smooth fade + float */
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}

/* On hover: show + float upward to centre */
.hover-caption:hover .hover-text {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.stackable-contact-form .ugb-success-message {
  color: #ffffff !important;
  font-family: 'Arlo', sans-serif !important;
  font-size: 1.25rem;
}
/* Force font and color styling on Stackable success message */
.ugb-form__success-message,
.ugb-form__success-message p {
  color: #ffffff !important; /* White text */
  font-family: 'Arlo', sans-serif !important; /* Your brand font */
  font-size: 1.5rem !important;
  text-align: center;
}
#contact-form-success-header {
  color: #ffffff !important;
  font-family: 'Arlo', sans-serif !important;
  font-size: 2rem !important;
  font-weight: 500;
  text-align: center;
}

.contact-form-submission p {
  color: #ffffff !important;
  font-family: 'Arlo', sans-serif !important;
  font-size: 1.25rem !important;
  text-align: center;
}
@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap'); /* Only use if Arlo isn't loading */

#contact-form-success-header,
.contact-form-submission p {
  font-family: 'Arlo', 'Arvo', serif !important; /* Replace Arvo if fallback isn't wanted */
  color: #ffffff !important;
  font-size: 1.5rem;
  text-align: center;
}
/* Stretch footer lines to full viewport width */
footer .ugb-divider hr {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  border-color: #ffffff !important; /* Optional: make sure line is white */
}
/* Stretch footer lines to full viewport width */
footer .ugb-divider hr {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  border-color: #ffffff !important; /* Optional: make sure line is white */
}
@media only screen and (max-width: 768px) {
  .gc-mobile-heading {
    font-size: 22px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    max-width: 95% !important;
    margin: 0 auto !important;
    word-break: normal !important;
    white-space: normal !important;
  }
}
body {
  margin-bottom: 0 !important;
}
footer {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.site {
  margin-bottom: 0 !important;
}
.site {
  background-color: #2d2e2f !important;
}
body {
  background-color: #2d2e2f !important;
}

.site-footer {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.ct-header .ct-mobile-menu-toggle {
  color: #111111 !important;
}
.ct-mobile-menu-toggle svg {
  fill: #111111 !important;
}
/* Make the hamburger icon lines darker */
svg.ct-icon path, svg.ct-icon line, svg.ct-icon rect {
  stroke: #222 !important;  /* Dark grey/black lines */
  fill: #222 !important;    /* If icon uses fill */
}