/* La Santé Medicare Centre – site overrides on top of the theme (style.css) */

/* Semantic headings keep the theme's div.h1/div.h2 look */
h1.banner-title,
.sec-title h2.title,
.sec-title h3.title {
  margin-top: 0;
}

/* Preloader: clinic logo instead of the theme logo (logo is ~2:1) */
.preloader:after,
.dark-layout .preloader:after {
  background-image: url(../images/llogo.png);
  width: 200px;
  height: 100px;
  margin-left: -100px;
  margin-top: -80px;
}
.preloader:before {
  margin-top: 40px;
}

/* Logo: header/sticky/mobile use the purple logo as-is */
.header-style-two .header-lower .inner-container .main-box .left-box .logo-box img {
  max-width: 150px;
}

/* Footer sits on a dark background, so render the logo in white */
.main-footer .footer-logo img {
  max-width: 180px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.main-footer .footer-tagline {
  font-style: italic;
  opacity: 0.85;
}
.main-footer .contact-widget .info a {
  color: inherit;
}

/* Hero */
.banner-section-two .outer-box .banner-content .inner-content .banner-sub-title {
  margin-bottom: 15px;
  color: var(--theme-color3);
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.banner-section-two .outer-box .banner-content .inner-content .feature-box {
  flex-wrap: wrap;
  gap: 20px 30px;
}
.banner-section-two .outer-box .banner-content .inner-content .feature-box .feature {
  gap: 12px;
}
.banner-section-two .outer-box .banner-content .inner-content .feature-box .feature .icon {
  display: inline-flex;
  font-size: 36px;
  line-height: 1;
  color: var(--theme-color3);
}

/* About: icon in the centre of the rotating text badge */
.about-section-two .image-column .inner-column .round-text .number i {
  display: block;
  font-size: 44px;
  line-height: 1;
}

/* Your Health Matters intro text */
.why-choose-us-section-two .sec-title-box .sec-title .text {
  max-width: 640px;
  margin-top: 15px;
}

/* Ultrasound cards: no "read more" row, so balance the card height */
.ultrasound-section .features-block {
  margin-bottom: 24px;
}
.ultrasound-section .features-block .inner {
  height: 100%;
}

/* Doctor section */
.doctor-section .team-details__top-img img {
  width: 100%;
  border-radius: 20px;
}
.doctor-section .team-details__top-title {
  color: var(--theme-color3);
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}

/* Appointment section */
.contact-section-two .consultation-hours {
  margin-top: 30px;
  padding: 0;
  list-style: none;
}
.contact-section-two .consultation-hours li {
  margin-bottom: 6px;
}
.contact-section-two .info-box .info .title a {
  color: inherit;
}

/* ---- Content written in the admin editor (blogs, services, SEO pages) ---- */
.cms-content { line-height: 1.8; }
.cms-content img { max-width: 100%; height: auto; border-radius: 8px; }
.cms-content ul { list-style: disc; padding-left: 1.5em; margin-bottom: 1.2em; }
.cms-content ol { list-style: decimal; padding-left: 1.5em; margin-bottom: 1.2em; }
.cms-content li { margin-bottom: .4em; }
.cms-content h2, .cms-content h3, .cms-content h4 { margin: 1.4em 0 .6em; }
.cms-content p { margin-bottom: 1.1em; }
.cms-content table { width: 100%; border-collapse: collapse; margin-bottom: 1.2em; }
.cms-content table td, .cms-content table th { border: 1px solid #e5e5e5; padding: 8px 12px; }
.cms-content iframe { max-width: 100%; }
.cms-content blockquote { border-left: 4px solid currentColor; padding-left: 1em; font-style: italic; }
.services-grid-page .service-block { height: 100%; }
.contact-details__info .text a { word-break: break-word; }