/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 04 2026 | 06:43:39 */
/* ==========================================================================
   OPUS - CONTACT SECTION ("Delivering the gold standard of care")

   Applies everywhere the block appears, keyed to its CSS ID #contact_us:
   /pricing/, /patient-resources/, /faqs/, /opus-corporate/,
   /meet-the-specialists/ and /contact-us/ carry it as Divi GLOBAL MODULE 3230,
   and /service/physiotherapy/ has its own non-global copy of the same section.
   All seven use module_id="contact_us".

   Why: beside quieter page content the block read as shouty. The heading is
   50px Prata set at weight 500, which Prata does not have, so the browser was
   faux-bolding it; the copy was pure white; the band was a cramped 48px; and
   the Send button was a white box.

   NOTE the heading is an H1, giving every one of these pages a second H1.
   That CANNOT be fixed here or in the shortcode: the module ignores
   title_level, header_level, heading_level and level (all tested 3 Sep 2026,
   while a font-size change in the same write applied immediately, so it is
   not caching). It needs the Divi Builder UI or the developer.
   ========================================================================== */

#contact_us{
  padding:88px 0 !important;
}
#contact_us .et_pb_heading h1,
#contact_us .et_pb_heading h2,
#contact_us .et_pb_module_heading{
  font-size:34px !important;
  font-weight:400 !important;
  line-height:1.18 !important;
  letter-spacing:-.01em;
  max-width:15ch;
  margin-bottom:26px;
}
#contact_us .et_pb_text p{
  color:#d9d5cc !important;
  line-height:1.65 !important;
  max-width:44ch;
}
#contact_us .et_pb_text p strong{color:#fff}

/* form fields: hairline rules rather than heavy white underscores */
#contact_us input[type=text],
#contact_us input[type=email],
#contact_us input[type=tel],
#contact_us textarea{
  border-bottom-color:rgba(255,255,255,.35) !important;
  font-size:15px !important;
  letter-spacing:.06em;
}
#contact_us input::placeholder,
#contact_us textarea::placeholder{color:rgba(255,255,255,.62) !important}
#contact_us input:focus,
#contact_us textarea:focus{border-bottom-color:#c2895d !important}

/* Send: typographic, matching the article template and the condition pages */
#contact_us .wpcf7-submit{
  width:auto !important;
  padding:0 0 6px !important;
  background:none !important;
  border:0 !important;
  border-bottom:1px solid #c2895d !important;
  border-radius:0 !important;
  color:#fff !important;
  font-size:12px !important;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#contact_us .wpcf7-submit:hover{
  color:#e8cdbb !important;
  border-bottom-color:#e8cdbb !important;
}

/* ==========================================================================
   reCAPTCHA overflow on small phones
   Google's widget has a hard 304px minimum. Inside this column that is wider
   than the screen on 320 to 360px devices, so the whole PAGE scrolled
   sideways. Contact Form 7 renders it as a SPAN, and transforms do not apply
   to inline elements, so it has to be made inline-block first.
   ========================================================================== */
@media (max-width:380px){
  #contact_us span.g-recaptcha{
    display:inline-block;
    transform:scale(.82);
    transform-origin:0 0;
    height:64px;
  }
}

@media (max-width:767px){
  #contact_us{padding:56px 0 !important; overflow-x:hidden}
  #contact_us .et_pb_heading h1,
  #contact_us .et_pb_heading h2,
  #contact_us .et_pb_module_heading{font-size:28px !important;max-width:none}
  #contact_us .et_pb_text p{max-width:none}
}