/* ===== Service Page: Base ===== */


/* Headings */
.page-node-type-service-page .main-container .block-title,
.page-node-type-service-page .main-container h2,
.page-node-type-service-page .main-container h3 {
  font-weight: 700;
  letter-spacing: .2px;
  margin: 0 0 .75rem;
}
.page-node-type-service-page .page-title {
    background-image: url(/themes/subtheme/images/hvac-service.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center;
}
.page-node-type-service-page .page-title h1 {
    background: rgba(11, 11, 11, 0.35);
    padding: 10% 15px;margin:0;color:white;
}
/* Spacing helpers for top-level blocks */
.page-node-type-service-page .main-container .block {
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .page-node-type-service-page .main-container .block {
    margin-bottom: 2.5rem;
  }
}

/* ===== Featured Image (Hero) ===== */
/* Make the hero image bleed full-width while content stays boxed */
.page-node-type-service-page .field--name-field-featured-image .field--item {
  margin: 0; padding: 0;
}

/* Optional subtle overlay and title area; remove if not needed */
.page-node-type-service-page .field--name-field-featured-image .field--item {
  position: relative;
}
.page-node-type-service-page .field--name-field-featured-image .field--item::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,0) 40%, rgba(0,0,0,.25));
  pointer-events: none;
}

/* ===== Body Text ===== */
.page-node-type-service-page .field--name-body p {
  margin: 0 0 1rem;
}




/* Intro headline above form */
.page-node-type-service-page #edit-intro h2 {
  text-align: center;
  margin: 0 0 .75rem;
}

/* ===== Layout Tweaks for the Bootstrap Regions ===== */
.page-node-type-service-page .bs-region--top,
.page-node-type-service-page .bs-region--bottom {
  padding-left: 0; padding-right: 0;
}
@media (min-width: 768px) {
  .page-node-type-service-page .bs-region--top,
  .page-node-type-service-page .bs-region--bottom {
    padding-left: 15px; padding-right: 15px;
  }
}

/* ===== Utilities ===== */
.u-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}

/* Reduce default Drupal block headers visual noise */
.page-node-type-service-page .main-container .block .block-title {
  line-height: 0;
  margin: 0;
}

