/*
Theme Name: SurgeryFL
Theme URI: https://surgeryfl.com/
Description: Surgery Center of Florida child theme for the approved coastal patient-care design system. Designed by LucidIT, LLC.
Author: LucidIT, LLC
Author URI: https://lucidit.io/
Template: hello-elementor
Version: 1.0.6
Text Domain: surgeryfl
*/

:root {
  --scf-navy: #0b3b66;
  --scf-navy-deep: #07304e;
  --scf-sea-glass: #52c8c7;
  --scf-coral: #f47b56;
  --scf-sand: #f4f0e5;
  --scf-mist: #e8f6f7;
  --scf-slate: #385366;
  --scf-border: #d6e5ea;
}

body {
  color: var(--scf-slate);
  background: var(--scf-sand);
  font-family: "Source Sans Pro", Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--scf-navy);
  font-family: Merriweather, Georgia, serif;
}

a {
  color: #0b6f87;
}

.scf-home-hero {
  background:
    linear-gradient(rgb(11 59 102 / 62%), rgb(11 59 102 / 62%)),
    url("https://surgeryfl.com/wp-content/uploads/2026/08/scf-panhandle-physicians-hero.jpg") center / cover;
  padding: 112px 28px;
}

.scf-home-hero__inner,
.scf-home-about__inner,
.scf-home-cta__inner {
  max-width: 1120px;
  margin: 0 auto;
}

.scf-home-hero__inner {
  text-align: center;
}

.scf-home-hero h1 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 58px;
  line-height: 1.05;
}

.scf-home-hero p {
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.55;
}

.scf-home-about {
  background: var(--scf-sand);
  padding: 88px 28px;
}

.scf-home-about__inner {
  display: flex;
  gap: 42px;
  align-items: stretch;
  flex-wrap: wrap;
}

.scf-home-about__main {
  flex: 1 1 520px;
}

.scf-kicker {
  margin: 0 0 18px;
  color: var(--scf-coral);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.4px;
}

.scf-home-about h2 {
  margin: 0 0 22px;
  color: var(--scf-navy);
  font-size: 46px;
  line-height: 1.08;
}

.scf-home-about h2 span {
  color: var(--scf-coral);
}

.scf-home-about p {
  color: var(--scf-slate);
  font-size: 18px;
  line-height: 1.7;
}

.scf-home-about__panel {
  flex: 1 1 390px;
  display: grid;
  gap: 22px;
  padding: 34px;
  background: #fff;
  border: 1px solid var(--scf-border);
  border-radius: 6px;
  box-shadow: 0 18px 38px rgb(7 48 78 / 10%);
}

.scf-home-about__panel h3 {
  margin: 0 0 8px;
  font-size: 27px;
}

.scf-home-about__panel p {
  margin: 0;
  font-size: 16px;
}

.scf-home-cta {
  background: #0b3266;
  padding: 72px 28px;
  color: #fff;
  text-align: center;
}

.scf-home-cta h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 38px;
  line-height: 1.08;
}

.scf-home-cta p {
  max-width: 780px;
  margin: 0 auto 22px;
  font-size: 19px;
  line-height: 1.6;
}

.scf-home-cta .scf-kicker {
  color: var(--scf-sea-glass);
}

.scf-button {
  display: inline-block;
  padding: 15px 26px;
  border-radius: 3px;
  background: var(--scf-coral);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 767px) {
  .scf-home-hero h1 {
    font-size: 44px;
  }

  .scf-home-about h2 {
    font-size: 40px;
  }
}

.scf-resource-837,
.scf-resource-839,
.scf-resource-841,
.scf-resource-843,
.scf-resource-845,
.scf-resource-847 {
  background: var(--scf-sand) !important;
}

.scf-resource-837 header,
.scf-resource-839 header,
.scf-resource-841 header,
.scf-resource-843 header,
.scf-resource-845 header,
.scf-resource-847 header {
  background: var(--scf-navy) !important;
}

.scf-resource-content {
  background: #fff !important;
  border: 1px solid var(--scf-border) !important;
  border-top: 4px solid var(--scf-sea-glass) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 38px rgb(7 48 78 / 10%) !important;
}

.scf-resource-content h2,
.scf-resource-content h3 {
  color: var(--scf-navy) !important;
}

.scf-resource-content p,
.scf-resource-content li {
  color: var(--scf-slate) !important;
  line-height: 1.72 !important;
}

.scf-resource-content > a:last-child {
  display: inline-block;
  padding: 13px 22px;
  color: #fff !important;
  background: var(--scf-coral);
  border-radius: 4px;
  text-decoration: none;
}

body.page-id-827 .entry-title,
body.page-id-827 .page-title {
  display: none !important;
}

@media (max-width: 767px) {
  .scf-resource-837,
  .scf-resource-839,
  .scf-resource-841,
  .scf-resource-843,
  .scf-resource-845,
  .scf-resource-847 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .scf-resource-content {
    margin-top: -28px !important;
    padding: 28px 24px !important;
  }
}