/* YB POC overlay: enable CSS hover dropdowns without Max Mega Menu JS */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { position: relative; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 9999;
  min-width: 280px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  padding: 1rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:focus-within > ul.mega-sub-menu {
  display: block;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
  min-width: 640px;
  max-width: 90vw;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  font-family: "Red Hat Text", system-ui, sans-serif;
}
/* Hero learning panels */
.learning-self, .learning-instructor {
  min-height: 320px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 783px) {
  .learning-self { background-image: url("/assets/img/homepage/happy-woman-on-computer.webp"); }
  .learning-instructor { background-image: url("/assets/img/homepage/yellowbook-cpe-seminars.webp"); }
}
@media (min-width: 1200px) {
  .learning-self { background-image: url("/assets/img/homepage/happy-woman-on-computer.webp"); }
  .learning-instructor { background-image: url("/assets/img/homepage/yellowbook-cpe-seminars.webp"); }
}
.front-page-1 { background-image: url("/assets/img/theme/bg-1.jpg"); background-size: cover; background-position: center; }
.front-page-3 { background-image: url("/assets/img/theme/bg-3.jpg"); background-size: cover; background-position: center; }
.front-page-5 { background-image: url("/assets/img/theme/bg-5.jpg"); background-size: cover; background-position: center; }
.front-page-7 { background-image: none; background-color: hsla(0,0%,96%,1); }
.site-title, .site-description { position: absolute !important; clip: rect(0,0,0,0); height: 1px; width: 1px; overflow: hidden; }
.custom-logo { height: 100px; width: auto; }
.footer-logo { max-height: 64px; width: auto; }
.yb-poc-banner { background: #091c62; color: #fff; text-align: center; font-size: .85rem; padding: .4rem 1rem; }
.yb-poc-banner a { color: #fec339; }
/* Simplify nested mega grid for CSS-only */
#mega-menu-primary .mega-menu-row, #mega-menu-primary .mega-menu-column { display: block; }
#mega-menu-primary .mega-sub-menu .mega-sub-menu { position: static; box-shadow: none; display: block; padding: 0; min-width: 0; }
#mega-menu-primary .ways-icon { height: 28px; width: auto; margin-left: .35rem; vertical-align: middle; }
.menubutton .mega-sub-menu { display: none; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.12); padding: .75rem 1rem; min-width: 200px; z-index: 20; }
.menubutton:hover .mega-sub-menu, .menubutton:focus-within .mega-sub-menu { display: block; }
.blog-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; }
.blog-cards img { width: 100%; height: auto; display: block; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; max-width: 250px; height: auto; }