Your IP : 216.73.216.111
/*------------------------------------*\
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);
&:before{
content: '';
background-image: url('../images/logout.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: 23px;
@include square(23px);
@include rotate(-180deg);
}
}
}
}
.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-medium;
color: $headings-color;
font-size: 16px;
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{
max-width:1770px;
margin:auto;
float:none;
}
.#{$app-prefix}-topbar{
padding:$topbar-padding;
margin: 0 !important;
background: $topbar-bg;
color: $topbar-color;
@include font-size(font-size, $topbar-font-size);
a{
color: $topbar-link-color;
&:active,
&:hover{
color: $topbar-link-hover-color;
}
}
.dropdown-menu{
a{
color: $link-color;
&:active,
&:hover{
color: $link-hover-color;
}
}
}
.topbar-left{
.item{
display: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:16px;
line-height:1;
color:$link-color;
&: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: 92px;
}
img{
vertical-align: middle;
}
a{
@include transition(none);
}
.transparent-logo{
display: none;
}
}
.header_customer_login{
padding:$theme-margin;
.title{
margin:0 0 10px;
font-size:25px;
}
}
.header-left{
[class*="icon"]{
font-size:16px;
}
.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:16px;
}
> div{
@include rtl-margin-left(25px);
&:last-child{
@include rtl-margin-left(0px);
}
}
}
.header-default{
padding: 18px 0;
@include media(desktop) {
padding: 26px 0;
}
.megamenu{
> li{
@include media(desktop) {
@include rtl-margin-right(26px);
}
&: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: 102px;
}
}
}
// header mobile
.header-mobile{
padding: 10px 15px;
background-color: $white;
position: relative;
@include media(tablet) {
padding: 15px;
}
.logo{
max-width: 92px;
}
.box-search{
position: static;
&.active{
.search-mobile{
visibility: visible;
pointer-events: auto;
@include opacity(1);
}
}
}
.top-wrapper-menu{
@include rtl-margin-right(0);
}
.login-account,.user-log{
list-style: none;
margin: 0px;
padding: 0px;
@include clearfix();
> li{
&.space{
display: none;
}
> a{
font-weight: 400;
padding-bottom: 10px;
&.apus-user-login,
&.apus-user-register{
padding-bottom: 15px;
}
&.apus-user-register{
padding-bottom: 0px;
}
}
}
}
.btn-showmenu{
border: 0;
padding: 0;
margin: 0;
overflow: hidden;
cursor: pointer;
position: relative;
@include inline-block();
@include size(100%,18px);
@include hover-focus-active() {
outline: none;
background-color: transparent;
}
span{
height: 2px;
background: $headings-color;
position: absolute;
width: 24px;
top: 0px;
@include rtl-margin-left(0px);
@include transition(transform .5s cubic-bezier(.19,1,.22,1));
@include border-radius(3px);
&:nth-child(2) {
top: 8px;
@include transform(all .5s cubic-bezier(.19,1,.22,1));
}
&:last-child {
top: 16px;
}
}
// &:before{
// content: "";
// cursor: pointer;
// background-repeat: no-repeat;
// background-position: center center;
// background-image: url('../images/menu.svg');
// background-size: 20px;
// @include square(20px);
// }
}
.btn-search-icon{
border: 0;
padding: 0;
overflow: hidden;
cursor: pointer;
@include rtl-margin-right(0);
@include square(40px);
@include flexbox();
@include align-items(center);
@include justify-content(flex-end);
@include hover-focus-active() {
outline: none;
background-color: transparent;
}
&:before{
content: "";
cursor: pointer;
background-repeat: no-repeat;
background-position: center center;
background-image: url('../images/search.svg');
background-size: 20px;
@include square(20px);
}
}
> .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;
}
}
.apus-search-form{
min-width: 270px;
@include media(smartphones) {
min-width: 300px;
}
.select-category{
display: none;
}
form{
border: 0;
padding: 10px;
width: 100%;
position: relative;
background: lighten($gray-base, 90%);
.main-search{
display: block !important;
}
.btn{
font-size: $font-size-base - 2;
text-transform: uppercase;
line-height: 42px;
height: 42px;
padding: 0px 15px;
font-weight: $headings-font-weight - 100;
font-family: $headings-font-family;
position: absolute;
top: 10px;
@include rtl-right(10px);
@include hover-focus-active() {
background-color: $theme-color;
border-color: $theme-color;
}
}
input[type=text],
input[type=email] {
color: $input-color;
background-color: $white;
@include placeholder($input-color);
}
}
}
.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 !important;
background:$white;
top: 0;
left: 0;
width: 100%;
z-index: 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%);
}
// fix vertical
.vertical-wrapper.show-always{
.content-vertical{
visibility: hidden;
@include opacity(0);
@include transition(all 0.3s ease-in-out 0s);
}
&:hover{
.content-vertical{
visibility: visible;
@include opacity(1);
}
}
}
}
.header_transparent{
.apus-header{
top: 0px;
position: absolute;
width: 100%;
z-index: 99;
@include rtl-left(0);
.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) .apus-header,
.main-sticky-header:not(.sticky-header){
.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: 400;
}
}
}
.apus-search-form{
> a{
color: $white;
}
}
.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{
> a{
color: $white;
@include hover-focus-active() {
color: $white;
}
.caret{
color: $white;
&:before{
color: inherit;
@include opacity(1);
}
}
}
}
}
.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;
// background: transparent !important;
&.has-bkg{
background-color: $white !important;
}
&.highlight-color{
outline: none;
// background-color: $theme-color !important;
}
}
}
}
}
.sticky-header{
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 100;
background-color: $white;
@include translateY(0);
@include box-shadow(0 4px 4px -2px rgba(0,0,0,.09));
&.sticky-header-hidden{
@include translateY(-110%);
}
}
.apus-header{
z-index: 10;
position: relative;
font-size: 14px;
.widget-social{
&.st_small{
.social{
a {
color: $link-color;
@include hover-focus-active() {
color: $theme-color;
}
}
}
}
}
.apus-search-form{
position: relative;
@include clearfix();
> a{
color: $headings-color;
font-size: 17px;
padding: 35px;
line-height: 1;
text-align: center;
position: relative;
@include rtl-margin-right(15px);
@include rtl-float-right();
> .fa{
@include center-box(absolute);
}
}
&.active {
form{
pointer-events: auto;
visibility: visible;
@include opacity(1);
@include translateY(0px);
&:after{
visibility: visible;
pointer-events: auto;
@include opacity(1);
}
}
}
form{
visibility: hidden;
top: 100%;
position: absolute;
pointer-events: none;
border: 0px;
padding: 10px;
width: 360px;
z-index: 1;
background: lighten($gray-base, 90%);
@include transition($linear);
@include opacity(0);
@include rtl-right(0);
@include translateY(15px);
&:after{
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #f8f8f8;
top: -16px;
content: "";
margin-top: 8px;
visibility: hidden;
pointer-events: none;
position: absolute;
@include rtl-right(42px);
@include opacity(0);
@include transition-all();
@include square(0);
}
.btn{
font-size: $font-size-base - 2;
text-transform: uppercase;
line-height: 1;
padding: 19px 25px;
font-weight: $headings-font-weight - 100;
font-family: $headings-font-family;
@include hover-focus-active() {
background-color: $theme-color;
border-color: $theme-color;
}
}
input[type=text],input[type=email] {
color: $input-color;
background-color: $white;
@include placeholder($input-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);
}
}
}
}
}
}
}
.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:#999999;
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: url('../images/close-icon.png'), auto;
display: none;
position:fixed;
top:0;
z-index: 99;
background: rgba(0,0,0,0.8);
@include size(100%,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;
@include font-size(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;
text-align: center;
font-size: 16px;
font-family: $font-family-second;
@include clearfix();
@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:400;
font-size: 16px;
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: $font-weight-medium;
font-size: 18px;
padding: 0;
float: none;
line-height: 46px;
color: $link-color;
background: $light-gray;
margin-right: 0;
min-width: 46px;
overflow: visible;
float: none;
font-family: $headings-font-family;
@include square(46px);
@include inline-block();
@include border-radius(0);
@include transition($linear);
@include rtl-margin-right(5px);
@include rtl-margin-left(5px);
@include hover-focus-active() {
color: $headings-color;
background: $theme-color;
}
&.next,&.prev{
font-size: 16px;
width: auto;
padding: 0 15px;
}
&.current{
color: $headings-color;
background: $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;
font-weight: 400;
background: $footer-bg;
color: $footer-color;
font-size: $footer-font-size;
a{
color: $footer-link-color;
@include hover-focus-active() {
color: $footer-link-hover-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: 600;
font-family: $font-family-base;
}
}
.layout-blog{
div[class*="col-"]{
&:last-child{
.post-list-item-small{
padding-bottom: 25px;
}
}
}
}
}
.footer-default{
outline: none;
}
.apus-footer.full-medium{
margin-left:auto;
margin-right:auto;
max-width:1600px;
}
/*------------------------------------*\
Copyright
\*------------------------------------*/
.#{$app-prefix}-copyright{
color: $copyright-color;
font-size: $copyright-font-size;
font-weight: $copyright-font-weight;
background:$copyright-bg;
border-top: 1px solid $border-color;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
position: relative;
a{
color: $copyright-link-color;
@include hover-focus-active() {
color: $copyright-link-hover-color;
}
}
// social
.widget-social {
@include rtl-text-align-right();
a{
color: $copyright-color;
&: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: 16px;
@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(0,0,0,0.8);
@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-medium;
margin-bottom:10px;
font-size:$font-size-base;
@include inline-block();
}
.mobile-sidebar-btn{
margin:0 0 30px;
@include inline-block();
color: $headings-color;
font-family: $headings-font-family;
@include hover-focus-active() {
color: $headings-color;
}
.fa{
font-size: 13px;
@include rtl-margin(0, 5px, 0, 0);
}
}
.close-sidebar-btn{
@include hover-focus-active() {
color: $headings-color;
}
}
.close-sidebar-btn{
cursor: pointer;
padding: 8px 15px;
margin: 0px;
display: block;
font-size: 20px;
background: $theme-color;
color: $headings-color;
text-align: center;
border: 0;
width: 100%;
@include transition($linear);
@include border-radius(0);
@include hover-focus-active() {
background: $theme-color;
color: $headings-color;
}
i {
font-size: 16px;
@include rtl-margin-right(10px);
}
}
// main-menu-top
.apus-header{
.wrapper-topmenu{
&:before{
content:'';
position:absolute;
top:100%;
left:0;
@include size(100%,10px);
background:transparent;
z-index:9;
}
.dropdown-menu-right{
top:calc(100% + 10px);
}
}
}
.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: $footer-link-color;
@include rtl-padding-right(0);
@include media(tablet) {
@include rtl-padding-right(30px);
}
p{
margin-bottom: 0;
@include media(desktop) {
margin-bottom: 30px;
}
}
}