/*
Theme Name: Vickie Helm
Description: A custom theme for Vickie Helm, with optional starter pages.
Version: 1.2.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: vickie-helm
*/

.vh-menu { display: flex; align-items: center; gap: inherit; list-style: none; margin: 0; padding: 0; }
.vh-menu li { position: relative; }
.vh-menu a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 10px; }
.vh-menu .sub-menu { display: none; position: absolute; z-index: 10; top: 100%; left: 0; min-width: 220px; padding: 8px 16px; background: var(--paper); border: 1px solid var(--line); list-style: none; }
.vh-menu li:hover > .sub-menu, .vh-menu li:focus-within > .sub-menu { display: block; }
.vh-menu .sub-menu .sub-menu { top: 0; left: 100%; }
.footer-nav .vh-menu { flex-wrap: wrap; }
.custom-logo-link img { width: 90px; height: auto; }
.vh-content { padding-block: 80px; min-height: 45vh; }
.vh-content > * + *, .vh-article > * + *, .vh-comments > * + * { margin-top: 24px; }
.vh-article { padding-block: 32px; border-bottom: 1px solid var(--line); }
.vh-content a:not(.button) { text-decoration: underline; }
.vh-content input, .vh-content textarea { max-width: 100%; font: inherit; }
.vh-comments { padding-block: 48px; }
@media (max-width: 1100px) {
  .primary-nav .vh-menu { width: 100%; flex-direction: column; align-items: stretch; gap: 0; }
  .primary-nav .vh-menu a { width: 100%; }
  .primary-nav .vh-menu .sub-menu, .primary-nav .vh-menu .sub-menu .sub-menu { position: static; display: block; padding: 0 0 0 20px; border: 0; }
  .primary-nav .vh-menu .other-sites:not([open]) > .sub-menu { display: none; }
}