#text-roller {
position: relative;
color: #000;
white-space: nowrap;
}
#text-roller span {
font-size: 14px;
font-weight: 500;
color: #fff;
font-weight: 400;
} .whb-top-bar .wd-header-text {
color: #fff;
}
header .wd-logo img[src$=".svg"] {
width: 190px;
}
header .wd-nav[class*="wd-style-"]>li>a {
color: #000;
font-family: 'Open Sans';
font-weight: 600;
font-size: 14px;
margin: 0 10px;
}
header .icons-size-small .wd-social-icon,
header .icons-size- .wd-social-icon {
width: 22px;
height: 22px;
border-radius: 5px;
}
header .wd-social-icons.icons-size-small .wd-icon,
header .wd-social-icons.icons-size- .wd-icon {
line-height: 23px;
}
header .whb-col-center .wd-nav.wd-style-default {
display: flex;
justify-content: center;
}
@media (min-width: 1024px) {
header .widget_nav_menu .mega-menu > ul {
padding: 20px;
width: 57vw;
margin-left: -15vw;
overflow-x: hidden;
}
header .widget_nav_menu .mega-menu:hover > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
header .widget_nav_menu .mega-menu > ul > li {
width: 20%;
float: left;
padding: 0 10px;
margin-bottom: 20px;
min-width: 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
}
header .widget_nav_menu ul li.mega-menu ul li.menu-item-has-children {
margin-right: 0;
}
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
background-color: #f9f9f9;
}
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
transition: 0.3s;
position: relative;
}
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
color: #000 !important;
font-family: 'Open Sans';
font-weight: 700 !important;
font-size: 14px;
margin: 0 10px;
}
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover,
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover > a.mega-menu-link {
color: #9D7195 !important;
font-weight: 600;
font-size: 14px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
color: #b7579e !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
color: #000;
}
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
font-weight: 500;
transition: 0.3s;
position: relative;
display: inline-block;
margin-bottom: 5px;
}
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:before,
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:before {
content: "";
position: absolute;
left: 0;
bottom: 3px;
width: 0px;
height: 2px;
display: block;
background-color: #000;
transition: 0.3s;
}
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover:before,
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover:before {
width: 100%;
}
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover,
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
font-weight: 500;
color: #000;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
position: relative;
display: inline-block;
margin-bottom: 5px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:before,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:before {
content: "";
position: absolute;
left: 0;
bottom: 3px;
width: 0px;
height: 2px;
display: block;
background-color: #000;
transition: 0.3s;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover:before,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover:before {
width: 100%;
}