/* ================================================
   CUSTOM OVERRIDES — Invara Architects
   ================================================ */

/* ── Hero Section: Full-width, 75vh height ── */

/* Remove all constrained widths and side margins from the slider */
.hero-1 .hero-slider1 {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
}

/* Make each slide fill exactly 75% of the viewport height */
.hero-1 .hero-slider1 .hero-inner {
  height: 75vh;
  min-height: 480px;
  /* safety floor for very small screens */
  padding-top: 0 !important;
  display: flex;
  align-items: center;
}

/* Background image must fill the full slide area */
.hero-1 .hero-slider1 .hero-inner .th-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-1 .hero-slider1 .hero-inner .th-hero-bg img,
.hero-1 .hero-slider1 .hero-inner .th-hero-bg[data-bg-src] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hero content: vertically centred, left-aligned */
.hero-1 .hero-slider1 .hero-inner .container {
  position: relative;
  z-index: 5;
}

/* Neutralise the hard-coded padding on hero-style1 so the 75vh drives the height */
.hero-1 .hero-slider1 .hero-inner .hero-style1 {
  padding: 0 !important;
}

/* Ensure the header top-area background spans full width */
.hero-1 {
  width: 100%;
  overflow: hidden;
}

/* ── Footer: Warm yellow background with dark readable text ── */
footer.footer-wrapper {
  background-color: #f5c518 !important;
}

/* All text inside the footer → dark charcoal for contrast */
footer.footer-wrapper,
footer.footer-wrapper p,
footer.footer-wrapper span,
footer.footer-wrapper a,
footer.footer-wrapper li,
footer.footer-wrapper .widget_title,
footer.footer-wrapper .footer-info,
footer.footer-wrapper .info-box_link,
footer.footer-wrapper .info-box_text,
footer.footer-wrapper .copyright-text {
  color: #1a1a1a !important;
}

/* Links: dark with underline on hover */
footer.footer-wrapper a:hover {
  color: #5a3e00 !important;
  text-decoration: underline;
}

/* Icons stay visible */
footer.footer-wrapper img[src*="icon"] {
  filter: brightness(0) !important;
  /* makes SVG icons black */
}

/* Form fields on yellow background */
footer.footer-wrapper .form-control,
footer.footer-wrapper .form-select {
  background-color: rgba(255, 255, 255, 0.6) !important;
  color: #1a1a1a !important;
  border-color: #a88000 !important;
}

footer.footer-wrapper .form-control::placeholder {
  color: #555 !important;
}

/* Submit button stays distinct */
footer.footer-wrapper .th-btn {
  background-color: #1a1a1a !important;
  color: #f5c518 !important;
  border-color: #1a1a1a !important;
}

footer.footer-wrapper .th-btn:hover {
  background-color: #333 !important;
  color: #fff !important;
}

/* ── Standard Bullet List ── */
.bullet-list ul {
  list-style: disc !important;
  padding-left: 20px !important;
  margin-top: 16px;
}

.bullet-list ul li {
  list-style-type: disc !important;
  display: list-item !important;
  padding-left: 0 !important;
  margin-bottom: 8px !important;
  font-size: 18px;
  color: var(--theme-color);
}

.bullet-list ul li::before {
  content: none !important;
}

/* ── Sidemenu (right slider) logo — make it bigger ── */
.sidemenu-wrapper .th-widget-about .about-logo img {
  max-width: 200px !important;
}