/**
 * Compact consultation booking pages — short hero so the calendar is above the fold.
 *
 * @package Divi_Child_Theme
 */

.wdi-consultation-page section.wdi-consultation-page-hero.hero-section,
body.page-template-consultation-page-template-php section.hero-section.wdi-consultation-page-hero {
  min-height: 0 !important;
  height: auto !important;
  max-height: none;
  /* Top clears fixed header; keep bottom tight so calendar is near first paint. */
  padding: 100px 0 18px !important;
  display: flex;
  align-items: center;
}

.wdi-consultation-page section.wdi-consultation-page-hero .container-home,
body.page-template-consultation-page-template-php
  section.wdi-consultation-page-hero
  .container-home {
  display: block !important;
  width: 100%;
}

.wdi-consultation-page section.wdi-consultation-page-hero .pric-hero,
body.page-template-consultation-page-template-php
  section.wdi-consultation-page-hero
  .pric-hero {
  width: min(720px, 94%);
  margin: 0 auto;
  text-align: center;
}

.wdi-consultation-page section.wdi-consultation-page-hero .sub-pric-head,
body.page-template-consultation-page-template-php
  section.wdi-consultation-page-hero
  .sub-pric-head {
  margin-bottom: 8px;
  font-size: 13px;
  letter-spacing: 1.5px;
}

.wdi-consultation-page section.wdi-consultation-page-hero .pric-main-head,
body.page-template-consultation-page-template-php
  section.wdi-consultation-page-hero
  .pric-main-head,
.wdi-consultation-page section.wdi-consultation-page-hero h1.pric-main-head,
body.page-template-consultation-page-template-php
  section.wdi-consultation-page-hero
  h1.pric-main-head {
  font-size: clamp(28px, 3.6vw, 40px) !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
}

.wdi-consultation-page section.wdi-consultation-page-hero .pric-para,
body.page-template-consultation-page-template-php
  section.wdi-consultation-page-hero
  .pric-para {
  font-size: 16px !important;
  line-height: 1.45 !important;
  margin: 0 auto !important;
  max-width: 40rem;
}

.wdi-consultation-page .hub-sec-main {
  padding-top: 16px !important;
  padding-bottom: 40px !important;
}

.wdi-consultation-page .hub-sec-main .hub-sp-head {
  margin: 0 0 12px;
  font-size: 20px;
}

.wdi-consultation-page .hubspot-box,
.wdi-consultation-page .meetings-iframe-container {
  max-width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 980px) {
  .wdi-consultation-page section.wdi-consultation-page-hero.hero-section,
  body.page-template-consultation-page-template-php
    section.hero-section.wdi-consultation-page-hero {
    padding: 92px 0 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .wdi-consultation-page section.wdi-consultation-page-hero.hero-section,
  body.page-template-consultation-page-template-php
    section.hero-section.wdi-consultation-page-hero {
    padding: 84px 0 14px !important;
  }

  .wdi-consultation-page section.wdi-consultation-page-hero .pric-para,
  body.page-template-consultation-page-template-php
    section.wdi-consultation-page-hero
    .pric-para {
    font-size: 15px !important;
  }
}