File: /home/dermova/www/india/wp-content/themes/ri-colias/sass/theme/components/_menu.scss
//Menu style
#ri-menu-primary{
border-top:$border-color-base;
border-bottom:$border-color-base;
background: $menu-bg;
}
.menu-full{
border-top:$menu-border ;
border-bottom:$menu-border ;
background: $menu-bg;
#ri-menu-primary{
border-width: 0;
}
}
#aba-menu{
margin: 0;
border: none;
}
//lv1
#ri-menu-primary{
ul.mega-menu >li >a{
color: $menu-color;
&:hover,&:focus{
color: $theme-two;
}
}
ul{
margin: 0;
padding: 0;
position: relative;
@include clearfix();
> li {
list-style:none;
position: relative;
@include rtl-float-left();
&[class*="-has-children"] > a:before{
position: absolute;
content: "\f107";
color: $menu-color;
font-family:'fontawesome';
@include rtl-right(5px);
line-height: 50px;
top:5px;
font-size: 12px;
}
> a{
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color:$menu-color;
padding:22px 20px;
position: relative;
&:hover,&:focus{
color: $theme-color;
background: transparent;
&:after{
opacity: 1;
width: 100%;
@include transition(0.4s);
}
}
&:after{
position: absolute;
content:"";
width: 12px;
left: 0;
right:0;
top: -1px;
margin: auto;
background:$theme-color;
height:2px;
opacity: 0;
transtion:3s all;
@include transition(0.4s);
}
}
}
}
//lv2
ul >li{
> ul{
display: none;
position: absolute !important;
min-width: 210px;
box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.15);
// box-shadow: 1px 5px 10px 2px rgba(0, 0, 0, 0.3);
background: #FFF;
top: 100%;
z-index: 99999;
li[class*="-has-children"]{
a:before{
content: none;
}
&:after{
position: absolute;
content: "\f105";
color: $black;
font-family:'fontawesome';
@include rtl-right(10px);
line-height: 50px;
top:0;
}
&:hover:after{
color:$theme-color;
}
}
>li{
float: none ;
display: block;
@include rtl-text-align-left;
border-top:$border-color-base;
color: $font-base-color;
a{
padding: 17px 20px;
text-transform: capitalize;
}
}
a{
width: 100%;
font-size: 14px;
}
}
&:hover{
> ul{
display: block !important;
}
}
}
.mega-sub-menu,.mega-sub-menu{
>li a{
color: $font-base-color;
}
}
//lv3
ul >li >ul >li{
ul{
float: none !important;
display: none;
position: absolute;
@include rtl-left(100%);
top:0;
}
&:hover{
> ul{
display: block;
}
}
}
}
//================================================MEGA MENU(MAX-MEGAMENU)==============================================
#ri-menu-primary .mega-menu-megamenu{
.mega-sub-menu{
width: 100%;
padding: 15px 15px 30px;
border-top:1px solid #f3f3f3;
>*{
border: none;
padding:0 15px;
}
li > a:after{
content: none;
}
}
}
#ri-menu-primary .mega-menu{
li.mega-menu-megamenu{
position: static;
//lv2
> ul{
@include rtl-left(0px);
@include clearfix();
> li{
@include rtl-float-left();
}
//lv3
ul{
display: block;
position: relative;
@include rtl-left(0);
li.menu-item {
float: none;
a{
padding: 10px 0px;
font-size: 14px;
text-transform: capitalize;
&:after{
content:none;
}
}
}
}
}
}
}
//layout mega menu
.mega-menu-columns-1-of-1 {
width: 100%;
}
.mega-menu-columns-1-of-2 {
width: 50%;
}
.mega-menu-columns-2-of-2 {
width: 100%;
}
.mega-menu-columns-1-of-3 {
width: 33.33333%;
}
.mega-menu-columns-2-of-3 {
width: 66.66667%;
}
.mega-menu-columns-3-of-3 {
width: 100%;
}
.mega-menu-columns-1-of-4 {
width: 25%;
}
.mega-menu-columns-2-of-4 {
width: 50%;
}
.mega-menu-columns-3-of-4 {
width: 75%;
}
.mega-menu-columns-4-of-4 {
width: 100%;
}
.mega-menu-columns-1-of-5 {
width: 20%;
}
.mega-menu-columns-2-of-5 {
width: 40%;
}
.mega-menu-columns-3-of-5 {
width: 60%;
}
.mega-menu-columns-4-of-5 {
width: 80%;
}
.mega-menu-columns-5-of-5 {
width: 100%;
}
.mega-menu-columns-1-of-6 {
width: 16.66667%;
}
.mega-menu-columns-2-of-6 {
width: 33.33333%;
}
.mega-menu-columns-3-of-6 {
width: 50%;
}
.mega-menu-columns-4-of-6 {
width: 66.66667%;
}
.mega-menu-columns-5-of-6 {
width: 83.33333%;
}
.mega-menu-columns-6-of-6 {
width: 100%;
}
.mega-menu-columns-1-of-7 {
width: 14.28571%;
}
.mega-menu-columns-2-of-7 {
width: 28.57143%;
}
.mega-menu-columns-3-of-7 {
width: 42.85714%;
}
.mega-menu-columns-4-of-7 {
width: 57.14286%;
}
.mega-menu-columns-5-of-7 {
width: 71.42857%;
}
.mega-menu-columns-6-of-7 {
width: 85.71429%;
}
.mega-menu-columns-7-of-7 {
width: 100%;
}
.mega-menu-columns-1-of-8 {
width: 12.5%;
}
.mega-menu-columns-2-of-8 {
width: 25%;
}
.mega-menu-columns-3-of-8 {
width: 37.5%;
}
.mega-menu-columns-4-of-8 {
width: 50%;
}
.mega-menu-columns-5-of-8 {
width: 62.5%;
}
.mega-menu-columns-6-of-8 {
width: 75%;
}
.mega-menu-columns-7-of-8 {
width: 87.5%;
}
.mega-menu-columns-8-of-8 {
width: 100%;
}
//widget
#ri-menu-primary {
//widget title
.mega-block-title{
padding-bottom: 15px;
color: $font-base-color;
font-size: 14px;
text-transform: uppercase;
border-bottom: $border-color-base;
}
//widget content
//======================================================================
//widget fix
/* widget product list */
.product_list_widget{
box-shadow:none;
max-width: 400px;
position: relative !important;
>li{
margin-bottom: 30px;
border: none;
@include clearfix;
}
}
.cart_list.product_list_widget{
>li{
border-bottom: 1px solid #e0e0e0;
margin-bottom: 0;
}
}
.product-image{
margin-right: 10px;
width: auto;
padding: 0;
@include rtl-float-left();
.img-effect:hover .wp-post-image {
margin-left: 0%;
transition: all 0.4s ease 0s;
}
.hover-image{
display: none;
}
}
.product-details{
padding: 0;
overflow: hidden;
a{
padding-left: 0px;
color: #000000;
font-size: 15px;
padding-bottom: 10px;
&:hover{
color: $theme-color;
}
}
.amount{
color: #000000;
font-size: 16px;
line-height: 20px;
}
}
/* widget image widget */
.widget_sp_image-image-link{
padding: 0;
}
.widget_sp_image-description{
padding: 15px 0;
font-style: italic;
text-align: justify;
}
}