.langselect, .langselect * { z-index: 19999; } .langc { color: var(--color-blue-dark); margin: auto 1rem; } .droptrigger { margin: auto; } header { overflow: visible; } .has-submenu ul.submenu { display: none; } .has-submenu ul.submenu { position: absolute; top: 100%; right: 0; /* left: auto; */ margin: 0; border-radius: 0; padding: 0; width: auto; white-space: nowrap; /* padding-top: 1.2rem; */ /* -webkit-box-shadow: 0 32px 24px rgba(0, 0, 0, 0.25); */ /* box-shadow: 0 32px 24px rgba(0, 0, 0, 0.25); */ z-index: 8; } .has-submenu ul.submenu li { width: 100%; background: #ffffff; margin: 0; list-style: none; transition: all 0.2s; } .has-submenu ul.submenu li:hover { background: var(--color-blue); } .has-submenu ul.submenu li:hover a { color: white; } @media screen and (min-width: 960px) { .has-submenu ul.submenu li:first-child { padding-top: 1.2rem; /* -webkit-border-top-right-radius: 0.4rem; */ /* border-top-right-radius: 0.4rem; */ /* -webkit-border-top-left-radius: 0.4rem; */ /* border-top-left-radius: 0.4rem; */ background-clip: padding-box; } } .has-submenu ul.submenu li:last-child { padding-bottom: 1.2rem; -webkit-border-bottom-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; -webkit-border-bottom-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; background-clip: padding-box; } .has-submenu ul.submenu li a { width: 100%; border: 0; margin: 0; text-align: left; padding: 1.2rem 2.4rem; /* font: 400 1.6rem/2.4rem "Nunito Sans"; */ -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .hidemob { display: none !important; } @media screen and (min-width: 760px) { .hidemob { display: block !important; } } .go-en, .go-nl { margin: 0 0 0 1rem; cursor: pointer; } .langselect { display: flex; justify-content: center; } .logo a { display: flex; flex-direction: column; justify-content: center; } .articleheader { height: 7.2rem !important; } .go-back, .go-home { margin-right: 1.5rem; } @media screen and (min-width: 960px) { .go-back, .go-home { margin-right: 5rem; } } .go-logo { align-items: baseline; } .menu-bumper { flex: 1; } .link-container { display: flex; } @media screen and (min-width: 640px) { .link-container:hover svg { margin-top: -3px; transition: margin-top 0.2s; } } .main-row { display: flex; } .logo { flex: 1; } /*******************************************************************/ /* ftrtch dino */ /* [type: CSS] [file:hub-article-menu] [67.3863] DESIGN*/ /*******************************************************************/ /* 0.1 P>P */ /* db 151 */