body {
overflow-x: hidden;
overflow-y: scroll;
}
@media (max-width: 991.98px) {
#wpadminbar {
display: none;
}
.menu-main-menu-container {
max-height: 75vh;
overflow: scroll;
}
.header__nav ul.sub-menu {
width: 100% !important;
top: 50px !important;
left: 0 !important;
z-index: 9999 !important;
border-radius: 10px !important;
position: unset !important;
opacity: 1 !important;
display: none !important;
margin-top: 30px;
}
.header__nav .nav__list-item.active > ul {
display: flex !important;
}
.header__nav ul.sub-menu .menu-title {
display: none;
}
.header__nav .menu-item-has-children > a {
position: relative;
}
.header__nav .menu-item-has-children > a > span {
height: 30px;
width: 45%;
display: inline-block;
}
.header__nav .nav__list-item.active > a > span::after {
transform: rotate(180deg);
}
.header__nav .menu-item-has-children > a > span::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #10069f;
}
.header__nav ul.sub-menu li {
flex: 0 0 100%;
margin: 10px 0;
}
.header__nav ul.sub-menu li a {
font-size: 4vw;
}
}
@media (min-width: 991.98px) {
.header__nav .nav {
position: relative;
}
.header__nav .nav__list-item {
position: unset;
}
.header__nav .nav__list > .nav__list-item {
padding: 30px 0;
position: relative;
}
.header__nav .nav__list-item a {
position: relative;
padding: 0 15px;
}
.header__nav .nav__list-item:hover > ul {
display: flex;
transition: all 5s ease;
opacity: 1;
}
.header__nav ul.sub-menu li {
flex: 0 0 50%;
margin: 10px 0;
}
}
.header__nav ul.sub-menu {
position: absolute;
top: 70px;
left: -20vw;
background-color: #fff;
padding: 20px;
width: 50vw;
flex-wrap: wrap;
border-radius: 0 0 10px 10px;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
transition: all 5s ease;
opacity: 0;
display: none;
}
.header__nav ul.sub-menu.active {
display: flex;
} .header__nav ul.sub-menu .menu-title {
position: absolute;
top: -5px;
font-weight: 500;
color: #10069f;
}
header {
background-color: #fff !important;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
z-index: 1000000000;
}
.header__nav ul.sub-menu li a {
}  footer a{color: white;}
footer a:hover{color: #f0b700;} .box.box--center.box--inset p{margin: 5px;}