/* Only WordPress integration rules belong here. Reference presentation lives
   in the original common styles and the stylesheet for the active page. */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.screen-reader-text:focus {
  width: auto;
  height: auto;
  padding: 12px;
  clip: auto;
  z-index: 100000;
  background: #fff;
}
/* Allow keyboard users to reveal the same submenu as pointer users. */
@media (min-width: 1200px) {
  .main-nav > li:focus-within > .nav-item-children {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}

@media (max-width: 1199px) {
  .navbar-collapse .nav-item-children.is-open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Original Contact's offset section extends beyond the page; clip only that
   empty overflow while retaining its visible two-column geometry. */
.zenpack-reference-start-a-project main { overflow-x: clip; }
@media (min-width: 1200px) {
 .navbar-primary .navbar-nav > .mb-contact { display: none; }
}

@media (max-width:1199px) {
 .main-header .mobile-nav-trigger-cloned { flex: none; width: 20px; min-width: 20px; }
}

.zenpack-reference-home main { overflow-x: clip; }

.header-compact .submenu-expander { display: none; }

@media (min-width:1200px) {
 .navbar-primary .navbar-nav > li:focus-within > .sub-menu {
  display:block; opacity:1; visibility:visible; transform:none;
 }
}