/* OHVO voicemail greetings page refresh - staging May 2026.
 *
 * Live migration note:
 * Copy this file to:
 * wp-content/themes/ohvo-child/css/ohvo-voicemail-service.css
 * and copy the matching functions.php enqueue block. Divi page export/import
 * alone will not carry this CSS.
 */
.page-id-192 {
  --ohvo-green: #8ead2d;
  --ohvo-black: #111;
  --ohvo-text: #565656;
  --ohvo-soft: #f7f8f2;
  --ohvo-line: #e7eadf;
  background: #fff !important;
}

.page-id-192 #main-content,
.page-id-192 #page-container {
  overflow-x: hidden;
}

.page-id-192 .ohvo-vm-section {
  padding: 86px 0 !important;
  background: #fff !important;
}

.page-id-192 .ohvo-vm-hero {
  padding: 74px 0 68px !important;
}

.page-id-192 .ohvo-vm-section-soft {
  background: var(--ohvo-soft) !important;
}

.page-id-192 .ohvo-vm-row {
  width: 88% !important;
  max-width: 1180px !important;
}

.page-id-192 .ohvo-vm-hero .et_pb_row {
  display: flex;
  align-items: center;
  gap: 52px;
}

.page-id-192 .ohvo-vm-copy,
.page-id-192 .ohvo-vm-copy p,
.page-id-192 .ohvo-vm-copy li {
  color: var(--ohvo-text) !important;
  font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif !important;
}

.page-id-192 .ohvo-vm-kicker,
.page-id-192 .ohvo-vm-copy p.ohvo-vm-kicker,
.page-id-192 .ohvo-vm-card-kicker {
  display: block !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: var(--ohvo-green) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
  text-indent: .22em !important;
  text-transform: uppercase !important;
}

.page-id-192 .ohvo-vm-copy h1,
.page-id-192 .ohvo-vm-copy h2,
.page-id-192 .ohvo-vm-copy h3,
.page-id-192 .ohvo-vm-card h3,
.page-id-192 .ohvo-vm-price-card h3 {
  color: var(--ohvo-black) !important;
  font-family: SFProDisplay-Heavy, Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.page-id-192 .ohvo-vm-copy h1 {
  max-width: 760px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  font-size: 52px !important;
  line-height: 1.05 !important;
}

.page-id-192 .ohvo-vm-copy h2 {
  max-width: 780px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  font-size: 38px !important;
  line-height: 1.1 !important;
}

.page-id-192 .ohvo-vm-copy p {
  max-width: 760px !important;
  margin: 0 0 16px !important;
  font-size: 18px !important;
  line-height: 1.52 !important;
}

.page-id-192 .ohvo-vm-center,
.page-id-192 .ohvo-vm-center .et_pb_text_inner {
  text-align: center !important;
}

.page-id-192 .ohvo-vm-center h2,
.page-id-192 .ohvo-vm-center p {
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-id-192 .ohvo-vm-hero-image {
  text-align: center !important;
}

.page-id-192 .ohvo-vm-hero-image img {
  width: min(400px, 100%) !important;
  max-width: 400px !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 24px 42px rgba(0, 0, 0, .055));
}

.page-id-192 .ohvo-vm-trust-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  max-width: 760px;
  margin-top: 22px;
}

.page-id-192 .ohvo-vm-trust-pills span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid rgba(142, 173, 45, .24);
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-size: 16px;
  line-height: 1.12;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .025);
}

.page-id-192 .ohvo-vm-trust-pills strong {
  color: var(--ohvo-green);
  font-weight: 800;
  margin-right: 6px;
}

.page-id-192 .ohvo-vm-btn-primary,
.page-id-192 .ohvo-vm-btn-secondary {
  display: inline-block !important;
}

.page-id-192 .ohvo-vm-hero .et_pb_button_module_wrapper {
  display: inline-block !important;
  width: auto !important;
  margin: 18px 14px 0 0 !important;
  vertical-align: top !important;
}

.page-id-192 .ohvo-vm-btn-primary .et_pb_button,
.page-id-192 .ohvo-vm-btn-secondary .et_pb_button,
.page-id-192 .et_pb_button.ohvo-vm-btn-primary,
.page-id-192 .et_pb_button.ohvo-vm-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 164px !important;
  min-height: 52px !important;
  padding: 14px 22px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.page-id-192 .ohvo-vm-btn-primary .et_pb_button,
.page-id-192 .et_pb_button.ohvo-vm-btn-primary {
  background: var(--ohvo-green) !important;
  border: 2px solid var(--ohvo-green) !important;
  color: #fff !important;
}

.page-id-192 .ohvo-vm-btn-secondary .et_pb_button,
.page-id-192 .et_pb_button.ohvo-vm-btn-secondary {
  background: #fff !important;
  border: 2px solid var(--ohvo-green) !important;
  color: #111 !important;
}

.page-id-192 .ohvo-vm-btn-secondary .et_pb_button:hover,
.page-id-192 .ohvo-vm-btn-secondary .et_pb_button:focus-visible,
.page-id-192 .et_pb_button.ohvo-vm-btn-secondary:hover,
.page-id-192 .et_pb_button.ohvo-vm-btn-secondary:focus-visible {
  background: #fff !important;
  border-color: var(--ohvo-green) !important;
  color: #111 !important;
}

.page-id-192 .ohvo-vm-demos .et_pb_text_inner {
  text-align: center !important;
}

.page-id-192 .ohvo-vm-demos h2 {
  margin: 0 0 14px !important;
  color: #111 !important;
  font-family: SFProDisplay-Heavy, Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 38px !important;
  line-height: 1.1 !important;
}

.page-id-192 .ohvo-vm-demos p {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--ohvo-text) !important;
  font-size: 18px !important;
}

.page-id-192 .ohvo-vm-price-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px !important;
}

.page-id-192 .ohvo-vm-price-grid::after {
  display: none !important;
}

.page-id-192 .ohvo-vm-price-grid .et_pb_column {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.page-id-192 .ohvo-vm-card,
.page-id-192 .ohvo-vm-price-card {
  height: 100%;
  padding: 34px;
  border: 1px solid var(--ohvo-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 55px rgba(0, 0, 0, .04);
}

.page-id-192 .ohvo-vm-price-card {
  padding: 40px;
  text-align: center;
}

.page-id-192 .ohvo-vm-price-card .et_pb_text_inner,
.page-id-192 .ohvo-vm-price-card h3,
.page-id-192 .ohvo-vm-price-card p,
.page-id-192 .ohvo-vm-price,
.page-id-192 .ohvo-vm-price-note {
  text-align: center !important;
}

.page-id-192 .ohvo-vm-price-card h3,
.page-id-192 .ohvo-vm-price,
.page-id-192 .ohvo-vm-price-note {
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-id-192 .ohvo-vm-price-grid .et_pb_column:first-child .ohvo-vm-price-card {
  border-color: rgba(142, 173, 45, .34);
}

.page-id-192 .ohvo-vm-price-card-accent {
  border-color: var(--ohvo-line);
  background: #fff;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .03);
}

.page-id-192 .ohvo-vm-price {
  margin: 0 0 18px !important;
  color: #111 !important;
  font-family: SFProDisplay-Heavy, Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 54px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.page-id-192 .ohvo-vm-tax-suffix {
  display: inline-block;
  margin-left: 8px;
  color: #8a8a8a;
  font-family: SFProText-Regular, Helvetica, Arial, Lucida, sans-serif !important;
  font-size: .38em;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0;
  vertical-align: middle;
  white-space: nowrap;
}

.page-id-192 .ohvo-vm-price-note {
  max-width: 330px !important;
  margin: -8px auto 18px !important;
  color: #7b7b7b !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.page-id-192 .ohvo-vm-list {
  display: grid;
  gap: 11px;
  margin: 22px 0 0 !important;
  max-width: 440px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left;
}

.page-id-192 .ohvo-vm-list li {
  position: relative;
  padding-left: 27px;
  color: #111;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
}

.page-id-192 .ohvo-vm-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: .55em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ohvo-green);
}

.page-id-192 .ohvo-vm-benefit-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px !important;
}

.page-id-192 .ohvo-vm-benefit-grid::after {
  display: none !important;
}

.page-id-192 .ohvo-vm-benefit-grid .et_pb_column {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.page-id-192 .ohvo-vm-card h3 {
  margin: 0 0 12px !important;
  font-size: 25px !important;
  line-height: 1.16 !important;
}

.page-id-192 .ohvo-vm-card p {
  margin: 0 !important;
  color: var(--ohvo-text) !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}

.page-id-192 .ohvo-vm-legacy-hidden {
  display: none !important;
}

.page-id-192 #zs-fl-tip,
.page-id-192 .zsiq-float-tooltip {
  display: none !important;
}

@media (max-width: 980px) {
  .page-id-192 .ohvo-vm-hero .et_pb_row {
    display: block !important;
  }

  .page-id-192 .ohvo-vm-section {
    padding: 72px 0 !important;
  }

  .page-id-192 .ohvo-vm-copy,
  .page-id-192 .ohvo-vm-copy h1,
  .page-id-192 .ohvo-vm-copy h2,
  .page-id-192 .ohvo-vm-copy p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-id-192 .ohvo-vm-copy h1 {
    font-size: 38px !important;
    line-height: 1.08 !important;
  }

  .page-id-192 .ohvo-vm-price-grid,
  .page-id-192 .ohvo-vm-benefit-grid {
    grid-template-columns: 1fr !important;
  }

  .page-id-192 .ohvo-vm-trust-pills {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 640px) {
  .page-id-192,
  .page-id-192 #page-container,
  .page-id-192 #main-content {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .page-id-192 #main-content .et_pb_section,
  .page-id-192 #main-content .et_pb_row,
  .page-id-192 #main-content .et_pb_column,
  .page-id-192 #main-content .et_pb_module,
  .page-id-192 #main-content .et_pb_text_inner {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .page-id-192 .ohvo-vm-section {
    padding: 54px 0 !important;
  }

  .page-id-192 .ohvo-vm-row {
    width: min(88%, calc(100% - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-id-192 #main-content .et_pb_column {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .page-id-192 .ohvo-vm-copy h1,
  .page-id-192 .ohvo-vm-copy h2 {
    max-width: 100% !important;
    font-size: 29px !important;
    line-height: 1.1 !important;
    overflow-wrap: normal !important;
  }

  .page-id-192 .ohvo-vm-copy p {
    max-width: 100% !important;
    font-size: 17px !important;
    line-height: 1.48 !important;
  }

  .page-id-192 .ohvo-vm-hero .et_pb_button_module_wrapper {
    display: block !important;
    width: 100% !important;
    margin: 13px auto 0 !important;
    text-align: center !important;
  }

  .page-id-192 .ohvo-vm-btn-primary .et_pb_button,
  .page-id-192 .ohvo-vm-btn-secondary .et_pb_button,
  .page-id-192 .et_pb_button.ohvo-vm-btn-primary,
  .page-id-192 .et_pb_button.ohvo-vm-btn-secondary {
    width: 100% !important;
    max-width: 310px !important;
    min-height: 54px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-id-192 .ohvo-vm-trust-pills {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
    max-width: 100%;
  }

  .page-id-192 .ohvo-vm-trust-pills span {
    justify-content: center;
    min-height: 44px;
    padding: 8px 10px;
    font-size: 14px;
    white-space: normal;
    text-align: center;
  }

  .page-id-192 .ohvo-vm-trust-pills span:nth-child(3) {
    grid-column: 1 / -1;
  }

  .page-id-192 .ohvo-vm-trust-pills span:nth-child(4) {
    display: none;
  }

  .page-id-192 .ohvo-vm-hero-image img {
    max-width: 220px !important;
    margin-top: 22px !important;
  }

  .page-id-192 .ohvo-vm-card,
  .page-id-192 .ohvo-vm-price-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 28px !important;
  }

  .page-id-192 .ohvo-vm-price {
    font-size: 44px !important;
  }

  /*
   * Voicemail page demo-card tidy - staging May 2026.
   * Keeps the inherited Divi audio carousel closer to the new OHVO service
   * page rhythm on mobile without touching the preserved global module.
   */
  .page-id-192 #voicemail-demos .voicemail-item {
    max-width: 310px !important;
    min-height: 0 !important;
    margin-bottom: 18px !important;
    border-radius: 18px !important;
  }

  .page-id-192 #voicemail-demos .voicemail-item .et_pb_audio_cover_art {
    width: 150px !important;
    height: 62px !important;
    margin: 18px auto 8px !important;
  }

  .page-id-192 #voicemail-demos .voicemail-item .et_audio_container,
  .page-id-192 #voicemail-demos .voicemail-item .et_pb_audio_module_content {
    padding: 22px 26px 24px !important;
  }

  .page-id-192 #voicemail-demos .voicemail-item .et_pb_module_header {
    margin-bottom: 12px !important;
    padding-bottom: 6px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  .page-id-192 #zsiq_float,
  .page-id-192 #zsiq_chat_wrap,
  .page-id-192 .zsiq_floatmain,
  .page-id-192 [class*="slide-in__PositionContainer"] {
    display: none !important;
  }
}

/*
 * Voicemail page final polish - staging May 2026.
 *
 * Live migration note:
 * Keep this block with wp-content/themes/ohvo-child/css/ohvo-voicemail-service.css
 * on live. It is page-scoped because the pricing note is a preserved Divi
 * global item and the demo carousel is shared.
 */
.page-id-192 #voicemail-demos .voicemail-item {
  box-sizing: border-box !important;
  padding-bottom: 30px !important;
}

.page-id-192 #voicemail-demos .voicemail-item .et_audio_container,
.page-id-192 #voicemail-demos .voicemail-item .et_pb_audio_module_content {
  padding-bottom: 30px !important;
}

.page-id-192 #voicemail-demos .voicemail-item .mejs-container {
  margin-bottom: 0 !important;
}

.page-id-192 .ohvo-vm-section-soft .ohvo-vm-center {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  float: none !important;
  text-align: center !important;
}

.page-id-192 .ohvo-vm-section-soft .ohvo-vm-center .ohvo-vm-kicker {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.page-id-192 .ohvo-vm-section-soft .ohvo-vm-center .et_pb_text_inner {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.page-id-192 .ohvo-vm-section-soft .ohvo-vm-center h2,
.page-id-192 .ohvo-vm-section-soft .ohvo-vm-center p {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.page-id-192 .ohvo-vm-section-soft .ohvo-vm-center h2 {
  max-width: 780px !important;
  text-wrap: balance;
}

.page-id-192 .ohvo-vm-section-soft .ohvo-vm-center p {
  max-width: 720px !important;
  text-wrap: pretty;
}

.page-id-192 .ohvo-vm-benefit-grid {
  width: 88% !important;
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 22px !important;
}

.page-id-192 .ohvo-vm-benefit-grid .ohvo-vm-card {
  display: flex !important;
  min-height: 206px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 42px 52px !important;
  text-align: center !important;
}

.page-id-192 .ohvo-vm-benefit-grid .ohvo-vm-card .et_pb_text_inner {
  display: flex !important;
  width: 100% !important;
  min-height: 100% !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.page-id-192 .ohvo-vm-benefit-grid .ohvo-vm-card h3,
.page-id-192 .ohvo-vm-benefit-grid .ohvo-vm-card p {
  max-width: 390px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  text-wrap: balance;
}

.page-id-192 .ohvo-vm-benefit-grid .ohvo-vm-card p {
  margin-top: 10px !important;
}

.page-id-192 .ohvo-vm-single-greeting-note {
  width: 88% !important;
  max-width: 760px !important;
  margin: 34px auto 44px !important;
  padding: 0 !important;
  border: 1px solid rgba(142, 173, 45, .22) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(17, 17, 17, .045) !important;
}

.page-id-192 .ohvo-vm-single-greeting-note .et_pb_column,
.page-id-192 .ohvo-vm-single-greeting-note .et_pb_text {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page-id-192 .ohvo-vm-single-greeting-note .et_pb_text_inner {
  padding: 21px 30px !important;
}

.page-id-192 .ohvo-vm-single-greeting-note p {
  margin: 0 !important;
  color: var(--ohvo-text) !important;
  font-size: 15.5px !important;
  line-height: 1.48 !important;
  text-align: center !important;
}

.page-id-192 #get_qute_btn {
  display: inline-block !important;
  width: auto !important;
  padding-right: 0 !important;
  margin-top: 24px !important;
}

.page-id-192 #get_qute_btn .et_pb_button,
.page-id-192 .et_pb_button#get_qute_btn,
.page-id-192 a#get_qute_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 172px !important;
  min-height: 52px !important;
  padding: 14px 28px !important;
  border: 2px solid var(--ohvo-green) !important;
  border-radius: 999px !important;
  background: var(--ohvo-green) !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  box-shadow: none !important;
}

.page-id-192 #get_qute_btn .et_pb_button::after,
.page-id-192 .et_pb_button#get_qute_btn::after,
.page-id-192 a#get_qute_btn::after {
  display: none !important;
}

.page-id-192 #get_qute_btn .et_pb_button:hover,
.page-id-192 #get_qute_btn .et_pb_button:focus-visible,
.page-id-192 .et_pb_button#get_qute_btn:hover,
.page-id-192 .et_pb_button#get_qute_btn:focus-visible,
.page-id-192 a#get_qute_btn:hover,
.page-id-192 a#get_qute_btn:focus-visible {
  background: #7f9f24 !important;
  border-color: #7f9f24 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.page-id-192 .elfsight-app-b355a3bf-7e8a-4308-93c9-0c773a89b386,
.page-id-192 [class*="elfsight-app-b355a3bf-7e8a-4308-93c9-0c773a89b386"],
.page-id-192 [class*="eapps-google-reviews"],
.page-id-192 [class*="elfsight"] iframe,
.page-id-192 iframe[src*="elfsight"],
.page-id-192 iframe[title*="Google Reviews"] {
  display: none !important;
}

@media (max-width: 980px) {
  .page-id-192 .ohvo-vm-benefit-grid {
    max-width: 560px !important;
  }
}

@media (max-width: 640px) {
  .page-id-192 #voicemail-demos .voicemail-item {
    padding-bottom: 34px !important;
  }

  .page-id-192 #voicemail-demos .voicemail-item .et_audio_container,
  .page-id-192 #voicemail-demos .voicemail-item .et_pb_audio_module_content {
    padding-bottom: 34px !important;
  }

  .page-id-192 .ohvo-vm-benefit-grid .ohvo-vm-card {
    min-height: 0 !important;
    padding: 32px 28px !important;
  }

  .page-id-192 .ohvo-vm-benefit-grid .ohvo-vm-card h3,
  .page-id-192 .ohvo-vm-benefit-grid .ohvo-vm-card p {
    max-width: 285px !important;
  }

  .page-id-192 .ohvo-vm-single-greeting-note {
    border-radius: 20px !important;
    margin-top: 32px !important;
    margin-bottom: 34px !important;
    max-width: calc(100vw - 48px) !important;
  }

  .page-id-192 .ohvo-vm-single-greeting-note .et_pb_text_inner {
    padding: 18px 20px !important;
  }

  .page-id-192 .ohvo-vm-single-greeting-note p {
    font-size: 15px !important;
  }

  .page-id-192 #get_qute_btn {
    display: block !important;
    width: 100% !important;
    max-width: 310px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .page-id-192 #get_qute_btn .et_pb_button,
  .page-id-192 .et_pb_button#get_qute_btn,
  .page-id-192 a#get_qute_btn {
    width: 100% !important;
    max-width: 310px !important;
  }

}