/* Additions for the static copy of the Host Leadership Gathering 2023 site. */
.hlg-video a { display: block; text-decoration: none; }
.hlg-video-thumb { position: relative; display: block; }
.hlg-video-thumb img { display: block; width: 100%; height: auto; border-radius: 3px; }
.hlg-video-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68px;
  height: 48px;
  margin: -24px 0 0 -34px;
  border-radius: 12px;
  background: #f00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M27 14v20l18-10z' fill='%23fff'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  opacity: 0.9;
}
.hlg-video a:hover .hlg-video-thumb::after,
.hlg-video a:focus-visible .hlg-video-thumb::after { opacity: 1; }
.hlg-video-title { display: block; margin-top: 0.5em; }

/* Session titles in the schedule are buttons, styled like the original headings. */
.hlg-acc-btn {
  all: unset;
  display: block;
  width: 100%;
  cursor: pointer;
}
.hlg-acc-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

/* Speaker and event pages: headings promoted to h1/h2 for a correct outline, original look kept
   (selectors match the Enfold rule "#top #wrap_all .all_colors h1" and win by order). */
#top #wrap_all .all_colors h1.etn-speaker-name { font-size: 30px; line-height: 30px; color: #444; }
#top #wrap_all .all_colors h2.etn-title { color: #444; }
#top #wrap_all .all_colors h1.etn-event-entry-title { font-size: 42px; line-height: 54.6px; }
@media (max-width: 767px) {
  #top #wrap_all .all_colors h1.etn-speaker-name { font-size: 26px; line-height: 26px; }
  #top #wrap_all .all_colors h1.etn-event-entry-title { font-size: 28px; line-height: 36.4px; }
}

/* WCAG AA contrast: nearest compliant shades of the Enfold header meta grey (#c9c9c9, 1.65:1)
   and the footer pink on #222 (#ed217d, 3.87:1). */
:root {
  --enfold-header-color-meta: #767676;
  --enfold-socket-color-primary: #f04793;
}

/* Links inside running text must not rely on colour alone. */
#top .avia_textblock p a,
#top .avia_textblock li a,
#top .entry-content p a,
#top .entry-content li a,
#top .etn-speaker-summery p a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

/* Footer legal menu: touch targets of at least 24px. */
#socket .sub_menu_socket a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}

/* Visible keyboard focus. Enfold removes outlines in several places with higher specificity
   ("a { outline: 0 }", ".social_bookmarks li a { outline: none }"), hence !important. Mouse clicks stay without outline. */
#top a:focus-visible,
#top button:focus-visible,
#top [tabindex]:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 2px !important;
}