.custom-sub-menu-wrap {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
padding: 80px 0;
background: rgba(0, 0, 0, 0.56);
-webkit-backdrop-filter: blur(30px) brightness(83%);
backdrop-filter: blur(30px) brightness(83%);
display: none;
}
.custom-sub-menu-wrap > div {
width: 100%;
height: 100%;
padding: 80px 0;
overflow-y: auto;
}
.custom-sub-menu {
display: flex;
align-items: center;
min-height: 100%;
}
.custom-sub-menu ul,
.custom-sub-menu li {
list-style: none;
}
#main-header.megamenu-open #top-menu li:not(.lang, .megamenu-trigger) {
opacity: 0;
}
#main-header.megamenu-open #top-menu li a {
color: #fff !important;
}
.custom-sub-menu-list li.lang,
.custom-sub-menu-list li.megamenu-trigger {
display: none;
}
.custom-sub-menu a {
text-decoration: none;
color: #fff;
transition: color 0.3s;
}
.custom-sub-menu > ul {
display: flex;
flex-direction: row;
justify-content: center;
max-width: 1400px;
width: 90%;
margin: 0 auto;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.custom-sub-menu > ul:after {
display: block;
content: '';
clear: both;
}
.custom-sub-menu > ul > li {
width: 100%;
box-sizing: border-box;
padding: 3.5% 1.85%;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.custom-sub-menu > ul > li > ul {
padding-top: 30%;
display: flex;
flex-direction: column;
row-gap: 24px;
}
.custom-sub-menu > ul > li > ul > li > a {
display: block;
font-size: 17px;
}
.custom-sub-menu > ul > li:hover > a,
.custom-sub-menu > ul > li.current_page_item > a,
.custom-sub-menu > ul > li.current-menu-parent > a {
color: #7bb5e3;
}
.custom-sub-menu > ul > li > ul > li:hover > a,
.custom-sub-menu > ul > li > ul > li.current_page_item > a {
color: #7bb5e3;
}
.custom-sub-menu.child-1 > ul > li {
width: 100%;
}
.custom-sub-menu.child-2 > ul > li {
width: 50%;
}
.custom-sub-menu.child-3 > ul > li {
width: 33.333%;
}
.custom-sub-menu.child-4 > ul > li {
width: 25%;
}
.custom-sub-menu.child-5 > ul > li {
width: 20%;
}
.custom-sub-menu.child-6 > ul > li {
width: 12%;
}
.custom-sub-menu.child-6 > ul > li {
width: 16.66%;
}
.custom-sub-menu > ul > li > a:first-child {
font-size: 30px;
font-weight: bold;
font-family: 'Archivo', sans-serif;
}
@media only screen and (max-width: 1280px) {
.custom-sub-menu > ul > li > a:first-child {
font-size: 24px;
}
.custom-sub-menu > ul > li > ul > li > a {
font-size: 15px;
}
.custom-sub-menu > ul > li > ul {
padding-top: 20%;
row-gap: 14px;
}
}
@media only screen and (max-width: 980px) {
.custom-sub-menu-wrap {
display: none !important;
}
}