/* For Tablet and up (700px and up) */
body {
  display: block;
}

#site-header {
  position: fixed;
  width: clamp(200px, 30vw, 250px);
  height: 100vh;
  top: 0;
  left: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  background-color: white;
  border-right: 2px solid var(--wp--preset--color--primary);
}
#site-header #site-logo {
  width: calc(clamp(200px, 30vw, 250px) - 2rem);
  height: auto;
  padding: 1rem;
}
#site-header #main-menu {
  grid-template-rows: auto auto 1fr;
  grid-row: 2;
  height: 100%;
  align-self: stretch;
  z-index: 2;
  display: grid;
  overflow-y: auto;
}
#site-header #main-menu .menu-toggle {
  display: none;
}
#site-header #main-menu nav {
  padding: 0 1rem;
  margin-bottom: 1rem;
}
#site-header #main-menu nav ul {
  margin: 0;
  overflow-y: auto;
}
#site-header #main-menu nav ul.sub-menu.sub-menu-shown {
  position: fixed;
  left: clamp(200px, 30vw, 250px);
  top: 0;
  z-index: 10;
  width: clamp(200px, 30vw, 250px);
  height: 100vh;
  background-color: var(--wp--preset--color--primary);
  padding: 8rem 1rem 1rem;
  display: block;
  overflow-y: auto;
}
#site-header #main-menu nav ul.sub-menu li {
  font-weight: 400;
}
#site-header #main-menu nav ul.sub-menu li a {
  color: white;
}
#site-header #main-menu nav ul li {
  font-size: 1.25rem;
  padding: 0;
  margin: 0;
}
#site-header #main-menu nav ul li a,
#site-header #main-menu nav ul li button {
  width: 100%;
  font-size: 1.25rem;
  color: black;
  background-color: transparent;
  text-transform: capitalize;
  font-weight: 400;
  text-align: left;
  padding: 0.5rem;
  display: block;
}
#site-header #main-menu nav ul li a.selected, #site-header #main-menu nav ul li a:hover,
#site-header #main-menu nav ul li button.selected,
#site-header #main-menu nav ul li button:hover {
  background-color: var(--wp--preset--color--primary);
  color: white;
}
#site-header #main-menu nav ul li button:hover, #site-header #main-menu nav ul li button.selected {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#site-header #main-menu nav ul li button:hover::after, #site-header #main-menu nav ul li button.selected::after {
  content: ">";
}
#site-header #main-menu #directions {
  padding: 1rem;
  margin: 0 0 1rem;
  align-self: end;
}
#site-header #main-menu #directions a {
  color: black;
}
#site-header #main-menu form {
  grid-row: 2;
}
#site-header .menu-toggle {
  display: none;
}

#callout-links {
  margin-left: clamp(200px, 30vw, 250px);
}

.emergency-alert {
  margin-left: clamp(200px, 30vw, 250px);
}

main {
  margin-left: clamp(200px, 30vw, 250px);
}
main .page-content-container .prices-registration {
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

#site-footer {
  margin-left: clamp(200px, 30vw, 250px);
}
#site-footer nav ul {
  flex-direction: row;
  justify-content: space-between;
}

/*# sourceMappingURL=tablet.css.map */