/* Contact block: make height/spacing consistent everywhere */

/* Tunable tokens */
.contact-style-two {
  --padY: clamp(72px, 8vw, 140px);  /* vertical padding */
  --minH: 560px;                    /* desktop minimum height */
  --overlay: rgba(42,77,103,.55);   /* overlay color/opacity */
}

/* Background + height + centering */
.contact-style-two {
  position: relative;
  background-size: cover;
  background-position: center;
  padding-block: var(--padY);
  min-height: var(897minH);
  display: grid;            /* centers content vertically */
  align-items: center;
  overflow: hidden;         /* keep overlay tidy on small screens */
}

/* Overlay layer */
.contact-style-two::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--overlay);
  pointer-events: none;
}

/* Keep content above overlay */
.contact-style-two > .auto-container,
.contact-style-two .inner-column,
.contact-style-two .sec-title,
.contact-style-two .wpcf7-form { position: relative; z-index: 1; }

/* Constrain container width (in case the theme doesn't) */
.contact-style-two .auto-container {
  width: min(1200px, 92%);
  margin-inline: auto;
}

/* Normalize heading/paragraph spacing (prevents height wobble) */
.contact-style-two .sec-title .heading { margin: 0 0 10px; }
.contact-style-two .sec-title p { margin: 0 0 28px; }

/* CF7 field styling */
.contact-style-two .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  border: 0 !important;
  border-radius: 9999px !important;
  background: #fff !important;
  padding: 18px 22px !important;
  box-shadow: 0 2px 0 rgba(0,0,0,.05) inset !important;
}
.contact-style-two .wpcf7-form textarea.wpcf7-form-control {
  border-radius: 20px !important;
  min-height: 120px;
}
.contact-style-two .form-group { margin-bottom: 18px; }
.contact-style-two .wpcf7-submit,
.contact-style-two .theme-btn.style-three {
  border-radius: 9999px !important;
  text-transform: uppercase;
}

/* Responsive min-heights to keep the hero feel */
@media (max-width: 1024px) {
  .contact-style-two { --minH: 420px; }
}
@media (max-width: 767px) {
  .contact-style-two { --minH: 360px; --padY: 56px; }
}




.banner-section.style-three .content-box h1 { position: relative; text-indent: -9999px; white-space: nowrap; overflow: hidden; display: inline-block; width: 500px; height: 200px; line-height: 0; background: url("https://paper-signal.com/wp-content/uploads/2025/12/BLPLOGO-03-1.png") no-repeat center center; background-size: contain; }



.banner-carousel .content-box {
  position: relative;
  top: -100px; /* raises everything */
}





/* --- 2. TEXT BOLDNESS AND SIZE (Updated) --- */
/* Target the heading (likely H2) inside the specific hero section's content box. */

.banner-section.style-three .content-box h2 {
    font-weight: 900 !important; /* Maximum Boldness (already working) */
    font-size: 40px !important; /* INCREASE SIZE: Adjust this value as needed (e.g., 36px, 48px) */
    line-height: 1.2 !important; /* Adjust line height for the new size */
    color: #ffffff !important;   /* Ensure it stays white */
    
    /* Keep the shadow for contrast against the now-brighter image */
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); 
    letter-spacing: 1px; 
}

/* Ensure any smaller text associated with it (like a subheading) is also legible */
.banner-section.style-three .content-box p {
    font-weight: 900 !important;
	  font-size: 30px !important;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
}




.banner-carousel .slide-item:before {
    /* * ADJUST THIS VALUE: 
     * 0.0 = Fully transparent (brightest image)
     * 0.2 = Light overlay (Recommended starting point)
     * 0.5 = Original darkness
     */
    background: rgba(125, 125, 125, 0.8) !important;
}