@media (min-width: 1522px) {
#header .menu_content_container {
display: flex;
align-items: center;
gap: var(--gap-m);
}
#header .menu_contact_container {
display: flex;
align-items: center;
gap: var(--gap-s);
}
#header ul.main_menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 10px;
align-items: center;
}
#header ul.main_menu li {
position: relative;
}
#header ul.main_menu li.current-menu-item::after, #header ul.main_menu li.current-page-parent::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: var(--color-deep-gold);
}
#header ul.main_menu li a {
padding: var(--gap-xs);
color: var(--color-navy);
}
#header ul.main_menu li a:hover {
background-color: var(--color-white-smoke);
}
#header .menu_cta {
display: flex;
align-items: center;
}
.mobile_menu_contact_container, #mobile_menu_button {
display: none;
}
ul#main_menu > li.menu-item-has-children > a {
padding-right: 41px;
position: relative;
background: calc(100% - 10px) / 16px 10px no-repeat url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="none"><path d="M0.72168 1L5.22168 5L9.72168 0.999999" stroke="%23050046"/></svg>');
&::before {
position: absolute;
content: "";
display: block;
top: calc(0px - var(--gap-xs));
right: calc(0px - var(--gap-xs));
bottom: calc(0px - var(--gap-s));
left: calc(0px - var(--gap-xs));
}
}
ul#main_menu > li.menu-item-has-children ul { position: absolute;
list-style: none;
top: 60px;
right: calc(50% - 135px);
padding: 0;
min-width: 270px;
display: none;
z-index: 9;
box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.15);
li {
a {
background: var(--color-white);
&:hover {
background-color: var(--color-white-smoke);
}
}
&.current-menu-item {
a {
border-bottom: none;
background-color: var(--color-white-smoke);
}
}
}
}
ul#main_menu > li.menu-item-has-children:hover ul {
display: block;
}
ul#main_menu > li.menu-item-has-children ul:after {
content: '';
display: block;
position: absolute;
border: 10px solid rgba(0, 0, 0, 0);
border-bottom-color: var(--color-white);
width: 0;
height: 0;
top: -20px;
right: 50%;
}
ul#main_menu > li.menu-item-has-children ul li {
width: 100%;
}
ul#main_menu > li.menu-item-has-children ul li a {
padding: 16px;
box-sizing: border-box;
display: block;
text-decoration: none;
width: 100%;
border-bottom: none;
}
}
@media (max-width: 1662px) {
#header .menu_contact_container .contact_link_container .contact_link {
background-color: var(--color-navy);
}
#header .menu_contact_container .contact_link_container .contact_link::before {
background: center / cover no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 22'%3E%3Cg fill='%23FFFFFF' clip-path='url(%23a)'%3E%3Cpath d='M5.02 0C3.96.12.12 1.84 0 10.7-.12 20.04 3.96 22 5.03 22v-6.17c-.88 0-1.06-.94-1.26-2.87a21.55 21.55 0 0 1 0-4.44c.12-1.1.33-2.19 1.25-2.19V0ZM7.3 22c.4 0 .7-.33.7-.7v-4.8a.69.69 0 0 0-.7-.69H5.5V22H7.3ZM7.3 6.32c.4 0 .7-.32.7-.68V.67A.69.69 0 0 0 7.3 0H5.5v6.32H7.3Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h8v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#header .menu_contact_container .contact_link_container .contact_link p {
display: none;
}
}