#page {
    width: 100%;
}

.site-content {
    overflow: hidden;
}

/*------------------------------------*\
    Topbar
\*------------------------------------*/
.setting-account{
    @include flexbox();
    @include align-items(center);
    .user-log{        
        li{
            a{
                position: relative;                
                text-indent: -9999px;
                font-size: 0;
                color: transparent;                
                @include square(40px);
                @include flexbox();
                @include align-items(center);
                @include justify-content(flex-end);                
            }
        }
    }
    .profile-info{
        .fa{
            margin: 0 5px;
        }
    }
}

.profile-avarta{
    cursor: pointer;
    .avatar{
        @include border-radius(100px);
    }
}

.top-wrapper-menu{
    position: relative;
    @include display-grid();    
    @include grid-template-columns(max-content max-content);        
    @include rtl-margin-right(30px);
    @include media(desktop) {
        @include rtl-margin-right(65px);
    }
    &.style2{
        grid-gap: 5px;
        @include rtl-margin-right(0px);
        .wel-user{            
            padding: 0 0 5px 0;
            border-width: 0 0 2px 0;
            border-color: $theme-color;
            background-color: transparent;
            @include hover-focus-active() {                
                background-color: transparent;
            }            
        }
    }
}
.wel-user{
    padding: 14px 34px;
    border: 1px solid rgba($white, .2);
    font-weight: $font-weight-semi-bold;
    color: $headings-color;    
    font-size: $font-size-base;
    line-height: 1;    
    justify-self: center;
    @include inline-block();
    @include rtl-margin-left(10px);    
    @include transition($linear);
    @include hover() {
        color: $white;
        border-color: $theme-color;
        background-color: $theme-color;
    }
    &:first-child{
        @include rtl-margin-left(0px);    
    }
}

.wrapper-container{
    position:relative;    
    overflow: hidden;
}
.wrapper-large{
    outline: none;
}
.#{$app-prefix}-topbar{
    padding:$topbar-padding;
    margin: 0 !important;
    background: $topbar-bg;
    color: $topbar-color;
    font-size: $topbar-font-size;    
    a{
        color: $topbar-link-color;
        @include hover-active(){
            color: $topbar-link-hover-color;
        }        
    }
    .dropdown-menu{
        a{
            color: $link-color;
            @include hover-active(){
                color: $link-hover-color;
            }            
        }
    }
    .topbar-left{
        .item{            
            @include inline-block();
        }
        .item + .item{
            @include rtl-margin-left(40px);
        }
    }
    .topbar-right{
        margin-top: 5px;
        line-height: 1;
        > *{
            @include rtl-float-right();
            @include rtl-padding-left($theme-margin);
            @include rtl-margin-left(20px !important);
            @include rtl-border-left(1px solid #dcdcdc);
            &:last-child{
                border:none;
                padding:0;
                margin:0;
            }
        }
        .woocommerce-currency-switcher-form .dd-selected{
            padding:0 !important;
        }
    }
    .wrapper-account{
        @include rtl-margin-right(25px);
    }
    .drop-dow{
        font-size: $font-size-base;
        line-height:1;
        color:$link-color;
        @include hover-active(){
            color:$theme-color;
        }        
    }
}
/*------------------------------------*\
    apus-topbar
\*------------------------------------*/
.apus-topbar{
    .widget{
        margin: 0;
    }
}
.topbar-right-inner{
    > *{
        display: inline-block;
        vertical-align: middle;
    }
}
.mm-menu,
.topbar-right-inner{
    .wpml-ls-legacy-dropdown a{
        border:none !important;
        padding-top:0;
        padding-bottom:2px;
        background:transparent !important;
    }
    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
        background:$white;
        border:none;
        padding:5px 0;
        @include box-shadow(0px 2px 5px 0px rgba(0,0,0,0.1));
    }
    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{
        padding:5px 10px;
    }
    .wpml-ls-legacy-dropdown{
        width: auto;
        .wpml-ls-sub-menu{
            min-width: 140px;
        }
    }
}
.topbar-right{
    @include rtl-text-align-right();
    .elementor-widget:not(.elementor-widget-spacer){
        line-height: 1.4;
        position:relative;
        vertical-align: middle;
        display: inline-block;
        @include rtl-padding-left(18px);
        @include rtl-margin-left(18px);
        @include rtl-border-left(1px solid $border-color);
        width: auto;
        &:first-child{
            margin:0;
            padding:0;
            border:0;
        }
    }
    .top-wrapper-menu .login i, .top-wrapper-menu .drop-dow i{
        font-size: 14px;
    }
    .language-wrapper .dropdown-menu-right{
        right: -20px;
    }
}
.header-right{
    @include rtl-text-align-right();
    .elementor-widget:not(.elementor-widget-spacer){
        position:relative;
        display: inline-block;
        @include rtl-margin-left(15px);
        max-width:75%;
        vertical-align: middle;
        width: auto;
        &:first-child{
            margin:0;
        }
    }
}
/*------------------------------------*\
    Header
\*------------------------------------*/
.logo{
    &.custom-logo{
        max-width: 180px;
    }
    img{        
        @include inline-block();
    }   
    a{
        @include transition(none);
    } 
    .transparent-logo{
        display: none;
    } 
    &.logo-theme{
        max-width: 180px;
        margin: 0px;
        padding: 0px;                          
    }
} 

.header_customer_login{
    padding:$theme-margin;
    .title{
        margin:0 0 10px;
        font-size:25px;
    }
}
.header-left{
    [class*="icon"]{
        font-size: $font-size-base;
    }
    .btn-search-top{
        margin-top:4px;
    }
    .icon-menu-top{
        [class*="icon"]{
            font-size:30px;
        }
    }
    > div{
        @include rtl-margin-right(22px);
        &:last-child{
           @include rtl-margin-right(0px);
        }
    }
}
.header-right{
    [class*="icon"]{
        font-size: $font-size-base;
    }
    > div{
        @include rtl-margin-left(25px);
        &:last-child{
           @include rtl-margin-left(0px);
        }
    }
}
.header-default{
    padding: 10px 0;    
    @include media(desktop) {
        padding: 11px 0;
    }
    .megamenu{
        > li{
            @include media(desktop) {
                @include rtl-margin-right(15px);
            }            
            &:last-child{
                @include rtl-margin-right(0px);
            } 
        }
    }    
    .header-right {
        @include rtl-margin-left(auto);
    }
    border-bottom:1px solid $border-color;
    + #apus-main-content{
        .wrapper-breads{
            border:none;
        }
    }
}
body.home{
    .home-page-default {
        padding-top: 50px;
        @include media(wide) {
            padding-top: 80px;
        }        
    }
}

// header mobile
.header-mobile{
    padding: 15px;
    background-color: $white;    
    position: relative;        
    .logo{        
        line-height: 1;        
        max-width: 150px;                        
    }
    .ali-right{
        @include flexbox();
        @include align-items(center);        
        @include rtl-margin-left(auto);
        .schedule-visit-btn{
            color: $headings-color;
            @include hover-focus-active(){
                color: $headings-color;
            }
            > *{
                &:before {
                    font-size: 21px;
                    margin: 0;
                }                              
            }            
        }
    }        
    .box-search{
        position: static;
        &.active{
            .search-mobile{
                visibility: visible;                
                pointer-events: auto;
                @include opacity(1);
            }
        }
    }
    .apus-search-form{                
        form{                                                            
            border: 0;
            padding: 15px;
            width: 100%;          
            position: relative;  
            background: $table-bg-accent;
            .form-control{
                height: 46px;
                padding-top: 8px;
                padding-bottom: 8px;        
                font-size: 14px;
                font-weight: 500;
                @include rtl-padding-right(70px);
                @include placeholder-input($input-color, uppercase);                
            }
            .main-search{
                display: block !important;
            }
            .btn{
                top: 0;
                font-size: 16px;
                text-transform: none;
                line-height: 46px;
                padding: 0;
                border: none;
                position: absolute;                                                                
                color: $white;
                background-color: $theme-color;  
                @include transform(none);                  
                @include square(46px);
                @include rtl-right(0);
                @include hover-focus-active() {                    
                    border: none; 
                    background-color: $theme-color;                   
                }
            }            
            input[type=text],
            input[type=email] {   
                color: $input-color;
                background-color: $white;    
                @include placeholder($input-color);            
            }
        }
        > a.btn-search-icon {
            color: $link-color;            
            font-size: rem-calc(18);
            @include square(20px);
        }
        .apus-search-form-wrapper{
            .col-md-12{                
                @include rtl-padding-left(0);                
                @include rtl-padding-right(44px);                
            }
        }
    }     
    .top-wrapper-menu{
        @include rtl-margin-right(0);
    }
    .login-account,.user-log{            
        margin: 0;
        padding: 0;
        list-style: none;        
        @include clearfix();
        > li{            
            &.space{
                display: none;
            }
            > a{                
                font-weight: $font-weight-base;                  
                padding-bottom: 10px;   
                &.apus-user-login,
                &.apus-user-register{
                    padding-bottom: 15px;
                }
                &.apus-user-register{
                    padding-bottom: 0px;
                }
            }            
        }
    }    
    .btn-showmenu{
        border: none;
        padding: 0; 
        margin: 0;        
        overflow: hidden;                    
        cursor: pointer;      
        background-color: transparent;
        min-width: auto;
        line-height: 1;
        color: $headings-color;
		@include flexbox();
        @include align-items(center);
        @include justify-content(flex-end);	
        @include square(40px);	                
        @include hover-focus-active() {       
            outline: none;     
            color: $headings-color;
            background-color: transparent;
        } 
        > *{
            margin: 0;
            padding: 0;
            &:before {                
                margin: 0;
                font-size: 24px;
            }            
        }
    }
    .btn-search-icon{
        border: 0;
        padding: 0;        
        overflow: hidden;                    
        cursor: pointer;      
        font-size: 19px;
        color: $headings-color;      
        @include square(40px);          
        @include flexbox();
        @include align-items(center);
        @include justify-content(flex-end);
        @include hover-focus-active() {
            outline: none;
            color: $headings-color;
            background-color: transparent;
        }  
        > *{
            &:before {
                margin: 0px;
                font-size: 100%;
            }            
        }                                      
    }
    > .btn-offcanvas {
        position:absolute;top: 3px;
        left: 3px;
        z-index: 1;
    }
    .btn.dropdown-toggle,
    .btn.offcanvas{
        border:none;
        padding: 0;
        font-size: 18px;
        color: #000;
        background: transparent;
        &:hover,&:active,&:focus{
            color: $theme-color;
            background: transparent;
        }
    }
    .top-cart{
        @include rtl-margin-right(5px);
    }
    .total-minicart{
        display:none;
    }
    // search
    .search-mobile{
        padding: 0;
        display: block;
        position: absolute;        
        z-index: 1;
        visibility: hidden;
        pointer-events: none;
        top: 100%;
        left: 0;
        right: 0;
        @include opacity(0);        
        @include transition($linear);  
    }
    .box-right{
        @include rtl-margin-left(15px);
    }
    .box-left{
    	@include flexbox();
        @include justify-content(flex-end);
        @include align-items(center); 
        @include square(40px);
    }
    .apus-search-form{
        .tt-menu{
            a{
                &.media{
                    padding: 12px;
                }
            }            
        }         
    }     
}
.table-visiable{
    display: table;
    width: 100%;
    > div{
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
}
@media(min-width:992px){
    .table-visiable-dk{
        display: table;
        width: 100%;
        > div{
            float: none;
            display: table-cell;
            vertical-align: middle;
        }
    }
}
.sticky-header{
    position: fixed;
    background: $white;
    top: 0;
    left: 0;
    width: 100%;        
    @include translateY(0);
    @include transition(all 0.3s ease 0s);
    @include box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.1));
    &.sticky-header-hidden{
        @include translateY(-110%);
    }
}

.header_transparent{
    .apus-header{                        
        .wel-user{
            color: $headings-color;
        }
        .apus-header-custom-toplink{
            color: $headings-color;
            .custom-toplink-btn {
                color: inherit;
            }
        } 
        .apus-header-cta-2{
            .apus-header-call-to-action{
                .phone-icon {
                    background-position: 0 0;
                }
            }    
        }               
        .widget-social{
            &.st_small{
                .social{
                    a {
                        color: $headings-color;
                        @include hover-focus-active() {
                            color: $theme-color;
                        }                     
                    }
                }                 
            }             
        } 
        section{
            &.elementor-element {                
                &.has-bkg{  
                    .user-log{
                        li{
                            a {
                                color: $headings-color;                                
                                border-color: $border-color;
                                @include hover-focus-active() {
                                    color: $theme-color !important;
                                    background-color: transparent;
                                    border-color: $theme-color;
                                }
                            }
                        }                         
                    } 

                    .widget-social{
                        &.st_small{
                            .social{
                                > li{
                                    @include rtl-margin-right(25px);                                    
                                }
                                a{
                                    color: $text-color;
                                    @include hover-focus-active() {
                                        color: $theme-color;
                                    }
                                }
                            }
                        }
                    }
                    .wel-user{
                        color: $headings-color;
                        @include hover-focus-active() {
                            color: $theme-color;
                        }
                    }
                }                
            }
        } 
    }
    &:not(.has-header-sticky,.error404) .apus-header,    
    .main-sticky-header:not(.sticky-header){
        .apus-schedule-visit{
            a{
                color: $white;
                @include hover(){
                    color: $white;
                }
            }
        }      
        .apus-header-call-to-action{
            a {
                color: $white;
            }
        }
        .wel-user{
            color: $white;
            @include hover() {
                color: $headings-color;
            }
        }
        .logo{
            .logo-main{
                &.has-transparent-logo{
                    display: none;
                }
            }
            .transparent-logo{
                display: block;
            }
        }  
        .profile-info{
            color: $white;
            .fa{
                font-size: 12px;
                margin: 0px 5px;
            }
        }  
        .user-log{
            li{
                a {
                    font-weight: $font-weight-base;
                }
            }             
        } 
        .apus-header-custom-toplink{
            color: $white;
            .custom-toplink-btn{
                color: $white;
            }
        }
        .has-bkg{
            .apus-header-custom-toplink{
                color: $link-color;
                .custom-toplink-btn{
                    color: $link-color;
                }
            } 
        }
        .widget-social{
            &.st_small{
                .social{
                    a{
                        color: $white;
                    }
                }
            }
        }
        .megamenu{
            > li{      
                &.active{
                    > a{
                        color: $theme-color;
                        .caret{
                            color: $theme-color;
                        }
                    }
                }
                @include hover-focus-active(){
                    > a{
                        color: $theme-color;
                    }
                }   
            }
        }
        .main-menu{
            &.main-menu-2{
                .megamenu{
                    > li{                
                        > a{
                            color: $headings-color;      
                            @include hover(){
                                color: $white;
                            }                                                  
                        }
                    }
                }                   
            } 
        }
        .highlight-color{
            .main-menu{
                .megamenu{
                    > li{
                        &.active{
                            > a{
                                color: $white;
                                .caret{
                                    color: $white;
                                }
                            }
                        }
                        > a{
                            color: $headings-color;    
                            .caret{
                                color: $headings-color;    
                            }
                        }
                        @include hover() {
                            > a{
                                color: $white;
                                .caret{
                                    color: $white;
                                }
                            }
                        }
                    }
                }
            }
        }              
        .apus-header-call-to-action{                        
            .phone-icon{
                background-position: left bottom;
            }
        }
        section{
            &.elementor-element {
                outline: none;                
                &.has-bkg{
                    background-color: $white !important;                                        
                }       
                &.highlight-color{
                    outline: none;                    
                }
            }
        }              
    } 
}

.apus-header-404{
    padding: 27px 30px;
    border-bottom: 0px;
    @include media(desktop){
        padding: 27px 85px;
    }
}

.apus-header{
    z-index: 10;
    position: relative;    
    .widget-social{
        &.st_small{
            .social{
                a {     
                    color: $link-color;
                    @include hover-focus-active() {
                        color: $theme-color;
                    }        
                }
            }             
        }         
    }    
    .show-main-menu{
        font-size:30px;
        line-height:1;
        color:$link-color;
        @include hover-focus-active() {
            color: $theme-color;
        }       
    }
    section{
        &.elementor-element {                
            &.has-bkg{                   
                .apus-header-custom-toplink{
                    color: $text-color;
                    .custom-toplink-btn{
                        &:after{
                            height: 2px;
                        }
                    }
                    > *{
                        @include rtl-margin-right(85px);
                        &:last-child{
                            @include rtl-margin-right(0);
                        }
                    }
                }
            }                
        }
    }     
    .wrapper-topmenu{
        &:before{
            content: '';
            position: absolute;
            top: 100%;            
            @include rtl-left(0);
            background-color: transparent;
            z-index: 9;
            @include size(100%,10px);
        }
        .dropdown-menu-right{
            top:calc(100% + 10px);
        }
    }
    .apus-header-404{
        .apus-schedule-visit{
            a{
                color: $headings-color !important;
            }
        }
        .apus-search-form{
            > a{
                color: $headings-color !important;   
            }
        }         
    }
    .apus-header-space-1{
        padding: 0 30px;
        @include media(desktop){
            padding: 0 85px;
        }
    }    
    .apus-header-custom-logo-1{
        @include rtl-padding-right(100px);
    }
}
.header-button-woo{
    > div{
        @include rtl-margin-left(25px);
        &:last-child{
            @include rtl-margin-left(0);
        }
    }
}
.header-sidebar{
    position:fixed;
    width:100px;
    z-index:91;
    left:0;
    top:0;
    min-height:100vh;
    background:#000;
    color:$white;
    a{
        color:$white;
        &:hover,&:active{
            color:$theme-color;
        }
    }
    .show-main-menu{
        @include size(100px,100px);
        line-height:100px;
        border-width:0 0 1px;
        border-color:$border-color;
        color:$white;
        background:#000000;
    }
    .apus-topcart{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        padding:20px 0;
        border-top:1px solid #333333;
        .count{
            color:$white;
            font-size:12px;
            text-transform:uppercase;
        }
        .dropdown-menu{
            bottom:0;
            top:inherit;
            left:100%;
        }
    }
    .service{
        color: $gray-text;
        white-space:nowrap;
        position:absolute;
        top:50%;
        z-index:9;
        text-transform:uppercase;
        letter-spacing:2px;
        font-size:14px;
        left:50px;
        @include rotate(-90deg);
        @include transform-origin(0 ,11px);
        > *{
            @include translateX(-50%);
        }
        p{
            margin:0;
        }
    }
}

.over-dark{        
    cursor: auto;
    cursor: url('../images/close-icon.png') 20 20, auto;
    display: none;
    position: fixed;    
    top: 0;    
    z-index: 99;    
    background: rgba($gray-base,.7);
    @include square(100%);    
    @include rtl-right(0);
    &.active{
        display: block;
    }
}

// menu center
.menu-center{
    .navbar-nav.megamenu {
        float: none;
        text-align: center;
    }
}
/*------------------------------------*\
    Breadcrumb
\*------------------------------------*/
.#{$app-prefix}-breadcrumb{
    @include box-size($breadcrumb-layout-bg, $breadcrumb-padding-top, $breadcrumb-padding-bottom);
    @include border-radius(0);
    margin: $breadcrumb-margin;
    text-align: $breadcrumb-alignment;
    font-size: $breadcrumb-font-size ;
    .breadcrumb-title{
        color: $breadcrumb-color;
        margin: 0;
        font-weight: $breadcrumb-title-font-weight;
        font-size: $breadcrumb-title-font-size;
    }
    nav{
        @include rtl-text-align-left();
        line-height: $breadcrumb-line-height;
        a{
            color: $breadcrumb-link-color;
        } 
    }
}

/*------------------------------------*\
    Container
\*------------------------------------*/
.#{$app-prefix}-mainbody{
    @include box-size($container-bg, $container-padding-top, $container-padding-bottom);
}
/*------------------------------------*\
    Content
\*------------------------------------*/
.#{$app-prefix}-content{
    background: $content-bg;
    @include clearfix();
}
/*------------------------------------*\
    Pagination
\*------------------------------------*/
.navigation {
    display: block;
    clear: both;
}

.#{$app-prefix}-pagination{
    padding: 20px 0;    
    margin: 0;    
    font-size: $font-size-base;
    font-family: $font-family-second;
    @include clearfix();  
    @include flexbox();
    @include justify-content(center);

    @include media(tablet) {
        padding-bottom: 0;
    }

    @include media(desktop) {
        padding: 30px 0 0 0;
    }     
    > *{
        &:first-child{
            @include rtl-padding-left(0);
            @include rtl-margin-left(0);
        }
        &:last-child{
            @include rtl-padding-right(0);
            @include rtl-margin-right(0);
        }
    }   
    .page-numbers,
    .pagination{
        li{
            display: inline-block;
            vertical-align: middle;
            margin:0;
            > span, > a{
                text-align: center;
                font-family:$font-family-second;
                font-weight: $font-weight-normal;
                font-size: $font-size-base;
                padding:6px 10px;
                display: inline-block;
                float: none;
                color: $link-color;
                @include border-radius(0);
                @include transition(all 0.2s ease-in-out 0s);
                background: $light-gray;
                min-width: 40px;
                @include rtl-margin-right(5px);
                &:hover,
                &.current{
                    color: $white;
                    background: $theme-color;
                }
            }
        }
    }
    > span, > a{
        text-align: center;        
        font-weight: 600;
        font-size: rem-calc(12);
        padding: 0;       
        color: $text-color;                          
        line-height: 43px;        
        background-color: $white;        
        min-width: 40px;
        overflow: visible;                
        border: 1px solid $border-color;
        font-family: $font-family-base;        
        @include rtl-margin(0,-1px,0,0);
        @include size(40px,46px);        
        @include rtl-float-left();        
        @include border-radius(0);
        @include transition($linear);        
        @include hover-focus-active() {
            color: $white;
            background: $theme-color;        
            border-color: $theme-color;                                       
        }     
        &.next, &.prev{                    
            width: auto;
            padding: 0 16px;           
            color: $text-color;           
            text-transform: uppercase;
            @include hover-focus-active(){
                color: $white;
            }
        }           
        &.current{
            color: $white;
            background: $theme-color;
            border-color: $theme-color;
            pointer-events: none;            
        }        
    }
    ul.page-numbers{
        margin: 0;        
        padding: 0;
        list-style: none;
    }    
}

/*------------------------------------*\
    Footer
\*------------------------------------*/
.apus-footer-mobile{
    display:none;
}
.#{$app-prefix}-footer{    
    position: relative;
    z-index: 1;
    font-weight: $font-weight-base;
    background: $footer-bg;
    color: $footer-color;
    font-size: $footer-font-size;    
    a{
        color: $copyright-link-color;
        @include hover-focus-active() {
            color: $footer-link-hover-color;   
        }
        &.apus-copyright-link{
            color: $white;
            @include hover-focus-active(){
                color: $theme-color;
            }
        }        
    }           
    .apus-copyright-label{      
        @include rtl-text-align-left();
        @include media(desktop){
            text-align: center;      
        }
        &.dark{
            a{
                color: $headings-color;
                @include hover-focus-active(){
                    color: $theme-color;
                }
            }
        }
    }    
    .widget-mailchimp{        
        @include rtl-padding-left(0);
        @include media(desktop){
            @include rtl-padding-left(100px);
        }
        .title{
            color: $white;
            margin-bottom: 20px;
            @include media(tablet){
                margin-bottom: 5px;
            }        
            @include media(desktop){
                margin-bottom: 30px;
            }
        }
        .sub-title{
            margin-bottom: 10px;
            @include rtl-text-align-left();
            @include media(desktop){
                margin-bottom: 24px;                    
            }
        }
        .btn,.viewmore-products-btn {
            color: #75797a;
            @include media(desktop){
                color: $white;
            }
        }
        &.dark{
            .title{
                color: $headings-color;
            }
            form{
                border-color: #e6e6e6;
            }
            .btn,.viewmore-products-btn{
                color: $text-color;
                @include media(desktop){
                    color: $headings-color;
                }
            }
        }
    }
    .apus-footer-social{
        margin-top: 6px;
        @include rtl-text-align-left();
        @include media(desktop){
            text-align: center;
        }
        &.dark{
            .social{
                width: 100%;
                @include rtl-text-align-left();
                @include media(desktop){
                    text-align: center;
                }                
                a{
                    color: $headings-color;
                    @include hover-focus-active(){
                        color: $theme-color;
                    }
                }
            }
        }
    }
    .post-list-item-small {     
        position: relative;
        border-bottom: 0;
        @include rtl-padding-right(30px);        
        &:after{
            content: '';
            width: 75%;
            height: 1px;
            bottom: 0;            
            position: absolute;            
            background-color: #4c4a4a;
            @include rtl-left(0);
        }
        .entry-title{
            font-weight: $headings-font-weight;
            font-family: $font-family-base;
        }
    }
    .layout-blog{
        div[class*="col-"]{
            &:last-child{
                .post-list-item-small{
                    padding-bottom: 25px;
                }
            }
        }
    }
    .logo{
        &.custom-logo{
            margin-bottom: 0;
            @include media(desktop){
                margin-bottom: 10px;
            }
        }
    }
    .elementor-element{
        &.footer-builder-home-2{
            color: #aeaeae;
            .widget-mailchimp{
                .btn,.viewmore-products-btn{                
                    background-color: $table-bg-accent;
                }
                form{
                    input[type="email"]{
                        color: #aeaeae;
                        @include placeholder(#aeaeae);
                    }
                }
            }        
            .widget-footer-contact{
                &.dark{
                    ul{
                        li{
                            color: #aeaeae;
                        }
                    }
                }
            }            
            .apus-footer-custom-text{
                ul.dark{
                    li{
                        color: #aeaeae;
                        span,a{
                            color: #aeaeae;                            
                            @include hover-focus-active(){
                                color: $theme-color;
                            }
                        }
                    }
                }
            }
        }
    }
}

.footer-default{
    margin-top: 30px;
}

.apus-footer.full-medium{
    margin-left:auto;
    margin-right:auto;
    max-width:1600px;
}
/*------------------------------------*\
    Copyright
\*------------------------------------*/
.#{$app-prefix}-copyright{
    color: $text-color;
    border-top: 1px solid $border-color;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    a{
        color: $theme-color;
        @include hover-focus-active() {
            text-decoration: none;                        
        }        
    }
    // social
    .widget-social {
        @include rtl-text-align-right();
        a{
            color: $copyright-color;
            @include hover(){
                color: $theme-color;
            }          
        }
    }
}
/*------------------------------------*\
    Top bar
\*------------------------------------*/
.apus-offcanvas {
    visibility: hidden;    
    position: fixed;
    top: 0;    
    z-index: 1000;    
    background: $white;        
    overflow-x: auto;
    @include square(100%);
    @include rtl-left(0);
    @include flexbox();
    @include flex-direction(column);
    @include opacity(0);
    @include translateX(-100%);
    @include transition-all();

    @include media(tablet) {
        width: 400px;
    }    

    .apus-offcanvas-body{
        position: relative;
    }    
    .offcanvas-bottom,
    .offcanvas-top{
        height:20%;
    }
    .offcanvas-middle{
        height:60%;
        padding:20px 0;
        overflow-x:hidden;
    }
    &.active{
        visibility:visible;
        @include translateX(0);
        @include opacity(1);        
        @include box-shadow(2px 0 5px 0 rgba(0,0,0,0.15));
    }
    .offcanvas-head{
        cursor:pointer;
        background-color: transparent;
        i{
            font-size: 15px;
            @include rtl-margin-right(10px);
        }
        a{            
            color: $white;
        }
    }
    .logo-in-theme{
        margin-bottom: 30px;
    }
    .header-right > div{
        @include rtl-margin-left(30px);
        &:last-child{
            @include rtl-margin-left(0px);
        }
    }
    .elementor-column{
        width: 100% !important;
        .elementor-column-wrap, .elementor-widget-wrap{
            padding:0 !important;
        }
        .widget{
            margin-bottom: 10px;
        }
    }
}
@media(max-width:991px){
    .topbar-mobile  {
        padding: 10px;
        .btn{
            @include rtl-margin-right(10px);
            padding:6px 10px;
        }
        .top-cart .dropdown-menu{
            left: 0;
            right: inherit;
            &:after,
            &:before{
                display: none;
            }
        }
    }
}
// layout for sidebar
.open-text{
    font-size: 26px;
    color: $white;
    cursor: pointer;
    padding:6px 8px;
    background:$brand-success;
    display: inline-block;
    line-height: 1;
    @include transition(all 0.2s ease-in-out 0s);
    &:hover,&:active{
        color: $white;
        background:darken($brand-success, 5%);
    }
}
#mobile-offcanvas-sidebar{
    position: fixed;
    z-index: 999;
    top:0px;
    @include size(270px,100%);
    max-width: 80%;
    background:$white;
    &.mobile-offcanvas-left{
        left:0;
        @include translateX(-100%);
        > .mobile-sidebar-btn{
            left: 100%;
        }
    }
    &.mobile-offcanvas-right{
        right:0;
        @include translateX(100%);
        > .mobile-sidebar-btn{
            right: 100%;
        }
    }
    .mobile-sidebar-wrapper{
        display: none;
        height: 100%;
        width:100%;
        padding:0 15px;
    }
    &.active{
        > .mobile-sidebar-wrapper{
            display: block;
        }
    }
    > .mobile-sidebar-btn{
        position: absolute;
        top: 100px;
    }
}
.mobile-sidebar-panel-overlay{
    position:fixed;
    top: 0;
    left: 0;
    z-index:-10;    
    background: rgba($gray-base,.7);
    @include square(100%);    
    @include opacity(0);
    @include transition-all();
    &.active{
        @include opacity(1);
        z-index:998;
        cursor: url('../images/close-icon.png'), auto; 
    }
}
// footer mobile
.apus-footer-mobile{
    position:fixed;
    z-index: 999;
    background:rgba(255,255,255,0.9);
    padding:10px 20px;
    bottom:0;
    left:0;
    width:100%;
    @include box-shadow(0 0 1px 0 rgba(0,0,0,0.2));
    .footer-search-mobile{
        position:absolute;
        z-index: 999;
        left: 0;
        top:-60px;
        width: 100%;
        @include opacity(0);
        visibility: hidden;
        @include transition(all 0.2s ease-in-out 0s);
        &.active{
            visibility: visible;
            @include opacity(1);
        }
    }
    > ul{
        padding:0;
        margin:0;
        list-style:none;
        text-align: center;
        > li{
            text-transform: uppercase;
            display: inline-block;
            padding:0 25px;
            text-align: center;
            position:relative;
            span{
                display: block;
                font-size: 10px;
                line-height: 1;
            }
            .wishlist-icon, .mini-cart{
                line-height:$line-height-base;
            }
            .wrapper-morelink{
                @include opacity(0);
                visibility: hidden;
                position:absolute;
                right:0;
                bottom:40px;
                padding:20px;
                background:$white;
                @include box-shadow(0 0 4px 0 rgba(0,0,0,0.1));
                .footer-morelink{
                    list-style:none;
                    padding:0;
                    margin:0;
                    font-size: 10px;
                }
                li{
                    padding:3px 0;
                    white-space: nowrap;
                    display: block;
                    width: 100%;
                    @include rtl-text-align-left();
                }
                &.active{
                    visibility: visible;
                    @include opacity(1);
                }
            }
        }
    }
    .mini-cart i{
        font-size: 15px;
    }
    .mini-cart .count{
        top:2px;
    }
    .apus-search-form{
        min-width: 300px;
        padding: 10px 30px;
        background:rgba(255,255,255,0.9);
        .select-category{
          display: none;
        }
        form{
            border:none;
            margin:0;
            .form-control{
                border:1px solid $border-color;
            }
        }
    }
}
// fix sidebar
.close-sidebar-btn,
.mobile-sidebar-btn{
    cursor: pointer;
    font-weight: $font-weight-semi-bold;
    margin-bottom:10px;
    font-size: $font-size-base;    
    @include inline-block();
}
.mobile-sidebar-btn{
    margin: 0 0 25px;
    color: $text-color;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;    
    letter-spacing: 0.5px;    
    line-height: 1;
    @include inline-flex();
    @include align-items(center);
    @include hover-focus-active() {
        color: $theme-color;
    }
    > *{
        font-size: 14px;        
        @include rtl-margin(0, 10px, 0, 0);        
        &:before {            
            margin: 0;
            font-size: 16px;
        }        
    }    
}
.close-sidebar-btn{
    @include hover-focus-active() {
        color: $headings-color;        
    }    
}

.close-sidebar-btn{
    cursor: pointer;
    padding: 8px 30px;
    margin: 0px;
    display: block;
    font-size: 20px;
    background: $theme-color;
    color: $white;    
    border: none;
    width: 100%;
    font-weight: $font-weight-base;
    font-family: $font-family-base;
    @include rtl-text-align-left();
    @include transition($linear);
    @include border-radius(0);
    @include hover-focus-active() {
        background: $theme-color;
        color: $white;
    }
    > * {                
        @include rtl-margin-right(5px);        
        &:before {
            margin: 0;
            font-size: $font-size-base;
        }   
        &:last-child {
            margin: 0;
        }                  
    }
}

.apus-topbar{
    .wrapper-topmenu{
        &:hover{
            > a{
                color:$white;
            }
        }
    }
}
// fix for add cart
.wrapper-top-cart{
    .overlay-dropdown-menu-right{
        position:fixed;
        @include transition(all 0.2s ease-in-out 0s);
        @include size(100%,100%);
        background:rgba(0,0,0,0.6);
        top:0;
        left:0;
        @include opacity(0);
        visibility:hidden;
        z-index:98;
        &.active{
            @include opacity(1);
            visibility:visible;
        }
    }
    > .dropdown-menu-right{
        max-width:70%;
        @include flexbox();
        flex-direction: column;
        -webkit-flex-direction: column;
        position:fixed;
        z-index:999;
        @include transition(all 0.2s ease-in-out 0s);
        top:0;
        right:0;
        background:$white;
        @include size(420px,100%);
        padding:$theme-margin;
        @include translateX(100%);
        .widget_shopping_cart_heading{
            @include flexbox();
            flex:0 0 auto;
            -webkit-flex:0 0 auto;
            > h3{
                margin:0 0 20px;
                font-size:22px;
                padding:0 0 20px;
                border-bottom:1px solid $border-color;
                width:100%;
                cursor:pointer;
                color:$brand-danger;
            }
        }
        .widget_shopping_cart_content_wrapper{
            @include flexbox();
            flex:1 1 auto;
            -webkit-flex:1 1 auto;
            overflow-x: hidden;
            overflow-y: auto;
        }
        .shopping_cart_content{
            @include flexbox();
            flex-direction: column; 
            -webkit-flex-direction: column;
            height:100%;
            .cart_list{
                flex:1 1 auto;
                -webkit-flex:1 1 auto;
                @include flexbox();
                flex-direction: column; 
                -webkit-flex-direction: column; 
            }
            .cart-bottom{
                flex-direction: column; 
                -webkit-flex-direction: column; 
                flex:0 0 auto;
                -webkit-flex:0 0 auto;
                @include flexbox();
            }
        }
        &.active{
            @include translateX(0);
        }
    }
    .cart_list {
        .variation{
            margin:0;
            > *{
                display:inline-block;
                vertical-align:middle;
                p{
                    margin:0;
                }
            }
        }
    }
    .buttons{
        .btn-block{
            margin-bottom:10px;
        }
    }
}
.rtl{
    .wrapper-top-cart{
        > .dropdown-menu-right{
            right:inherit;
            left:0;
            @include translateX(-100%);
            &.active{
                @include translateX(0);
            }
        }
    }
}

.apus-footer-custom-text{
    color: darken($white, 30%);
    @include rtl-padding-right(0);
    @include media(desktop){
        @include rtl-padding-right(60px);
    }
    ul{
        li{
            color: $white;            
            margin-bottom: 10px;
            @include line-height-rem(26);                  

            @include media(desktop){
                margin-bottom: 15px;
            }

            span,a{
                color: $footer-color;
            }
            &:last-child {
                margin-bottom: 0;
            }            
        }
        &.dark{
            li{
                color: $footer-color;
                span{                    
                    color: $headings-color;
                }
            }
        }
    }
    p{
        margin-bottom: 0;        
        @include media(desktop) {
            margin-bottom: 30px;
        }
    }
}

.text-copyright{
    a{
        color: $theme-color;
        @include hover-focus-active(){            
            color: $theme-color;
        }
    }
}

.custom-copyright{
    text-align: center;
    text-transform: uppercase;
    color: $link-color;
    font-size: rem-calc(13);
    a{
        color: $theme-color;
        @include hover-focus-active(){            
            color: $theme-color;
        }
    }
}