/* App-level overrides — meeting theme comes from /kiawah-2027/css/KiawahEye_Styles.css */

/* Design tokens for the Cvent faculty / agenda widgets, mapped to the meeting theme. */
:root {
  --healio-white: #ffffff;
  --healio-border: #e5e5e5;
  --healio-placeholder: #dadada;
  --healio-label: #8c8c8c;
  --healio-text: #323333;
  --healio-text-secondary: #5f6c76;
  --healio-heading: #323333;
  --healio-blue: var(--theme-color, #5e7b38);
  --healio-orange: var(--secondarycolor, #f7941d);
  --healio-page-bg: #ffffff;
  --healio-radius: 10px;
  --healio-font-sans: "Lexend", sans-serif;
  --meeting-heading-font: "Oswald", sans-serif;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.site-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-main {
  flex: 1 0 auto;
  padding-top: 90px;
}

/* The hero is a full-bleed background image, so it meets the nav instead of
   clearing it the way interior page content does. The theme pulls the banner
   up by 25px to sit under the CMS nav, which would overlap ours. */
.site-shell:has(.lgx-banner) .site-main {
  padding-top: 0;
}

.site-shell:has(.lgx-banner) .lgx-navbar {
  margin-bottom: 0;
}

.site-main .lgx-banner16 {
  margin-top: 0;
}

/* The theme's global `a:focus` repaints link text with --linkhover, the same
   green as the button fill, so clicking a button hides its label. */
a.lgx-btn:focus,
a.lgx-btn:active,
a.lgx-btn.active {
  color: #fff;
}

a.lgx-btn-white:focus,
a.lgx-btn-white:active,
a.lgx-btn-white.active {
  color: var(--theme-color);
}

/* The collapsed nav is shorter, so it needs far less clearance. */
@media (max-width: 767px) {
  .site-main {
    padding-top: 24px;
  }
}

/* Cvent faculty / agenda widgets inside the LGX page shell. */
.kiawah-cvent-widget {
  margin-top: 24px;
}

/* Retina program: reuse the widget tokens, tinted orange. */
.kiawah-cvent-widget--orange {
  --healio-blue: var(--healio-orange);
}

/* The RWC agenda widget ships its own page padding; the LGX shell already
   provides that, so collapse it here. */
.kiawah-cvent-widget section[aria-label="Agenda"] {
  padding: 0;
  background: transparent;
}

/* The LGX theme styles every <button> as a brand CTA (Oswald, drop shadow,
   rotated ::after). Switch that off inside Cvent widgets so Filters / More
   Information keep the widget control look. */
.kiawah-cvent-widget button {
  font-family: inherit;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
  overflow: visible;
}

.kiawah-cvent-widget button::after {
  content: none;
}

.kiawah-cvent-widget select {
  height: auto;
  box-shadow: none;
}

/* Homepage planner cards: photos are not links, but the theme still keys
   overflow and hover zoom off `figure a.profile-img`. */
.lgx-single-speaker2 figure .profile-img {
  overflow: hidden;
  display: block;
}

.lgx-single-speaker2 figure .profile-img img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.lgx-single-speaker2:hover figure .profile-img img {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/* Stova agenda / faculty widget frames, before their content is measured. */
iframe[data-containerid] {
  width: 100%;
  min-height: 70vh;
  border: 0;
}