@media (max-width: 781px) {
  .wp-site-blocks .wp-block-navigation__responsive-container-open,
  .wp-site-blocks .wp-block-navigation__responsive-container-close {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  header.wp-block-template-part .wp-block-site-title a,
  footer.wp-block-template-part .wp-block-site-title a,
  .wp-site-blocks .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  footer.wp-block-template-part .wp-block-navigation-item__content,
  .wp-site-blocks .wp-block-button__link,
  #nighttime-benders p.has-small-font-size > a {
    min-height: 44px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
  }

  .wp-site-blocks .wp-block-button__link {
    justify-content: center;
  }

  .wp-site-blocks .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  footer.wp-block-template-part .wp-block-navigation-item__content {
    min-width: 44px;
  }

  footer.wp-block-template-part .wp-social-link,
  footer.wp-block-template-part .wp-block-social-link-anchor {
    width: 44px;
    height: 44px;
  }
}

/* Current page indicator */
header.wp-block-template-part .wp-block-navigation-item__content[aria-current="page"],
header.wp-block-template-part .current-menu-ancestor > .wp-block-navigation-item__content {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.32em;
  text-decoration-color: currentColor;
}
@media (max-width: 781px) {
  .wp-site-blocks .wp-block-navigation__responsive-container-open,
  .wp-site-blocks .wp-block-navigation__responsive-container-close {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  header.wp-block-template-part .wp-block-site-title a,
  footer.wp-block-template-part .wp-block-site-title a,
  .wp-site-blocks .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  footer.wp-block-template-part .wp-block-navigation-item__content,
  .wp-site-blocks .wp-block-button__link,
  #nighttime-benders p.has-small-font-size > a {
    min-height: 44px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
  }

  .wp-site-blocks .wp-block-button__link {
    justify-content: center;
  }

  .wp-site-blocks .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  footer.wp-block-template-part .wp-block-navigation-item__content {
    min-width: 44px;
  }

  footer.wp-block-template-part .wp-social-link,
  footer.wp-block-template-part .wp-block-social-link-anchor {
    width: 44px;
    height: 44px;
  }
}
/* DTJB BRAND SYSTEM V1 */
:root {
  --dtjb-ink: #0c0c0e;
  --dtjb-paper: #f3f1f1;
  --dtjb-muted: #babac4;
  --dtjb-pale: #d6d6dc;
  --dtjb-line-dark: rgba(252, 252, 252, 0.10);
  --dtjb-line-light: rgba(12, 12, 14, 0.18);
  --dtjb-radius-control: 4px;
  --dtjb-radius-card: 12px;
  --dtjb-radius-round: 999px;
  --dtjb-shadow-card: 0 14px 34px rgba(0, 0, 0, 0.18);
  --dtjb-space-1: 8px;
  --dtjb-space-2: 16px;
  --dtjb-space-3: 24px;
  --dtjb-space-4: 32px;
  --dtjb-space-5: 48px;
  --dtjb-space-6: 64px;
  --dtjb-space-7: 80px;
  --dtjb-content: 720px;
  --dtjb-wide: 1200px;
  --dtjb-font: var(--wp--preset--font-family--haskoy, "Haskoy", sans-serif);
}

body,
.wp-site-blocks,
button,
input,
select,
textarea {
  font-family: var(--dtjb-font);
}

body .wp-site-blocks :where(h1, h2, h3, h4, h5, h6),
body .wp-site-blocks :where(.wp-block-post-title, .wp-block-query-title) {
  font-family: var(--dtjb-font) !important;
  font-style: normal;
  font-weight: 700 !important;
}

body .wp-site-blocks h1 {
  line-height: 1;
}

body .wp-site-blocks h2 {
  line-height: 1.1;
}

body .wp-site-blocks h3 {
  line-height: 1.2;
}

body .wp-site-blocks :where(h4, h5, h6) {
  line-height: 1.3;
}

.wp-block-navigation,
.wp-block-navigation-item__content,
.wp-element-button,
.wp-block-button__link,
.jon-event-card__button,
.jon-mic-card__button,
.jon-mic-card__secondary {
  font-family: var(--dtjb-font) !important;
  font-style: normal;
  font-weight: 700 !important;
}

.dtjb-site-logo {
  flex: 0 0 auto;
  line-height: 0;
  margin: 0;
}

.dtjb-site-logo a {
  align-items: center;
  display: inline-flex;
  min-height: 44px;
  text-decoration: none;
}

.dtjb-site-logo img {
  display: block;
  height: auto !important;
  max-width: min(230px, 46vw);
  width: 230px !important;
}

.wp-element-button,
.wp-block-button__link,
.jon-event-card__button,
.jon-mic-card__button,
.jon-mic-card__secondary {
  align-items: center;
  border-radius: var(--dtjb-radius-control) !important;
  display: inline-flex;
  justify-content: center;
  min-height: 44px;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.jon-event-card__button:hover,
.jon-mic-card__button:hover,
.jon-mic-card__secondary:hover {
  background-color: var(--dtjb-muted) !important;
  border-color: var(--dtjb-muted) !important;
  color: var(--dtjb-ink) !important;
}

.wp-block-navigation-item__content:hover {
  color: var(--dtjb-muted) !important;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.22em;
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid currentColor !important;
  outline-offset: 3px !important;
}

.jon-event-card,
.jon-mic-card {
  border-radius: var(--dtjb-radius-card) !important;
  box-shadow: var(--dtjb-shadow-card);
  overflow: hidden;
}

.jon-credit-carousel__button,
button[class*="play"],
a[class*="play"],
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  border-radius: var(--dtjb-radius-round) !important;
}

.wp-block-social-link a {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
}

@media (max-width: 781px) {
  .dtjb-site-logo img {
    max-width: min(175px, 55vw);
    width: 175px !important;
  }

  header.wp-block-template-part > .wp-block-group,
  footer.wp-block-template-part > .wp-block-group {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .wp-element-button,
  .wp-block-button__link,
  .jon-event-card__button,
  .jon-mic-card__button,
  .jon-mic-card__secondary {
    font-size: max(1rem, 16px) !important;
  }
}

/* DTJB TABLET NAVIGATION FIX */
@media (max-width: 781px) {
  .wp-site-blocks .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  .wp-site-blocks .wp-block-navigation__responsive-container-open {
    display: inline-flex !important;
  }
}


/* DTJB PHASE 2 UX FIXES */
#booking-inquiry {
  scroll-margin-top: 7rem;
}

@media (max-width: 781px) {
  #booking-inquiry {
    scroll-margin-top: 8rem;
  }
}


/* DTJB SAME-ROW CARD ALIGNMENT */
@media (min-width: 782px) {
  #nighttime-benders .wp-block-columns > .wp-block-column {
    display: flex;
  }

  #nighttime-benders .wp-block-column > .wp-block-group {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }

  #nighttime-benders .wp-block-column > .wp-block-group > p:last-child {
    margin-top: auto;
  }

  body.page-id-396 main .wp-block-columns:has(.jon-press-copy) > .wp-block-column {
    display: flex;
  }

  body.page-id-396 main .wp-block-columns:has(.jon-press-copy) > .wp-block-column > .wp-block-group {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }

  body.page-id-396 main .wp-block-columns:has(.jon-press-copy) .jon-press-copy {
    align-self: flex-start;
    margin-top: auto;
  }
}

.jon-mic-card__secondary {
  box-sizing: border-box;
}


/* DTJB OPEN-MIC CONTROL HEIGHT */
.jon-mic-card__secondary {
  height: 44px;
  min-height: 44px;
  padding-bottom: 0;
  padding-top: 0;
}
