.a-font-header { font-family: var(--font-title); letter-spacing: 0.05em; text-transform: uppercase; } #a-header{ height: 67px; } #a-secondary-header { position: fixed; width: 100%; } #a-header #a-main-header { z-index: 190; position: fixed; .wp-block-navigation { width: 100%; align-items: end; } .wp-block-navigation__container { gap: clamp(5px, 5%, 50px); padding: 15px; padding-bottom: 0px; justify-content: center; } .a-menu-icon-margin { margin-right: clamp(20px, 2vw, 30px); margin-left: 10px; } .wp-block-navigation-item a.wp-block-navigation-item__content { text-decoration: none; } .custom-logo-link{ &:focus, &:focus-visible{ background: none !important; } } } #a-header #a-menu { #a-menu-items { min-width: 240px; overflow: auto; } .wp-block-navigation__container { display: flex; flex-direction: column; } .wp-block-navigation-item { width: 100%; } .wp-block-navigation-item .wp-block-navigation-item__content { padding-top: var(--gap-small); padding-bottom: var(--gap-small); padding-right: var(--gap-medium); padding-left: var(--gap-medium); width: 100%; cursor: pointer; &:hover { background-color: var(--color-accent); } } } #a-secondary-header { font-size: 0.8rem; .wp-block-navigation { width: 100%; align-items: center; } .wp-block-navigation__container { column-gap: var(--gap-small); justify-content: center; } .wp-block-navigation-item { padding: 15px; cursor: pointer; &:hover { background-color: var(--color-accent); } } .a-menu-icon-margin { margin-right: clamp(5px, 2vw, 30px); margin-left: 10px; } .wp-block-navigation-item .wp-block-navigation__submenu-container { min-width: 100%; border: 1px solid rgba(1,1,1,0); background-color: rgb(236, 236, 236); width: max-content; } .wp-block-navigation-item { padding: 0px; } .wp-block-navigation-link { padding: 0px; } .wp-block-navigation-item__content { padding: 10px; } .wp-block-navigation__submenu-icon { margin-right: 5px; } } .a-secondary-logo{ display: none; img{ max-height: 35px; } } /* Hamburguer menu */ .a-container-fixed-left { position: fixed; height: calc(100% - var(--fix-wp-gap)); left: 0; } @media screen and (max-width: 768px) { #a-header #a-main-header { position: initial; } }