/* Restores Simvoly behaviors that the archived HTML expects from platform JavaScript. */

/* Opening the office menu adds no-overflow, and that rule drops the
   sticky header behind the page. Keep the open menu above the page. */
body.no-overflow .fixed-header-wrapper.burger-menu-visible,
body.no-overflow .main-header-wrapper.burger-menu-visible {
  z-index: 9996 !important;
}
.grid-row.with-video {
  position: relative;
  overflow: hidden;
}

.grid-row.with-video > .container-video {
  overflow: hidden;
  pointer-events: none;
}

.grid-row.with-video > .container-video > .container-video-wrapper {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: 100%;
  height: 56.25vw;
  min-height: 100%;
  min-width: 177.78vh;
  transform: translate(-50%, -50%);
  opacity: 1;
  border: 0;
  pointer-events: none;
}

/* Contact forms on /south-austin-contact and /contact-north-austin.
   The white card is the same width as the old site. GoHighLevel draws
   the form 37px in from each edge of the iframe, so the fields looked
   narrower than the old form. Grow the iframe into that padding so the
   fields line up with the "Hi," heading and the old fields. */
#form-widget-1709583140673 iframe {
  width: calc(100% + 74px) !important;
  margin-left: -37px !important;
  max-width: none !important;
}

/* Services and Resources open their menus. Hover already does this on a computer. */
.theme nav li.with-submenu.visible > div > ul {
  display: block;
  visibility: visible;
  top: 99%;
}
.theme .burger-menu-styling nav li.with-submenu.visible > div {
  height: auto;
}
