|
|
|
|
@ -84,6 +84,10 @@
|
|
|
|
|
padding-inline-start: 0; |
|
|
|
|
padding-inline-end: 0; |
|
|
|
|
} |
|
|
|
|
body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner--level-3 { |
|
|
|
|
padding-block: 0; |
|
|
|
|
/*display:none;*/ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner::after { |
|
|
|
|
transform-origin: center; |
|
|
|
|
@ -118,15 +122,15 @@
|
|
|
|
|
left: 50%; |
|
|
|
|
visibility: hidden; |
|
|
|
|
overflow: auto; |
|
|
|
|
width: 15.625rem; |
|
|
|
|
width: 19.625rem; |
|
|
|
|
/* Ensure that long level-2 menus will never overflow viewport (focused |
|
|
|
|
* elements should always be in viewport per accessibility guidelines). */ |
|
|
|
|
max-height: calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px) - var(--sp)); |
|
|
|
|
margin-block-start: 0; |
|
|
|
|
margin-inline-start: 0; |
|
|
|
|
padding-block: calc(3 * var(--sp)); |
|
|
|
|
padding-inline-start: var(--sp2); |
|
|
|
|
padding-inline-end: var(--sp2); |
|
|
|
|
padding-inline-start: var(--sp1); |
|
|
|
|
padding-inline-end: var(--sp1); |
|
|
|
|
transition: none; |
|
|
|
|
transform: translate(-50%, -1.25rem); |
|
|
|
|
opacity: 0; |
|
|
|
|
@ -138,6 +142,7 @@
|
|
|
|
|
border-radius: 0 0 2px 2px; |
|
|
|
|
background: var(--color--white); |
|
|
|
|
box-shadow: 0 1px 36px rgba(0, 0, 0, 0.08); |
|
|
|
|
padding-block: 1rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body:not(.is-always-mobile-nav) .primary-nav__menu--level-2.is-active-menu-parent { |
|
|
|
|
|
