File: /home/confeduphaar/public_html/wp-content/plugins/ova-framework/assets/css/_ova_menu_page.scss
.ova_shadow_menu_page{
.ova_menu_page {
.menu {
li {
box-shadow: 10px 0px 50px rgba(0, 0, 0, 0.05);
}
}
}
}
.ova_menu_page {
.menu {
list-style-type: none;
padding: 0;
li {
position: relative;
margin-right: 25px;
border-radius: 30px;
a {
display: block;
padding: 5px 0 5px 0;
color: #7b859d;
font-size: 17px;
line-height: 26px;
letter-spacing: 0.2px;
font-weight: 400;
}
.dropdown-toggle{
display: none;
}
}
}
&.type1{
&.show-arrow{
a {
position: relative;
color: #8c96ac;
display: flex;
align-items: center;
&:before{
font-family: 'ElegantIcons';
content: "\35";
font-size: 18px;
color: #455476;
margin-right: 2px;
margin-left: -7px;
}
}
}
}
&.type2{
>ul{
display: flex;
flex-wrap: wrap;
margin: 0px;
}
li{
margin: 5px 0px;
border-radius: 4px;
&:hover, &.current-menu-item{
a{
&:after {
display: inline-block;
}
}
}
a{
display: inline-flex;
justify-content: center;
padding-left: 12px;
padding-right: 12px;
font-size: 17px;
line-height: 26px;
letter-spacing: 0.2px;
color: #b0b8ca;
}
}
}
&.type3{
li{
position: relative;
border-radius: 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
&:before{
content: '';
width: 100%;
height: 1px;
background: #fff;
opacity: 0;
position: absolute;
top: -1px;
left: 0;
}
&:after{
content: '';
width: 100%;
height: 1px;
background: #fff;
opacity: 0;
position: absolute;
bottom: -1px;
left: 0;
}
&:hover, &.active{
background: #fff;
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.05);
&:before, &:after{
opacity: 1;
}
}
a{
font-size: 17px;
line-height: 1.2;
color: #202b5d;
padding: 15px 12px 13px 12px;
i {
display: none;
}
}
.dropdown-menu {
position: unset;
float: none;
border: none;
padding: 0;
padding-left: 15px;
display: none;
}
&:last-child {
border: none;
}
.dropdown-toggle {
display: block;
position: absolute;
right: 0;
top: 12px;
border: none;
background-color: unset;
outline: none;
cursor: pointer;
i {
padding: 10px 0 10px 10px;
}
&:after {
display: none;
}
}
}
}
}
@media (max-width: 767px) {
.ova_menu_page {
.menu li{
margin-right: 30px;
a {
padding: 10px 0;
}
}
}
}