/*
 * Final layout owner for all industry audio rows. This is deliberately loaded
 * after page accents so card count and grid behaviour cannot depend on CSS
 * enqueue order or legacy Divi column rules.
 */
#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid,
#main-content .ohvo-industry-demo-section .voicemail-list {
  display: grid !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 24px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#main-content .ohvo-industry-demo-section .voicemail-list,
#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 760px;
  margin-right: auto !important;
  margin-left: auto !important;
}

#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-one {
  grid-template-columns: minmax(0, 360px);
  justify-content: center;
}

#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid > .et_pb_audio_module,
#main-content .ohvo-industry-demo-section .voicemail-list > .et_pb_audio_module {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0;
  max-width: none;
  min-height: 210px;
  height: 100%;
  margin: 0 !important;
  padding: 26px 22px 24px !important;
  border: 1px solid #eef1e8;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .045);
}

#main-content .ohvo-industry-demo-section .slick-dots,
#main-content .ohvo-industry-demo-section .slick-dots li,
#main-content .ohvo-industry-demo-section .slick-dots button {
  display: none !important;
}

#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid .et_pb_audio_cover_art,
#main-content .ohvo-industry-demo-section .voicemail-list .et_pb_audio_cover_art {
  position: static !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: 72px !important;
  margin: 0 auto 14px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

#main-content .ohvo-industry-demo-section .ohvo-demo-no-logo .et_pb_audio_cover_art {
  display: none !important;
}

#main-content .ohvo-industry-demo-section .ohvo-demo-no-logo .et_audio_container {
  padding-top: 36px !important;
}

#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid .et_audio_container,
#main-content .ohvo-industry-demo-section .voicemail-list .et_audio_container {
  margin: 0 !important;
  padding: 0 !important;
}

#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid .et_pb_audio_module_content,
#main-content .ohvo-industry-demo-section .voicemail-list .et_pb_audio_module_content {
  padding: 0 !important;
}

#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid h2,
#main-content .ohvo-industry-demo-section .voicemail-list h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin: 0 0 6px !important;
  color: #111111 !important;
  font-family: SFProDisplay-Heavy, SFProDisplay-Regular, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

#main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid .et_audio_module_meta,
#main-content .ohvo-industry-demo-section .voicemail-list .et_audio_module_meta {
  margin: 0 0 15px !important;
  color: #8b8b8b !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

@media (min-width: 1200px) {
  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 981px) and (max-width: 1199px) {
  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-five {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-five > .et_pb_audio_module:nth-child(5):last-child {
    grid-column: 2;
  }
}

@media (max-width: 980px) {
  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid,
  #main-content .ohvo-industry-demo-section .voicemail-list,
  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-four,
  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-five {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid,
  #main-content .ohvo-industry-demo-section .voicemail-list,
  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-two,
  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-four,
  #main-content .ohvo-industry-demo-section .ohvo-industry-demo-grid-five {
    grid-template-columns: minmax(0, 360px);
    justify-content: center;
    gap: 14px !important;
    max-width: none;
  }
}

/*
 * Medical predates the newer industry demo markup. Divi can output stronger
 * column/module rules on that page, so keep this scoped compatibility block at
 * the end of the guard file.
 */
body.page-id-139560 #et-boc #main-content .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list,
body.page-id-139560 #main-content .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list,
body.page-id-139560 #et-boc .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list,
body.page-id-139560 .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list {
  display: grid !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 24px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.page-id-139560 #et-boc #main-content .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list > .et_pb_audio_module,
body.page-id-139560 #main-content .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list > .et_pb_audio_module,
body.page-id-139560 #et-boc .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list > .et_pb_audio_module,
body.page-id-139560 .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list > .et_pb_audio_module {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

@media (max-width: 980px) {
  body.page-id-139560 #et-boc #main-content .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list,
  body.page-id-139560 #main-content .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list,
  body.page-id-139560 #et-boc .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list,
  body.page-id-139560 .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.page-id-139560 #et-boc #main-content .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list,
  body.page-id-139560 #main-content .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list,
  body.page-id-139560 #et-boc .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list,
  body.page-id-139560 .et_pb_section.ohvo-industry-demo-section .et_pb_column.voicemail-list {
    grid-template-columns: minmax(0, 360px) !important;
    justify-content: center;
    gap: 14px !important;
  }
}

/*
 * Some OHVO blank-page templates render without #main-content. Keep these
 * wrapper-independent selectors last so the card styling still wins.
 */
.ohvo-industry-demo-section .ohvo-industry-demo-grid,
.ohvo-industry-demo-section .voicemail-list {
  display: grid !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 24px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ohvo-industry-demo-section .voicemail-list,
.ohvo-industry-demo-section .ohvo-industry-demo-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ohvo-industry-demo-section .ohvo-industry-demo-grid-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 760px;
  margin-right: auto !important;
  margin-left: auto !important;
}

.ohvo-industry-demo-section .ohvo-industry-demo-grid > .et_pb_audio_module,
.ohvo-industry-demo-section .voicemail-list > .et_pb_audio_module {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 210px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 26px 22px 24px !important;
  border: 1px solid #eef1e8 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .045) !important;
}

.ohvo-industry-demo-section .ohvo-industry-demo-grid .et_pb_audio_cover_art,
.ohvo-industry-demo-section .voicemail-list .et_pb_audio_cover_art {
  position: static !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: 72px !important;
  margin: 0 auto 14px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

.ohvo-industry-demo-section .ohvo-industry-demo-grid .et_audio_container,
.ohvo-industry-demo-section .voicemail-list .et_audio_container,
.ohvo-industry-demo-section .ohvo-industry-demo-grid .et_pb_audio_module_content,
.ohvo-industry-demo-section .voicemail-list .et_pb_audio_module_content {
  margin: 0 !important;
  padding: 0 !important;
}

.ohvo-industry-demo-section .ohvo-industry-demo-grid h2,
.ohvo-industry-demo-section .voicemail-list h2 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  margin: 0 0 6px !important;
  color: #111111 !important;
  font-family: SFProDisplay-Heavy, SFProDisplay-Regular, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

.ohvo-industry-demo-section .ohvo-industry-demo-grid .et_audio_module_meta,
.ohvo-industry-demo-section .voicemail-list .et_audio_module_meta {
  margin: 0 0 15px !important;
  color: #8b8b8b !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-container {
  width: 100% !important;
  max-width: 206px !important;
  height: 34px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  background: transparent !important;
  overflow: visible !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-controls {
  position: static !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 11px !important;
  width: 100% !important;
  height: 34px !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-button.mejs-playpause-button {
  display: block !important;
  grid-column: 1 !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-button button {
  position: relative !important;
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #8db424 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-button.mejs-playpause-button button::before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 8px !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 6px solid transparent !important;
  border-bottom: 6px solid transparent !important;
  border-left: 8px solid #ffffff !important;
  margin: 0 !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-button.mejs-pause button::before,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-button.mejs-pause button::after {
  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  width: 4px !important;
  height: 12px !important;
  border: 0 !important;
  border-radius: 1px !important;
  background: #ffffff !important;
  margin: 0 !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-button.mejs-pause button::before {
  left: 9px !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-button.mejs-pause button::after {
  left: 15px !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time-rail {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 34px !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time-rail .mejs-time-total {
  width: 100% !important;
  margin: 15px 0 0 !important;
  background: #dfe2dc !important;
  height: 3px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time-rail .mejs-time-loaded,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time-rail .mejs-time-current {
  height: 4px !important;
  border-radius: 999px !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time-rail .mejs-time-current {
  background: #8db424 !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time-rail .mejs-time-loaded {
  background: #c9cec4 !important;
}

.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time-handle,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time-handle-content,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-time-float,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-volume-button,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-horizontal-volume-slider,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-horizontal-volume-total,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-horizontal-volume-current,
.ohvo-industry-demo-section .ohvo-demo-audio .mejs-horizontal-volume-handle {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 980px) {
  .ohvo-industry-demo-section .ohvo-industry-demo-grid,
  .ohvo-industry-demo-section .voicemail-list,
  .ohvo-industry-demo-section .ohvo-industry-demo-grid-four,
  .ohvo-industry-demo-section .ohvo-industry-demo-grid-five {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ohvo-industry-demo-section .ohvo-industry-demo-grid,
  .ohvo-industry-demo-section .voicemail-list,
  .ohvo-industry-demo-section .ohvo-industry-demo-grid-two,
  .ohvo-industry-demo-section .ohvo-industry-demo-grid-four,
  .ohvo-industry-demo-section .ohvo-industry-demo-grid-five {
    grid-template-columns: minmax(0, 360px);
    justify-content: center;
    gap: 14px !important;
    max-width: none;
  }
}