/*
 * Room pages (single lls-classroom): accessibility fixes.
 * Loaded only on room pages, after the parent stylesheet (see functions.php).
 */

/* --- Header without the Colibri hero ------------------------------------
 * The nav normally overlaps the hero (absolute, transparent, white logo/links).
 * With the hero removed, show it in its solid "sticky" style instead. */
#colibri.single-lls-classroom .page-header .h-navigation_outer {
  position: relative;
}
#colibri.single-lls-classroom .h-navigation_outer .h-navigation:not(.h-navigation_sticky) {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
#colibri.single-lls-classroom .h-navigation_outer .h-navigation:not(.h-navigation_sticky) .h-logo__image {
  display: none;
}
#colibri.single-lls-classroom .h-navigation_outer .h-navigation:not(.h-navigation_sticky) .h-logo__alt-image {
  display: block;
}
#colibri.single-lls-classroom .h-navigation_outer .h-navigation:not(.h-navigation_sticky) ul.colibri-menu > li > a,
#colibri.single-lls-classroom .h-navigation_outer .h-navigation:not(.h-navigation_sticky) ul.colibri-menu > li > a svg {
  color: #000;
}
/* Mobile/tablet menu (hamburger) button: match the sticky style. */
#colibri.single-lls-classroom .h-navigation_outer .h-navigation:not(.h-navigation_sticky) .h-hamburger-icon {
  background-color: #fff;
  fill: #000;
}
#colibri.single-lls-classroom .h-navigation_outer .h-navigation:not(.h-navigation_sticky) .h-hamburger-icon svg {
  fill: #000;
}

/* --- Headings ----------------------------------------------------------
 * Tags changed for a correct outline (h1 -> h2 -> h3); these rules keep the
 * original look, which came partly from Colibri's default H4 size. */

/* Building name: was an H4, now a <p> subtitle under the H1. */
p.building-name {
  font-size: 20px;
  line-height: 32px;
}

/* "Tech details": was an H4, now an H2. */
h2.lls-subheading {
  font-size: 20px;
}