/* Fix for cut-off hero text on all screen sizes */
.slide-title {
    height: auto; /* Allow the container to resize based on content */
    padding-top: 20px; /* Add some space above the text */
    padding-bottom: 20px; /* Add some space below the text */
}

.hero-text .item {
    line-height: 1.2; /* Increases space between lines of text */
}

/* --- Mobile Font Size Fix for Hero Text --- */
@media (max-width: 768px) {
  .hero-text .item {
    font-size: 32px; /* Adjust this value as needed */
    letter-spacing: 0px; /* Reduces space between letters */
  }
}

/* Layout: constrain and align the form panel */
.custom-inner.contact-inner #contactform {
  width: 100%;
  max-width: 560px;
  margin-left: auto;        /* push to the right column */
  z-index: 5;               /* above overlay/background */
  position: relative;
  box-sizing: border-box;
}

/* Labels: visible, accessible targets */
#contactform label {
  display: block;
  margin: 10px 0 6px;
  color: #FFFFFF;
  font-weight: 600;
}

/* Inputs and textarea: glass overlay + clear focus */
#contactform input[type="text"],
#contactform input[type="email"],
#contactform textarea {
  width: 100%;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.35);
  background: rgba(20,20,20,0.35);
  color: #FFFFFF;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-sizing: border-box;
  outline: none;
}

/* Placeholder styling for readability */
#contactform input::placeholder,
#contactform textarea::placeholder {
  color: rgba(255,255,255,0.8);
}

/* Focus ring with strong contrast */
#contactform input:focus,
#contactform textarea:focus {
  border-color: #FFD54F;
  box-shadow: 0 0 0 3px rgba(255,213,79,0.35);
}

/* Button: high-contrast primary */
#contactform button[type="submit"],
#contactform input[type="submit"] {
  display: inline-block;
  margin-top: 12px;
  padding: 12px 18px;
  border-radius: 10px;
  border: none;
  background: #FFD54F;
  color: #1A1A1A;
  font-weight: 700;
  cursor: pointer;
}
#contactform button[type="submit"]:hover,
#contactform input[type="submit"]:hover {
  filter: brightness(0.95);
}

/* Ensure the dark overlay doesn't overpower inputs */
.content-holder .overlay {
  background: rgba(0,0,0,0.45);
}

/* Mobile: full-width and larger tap targets */
@media (max-width: 768px) {
  .custom-inner.contact-inner #contactform { max-width: 100%; }
  #contactform input, #contactform textarea { font-size: 16px; }
}
/* Contact form submit button: frosted with semi-transparent white border */
#contactform button[type="submit"],
#contactform input[type="submit"] {
  background: rgba(255,255,255,0.08);        /* subtle frosted panel */
  color: #FFFFFF;                             /* readable on darkened bg */
  border: 1.5px solid rgba(255,255,255,0.65); /* semi-transparent white */
  border-radius: 12px;
  padding: 12px 18px;
  backdrop-filter: blur(6px);                 /* blur what’s behind */
  -webkit-backdrop-filter: blur(6px);         /* Safari prefix */
  box-shadow: none;
  outline: none;
}

#contactform button[type="submit"]:hover,
#contactform input[type="submit"]:hover {
  background: rgba(255,255,255,0.14);         /* a bit more visible on hover */
  border-color: rgba(255,255,255,0.85);       /* slightly stronger border */
}

#contactform button[type="submit"]:focus-visible,
#contactform input[type="submit"]:focus-visible {
  box-shadow: 0 0 0 3px rgba(255,255,255,0.35); /* accessible focus ring */
  border-color: rgba(255,255,255,0.95);
}

#contactform {
  display: grid;              /* single-column form */
  grid-template-columns: 1fr; /* one column */
  row-gap: 14px;              /* vertical spacing */
  gap: 14px;                  /* shorthand for compatibility */
}

/* --- Custom styles for Contact Page --- */

/* This targets the main "Contact" heading */
.contact-inner h2 {
    font-size: 48px; /* Original is likely smaller, adjust as you like */
}

/* This targets the paragraph of text */
.contact-inner p {
    font-size: 16px; /* Adjust this value for the perfect size */
    line-height: 1.8em; /* Increases spacing between lines for readability */
}

/* This targets the contact details list (address, phone, email) */
.contact-list li a {
    font-size: 16px; /* Adjust this value to match the paragraph or make it different */
}

.col-md-7 article { display: block; }