/* Styles of contact-us.php, linked at the end of its <head>. They were a <style> at the end of the page,
   applied after the first paint, so the content moved when they arrived (22/10/2026) */
/* Contact page - matches pricing/support layout */
.page-top-banner-contact {
  background: transparent;
}
.page-top-banner-contact h1 {
  color: var(--owc-color-text-primary, #24366c);
  font-size: 36px;
  margin-bottom: 10px;
  margin-top: 38px;
}
.page-top-banner-contact h4 {
  color: var(--owc-color-text-primary, #24366c);
  font-weight: 400;
}

.owc-contact-page .contact-section {
  background: transparent !important;
  border-bottom: none !important;
}
.owc-contact-page .owc-contact-section {
  padding-top: 0;
  padding-bottom: 96px;
}
.owc-contact-intro {
  margin-bottom: 60px;
}
.owc-contact-intro h2,
.owc-contact-intro p,
.owc-contact-intro .owc-text-l,
.owc-contact-page .single-address-col p {
  color: var(--owc-color-text-primary, #24366c);
}
.owc-contact-page .owc-contact-form-row {
  margin-bottom: 60px;
}
/* Card aligns with intro (col-lg-9) and the three contact boxes above; outer row keeps standard gutters */
.owc-contact-page .owc-contact-form-panel.form-row {
  margin-bottom: 0;
  border-radius: 16px;
  box-shadow: var(--owc-shadow-elevation-0, 4px 8px 20px 0px rgba(65, 105, 225, 0.3));
}
.owc-contact-page .contact-page-section .single-address-col .div {
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(36, 54, 108, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-bottom: 0;
}
.owc-contact-page .contact-page-section .single-address-col .pricing-link-div:hover {
  box-shadow: 0 8px 24px rgba(65, 105, 225, 0.2);
}
/* Equal-height boxes */
.owc-contact-page .address-wrap {
  align-items: stretch;
}
.owc-contact-page .address-wrap .single-address-col {
  display: flex;
  flex-direction: column;
}
.owc-contact-page .address-wrap .single-address-col a {
  flex-direction: column;
  flex: 1;
}
/* Inline phone icon inside address box */
.owc-contact-phone-link {
  display: inline;
  color: var(--owc-color-text-primary, #24366c);
  font-size: 16px;
  text-decoration: none;
  margin-top: 6px;
  white-space: nowrap;
}
.owc-contact-phone-link i,
.address-wrap .single-address-col p .owc-contact-phone-link i {
  font-size: 11px !important;
  color: #4169e1;
  flex-shrink: 0;
  display: inline !important;
  vertical-align: middle;
}
.owc-contact-phone-link:hover {
  color: #4169e1;
}

/* Contact boxes - entrance animation on page load */
@keyframes owc-contact-box-entrance {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.owc-contact-page .owc-contact-box-entrance {
  animation: owc-contact-box-entrance 0.5s ease-out forwards;
  opacity: 0;
}
.owc-contact-page .contact-form-wrap .form-control {
  border-radius: 8px;
  border: 1px solid var(--owc-color-surface-soft-blue, #c6d4fd);
}
.owc-contact-page .contact-form-wrap .form-control:focus {
  border-color: var(--owc-color-brand-primary, #4169e1) !important;
}
/* Send Message button - matches index page CTAs */
.owc-contact-page #submit-message {
  min-width: 200px;
}