/* Contact/page-specific overrides that are easiest to tweak separately. */
:root {
  --lce-shell-max: 1200px;
  --lce-shell-pad: clamp(20px, 4vw, 64px);
}

body.home .wp-site-blocks main .lce-home-contact-section,
body.front-page .wp-site-blocks main .lce-home-contact-section,
body.home .wp-site-blocks main .wp-block-group.alignfull.has-surface-high-background-color.has-background:has(.lce-hours-card),
body.front-page .wp-site-blocks main .wp-block-group.alignfull.has-surface-high-background-color.has-background:has(.lce-hours-card) {
  box-sizing: border-box !important;
  padding-left: var(--lce-shell-pad) !important;
  padding-right: var(--lce-shell-pad) !important;
}

body.home .wp-site-blocks main .lce-home-contact-section > .wp-block-columns,
body.front-page .wp-site-blocks main .lce-home-contact-section > .wp-block-columns,
body.home .wp-site-blocks main .wp-block-group.alignfull.has-surface-high-background-color.has-background:has(.lce-hours-card) > .wp-block-columns,
body.front-page .wp-site-blocks main .wp-block-group.alignfull.has-surface-high-background-color.has-background:has(.lce-hours-card) > .wp-block-columns {
  max-width: var(--lce-shell-max) !important;
  width: 100% !important;
}

@media (max-width: 1180px) {
  body.home .wp-site-blocks main .wp-block-group.alignfull.has-surface-high-background-color.has-background > .wp-block-columns,
  body.front-page .wp-site-blocks main .wp-block-group.alignfull.has-surface-high-background-color.has-background > .wp-block-columns,
  body.home .wp-site-blocks main .lce-home-contact-section > .wp-block-columns,
  body.front-page .wp-site-blocks main .lce-home-contact-section > .wp-block-columns {
    grid-template-columns: 1fr !important;
    width: min(1200px, calc(100vw - 40px)) !important;
  }
}

@media (max-width: 520px) {
  body.home .wp-site-blocks main .lce-home-contact-section > .wp-block-columns,
  body.front-page .wp-site-blocks main .lce-home-contact-section > .wp-block-columns {
    width: min(1200px, calc(100vw - 28px)) !important;
  }

  body.home .wp-site-blocks main .lce-home-contact-section .wp-block-media-text,
  body.front-page .wp-site-blocks main .lce-home-contact-section .wp-block-media-text {
    display: block !important;
  }

  body.home .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__media,
  body.front-page .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__media {
    margin-bottom: 8px;
    min-width: 0 !important;
    width: 44px !important;
  }

  body.home .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__content,
  body.front-page .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__content {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.home .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__content p,
  body.front-page .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__content p {
    width: 100% !important;
  }
}

@media (max-width: 980px) {
  body.home .wp-site-blocks main .lce-home-contact-section .wp-block-media-text,
  body.front-page .wp-site-blocks main .lce-home-contact-section .wp-block-media-text {
    grid-template-columns: 1fr !important;
  }

  body.home .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__media,
  body.front-page .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__media {
    margin-bottom: 6px;
  }

  body.home .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__content,
  body.front-page .wp-site-blocks main .lce-home-contact-section .wp-block-media-text__content {
    min-width: 0 !important;
  }
}