ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / adenbic.com / wp-content / themes / bumbleb / sass / themes

/************************************************************************************************
    TOP BANNER LISTING
************************************************************************************************ */
.bwp_widget_image{
    margin-bottom: 40px;
    .container-banner{
        position: absolute;
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);  
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        .boxContent {
            max-width: 640px;
            padding: 30px;
            text-align: center;
            color: white;
             .boxSubTitle {
                margin: 0px;
                padding: 10px 0;
                font-size: 24px;
                font-weight: 400;
                text-transform: uppercase;
            }
            .boxTitle {
                margin: 0px;
                padding: 10px 0;
                font-size: 42px;
                font-weight: bold;
                text-transform: uppercase;
                color: #fff;
            }
            .btn {
                font-size: 16px;
                font-weight: bold;
                margin: 20px 0 0;
                padding: 5px 20px;
                height: 42px;
                border: 1px solid white;
                background-color: transparent;
                color: white;
                text-transform: uppercase;
                text-decoration: none;
                @include transition(opacity 0.3s ease-in-out 0.3s);
                &:hover {
                    border-color: $theme-color; 
                    background-color: $theme-color;
                }
            } 
        }
    }
}

/*
    widget styles
*------------------------------------
*/
.title_block {
    h4 {
        font-size: $font-size-base + 4;
        text-align: center;
        position: relative;
        text-transform: uppercase;
        line-height: 100%;
        letter-spacing: 2px;
        padding-bottom: 15px;
        padding-bottom: 20px;
        margin-bottom: 30px;
        &:before,&:after{
            content: "";
            height: 1px;
            position: absolute;
            bottom: 0;
            @include rtl-left(50%);
        }
        &:before{
            width: 20%;
            @include rtl-margin-left(-10%);
            background-color: $border-color;
        }
        &:after{
            width: 10%;
            @include rtl-margin-left(-5%);
            background-color: #616161;
            z-index: 1;
        }
    }
}

/*
    Widget Genaral
*------------------------------------
*/
.widget{
    label{  
        font-weight: $font-weight-base;
    }
    // widget image
    .widget_sp_image-image-link{
        display: block;
        overflow: hidden;
        position: relative;
        img{
            @include img-responsive();
            @include transition(all 0.35s);
            @extend .filter-grayscale;
        }
    }
    // widget post
    .post-widget{
        .image{
            @include size(70px,70px);
            margin: 0;
            @include rtl-margin-right(10px);
            img{
                @include size(percentage(1),percentage(1));
            }
        }
    }
    // widget archive
    &.widget_archive{
        @include lists-style();
    }
    // widget categories
    &.widget_categories{
        //@include lists-style();
    }
    // widget page
    &.widget_pages{
        @include lists-style();
    }
    // widget meta
    &.widget_meta{
        @include lists-style();
    }
    // widget nav menu
    &.widget_nav_menu{
        @include lists-style();
    }
    &.widget_rss{
        @include lists-style();
        ul li{
            background: none;
            margin-bottom: 10px;
            a{
                padding: 0;
            }
        }
    }
    // widget recent entries
    &.widget_recent_entries{
        @include lists-style();
        ul li{
            background: none;
        }
    }
    // widget recent comments
    &.widget_recent_comments{
        @include lists-style();
        ul li{
            background: none;
        }
    }
    // widget rss
    &.widget_rss{
        @include lists-style();
        ul li{
            background: none;
            a{
                padding: 0;
            }
            &:before{
                display: none;
            }
        }
    }
}

/*
    Widget Contact Us
*------------------------------------
*/
.contact{
    margin: 0;
    padding: 0;
	@include clearfix();
	dt{
		@include rtl-float-left();
		@include size(30px,auto);
	}
	dd{
		overflow: hidden;
		margin-bottom: 5px;
	}
    .contact-icon{
        display: block;
        text-align: center;
        background: $contact-icon-bg;
        @include rtl-float-left();
        @include square($contact-icon-size);
        @include border-radius($contact-icon-border-radius);
        .fa{
            color: $contact-icon-color;
            @include font-size(font-size,$font-size-base);
            @include rtl-margin(0, 0, 0, 4px);
        }
    }
}

/*
    Widget Newsletter
*------------------------------------
*/
.wpcf7-form{
    div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
        margin-top: 15px;
    }
}
.wpbingo-newsletter-1{
	background-color: transparent;
	z-index: 1;
	position: relative;
	display:flex;
	align-items:center;
	flex-wrap:wrap;

.title{
		font-size:18px;
		font-weight:700;
		color:$white;
		line-height:25px;
		text-transform:uppercase;
	}
	.sub-title {
		color:$text-color;
	}
	
	.content-newsletter{
		margin-left:90px;
		position: relative;
		flex: 1;
		display:flex;
		align-items:center;
		@media (max-width:$screen-md-max){
			margin-left:40px;
		}
		@media (max-width:$screen-sm-max){
			margin-left:0;
			margin-bottom:25px;
		}
		@media (max-width:$screen-xs-max){
			 max-width: unset;
			 min-width: unset;
		}
		input[type="email"]{
			height: 40px;
			line-height:40px;
		} 
		.clearfix{
			position:relative;
		}
		.your-email{
			flex:1;
		}
	}
	input[type="email"] {
		border: 0;
		background: white;
		font-weight: 300;
		width: 100%;
		padding:0 20px;
		border:none;
		@include placeholder($light-gray);
		@media(max-width:$screen-md-max){
			padding:0 15px;
		}
		&::placeholder {
			font-size:14px;
		}
	}
	input[type="submit"] {
		background:transparent;
		border:0;
		text-transform:uppercase;
		color:$white;
		font-size:14px;
		@include rtl-margin-left(10px);
		cursor:pointer;
		line-height:40px;
		padding:0 15px;
		&:hover{
			background:$gray-dark;
			color:$white;
		}
	}
	span.wpcf7-not-valid-tip{
		margin-top: 15px;
	}
	@media (max-width:$screen-sm-max){
		.title-newsletter{
			width:100%;
			text-align:center;
			margin-bottom:25px;
		}
	}
}
.wpbingo-newsletter-1-1{
	background-color: transparent;
	z-index: 1;
	position: relative;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	.content-newsletter{
		position: relative;
		flex: 1;
		display:flex;
		align-items:center;
		input[type="email"]{
			height: 55px;
			line-height:55px;
		} 
		.clearfix{
			position:relative;
		}
		.your-email{
			flex:1;
		}
	}
	input[type="email"] {
		border: 0;
		background: white;
		font-weight: 300;
		width: 100%;
		padding:0 20px;
		border:none;
		border:1px solid rgba($light-gray,0.5);
		@include placeholder($light-gray);
		@media(max-width:$screen-md-max){
			padding:0 15px;
		}
		&::placeholder {
			font-size:14px;
		}
	}
	input[type="submit"] {
		background:transparent;
		border:0;
		text-transform:uppercase;
		color:$white;
		font-size:14px;
		cursor:pointer;
		line-height:55px;
		padding:0 15px;
		&:hover{
			background:$gray-dark;
			color:$white;
		}
	}
	span.wpcf7-not-valid-tip{
		margin-top: 15px;
	}
	@media (max-width:$screen-sm-max){
		.title-newsletter{
			width:100%;
			text-align:center;
			margin-bottom:25px;
		}
	}
}
.wpcf7 form .wpcf7-response-output{
	margin: 37px 0 0;
}
.wpbingo-newsletter-1-2{
	.wpbingo-newsletter{
		&.newsletter-default{
			.wpbingo-newsletter-title{
				margin-bottom: 20px;
				color: $white;
				line-height: 20px;
				h2{
					font-size: 24px;
					font-weight: 700;
					color: $theme-color;
					margin-top: 0;
				}
				p{
					margin: 0;
				}
			}
			.wpcf7-not-valid-tip{
				position: absolute;
				bottom: -30px;
			}
			.content-newsletter{
				width: 100%;
				border: 0;
				display:flex;
				.wpcf7-form-control-wrap{
					width:100%;
				}
				input[type="email"]{
					width:100%;
					border:0;
					padding: 0;
					font-size:14px;
					line-height: 35px;
					color: $white;
					height: 35px;
					background: transparent;
					border-bottom: 2px solid $white;
					&::placeholder{
						color: $white;
					}
				}
				.clearfix{
					@include rtl-margin-left(10px);
					position: relative;
				}
				input[type="submit"]{
					border:0;
					background: transparent;
					@include transition(all .3s ease);
					position:relative;
					top:0;
					cursor:pointer;
					font-size: 12px;
					line-height: 35px;
					padding:0;
					height: 35px;
					color: $white;
					letter-spacing: 1px;
					text-transform: uppercase;
					border-bottom: 2px solid $white;
					&:hover{
						font-style: italic;
					}
				}
				.ajax-loader{
					position:absolute;
					top: 6px;
					right:5px;
				}
			}
		}
	    &.wpbingo-newsletter-sidebar{
	        background: #f5f5f5;
	        @include rtl-padding(35px, 20px, 40px, 20px);
	        color: $gray-dark;
	        .content-newsletter{
	            display: block;
	        }
	        input[type="email"]{
	            border: 2px solid #dedede;
	            background: $white;
	            margin-bottom: 10px;
	        }
	        input[type="submit"]{
	            width: 100%;
	        }
	    }
	}
}
.wpbingo-newsletter{
	&.newsletter-default{
		.wpbingo-newsletter-title{
			margin-bottom: 20px;
			color: $white;
			line-height: 20px;
			h2{
				font-size: 24px;
				font-weight: 700;
				color: $theme-color;
				margin-top: 0;
			}
			p{
				margin: 0;
			}
		}
		.wpcf7-not-valid-tip{
			position: absolute;
			bottom: -30px;
		}
		.content-newsletter{
			width: 100%;
			border: 0;
			display:flex;
			.wpcf7-form-control-wrap{
				width:100%;
			}
			input[type="email"]{
				width:100%;
				border:0;
				padding: 0;
				font-size:14px;
				line-height: 35px;
				height: 35px;
				background: transparent;
				border-bottom: 2px solid $gray-dark;
				&::placeholder{
					color: #9b9b9b;
				}
			}
			.clearfix{
				margin: 0;
				position: relative;
				@include transition(all .3s ease);
			}
			input[type="submit"]{
				border:0;
				padding: 0 15px;
				background: transparent;
				@include transition(all .3s ease);
				position:relative;
				top:0;
				cursor:pointer;
				font-size: 12px;
				line-height: 35px;
				height: 35px;
				color: $gray-dark;
				text-transform: capitalize;
				border-bottom: 2px solid $gray-dark;
				&:hover{
					color: $theme-color;
					border-color: $theme-color;
				}
			}
			.ajax-loader{
				position:absolute;
				top: 6px;
				right:5px;
			}
		}
	}
    &.wpbingo-newsletter-sidebar{
        background: #f5f5f5;
        @include rtl-padding(35px, 20px, 40px, 20px);
        color: $gray-dark;
        .content-newsletter{
            display: block;
        }
        input[type="email"]{
            border: 2px solid #dedede;
            background: $white;
            margin-bottom: 10px;
        }
        input[type="submit"]{
            width: 100%;
        }
    } 
}

/* Owl carousel post */
.bwp-recent-post {
	&.slider{
		@media(max-width: $screen-md-max){
			.slick-list{
				margin: 0 -7.5px;
				.slick-slide{
					padding: 0 7.5px;
				}
			}
		}
		.slick-carousel{
			overflow:unset;
			.slick-slide{
				margin: 0;
			}
		}
		.slick-active{
			.post-categories a{
				@include transform(translate(-50%, 0));
			}
		}
		.post-inner{
			@include transition(all 0.3s ease);
			overflow:hidden;
			display: flex;
			align-items:center;
			&:hover{
				.btn-read-more{
					@include transform(translate(-50%, 0));
				}
				.post-image{
					img{
						@include scale(1.04);
					}
				}
			}
			@media(max-width: $screen-sm-max){
				display: block;
			}
		}
		.post-categories a{
			display: inline-block;
			position: absolute;
			bottom:0;
			@include rtl-left(50%);
			@include transform(translate(-50%, 100%));
			@include transition(all 0.3s ease);
			background: $white;
			line-height: 20px;
			padding:0 23px;
			font-size: 10px;
			letter-spacing: 1px;
			text-transform: uppercase;
			color:rgba($gray-dark, .8);
			&:hover{
				background:$theme-color;
			}
		}
		.post-content{
			padding: 18px 30px;
			a{
				&:hover{
					color:$gray-dark;
				}
			}
			@media (max-width:$screen-md-max){
				padding: 15px;
			}
		}
		.content-posted{
			margin-bottom: 5px;
			> span{
				font-size: 10px;
				color: $gray-dark;
				text-transform: uppercase;
				letter-spacing: 1px;
			}
			.time-post{
				@include rtl-margin-left(25px);
				i{
					position:relative;
					top: 1px;
				}
			}
			.entry-dates{
				display: inline-block;
				@include rtl-margin-left(5px);
			}
		}
		.post-image{
			position:relative;
			overflow:hidden;
			max-width: 450px;
			height: 248px;
			img{
				@include transition(all 0.5s ease);
				height: 100%;
			}
		}
	}
	&.slider2{
		@media(max-width: $screen-md-max){
			.slick-list{
				margin: 0 -7.5px;
				.slick-slide{
					padding: 0 7.5px;
				}
			}
		}
		.slick-arrow{
            opacity: 1 !important;
            visibility: visible !important;
            font-size: 24px;
            font-family: icomoon;
            @include square(35px);
            background: transparent;
            line-height:35px;
            &.fa-angle-right{
                right: -52px;
                @include transform(scaleX(-1));
                &:before{
                    content:"\e909";
                }
            }
            &.fa-angle-left{
                left: -52px;
                &:before{
                    content:"\e909";
                }
            }
            @media(max-width:1440px){
                 &.fa-angle-left{
                    left: 0;
                }
                &.fa-angle-right{
                    right:0;
                }
            }
        }
		.btn-read-more{
			a{				
				font-family: $font-family-base;
				position:relative;
			}
		}
		.post-content{
			a{
				&:hover{
					color:$theme-color;
				}
			}
		}
		.content-posted{
			margin-bottom: 5px;
			> span{
				font-size: 10px;
				color: $gray-dark;
				text-transform: uppercase;
				letter-spacing: 1px;
			}
			.time-post{
				@include rtl-margin-left(25px);
				i{
					position:relative;
					top: 1px;
				}
			}
			.entry-dates{
				display: inline-block;
				@include rtl-margin-left(5px);
			}
		}
	}
    &.sidebar{
		.post-grid{
			margin:0;
			&:last-child{
				.item{
					border-bottom:0;
				}
            }
			&.sticky{
				background:transparent;
				padding:0 15px;
				.item{
					padding:20px;
					background: #f5f5f5;
				}
			}
		}
		.row{
			>div{
				&:not(:last-child){
					.item{
						padding-bottom: 20px;
					    margin-bottom: 20px;
					}  
				}
			}
		}
        .item{
			border-bottom: 1px solid #e6e6e6;
			display: flex;
            >*{
                display: table-cell;
				vertical-align: top;
				@media(max-width:$screen-md-max)and(min-width:$screen-md){
					display:block;
				}
            }
            >.post-thumbnail{
				position:relative;
				img{
					height: 100px;
					object-fit: cover;
					max-width: 103px;
				}
				@media(max-width:$screen-md-max)and(min-width:$screen-md){
					width:100%;
				}
            }
            .post-content{
				position:relative;
				display: flex;
				justify-content: center;
				flex-direction: column;
                @include rtl-padding-left(15px);
				@media(max-width:$screen-md-max)and(min-width:$screen-md){
					padding:0;
					margin-top:15px;
				}
				.post-categories{
					margin-bottom:5px;
					a{
						font-size:11px;
						color:$theme-color;
						text-transform:uppercase;
						font-weight:700;
					}
				}
                h2.entry-title{
                    font-size: 13px;
                    line-height: 20px;
					margin:0;
                    margin-bottom: 3px;
					a{
						color:$gray-dark;
						&:hover{
							color:$theme-color;
						}
					}
                }
                span.entry-date{
                    display: block;
					time{ 
						font-size:14px;
					}
                }
                .entry-link a{
                    color: $gray-dark;
                    &:hover{
                        color: $theme-color;
                    }
                }
            }
        }
    }	
	&.default{
		.post-content{
			margin-top:10px;
		}
		.categories{
			a{
				color:$theme-color;
				font-size:14px;
				&:hover{
					color:$gray-dark;
				}
			}
		}
		.entry-title{
			line-height:1.3;
			font-size:16px;
			margin-bottom:0;
			margin-top:0;
		}
		.date-cmt{
			display:flex;
			time.entry-date{
				color:$text-color;
				font-size:14px;
			}
		}
		.entry-meta-head{
			font-size:14px;
			color:$text-color;
			&:before{
				content:"-";
				display:inline-block;
				margin:0 3px 0 5px;
			}
		}
	}
	&.blog-menu{
		.post-thumbnail{
			display:inline-block;
			max-width:125px;
			flex:0 0 125px;
			img{
				max-width:125px;
			}
		}
		.item{
			display:flex;
		}
		.post-content{
			@include rtl-padding-left(20px !important);
		}
		.entry-title{
			font-size:16px;
			line-height: 20px;
			margin:0 0 5px;
			a{
				font-size:14px !important;
				text-transform: uppercase;
			}
		}
		.post-grid{
			margin-bottom:15px;
			&:last-child{
				margin-bottom:0;
			}
			&.sticky{
				background:transparent;
				padding:0 15px;
			}
		}
		.day-cmt{
			>*{
				display:inline-block;
				font-size:14px;
				color:$text-color;
				&:before{
					content:"|";
					display:inline-block;
					margin:0 5px;
					color:$gray-light;
				}
				&:first-child{
					&:before{
						display:none;
					}
				}
				a{
					color:$text-color;
					font-weight:500;
				}
				time{
					color:$text-color;
					font-weight:500;
				}
			}
		}
	}
}

.widget_text{
    select{
        width: 100%;
		white-space: pre-wrap;
    }
}

.sidebar{
    .widget{
        > ul{
            ul.children{
                padding: 0 20px;
            }
        }
        ul.sub-menu{
            padding: 0 20px;
        }
    }
}

.template-news{
    .#{$app-prefix}-sidebar{
        .post-widget,
        .comment-widget{
            .blog-title,h6{
                text-transform: none;
                font-weight: 700;
                @include font-size(font-size,12px);
            }
        }
    }
}

.flickr-gallery{
	img{
        padding: 0;
        margin: 4px;
        @include size(60px,60px);
        @include rtl-float-left();
	}
}

/*
   Widget Sidebar
*------------------------------------
*/
.#{$app-prefix}-sidebar{
    >.widget{
        margin-bottom: 45px;
		padding:0;
		border:none;
        &:empty{
            display: none;
        }
        &:last-child{
            margin-bottom: 0;
        }
		&.bwp_widget_image{
			padding:0;
			overflow:hidden;
			border:none;
			.bwp-image{
				@media(max-width:$screen-sm-max){
					text-align:center;
				}
			}
		}
		&.widget_product_categories{
			margin-bottom:50px;
		}
		&.widget_block{
			>.widget_title{
				font-size:16px;
				margin:0 0 -25px;
				padding: 0 0 10px;
				background: transparent;
				font-size: 16px;
				font-weight: 700;
				position: relative;
				line-height: 20px;
				border-bottom: 1px solid #e4e4e4;
			}
			.wc-block-filter-submit-button{
				background:$theme-color;
				padding: 3px 15px;
				font-family: $font-family-base;
				font-weight: 700;
				text-transform: uppercase;
				color: $gray-dark;
				border-radius: 20px;
				&:hover{
					background:$gray-dark;
					color:$white;
				}
				&[disabled]{
					display:none;
				}
			}
			h3{
				margin: 0 0 30px;
				padding: 0 0 10px;
				background: transparent;
				font-size: 16px;
				font-weight: 700;
				position: relative;
				line-height: 20px;
				border-bottom: 1px solid #e4e4e4;
			}
			.wp-block-woocommerce-product-categories ul{
				max-height:350px;
				overflow:auto;
				&::-webkit-scrollbar-track
				{
					background-color: #F5F5F5;
				}

&::-webkit-scrollbar
				{
					width: 2px;
					background-color: #000;
				}

&::-webkit-scrollbar-thumb
				{
					background-color: rgba($gray-dark, 0.1);
				}
				a:hover{
					color:$theme-color;
					span{
						color:$theme-color;
					}
				}
			}
			.wc-block-attribute-filter.style-dropdown{
				.components-form-token-field__input-container{
					>ul{
						background:$white;
						@include box-shadow( 0px 1px 12px 2px rgba(144, 144, 144, 0.3));
						li{
							padding:0 20px;
						}
					}
				}
			}
			.wc-block-attribute-filter-list{
				padding:0 !important;
				max-height:300px;
				overflow:auto;
				&::-webkit-scrollbar-track
				{
					background-color: #F5F5F5;
				}

&::-webkit-scrollbar
				{
					width: 2px;
					background-color: #000;
				}

&::-webkit-scrollbar-thumb
				{
					background-color: rgba($gray-dark, 0.1);
				}
				.wc-block-components-checkbox{
					margin:0;
					label{
						margin:0;
						font-size:$font-size-base;
					}
					&:hover{
						color:$theme-color;
					}
				}
				.wc-block-components-checkbox__input[type=checkbox]{
					border:1px solid #e4e4e4;
					min-width:20px;
					width: 20px;
					height: 20px;
					&:focus{
						outline: unset;
						outline-offset: unset;
					}
				}
			}
		}
		.bwp-filter-size{
			margin-bottom:55px !important;
		}
		&.widget_categories{
			margin-bottom:45px;
			ul{
				li{
					padding:5px 0 !important;
					font-size:11px;
					a{
						color:$text-color;
						&:hover{
							color:$theme-color;
						}
					}
					&:last-child{
						border-bottom:0;
					}
					&.current-cat{
						a{
							color:$theme-color ;
						}
					}
					.children{
						li{
							&:last-child{
								padding-bottom:0 ;
							}
						}
					}
				}
			}
		}
		&.widget_block{
			.wp-block-column{
				h2{
					color: $block-sidebar-heading-color;
					padding: $block-sidebar-heading-padding;
					background: $block-sidebar-heading-hightlight-bg;
					font-weight: $block-sidebar-heading-font-weight;
					font-size: $block-sidebar-heading-font-size;
					margin: $block-sidebar-heading-margin;
					letter-spacing: 2px;
					text-transform: uppercase;
					border-bottom: 1px solid #e4e4e4;
				}
				p{
					margin: 0;
				}
			}
		}
		&.bwp_recent_post_widget{
			margin-bottom: 45px;
		}
		&.bwp_ajax_filte{
			margin-bottom:45px;
		}
		&.bwp_woo_recent_post_widget{
			margin-bottom:45px;
		}
		&.widget_rss{
			.rss-widget-icon{
				margin-top:3px !important;
			}
			ul li{
				@include rtl-padding-left(0 !important);
			}
		}
		&.dokan-store-widget{
			&.dokan-category-menu{
				ul{
					li{
						padding: 5px 0 !important;
						a{
							padding:0 !important;
							border-bottom:0 !important;
							font-size:15px !important;
							margin:0 !important;
							&:hover{
								color:$theme-color !important;
							}
						}
					}
				}
				#cat-drop-stack{
					ul li:last-child.has-children a{
						border-bottom:0 !important;
					}
					> ul li.parent-cat-wrap ul.level-0{
						background:transparent;
					}
				}
			}
			&.widget_products{
				.product_list_widget{
					li{
						padding:0;
						display:flex;
						margin-bottom:20px;
						&:last-child{
							margin-bottom:0;
						}
						&:before{
							display:none;
						}
						.product-title{
							font-size:15px;
							color:$text-color;
							font-weight:400;
							display:block;
						}
						.thumbnail-content{
							width:100%;
							max-width:100px;
						}
						.box-content{
							@include rtl-padding-left(20px);
						}
						.woocommerce-Price-amount{
							color:$gray-dark;
							font-weight:400;
							font-size:16px;
							>span{
								color:$gray-dark;
								font-weight:400;
							}
						}
						ins{text-decoration: none;}
						del{
							.woocommerce-Price-amount{
								color:$text-color;
								font-weight:400;
								font-size:14px;
								>span{
									color:$text-color;
									font-weight:400;
								}
							}
						}
					}
				}
			}
			&.dokan-store-contact{
				ul{
					li{
						padding:0 !important;
						&:before{
							display:none;
						}
					}
				}
				.dokan-btn-theme{
					padding:0 20px;
					line-height:40px;
					text-transform:uppercase;
					font-weight:500 !important;
					font-size:12px;
					letter-spacing:2px;
				}
			}
			#cat-drop-stack > ul li a{
				color:$text-color;
				&:hover{
					color:$theme-color;
				}
			}
		}
        .widgettitle, .widget-title, .title_brand h2,.wp-block-search__label,.wp-block-group__inner-container h2{
            color: $block-sidebar-heading-color;
            padding: $block-sidebar-heading-padding;
            background: $block-sidebar-heading-hightlight-bg;
            font-size: $block-sidebar-heading-font-size;
            margin: $block-sidebar-heading-margin;
            font-weight:$block-sidebar-heading-font-weight;
            position: relative;
			line-height:20px;
			border-bottom: 1px solid #e4e4e4;
			.rsswidget{
				.rss-widget-icon{
					margin-top:5px;
				}
			}
        }
        >div >ul:not(.social-link), >ul,.wp-block-group__inner-container >ul{
            @include rtl-padding-left(0px !important);
            margin-top: -7px;
            margin-bottom: -7px;
            >li{
				&:first-child{
                    padding-top: 0 !important;
                }
                a, span{
					color: $text-color;           
                }
                &.current-cat, &.open{
                    > a{
                        color: $theme-color;
                    }
                }
            }
        }
        ul:not(.social-link,.content-products,.product_list_widget){
            background: $block-sidebar-hightlight-content-bg;
            padding: 0;
            border: none;
            @include rtl-padding-left(15px);
            li:not(.recentcomments){
                padding: 5px 0;
                list-style: none;
                color: $text-color;
                &:first-child{
					border-top:none;
                }
				&:last-child{
					padding-bottom: 0 !important;
				}
                .count{
					display:inline-block;
                }
                a:not(.rsswidget){
                    color: $text-color;
                    &:hover, &.active{
                        color: $theme-color;
                    }
                }
                &.current-cat{
					color: $theme-color;
                    > a, > span{
                        color: $theme-color;
                        cursor: pointer;
                        .count{
                            color: $theme-color;
                        }
                    }
					&:before{
						color: $theme-color !important;
					}
                }
            }
			&.children{
				margin-top:12px;
				li{
					&:last-child{
						padding-bottom:0;
					}
				}
			}
            li.cat-parent{
                .children{
                    li{
                        @include rtl-padding-left(20px);
                    }
                }
            }
        }
		ul.wc-block-product-categories-list{
            background: $block-sidebar-hightlight-content-bg;
            padding: 0;
            border: none;
            @include rtl-padding-left(15px);
            li:not(.recentcomments){
                padding: 5px 0;
                list-style: none;
                color: $text-color;
                &:first-child{
                    padding-top: 0;
					border-top:none;
                }
                .count{
					display:inline-block;
                }
                a:not(.rsswidget){
                    color: $text-color;
                    &:hover, &.active{
                        color: $theme-color;
                    }
                }
                &.current-cat,&:hover{
					&:before{
						display:block;
						@include opacity-s();
					}
                    > a, > span{
                        color: $theme-color;
                        cursor: pointer;
                        .count{
                            color: $theme-color;
                        }
                    }
                }
            }
        }
        &.widget_recent_comments{
            ul{
				li{
					padding: 5px 0;
					list-style: none;
					color: $text-color;
					@include rtl-padding-left(20px);
					&:first-child{
						padding-top: 0;
						border-top:none;
					}
					&:before{
						content: "\f0e6";
						font-family: FontAwesome;
						font-size:13px;
						color:rgba($text-color,0.5);
						@include rtl-margin-right(10px);
						@include rtl-margin-left(-20px);
					}
					a{
						color:$text-color;
						word-break: break-word;
						&:hover{
							color:$theme-color;
						}
					}
				}
			}
        }
		ol.wp-block-latest-comments{
			padding:0;
			li{
				padding: 5px 0;
				list-style: none;
				color: $text-color;
				@include rtl-padding-left(20px);
				display:flex;
				&:first-child{
					padding-top: 0;
					border-top:none;
				}
				&:before{
					content: "\f0e6";
					font-family: FontAwesome;
					font-size:13px;
					color:rgba($text-color,0.5);
					@include rtl-margin-right(10px);
					@include rtl-margin-left(-20px);
				}
				article{
					display:inline-block;
					color:rgba($text-color,0.75);
				}
				a{
					color:$text-color;
					word-break: break-word;
					&:hover{
						color:$theme-color;
					}
				}
			}
		}
        &.widget_search{
			input[type="text"]{
				&::placeholder{
					color: $light-gray;
				}
			}
			#searchsubmit{
				font-size:0;
				padding:0;
				@include border-radius(0);
				i{
					font-size:21px;
					color: $gray-dark;
				}
				&:hover{
					i{
						color: $gray-dark;
					}
				}
			}
			.wp-block-search__button{
				background:$gray-dark;
				color:$white;
				padding:5px 20px;
				cursor:pointer;
				&:hover{
					background:$theme-color;
				}
			}
			.widget-title{
				display: none;
			}
        }
		&.widget_archive,&.widget_text,&.widget_categories{
			select{
				margin-bottom:10px;
			}
		}
        &.widget_rss{
            ul{
				li{
					@include rtl-margin-left(0!important);
					>div{
						font-style: italic;
						color:rgba($text-color,0.7);
					}
					a{
						display: block;
						color: $gray-dark;
						&:hover{
							color:$theme-color;
						}
					}
					cite{
						&:before{
							content: "- ";
						}
						&:after{
							content: " -";
						}
					}
				}
			}
        }
        &.widget_tag_cloud{
			.tagcloud a{
				color: $text-color;
				border: 1px solid $border-color;
				@include border-radius(25px);
				overflow:hidden;
				background:transparent;
				padding: 7px 15px;
				text-transform: capitalize;
				position:relative;
				&:before{
					position: absolute;
					content: "";
					background:$theme-color;
					width: 0;
					height: 100%;
					top: 0;
					@include rtl-right(0);
					@include transition(width .5s ease);
					z-index: -1;
				}
				&:hover{
					border-color: $theme-color;
					color: $widget-tag-color-hover;
					&:before{
						width: 100%;
						@include rtl-left(0);
					}
				}
			}
        }
		&.woocommerce.widget_products{
			.product_list_widget{
				padding:0;
				list-style:none;
				li{
					padding:20px !important;
					border-bottom:1px dashed $border-color;
					display:inline-block;
					width:100%;
					img{
						max-width:120px;
						@include rtl-float-left();
						@include rtl-margin-right(20px);
					}
					.product-title{
						font-size:12px;
						color:$gray-dark;
						text-transform:uppercase;
						display:block;
					}
					.woocommerce-Price-amount{
						color:$gray-dark;
						font-weight:700;
						font-size:14px;
						.woocommerce-Price-currencySymbol{
							color:$gray-dark;
						}
					}
					del .woocommerce-Price-amount{
						color:$text-color;
						font-size:12px;
						.woocommerce-Price-currencySymbol{
							color:$text-color;
						}
					}
					ins{
						text-decoration:none;
						.woocommerce-Price-amount{
							color:$theme-color;
							.woocommerce-Price-currencySymbol{
								color:$theme-color;
							}
						}
					}
					a:hover{
						.product-title{
							color:$theme-color;
						}
					}
				}
			}
		}
        .bwp-widget-banner{
            @include rtl-text-align-left();
            margin-bottom: 0;
        }
    }
    ul.social-link{
		list-style: none;
		padding: 0;
        li{
			margin: 0 5px;
			display: inline-block;
			&:first-child{
				@include rtl-margin-left(0);
			}
			&:last-child{
				@include rtl-margin-right(0);
			}
            a{
                border: 1px solid $border-color;
                @include square(40px);
                @include border-radius(50%);
                line-height: 40px;
                text-align: center;
                display: inline-block;
                @include transition(all 0.2s ease);
                i{
                    color: $gray-dark;
                }
                &:hover{
                    border-color: $gray-dark;
                }
            }
        }
    }
    &.sidebar-product{
        >.widget{
            .widget-title{
                margin-bottom:30px;
            }
        }
    }
	&.sidebar-blog{
		>.widget{
			&:not(.widget_search,.bwp_recent_post_widget){
				>*:not(.widget-title){
					border: 0 !important;
				}
				&.widget_categories{
					>form{
						border:0 !important;
						select{
							border-top:0;
							padding:15px 20px;
							background-position: calc(100% - 24px) calc(1em + 12px), calc(100% - 18px) calc(1em + 12px), calc(100% - 2.5em) 0.5em;
							&:focus{
								background-position: calc(100% - 18px) calc(1em + 12px), calc(100% - 24px) calc(1em + 12px), calc(100% - 2.5em) 0.5em;
							}
						}
					}
				}
				&.widget_archive{
					select{
						border-top:0;
						padding:15px 20px;
						background-position: calc(100% - 24px) calc(1em + 12px), calc(100% - 18px) calc(1em + 12px), calc(100% - 2.5em) 0.5em;
						&:focus{
							background-position: calc(100% - 18px) calc(1em + 12px), calc(100% - 24px) calc(1em + 12px), calc(100% - 2.5em) 0.5em;
						}
					}
				}
			}
			&:not(.widget_rss){
				ul:not(.social-link,.content-products,.product_list_widget){
					margin:-8px 0 0;
					overflow:hidden;
					padding:0;
					li:not(.recentcomments){
						font-size:16px;
						padding-bottom: 10px;
						position:relative;
						.children,.sub-menu{
							margin-top:15px;
							overflow:unset;
							position:relative;
							li:last-child{
								padding-bottom:0 !important;
							}
							&:before{
								position:absolute;
								top:0;
								width:500px;
								border-top:1px dashed $border-color ;
								height:1px;
								left:calc(50% - 250px);
								content:"";
							}
						}
						&:first-child{
							&:before{
								display:none;
							}
						}
					}
				}
			}
			&.widget_recent_comments{
				ul{
					li{
						color:rgba($text-color,0.75);
						a{
							color:darken($text-color,10%);
							&:hover{
								color:$theme-color;
							}
						}
					}
				}
			}
		}
	}
}

/*
    Product Sidebar
*------------------------------------
*/
.bwp-woocommerce-filter-product{
	width:100%;
}
.sidebar-product-filter{
    //Sidebar Top
    &.full{
        display: none;
		margin-bottom:50px;
        width: 100%;
        padding: 0 !important;
        .bwp_ajax_filte{
            width: 100%;
            margin-bottom: 0 !important;
            border: 0;
        }
        .bwp-filter-ajax{
            #bwp_form_filter_product{
                >div{
                    @media (min-width: $screen-lg){
                        margin-bottom: 0;
                    }
                }
                @media (min-width: $screen-xs-max){
                    border : 1px solid $border-color;
                    display: flex;
                    padding :10px;
                    >div{
						flex:1;
                        padding : 15px;
                        ul{
                            margin: -5px 0;
                        }
                        &.bwp-filter-color{
                            order: 1;
                        }
                        &.bwp-filter-brand{
                            order: 2;
                        }
                        &.bwp-stock-status{
                            order: 3;
                        }
                        &.bwp-filter-price{
                            order: 4;
                            @include rtl-float-right();
                        }
                    }
                }
                .bwp-stock-status ul li{
                    width : 100%;
                }
            }
            .filter_clear_all{
                margin-top: 30px;
                margin-bottom: 0;
            }
        }
    }
}
.icon_categories.woocommerce-product-subcategories{
	li{
		> a{
			font-size:50px;
			@include square(auto);
			overflow:unset;
			@include border-radius(0);
			color: $white;
			&:hover{
				i{
					-webkit-animation-name: shakes;
					animation-name: shakes;
					-webkit-animation-duration: 1s;
					animation-duration: 1s;
					-webkit-animation-timing-function: ease-in-out;
					animation-timing-function: ease-in-out;
					-webkit-animation-iteration-count: 1;
					animation-iteration-count: 1;
					display:inline-block;
				}
			}
		}
		&.active{
			h2{
				a{
					color: $theme-color;
					&:before{
						width:100%;
					}
				}
			}
		}
	}
}
.shop_mini_categories.woocommerce-product-subcategorie-content{
	position:relative;
	margin-bottom:30px;
	margin-top:-53px;
	&:before{
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:1px;
		background:#e8e8e8;
	}
	.slick-arrow{
		color:$gray-dark;
		@include box-shadow(unset);
		font-size:25px;
		top: 35%;
		&:hover{
			color:$theme-color;
		}
	}
	ul.woocommerce-product-subcategories{
		li{
			h2{
				margin:0;
				a{
					color:$text-color;
					padding-bottom:20px;
					&:before{
						background:$gray-dark;
					}
					&:hover{
						color:$gray-dark;
					}
				}
			}
			&.active{
				h2{
					a{
						color:$gray-dark;
						&:before{
							width:100%;
						}
					}
				}
			}
		}
	}
}
.filter_sideout{
	&.active{
		&:before{
			content:"";
			position:fixed;
			width:100vw;
			height:100vh;
			top:0;
			left:0;
			background:rgba($gray-dark,0.5);
			z-index:99999;
		}
	}
	.sidebar-product-filter{
		display:block !important;
		position:fixed;
		top:0;
		left:0;
		background:$white;
		height:100vh;
		width:330px;
		z-index:99999;
		overflow:auto;
		padding:0px 20px 50px !important;
		@include transition(all 0.3s ease);
		@include transform(translateX(-330px));
		@include opacity-h();
		@include box-shadow( 0px 1px 12px 2px rgba(144, 144, 144, 0.3));
		@media (max-width:$screen-xs-max){
			width:calc(100% - 30px);
			max-width:350px;
			@include transform(translateX(-100%));
		}
		&::-webkit-scrollbar-track
		{
			background-color: #F5F5F5;
		}

&::-webkit-scrollbar
		{
			width: 5px;
			background-color: #F5F5F5;
		}

&::-webkit-scrollbar-thumb
		{
			background-color: rgba($gray-dark, 0.1);
		}
		&.active{
			@include transform(translateX(0));
			@include opacity-s();
		}
		#bwp_form_filter_product{
			flex-wrap:wrap;
			border:0 !important;
			@media(max-width:$screen-xs-max){
				padding:0 20px;
			}
			>div{
				flex:0 0 100% !important;
				margin-bottom:25px !important;
				@media (max-width:$screen-xs-max){
					margin-bottom:50px !important;
				}
			}
			.bwp-filter-brand{
				ul.filter_brand_product{
					margin:0 -5px;
					display:flex;
					flex-wrap:wrap;
					li{
						padding:0 5px !important;
						margin:0 0 10px;
					}
				}
			}
		}
		.button-filter-toggle{
			color:$gray-dark;
			font-size: 0;
			text-transform:uppercase;
			font-weight:500;
			padding:0 30px;
			@include rtl-text-align-right();
			cursor:pointer;
			position:relative;
			font-weight:700;
			position: sticky;
			top: 0;
			padding: 15px;
			z-index: 10;
			.filter-close{
				$size: 35px;
				height: $size;
				width: $size;
				position: relative;
				box-sizing: border-box;
				line-height: $size;
				display: inline-block;
				background: $white;
				@include box-shadow( 0px 7px 44px 0px rgba($gray-dark, 0.11));
				@include border-radius(50%);
				&:before, &:after {
					$width: 10px;
					$height: 1px;
					@include transform(rotate(-45deg));
					content: '';
					position: absolute;
					top: 50%;
					left: calc(50% - 5px);
					display: block;
					height: $height;
					width: $width;
					background-color: $gray-dark;
					@include transition(all .3s ease-out);
				}
				&:after {
					@include transform(rotate(-135deg));
				}
				&:hover {
					&:before, &:after {
						@include transform(rotate(0deg));
					}
				}
			}
			@media (max-width:$screen-xs-max){
				margin-bottom:30px;
			}
		}
	}
}
.filter_drawer{
	.bwp-widget-feature-product{
		display:block;
	}
	.bwp-top-bar .woocommerce-result-count{
		float:left;
	}
	.bwp-sidebar{
		position:absolute;
		@include opacity-h();
		flex: 0 0 0px;
		max-width: 0px;
		@include transition(all 0.3s ease);
		z-index:2;
		height:0;
		>*{
			height:0;
		}
	}
	.main-archive-product{
		position:relative;
		>div.col-xl-12{
			@include transition(all 0.3s ease);
			@include rtl-margin-left(auto);
		}
		&.active{
			>div.col-xl-12{
				max-width:calc(100% - ( 25% + 15px));
			}
			.bwp-sidebar{
				@include opacity-s();
				flex: 0 0 25%;
				max-width: 25%;
				position:relative;
				height:100%;
				>*{
					height:auto;
				}
			}
		}
	}
	@media (max-width:$screen-sm-max){
		.main-archive-product.row{
			.bwp-sidebar{
				max-width: 330px;
				display:block !important;
				position:fixed;
				top:0;
				left:0;
				background:$white;
				height:100%;
				z-index:99999;
				overflow:auto;
				padding:0 0 50px !important;
				@include transition(all 0.3s ease);
				@include transform(translateX(-330px));
				@include opacity-h();
				margin:0;
				@include box-shadow( 0px 1px 12px 2px rgba(144, 144, 144, 0.3));
				>*{
					padding:0 20px;
				}
				@media (max-width:$screen-xs-max){
					width:260px;
					@include transform(translateX(-260px));
				}
				.button-filter-toggle{
					color: $gray-dark;
					font-size: 10px;
					text-transform: uppercase;
					font-weight:700;
					font-weight: 500;
					text-align: right;
					cursor: pointer;
					position: relative;
					margin-bottom:50px;
					padding:0;
					height:auto;
					position: sticky;
					top: 0;
					padding: 20px 15px;
					background: #fff;
					z-index: 100;
					@include box-shadow( 0px 1px 12px 2px rgba(144, 144, 144, 0.15));
					&:after{
						content: "\ea02";
						font-family: feather;
						font-size: 14px;
						display: inline-block;
						position: relative;
						top: 1px;
						@include rtl-margin-left(5px);
					}
				}
			}
			&.active{
				>.col-xl-12{
					max-width:100%;
				}
				.bwp-sidebar{
					@include opacity-s();
					max-width: 330px;
					@include transform(translateX(0));
				}
			}
		}
	}
	.button-filter-toggle{
		color:$gray-dark;
		font-size:10px;
		text-transform:uppercase;
		font-weight:500;
		padding:0 30px;
		@include rtl-text-align-right();
		cursor:pointer;
		position:relative;
		font-weight:700;
		&:after{
			content: "\ea02";
			font-family: feather;
			font-size:14px;
			display:inline-block;
			position:relative;
			top:1px;
			@include rtl-margin-left(5px);
		}
		&:hover{
			color:$theme-color;
		}
		@media (max-width:$screen-xs-max){
			margin-bottom:30px;
			padding:0;
		}
	}
	.funio-woocommerce-sort-count{
		margin:0 !important;
	}
	.sidebar-product{
		.bwp-filter-brand{
			ul.filter_brand_product{
				margin:0 -5px !important;
				display:flex;
				flex-wrap:wrap;
				li{
					padding:0 5px !important;
					margin:0 0 10px;
					@media (max-width:$screen-md-max){
						width:50%;
					}
				}
			}
		}
		@media (max-width:$screen-sm-max){
			margin-top:50px;
		}
	}
}
.sidebar{
	.bwp-widget-feature-product{
		display:block;
	}
	.bwp-top-bar .woocommerce-result-count{
		float:left;
	}
	@media (min-width:$screen-sm-max){
		.bwp-top-bar{
			.button-filter-toggle{
				display:none !important;
			}
		}
	}
	@media (max-width:$screen-sm-max){
		.main-archive-product.row{
			.bwp-sidebar{
				max-width: 330px;
				display:block !important;
				position:fixed;
				top:0;
				left:0;
				background:$white;
				height:100%;
				z-index:99999;
				overflow:auto;
				padding:0 0 50px !important;
				@include transition(all 0.3s ease);
				@include transform(translateX(-330px));
				@include opacity-h();
				margin:0;
				@include box-shadow( 0px 1px 12px 2px rgba(144, 144, 144, 0.3));
				>*{
					padding:0 20px;
				}
				@media (max-width:$screen-xs-max){
					width:260px;
					@include transform(translateX(-260px));
				}
				.button-filter-toggle{
					color: $gray-dark;
					font-size: 12px;
					text-transform: uppercase;
					font-weight:700;
					font-weight: 500;
					text-align: right;
					cursor: pointer;
					position: relative;
					margin-bottom:50px;
					padding:0;
					position: sticky;
					top: 0;
					padding: 20px 15px;
					background: #fff;
					z-index: 100;
					@include box-shadow( 0px 1px 12px 2px rgba(144, 144, 144, 0.15));
					&:after{
						content: "\ea02";
						font-family: feather;
						font-size: 14px;
						display: inline-block;
						position: relative;
						top: 1px;
						@include rtl-margin-left(5px);
					}
				}
			}
			&.active{
				>.col-xl-12{
					max-width:100%;
				}
				.bwp-sidebar{
					@include opacity-s();
					max-width: 330px;
					@include transform(translateX(0));
				}
			}
		}
	}
	.button-filter-toggle{
		color:$gray-dark;
		font-size:10px;
		text-transform:uppercase;
		font-weight:500;
		padding:0 30px;
		@include rtl-text-align-right();
		cursor:pointer;
		position:relative;
		font-weight:700;
		&:after{
			content:"\ea02";
			font-family: feather;
			font-size:14px;
			display:inline-block;
			position:relative;
			top:1px;
			@include rtl-margin-left(5px);
		}
		&:hover{
			color:$theme-color;
		}
		@media (max-width:$screen-xs-max){
			margin-bottom:30px;
			padding:0;
		}
	}
	.bumbleb-woocommerce-sort-count{
		margin:0 !important;
	}
	.sidebar-product{
		.bwp-filter-brand{
			ul.filter_brand_product{
				margin:0 -5px !important;
				li{
					display: block;
				}
			}
		}
		@media (max-width:$screen-sm-max){
			margin-top:50px;
		}
	}
}
.only_categories{
	.woocommerce-product-category{
		padding:0;
		list-style:none;
		li{
			width:33.33%;
			flex:0 0 33.33%;
			padding:0 15px;
			position:relative;
			margin-bottom:30px;
			overflow:hidden;
			&:hover{
				a{
					&:before{
						@include opacity-s();
					}
				}
				.woocommerce-loop-category{
					@include transform(translateY(0));
					@include opacity-s();
				}
			}
			>a{
				height:450px;
				display:inline-block;
				position:relative;
				width:100%;
				overflow:hidden;
				&:before{
					content:"";
					position:absolute;
					top:0;
					left:0;
					background:rgba($gray-dark,0.3);
					width:100%;
					height:100%;
					z-index:2;
					@include opacity-h();
					@include transition(all 0.3s ease);
				}
				img{
					position:absolute;
					height:100%;
					width:100%;
					object-fit: cover;
					@include transition(all 0.3s ease);
					@include transform(scale(1));
				}
				&:hover{
					img{
						@include scale(1.1);
					}
				}
			}
			@media (max-width:$screen-sm-max){
				width:50%;
				flex:0 0 50%;
			}
			@media (max-width:$screen-xs-max){
				width:100%;
				flex:0 0 100%;
				>a{
					height:500px;
				}
			}
			@media (max-width:$screen-xs){
				>a{
					height:360px;
				}
			}
		}
		.woocommerce-loop-category__title{
			margin:0;
			font-size:34px;
			a{
				color:$white;
				&:hover{
					color:$theme-color;
				}
			}
		}
		.count-product{
			font-size:14px;
			color:$white;
		}
		.view-all{
			@include rtl-text-align-right();
			margin-top:10px;
			a{
				color:$white;
				border-bottom:1px solid $white;
				padding-bottom:3px;
				&:after{
					content: "\45";
					font-family: eleganticons;
					font-size:12px;
					@include rtl-margin-left(5px);
					position:relative;
					top:1px;
				}
				&:hover{
					color:$theme-color;
					border-color:$theme-color;
				}
			}
		}
		.woocommerce-loop-category{
			position:absolute;
			bottom:20px;
			width:100%;
			padding:20px 45px;
			left:0;
			z-index:10;
			@include transition(all 0.3s ease);
			@include transform(translateY(100%));
			@include opacity-h();
		}
	}
}
.filter_dropdown{
	.bumbleb-woocommerce-sort-count{
		margin:0 !important;
	}
	.sidebar-product-filter.full{
		margin-bottom:30px;
		.filter_clear_all{
			@include rtl-margin-left(15px);
		}
		.bwp-woocommerce-filter-product{
			width: calc(100% + 30px);
			margin-left: -15px;
		}
		.bwp-filter-ajax{
			#bwp_form_filter_product{
				padding:0;
				border:0;
				width:100%;
				@media (max-width:$screen-sm-max){
					flex-wrap:wrap;
				}
				h3{
					line-height:38px;
					border:1px solid $theme-color;
					@include border-radius(30px);
					padding:0 20px;
					font-size:14px;
					margin:0;
					cursor:pointer;
					position:relative;
					&:before{
						position:absolute;
						@include rtl-right(20px);
						line-height:1;
						top:9px;
						content:"\f0dd";
						font-family:FontAwesome;
						font-size:15px;
						@include transition(all 0.3s ease);
						transform-origin: 50% 73%;
						font-weight:400;
						@include square(auto);
						background:transparent;
						bottom:auto;
						left:auto;
					}
				}
				>div{
					margin:0 !important;
					padding:0 15px;
					position:relative;
					@media (max-width:$screen-sm-max){
						flex:0 0 50%;
						margin-bottom:20px !important;
					}
					>ul,.content-filter-price,.content_filter{
						position:absolute;
						top:calc(100% + 20px);
						width:calc(100% - 30px);
						left:15px;
						background:$white;
						z-index: 100;
						padding:20px;
						@include box-shadow(5px 5px 73px 0px rgba(0, 0, 0, 0.05));
						max-height:300px;
						overflow:auto;
						@include transition(all 0.3s ease);
						@include opacity-h();
						&::-webkit-scrollbar-track
						{
							background-color: #F5F5F5;
						}

&::-webkit-scrollbar
						{
							width: 3px;
							background-color: #F5F5F5;
						}

&::-webkit-scrollbar-thumb
						{
							background-color: rgba($gray-dark, 0.1);
						}
						li{
							width:100% !important;
							position:relative;
							font-size:14px;
							mark{
								display:block;
								position:absolute;
								@include rtl-right(0);
								top:0;
								line-height:41px;
								&:before,&:after{
									display:none;
								}
							}
						}
					}
					.content_filter li mark{
						line-height:25px;
					}
					>ul:not(#pa_color,.filter_brand_product){
						li{
							span{
								padding:0 !important;
								border:0 !important;
								display:block !important;
								@include rtl-text-align-left();
								&:before{
									content:"";
									display:inline-block;
									@include square(17px);
									border:1px solid #cccccc;
									position:relative;
									top:4px;
									@include rtl-margin-right(5px);
								}
								.count{
									display:block !important;
									position:absolute;
									@include rtl-right(0);
									top:0;
								}
								&.active{
									&:before{
										border-color:$gray-dark;
									}
									&:after{
										content: "\f00c";
										font-family: FontAwesome;
										position: absolute;
										top: 0;
										left: 3px;
										font-size: 11px;
										color: $gray-dark;
									}
									.count{
										color:$gray-dark;
									}
								}
								&:hover{
									&:before{
										border-color:$gray-dark;
									}
									.count{
										color:$gray-dark;
									}
								}
							}
						}
					}
					.filter_category_product{
						position:absolute;
						top:calc(100% + 20px);
						width:calc(100% - 30px);
						left:15px;
						background:$white;
						z-index:11;
						padding:20px;
						@include box-shadow(5px 5px 73px 0px rgba(0, 0, 0, 0.05));
						max-height:300px;
						overflow:auto;
						@include transition(all 0.3s ease);
						@include opacity-h();
						&::-webkit-scrollbar
						{
							width: 5px;
						}
						&::-webkit-scrollbar-thumb
						{
							background-color: rgba($theme-color,0.5);
						}
					}
					&.active{
						h3{
							background:#f3f3f3;
							border:1px solid #f3f3f3;
							&:before{
								@include transform(rotate(-180deg));
							}
						}
						>ul,.content-filter-price,.filter_category_product,.content_filter{
							@include opacity-s();
							top:calc(100% + 10px);
						}
					}
				}
			}
		}
	}
}
.filter_ontop{
	#bwp_form_filter_product{
		>div{
			>div,>ul{
				overflow:auto;
				padding-top:7px;
				&::-webkit-scrollbar {
					width: 5px;
				}
				/* Track */
				&::-webkit-scrollbar-track {
					background: #f1f1f1; 
				} 
				/* Handle */
				&::-webkit-scrollbar-thumb {
					background: #888; 
				}
				/* Handle on hover */
				&::-webkit-scrollbar-thumb:hover {
					background: #555; 
				}
				&:not(.filter_brand_product){
					overflow:unset;
				}
			}
		}
	}
	.sidebar-product-filter.full.active{
		display:flex !important;
		flex-wrap:wrap;
		margin:0 -15px;
		>*{
			flex:1;
			padding:0 15px;
			max-width:25%;
		}
	}
	.widget_block{
		flex:1;
		max-width:25%;
		padding:0 15px;
	}
}
/*
    Tags Widget
*------------------------------------
*/
.widget_product_tag_cloud{
    .tagcloud a{
        color: $light-gray;
		border: 1px solid rgba($text-color,0.25);
		overflow:hidden;
		background:transparent;
		padding: 10px 20px;
		text-transform: capitalize;
		position:relative;
		&:before{
			content:"";
			position:absolute;
			@include size(0px,100%);
			@include rtl-right(0);
			bottom:0;
			background:#efefef;
			@include transition(all 0.3s ease);
			z-index:-1;
		}
		&:hover{
			background:transparent;
			&:before{
				@include square(100%);
				background:$theme-color;
			}
		}
    }
}
.tagcloud{
	a{
        position: relative;
        z-index: 1;
        font-size: $widget-tag-font-size;
        color: $widget-tag-color;
        margin: $widget-tag-margin;
	    padding: $widget-tag-padding;
        background: $widget-tag-bg;
        text-transform: $widget-tag-transform;
        border: $widget-tag-border;
        @include inline-block();
        position: relative;
        font-weight: 400;
        z-index: 0;
		line-height:18px;
        &:hover{
            border-color: $theme-color;
			background:$theme-color;
            color: $widget-tag-color-hover;
        }
	}
}

/*
    Widget Newsletter
*------------------------------------
*/
.widget_mc4wp_widget{
	form{
		margin: 0;
	}
}

/*
    Widget Filter Product
*------------------------------------
*/
.bwp_ajax_filte{
    display: -webkit-box;
    .bwp-block-title h2{
        font-size: 18px;
        margin-bottom: 20px;
    }
}
.bwp-filter-ajax{
    label{
        margin-bottom: 0;
    }
	facet-remove{
		font-size: 12px;
		color: $gray-dark;
		cursor: pointer;
		display: inline-block;
		margin-bottom: 10px;
		position: relative;
		&:after{
			content: "";
			position: absolute;
			display: block;
			bottom: 3px;
			left: 0;
			width: 95%;
			height: 1px;
			background-color: $gray-dark;
			@include transform(scaleX(1));
			transform-origin: 0 50%;
			transition: transform .48s cubic-bezier(.77,0,.175,1);
		}
		&:hover{
			color: $theme-color;
			&:after{
				background-color: $theme-color;
				transform-origin: 100% 50%;
				@include transform(scaleX(0));
				animation: animate-btn-underline .96s .36s forwards cubic-bezier(.77,0,.175,1);
			}
		}
	}
	.facet-remove-price{
		margin-bottom: 20px;
	}
	.count-chosen{
		background: $theme-color;
		color: $gray-dark;
		@include border-radius(50%);
		@include square(15px);
		line-height: 17px;
		text-align: center;
		font-size: 9px;
		@include rtl-margin-left(5px);
		position: relative;
		top: -3px;
	}
    #bwp_form_filter_product{
        float: none;
        ul{
            padding: 0;
			li{
				@include rtl-margin-left(0);
				&:before{
					display:none;
				}
			}
        }
        h3{
            color: $block-sidebar-heading-color;
            padding: $block-sidebar-heading-padding;
            background: $block-sidebar-heading-hightlight-bg;
            font-weight: $block-sidebar-heading-font-weight;
            font-size: $block-sidebar-heading-font-size;
            margin: $block-sidebar-heading-margin;
            position: relative;
            line-height: 20px;
			border-bottom: 1px solid $border-color;
        }
		.filter_category_product{
			.item-category { 
				cursor:pointer;
				margin-top: 10px;
				width: 100%;
				position: relative;
				a{
					color: $text-color;
					&:hover{
						color: $theme-color;
					}
				}
				&:first-child{
					margin-top: 0;
				}
				.arrow{
					border: 0;
					padding: 0 !important;
					@include square(20px);
					line-height: 20px;
					text-align: center;
					@include border-radius(50%);
					position: absolute !important;
					@include rtl-right(0);
					&:after{
						position: relative;
						color:$gray-dark;
						@include square(20px);
						line-height: 21px;
						content: "\e92e";
						font-family: 'feather';
						font-size: 15px;
						top:0;
						left: 0;
						@include transition(all .2s ease);
						display: inline-block;
					}
				}
				&.active{
					>a{
						color: $theme-color;
					}
				}
				&.open{
					>.arrow{
						&:after{
							@include transform(rotate(180deg));
						}
					}
				}
				.children{
					@include rtl-padding(0, 0, 0, 30px);
					margin: 0;
					display: none;
					.item-category{
						margin: 0;
					}
				}
				label{
					font-weight:400;
					margin:0;
					cursor:pointer;
				}
				.count{
					background: transparent;
					text-align:center;
					@include rtl-margin-left(5px);
				}
			}
		}  
        .bwp-filter-price{
            h3{
                margin-bottom: 20px;
            }
            #bwp_slider_price{
                margin: 0;
                background: #f5f5f5;
                border: 0;
                height: 2px;
                width: calc(100% - 14px);
                @include border-radius(0);
                @include rtl-margin-left(7px);
                &:after, &:before{
                    display: none;
                }
                .ui-slider-handle{
                    @include square(12px);
                    background: $theme-color;
                    top: -6px;
                    border: 0;
                    @include border-radius(50%);
                    @include rtl-margin-left(-5px);
                }
                .ui-slider-range{
                    top: -1px;
                    height: 2px;
                    position: absolute;
                    background: $gray-dark;
                    border-color: $gray-dark;
                }
            }
            .price-input{
                margin-top: 20px;
				color: $gray-dark;
				font-weight:500;
				>span:not(.input-text){
					color:$text-color;
					font-weight:400;
				}
            }
        }
		.bwp-filter-price{
			h3{
				margin-bottom:30px;
			}
		}
        .bwp-filter{
			margin-bottom:55px;
			&.bwp-filter-category{
				h3{
					margin-bottom:25px;
				}
			}
			.content_filter{
				position:relative;
				h2{
					margin:0;
					font-size:14px;
					font-weight:500;
					font-family:$font-family-second;
					padding:0 10px;
					border:1px solid rgba($gray-dark,0.5);
					line-height:40px;
					cursor:pointer;
					position:relative;
					&:before{
						content:"\f0dd";
						font-family:FontAwesome;
						position:absolute;
						@include rtl-right(10px);
						font-size:16px;
						line-height:1;
						top:calc(50% - 11px);
					}
				}
				ul.filter-select{
					background:$white;
					padding:10px;
					transform:unset !important;
					left:0 !important;
					top:100% !important;
				}
			}
            ul{
                li.filter_color{
					position:relative;
					display:flex;
					align-items: center;
					line-height:32px;
					font-size:14px;
					width:100%;
                    &.white{
						>span{
							border:1px solid #cfcfcf;
							&:before{
								color:$gray-dark;
							}
						}
                    } 
					mark{
						padding:0;
						color:$text-color;
						@include rtl-margin-left(5px);
						background: transparent;
					}
					label{
						margin: 0;
					}
                    >span{
						@include square(18px !important);
                        overflow: visible;
                        position: relative;
                        @include transition(all 0.3s ease-in-out);
						padding:0 !important;
						min-width:unset;
						@include border-radius(50%);
						border: 2px solid $white !important;
						@include box-shadow(0 0 1px 1px #ddd);
                    }
					&:hover,&.active{
						color:$theme-color;
						mark{
							color:$theme-color;
						}
						>span{
							@include box-shadow(none);
							border-color: $gray-dark !important;
						}
					}
                }
				li.filter_orther{
					cursor:pointer;
					display:block;
					float:unset;
					div{
						mark{
							background:transparent;
							color:#a4a4a4;
						}
						label{
							cursor:pointer;
						}
						span{
							content:"";
							display:inline-block;
							@include square(14px);
							border:1px solid #d2d2d2;
							position:relative;
							@include rtl-margin(0 ,10px ,0 ,0);
							top:3px;
							&:before{
								content:"";
								@include square(8px);
								position:absolute;
								background:$theme-color;
								@include border-radius(50%);
								left:calc(50% - 4px);
								top:calc(50% - 4px);
								@include opacity-h();
							}
						}
						&.active{
							color:$theme-color;
							span{
								border-color:$theme-color;
								&:before{
									@include opacity-s();
								}
							}
						}
						&:hover{
							color:$theme-color;
						}
					}
				}
				li.filter_image{
					position:relative;
					display:flex;
					line-height:32px;
					font-size:13px;
					width:100%;
					mark{
						padding:0;
						background:transparent;
						color:$text-color;
						position:absolute;
						right:0;
						@include square(25px);
						text-align:center;
						line-height:25px;
						top:8px;
						@include border-radius(50%);
						background: #f1f1f1;
					}
					label{
						margin: 0;
					}
                    >span{
						@include square(26px !important);
                        overflow: visible;
                        border: none !important;
                        position: relative;
                        @include transition(transform 0.1s ease);
						padding:0 !important;
						min-width:unset;
						background-size:cover;
						&:before{
							content: "\4e";
							position:absolute;
							font-family: eleganticons;
							color:$white;
							left: 6px;
							top: -2px;
							@include opacity-h();
						}
                    }
					&:hover,&.active{
						color:$theme-color;
						mark{
							color:$theme-color;
						}
						>span{
							&:before{
								@include opacity-s();
							}
						}
					}
				}
            }
        }
        .bwp-filter-bottle-size, .bwp-filter-vintage{
        	ul li > span{
        		padding: 11px 15px !important;
        	}
        }
		.bwp-filter-brand,.bwp-filter-types{
			ul{
				li{
					cursor:pointer;
					width: 100%;
					>span{
						img{
							display:none;
						}
						&.active{
							span{
								border: 1px solid $gray-dark !important;
								&:after{
									content: "\f00c";
									font-family: FontAwesome;
									position: absolute;
									top: -5px;
									@include rtl-left(2px);
									font-size:11px;
									color:$gray-dark;
								}
							}
						}
					}
					label{
						cursor:pointer;
					}
					&:hover{
						color:$theme-color ;
						>span{
							border-color: $theme-color  !important;
						}
					}
				}
			}
		}  
        >div{
            margin-bottom: 50px;
			float:unset;
            ul{
                display: inline-block;
                vertical-align: top;
                width: 100%;
				max-height:300px;
				font-size:15px;
				overflow: auto;
				@include rtl-padding-right(10px);
				@include rtl-padding-left(3px);
				@include rtl-margin-left(-3px);
				/* width */
				&::-webkit-scrollbar {
				  width: 4px;
				}

/* Track */
				&::-webkit-scrollbar-track {
				  background: #f1f1f1;
				}

/* Handle */
				&::-webkit-scrollbar-thumb {
				  background: #888;
				}

/* Handle on hover */
				&::-webkit-scrollbar-thumb:hover {
				  background: #555;
				}
                li{
					border:none;
                    padding: 5px 0;
                }
            }
            &:last-child{
                &:last-child{
                    margin-bottom: 0;
                }
            }
        }
    }
    .filter_clear_all{
        background: $theme-color;
        color: $white;
        text-transform: uppercase;
        padding:10px;
        font-size: 12px;
        border: none;
		letter-spacing:3.2px;
        margin-top: 25px;
        margin-bottom: 0;
        font-weight: 500;
		cursor:pointer;
		&:hover{
			background:darken($theme-color,10%);
		}
    }
    ul{
        list-style-type: none;
        padding: 0;
		li{
			line-height: 25px;
			color: $light-gray;
			display: inline-block;
			padding: 0 ;
			cursor:pointer;
			>span{
				position: relative !important;
				padding:5px 10px !important;
				min-width: 20px;
				@include border-radius(15px);
				cursor: pointer;
				margin: 0 !important;
				overflow: visible;
				display: inline-block !important;
				vertical-align: middle;
				border-color: #cccccc !important;
				@include rtl-margin-right(10px !important);
				text-indent: 0 !important;
				text-align:center;
				font-size:14px;
				line-height:20px;
				font-weight:500;
				@include square(auto !important);
				.count{
					display:none !important;
				}
				&:hover, &.active{
					color:$theme-color;
				}
			}
			label{
				@include rtl-margin-left(0px);
				vertical-align: top;
				margin-top: 1px;
				cursor:pointer;
			}
			&:hover{
				>span{
					color:$theme-color !important;
				}
			}
		}
		&.filter_brand_product{
			li{
				line-height: 25px;
				color: $light-gray;
				display: block;
				padding: 0;
				> span{
					position: relative !important;
					@include square(15px !important);
					cursor: pointer;
					@include border-radius(50%);
					padding:0 !important;
					min-width:unset;
					margin: 0 !important;
					overflow: visible !important;
					border-color: #ccc !important;
					display: inline-block !important;
					vertical-align: middle;
					@include rtl-margin-right(10px !important);
				}
				&.active{
					>span{
						&:after{
							content: "\f00c";
							font-family: FontAwesome;
							position: absolute;
							top: 2px;
							@include rtl-left(2px);
							font-size:11px;
							line-height:11px;
							color:$theme-color;
						}
					}
				}
				label{
					@include rtl-margin-left(0px);
					vertical-align: top;
					margin-top: 1px;
					font-size:14px;
				}
				mark{
					padding: 0;
					background: transparent;
					color: $text-color;
					@include rtl-margin-left(5px);
				}
			}
		}
    }
}
/*
    Widget Brands
*------------------------------------
*/
.brands {
    .vc_item {
        @include opacity(0.5);
        &.vc_active, &:hover {
            @include opacity(1);
        }
    }
}

/*
    Social
*------------------------------------
*/
.list-social {
    margin: 0;
    line-height: 0;
    text-align: center;
    li{
        display: inline-block;
        margin-bottom: 0 !important;
        a{
            @include border-radius(50%);
            text-align: center;
            margin: 0 18px 0 0;
            @include square(32px);
            overflow: hidden;
            display: block;
            padding: 6px;
            color: #000;
            background: #fff;
            > *{
                display: block;
                color: $black;
                @include font-size(font-size, 18px);
            }
            .fa,[class^="icon-"], [class*=" icon-"]{
                z-index: 1;
                position: relative;
            }
            &:hover{
                > *{
                    color: $social-hover-color;
                }
                background: $theme-color;               
                &.dribbble{
                    background: #F26798;
                }
                &.facebook{
                    background: #3b589e;
                }
                &.google-plus{
                    background: #d44132;
                }
                &.skype{
                    background: #00A8E6;
                }
                &.tumblr{
                    background: #465a74;
                }
                &.twitter{
                    background: #40BBF7;
                }
                &.youtube{
                    background: #F04E43; 
                }
                &.pinterest{

}
                &.linkedin{
                    background: #F8659C;
                }
            }
        }
        &:last-child{
            a{
                margin: 0;
            }
        }
    }
}

/*
    Widget video
*------------------------------------
*/
.wpb_video_widget{
    .video-description{
        text-transform: uppercase;
        font-weight: 400;
        line-height: 30px;
        font-size: 12px;
        color: $black;
    }
    .wpb_wrapper .wpb_video_wrapper{
        padding-top: 60.7%!important;
    }
} 
 
//Block contact information
#block_contact_infos {
    p {margin-bottom: 0;}
    .ct-adress {
        @include rtl-padding-left(30px);
        margin-bottom: 10px;
        &:before{
            content: "\f041";
            font-family: $theme-font-icon-name;
            position: absolute;
            @include rtl-left(0);
            font-size: 17px;
        }
    }
    .ct-phone {
        @include rtl-padding-left(30px);
        margin-bottom: 10px;
        &:before{
            content: "\f10b";
            font-family: $theme-font-icon-name;
            position: absolute;
            @include rtl-left(0);
            font-size: 21px;
        }
    }
    .ct-email {
        @include rtl-padding-left(30px);
        &:before{
            content: "\f0e0";
            font-family: $theme-font-icon-name;
            position: absolute;
            @include rtl-left(0);
            font-size: 13px;
        }
    }
}

// Form mail
.mc4wp-form {
    .btn {
        line-height: 20px;
    }
}

// Ourteam
.bwp-ourteam{
	text-align: center;
	@media(max-width: $screen-md-max){
		.slick-list{
			margin: 0 -7.5px;
			.ourteam-item{
				padding: 0 7.5px;
			}
		}
	}
	.ourteam-items{
		&:hover{
			.ourteam-image{
				&:before{
					@include opacity-s();
					@include transform(translate(-50%,-50%) scale(1));
				}
			}
		}
	}
	.ourteam-info{
		@include rtl-text-align-left();
	}
	.content-ourteam{
		display: flex;
		align-items: center;
		margin-top: 17px;
		margin-bottom: 5px;
		.ourteam-customer-name{
			font-family:$font-family-base;
			@include rtl-margin-right(8px);
		}
	}
	.team-description{
		font-size: 13px;
		line-height:24px;
		color: $gray-dark;
	}
	.ourteam-image{
		position:relative;
		text-align:center;
		img{
			width:100%;
		}
		&:before{
			content:"";
			@include square(100%);
			background:rgba($gray-dark,0.3);
			position:absolute;
			top:50%;
			left:50%;
			@include transform(translate(-50%,-50%) scale(0.8));
			@include transition(all 0.3s ease);
			@include opacity-h();
			z-index:1;
		}
	}
	.social-link{
		@include transition(all 0.3s ease);
		z-index:2;
		list-style: none;
		padding: 0;
		li{
			margin:0 6px;
			display: inline-block;
			a{
				font-size:12px;
				@include square(32px);
				display:inline-block;
				line-height:34px;
				text-align:center;
				@include border-radius(50%);
				background: #e5e5e5;
				box-shadow: 0px 0px 10px 0px rgba($gray-dark, .05);
				i{
					font-size: 15px;
					color: rgba($gray-dark, .8);
				}
			}
			&:hover{
				a{
					background: #ffd941;
					i{
						color: rgba($gray-dark, .8);
					}
				}
			}
		}
	}
}

/************************************************************************************************
    WIDGET TITLE 
*************************************************************************************************/
.widget{
    h1.widget-title{
        font-size: 18px;
        text-transform: uppercase;
        @include rtl-padding(0, 0, 10px, 0);
        margin: 0;
    }
}
/************************************************************************************************
    WIDGET BEST SELLER 
*************************************************************************************************/
.bwp_best_seller{
    .content-best-seller{ 
        margin-top: 15px;
        .post-item{
            margin-bottom: 30px;
            border: 1px solid #f5f5f5;
            display: flex;
        }
        .item-img{
            min-width: 95px;
            img{
                width: 95px;
            }
        }
        .item-content{  
            @include rtl-padding-left(20px);
            @include rtl-padding-right(10px);
            h4{                  
                font-size: 15px;
                font-weight: 500;
                line-height: 25px;
                margin-top: 12px;
                margin-bottom: 7px;
                a{
                    color: $text-color;
                    &:hover{
                        color: $theme-color;
                    }
                }
            }
            del>.woocommerce-Price-amount{
                color: $text-color;
                font-weight: 300;
            }
            .woocommerce-Price-amount{
                color: $theme-color;
                font-weight: 500;
            }
            ins{
                color: $text-color;
                text-decoration: none;
                @include rtl-margin-left(5px);
            }
        }
    }
}

/************************************************************************************************
    WIDGET BANNER 
*************************************************************************************************/
.bwp-widget-banner{
    position: relative;
	.banners{
		.bwp-image{
			a{
				display: block;
			}
			img{
				width: 100%;
			}
		}
	}
	.button{
		display:inline-block;
		position: relative;
		font-family:$font-family-base;
	}
	&.layout-1{
		.banner-wrapper-infor{
			height: 100%;
			.button{
				position: absolute;
				bottom: 50px;
				@include rtl-left(50%);
				@include transform(translateX(-50%));
			}
		}
	}
	&.layout-2{
		.bwp-image-description{
			color: rgba($white, .8);
		}
	}
	&.layout-4{
		overflow: hidden;
		@include border-radius(20px);
		.bwp-image-subtitle{
			font-family:$font-family-base;
		}
		.title-banner{
			span{
				color: rgba($gray-dark,.5);
				font-weight: 300;
				@include rtl-margin-left(10px);
				position: relative;
				&:before{
					content: '';
					background:rgba($gray-dark,.5);
					width: 100%;
					position: absolute;
					@include rtl-left(0);
					height: 1px;
					top: 15px;
				}
			}
		}
	}
	&.layout-5{
		.title-banner, .bwp-image-subtitle{
			font-family:$font-family-base;
		}
	}
	&.banner-countdown{
		&:hover{
			.title-banner{
				h2{
					animation-name: elementor-animation-wobble-horizontal;
				    animation-duration: 1s;
				    animation-timing-function: ease-in-out;
				    animation-iteration-count: 1;
				    background: url('#{$image-theme-path}background-title.png') no-repeat;
				    background-position: center;
				    color:$theme-color;
				}
			}
		}
		.title-banner{
			h2{
				margin: 0;
				font-size: 35px;
				padding: 10px 0;
				text-transform: uppercase;
				color: #a3a2a2;
				background: url('#{$image-theme-path}background-title-2.png') no-repeat;
				background-position: center;
				@include transition(all 0.5s ease);
			}
		}
		.banner-wrapper-infor{
			z-index: 9;
			.content{
				.bwp-image-subtitle{
					font-family: $font-family-base;
				}
				.bwp-image-description{
					opacity: 0.8;
				}
			}
		}
		.bwp-image{
			img{
				width: 100%;
			}
		}
		.countdown-deal{
			padding:0 10px;
			margin-top: 20px;
			@include transition(all 0.3s ease);
			.item-countdown{
				text-align:center;
				padding:5px 10px;
			}
			.countdown-content{
				display:flex;
				justify-content:center;
				>span{
					display:inline-block;
					font-family: $font-family-base;
					color:$gray-dark;
					text-transform:uppercase;
					margin:0 14px;
				}
				.countdown-amount{
					font-size:18px;
					display:block;
					line-height:21px;
					margin-bottom: 2px;
					color:$gray-dark;
					font-weight:700;
					position:relative;
				}
				.countdown-text{
					font-size:13px;
					line-height:10px;
					display:block;
					font-weight:300;
				}
			}
		}
	}
	&.layout-6{
		.banner-wrapper-infor{
			.content{
				font-family:$font-family-base;
				.title-banner{
					font-family:$font-family-second;
					opacity: .8;
				}
				.bwp-image-description{
					span{
						font-weight: 200;
						opacity: .8;
						@include rtl-margin-left(5px);
						position: relative;
						&:before{
							content: '';
							background:rgba($white, .8);
							@include size(100%, 1px);
							top: 15px;
							position: absolute;
						}
					}
				}
			}
		}
	}
	&.layout-7{
		overflow: hidden;
		@include border-radius(20px);
		.title-banner{
			span{
				font-weight: 200;
				color:$gray-dark;
			}
		}
		.button{
			font-family:$font-family-base;
		}
	}
	&.layout-8{
		overflow: hidden;
		@include border-radius(20px);
		.banner-wrapper-infor{
			.content{
				font-family:$font-family-base;
				.bwp-image-description{
					span{
						font-weight: 200;
						opacity: .8;
						color: $white;
						@include rtl-margin-left(5px);
						position: relative;
						&:before{
							content: '';
							background:rgba($white, .8);
							@include size(100%, 1px);
							top: 14px;
							position: absolute;
						}
					}
				}
			}
		}
	}
	&.layout-9{
		.banner-wrapper-infor{
			.content{
				font-family:$font-family-base;
				.title-banner{
					font-family:$font-family-second;
					opacity: .8;
				}
				.bwp-image-description{
					span{
						font-weight: 200;
						color: rgba($gray-dark, .5);
						@include rtl-margin-left(5px);
						position: relative;
						&:before{
							content: '';
							background:rgba($gray-dark, .5);
							@include size(100%, 1px);
							top: 15px;
							position: absolute;
						}
					}
				}
			}
		}
	}
	&.layout-10{
		.title-banner{
			span{
				font-size: 10px;
				font-weight: 200;
				opacity: .8;
				font-family:$font-family-second;
			}
		}
		.bwp-image-description{
			font-family:$font-family-base;
			background: url('#{$image-theme-path}background-price.png') no-repeat;
			background-position: center;
			display: inline-block;
			background-size: contain;
			padding: 50px;
			&:hover{
				animation-name: elementor-animation-wobble-horizontal;
			    animation-duration: 1s;
			    animation-timing-function: ease-in-out;
			    background-position: center;
			}
			@media(max-width: $screen-md-max){
				padding: 30px;
			}
		}
	}
	&.layout-11{
	}
	&.layout-12{
		overflow: hidden;
		.banner-wrapper-infor{
			.content{
				font-family:$font-family-base;
				.title-banner{
					font-family:$font-family-second;
					opacity: .8;
				}
				.bwp-image-description{
					span{
						font-weight: 200;
						opacity: .8;
						color: $white;
						@include rtl-margin-left(5px);
						position: relative;
						&:before{
							content: '';
							background:rgba($white, .8);
							@include size(100%, 1px);
							top: 15px;
							position: absolute;
						}
					}
				}
			}
		}
	}
	&.layout-13{
		overflow: hidden;
		@include border-radius(0 0 20px 0);
		.title-banner{
			span{
				font-weight: 200;
				color:$gray-dark;
			}
		}
		.bwp-image-description{
			opacity: .8;
		}
		.button{
			font-family:$font-family-base;
		}
	}
	&.layout-14{
		.button{
			font-family:$font-family-base;
		}
	}
	&.layout-15{
		overflow: hidden;
		.banner-wrapper-infor{
			.content{
				font-family:$font-family-base;
				.bwp-image-description{
					span{
						font-weight: 200;
						opacity: .8;
						color: $gray-dark;
						@include rtl-margin-left(5px);
						position: relative;
						text-decoration:line-through;
					}
				}
			}
		}
	}
	&.layout-16{
		.title-banner{
			span{
				font-weight: 200;
				color:$gray-dark;
			}
		}
		.button{
			font-family:$font-family-base;
		}
	}
	&.layout-17{
		.banner-wrapper-infor{
			.content{
				font-family:$font-family-base;
				.bwp-image-description{
					span{
						font-weight: 200;
						opacity: .8;
						color: $gray-dark;
						@include rtl-margin-left(5px);
						position: relative;
						&:before{
							content: '';
							background:rgba($gray-dark, .8);
							@include size(100%, 1px);
							top: 14px;
							position: absolute;
						}
					}
				}
			}
		}
	}
	&.layout-18{
		.bwp-image-description{
			opacity: .8;
		}
		.content{
			position: relative;
			.title-banner{
				span{
					font-size: 18px;
					color: $red;
				}
			}
			.bwp-image-subtitle{
				font-family:$font-family-base;
				position: absolute;
				top: -2px;
				@include rtl-left(-5px);
			}
			.button{
				font-family:$font-family-base;
			}
		}
	}
	&.banner-category{
		overflow: hidden;
		@include border-radius(30px);
		.bwp-image {
			position: relative;
			img{
				@include border-radius(30px);
				width: 100%;
			}
		}
		.item-content{
			.item-name{
				font-size:18px;
				line-height:24px;
				margin:0;
				font-weight:500;
				top: 75px;
				position:absolute;
				@include rtl-left(50%);
				@include transform(translateX(-50%));
			}
			.item-count{
				text-align: right;
				@include opacity-h();
				@include transition(all .5s ease);
				width: 100%;
				text-transform: capitalize;
				font-size: 13px;
				line-height:18px;
				position: absolute;
				padding: 0 0 30px 0;
				bottom: 0;
				z-index: 2;
				display: flex;
				justify-content: flex-end;
				color: $white;
				.count{
					display: inline-block;
					text-align: center;
				}
				span{
					display: block;
				}
				&:after{
					background: url('#{$image-theme-path}banner.png') no-repeat;
					background-size: contain;
					content: '';
					position: absolute;
					@include rtl-right(-50%);
					@include transition(all .5s ease);
					bottom: -90%;
					z-index: -1;
					max-width: 331px;
					width: 100%;
					height: 278px;
				}
			}
			@media (max-width:$screen-md-max){
				.item-name{
					top: 30px;
				}
				.item-count{
					&:after{
						height: 223px;
					}
				}
			}
			@media (max-width:$screen-sm-max){
				.item-count{
					&:after{
						height: 278px;
					}
				}
			}
			@media (max-width:$screen-xs-max){
				.item-count{
					@include opacity-s();
					padding: 0 30px 30px 0;
					&:after{
						@include rtl-right(-33%);
						height: 252px;
					}
				}
			}
		}
		&:hover{
			.item-count{
				@include opacity-s();
				padding: 0 30px 30px 0;
				&:after{
					@include rtl-right(-33%)
				}

}
		}
	}
} 
/************************************************************************************************
    BWP INSTAGRAM WIDGET
*************************************************************************************************/
.bwp-instagram{
	@media(max-width: $screen-md-max){
		.slick-list{
			margin: 0 -7.5px;
			.slick-slide{
				padding: 0 7.5px;
			}
		}
	}
	&.default{
		.row{
			margin: 0 -5px;
			.image-instagram{
				padding: 0 5px;
				margin-bottom: 10px;
				@media(min-width: $screen-xs-max){
					&:nth-child(2), &:nth-child(4){
						.instagram{
							margin-top: 30px;
						}
					}
				}
			}
		}
	}
	&.slider{
		a.instagram{
			@include border-radius(20px);
			&:before{
				@include border-radius(20px);
			}
		}
	}
    a.instagram{
        display: inline-block;
        position: relative;
        vertical-align: top;
        overflow: hidden;
		width: 100%;
        img{
            transition: transform .8s cubic-bezier(.13,.55,.25,1),opacity .7s cubic-bezier(.26,.54,.32,1);
            width: 100%;
        }
        &:before{
            position: absolute;
		    top: 0;
		    left: 0;
		    bottom: 0;
		    right: 0;
		    content: "\f16d";
            font-family: "FontAwesome";
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    background-color: rgba(37,37,37,0.35);
		    color: $white;
		    transition: transform .8s cubic-bezier(.13,.55,.25,1),opacity .7s cubic-bezier(.26,.54,.32,1);
		    @include opacity-h();
		    transform: scale(0);
		    font-size: 30px;
		    z-index: 1;
        }
        &:hover{
            img{
                transform: scale(1.1);
            }
            &:before{
                @include opacity-s();
                transform: scale(1);
            }
        }
    }
}

/************************************************************************************************
    BWP POLICY WIDGET
*************************************************************************************************/
.bwp-policy{
    &.default{
		display:flex;
		align-items:center;
		.title-policy{
			margin:0 0 5px;
			font-size:14px;
			letter-spacing: 2px;
			font-family: $font-family-base;
		}
		.policy-icon{
			i{
				font-size:54px;
				color:$gray-dark;
				display:inline-block;
			}
			&.image{
				background: #ffad76;
				padding: 19px;
				@include border-radius(50%);
				text-align: center;
				img{
					max-width: 30px;
				}
			}
		}
		.policy-info{
			@include rtl-padding-left(20px);
		}
    }
	&.default2{
		@media (min-width:$screen-md){
			justify-content:center;
			display:flex;
			align-items:center;
			padding:0 30px;
		}
		@media (max-width:$screen-sm-max){
			justify-content:center;
		}
		&:hover{
			.policy-icon{
				i,img{
					-webkit-animation-name: zoomin2;
					animation-name: zoomin2;
					-webkit-animation-duration: 2s;
					animation-duration: 2s;
					-webkit-animation-timing-function: ease-in-out;
					animation-timing-function: ease-in-out;
					-webkit-animation-iteration-count: infinite;
					animation-iteration-count: infinite;
				}
			}
		}
		.title-policy{
			margin:0 0 5px;
			font-size:24px;
			@media (max-width:$screen-xs-max){
				font-size:20px;
			}
		}
		.desc-policy{
			font-size:16px;
		}
		.policy-icon{
			i{
				font-size:54px;
				color:$gray-dark;
				display:inline-block;
			}
			&.image{
				img{
					width:55px;
				}
			}
		}
		.policy-info{
			@include rtl-padding-left(20px);
		}
		@media (max-width:$screen-sm-max){
			padding:0 15px;
			.policy-icon.image{
				text-align:center;
			}
			.policy-info{
				@include rtl-padding-left(0);
				text-align:center;
			}
		}
    }
	&.default3{
		display:flex;
		align-items:center;
		.title-policy{
			@include rtl-padding-left(10px);
			margin:0;
			color:$white;
			font-size:12px;
			text-transform:uppercase;
			letter-spacing:3.2px;
		}
		.policy-icon {
			line-height: 1;
			i{
				font-size:28px;
				color:$white;
			}
		}
		@media (max-width:$screen-sm-max){
			.title-policy{
				font-size:10px;
				letter-spacing:2px;
			}
		}
	}
}
/************************************************************************************************
    BWP video WIDGET
*************************************************************************************************/
.bwp-widget-video {
	@media(max-width: $screen-md-max){
		.bwp-image{
			img{
				width: 100%;
			}
		}
	}
	.content-video{
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:none;
		z-index:10000;
		background:rgba($gray-dark,0.5);
		.remove-show-modal{
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			display:none;
		}
		&.show{
			.remove-show-modal,.modal-dialog{
				display:block;
			}
		}
		.modal-dialog{
			position:absolute;
			top:50%;
			left:50%;
			@include transform(translate(-50%,-50%));
			display:none;
			text-align: center;
			&.height{
				height: 70vh;
				width:calc(70vh * 16/9);
				iframe{
					height: 70vh;
					width:calc(70vh * 16/9);
				}
				@media(max-width: $screen-md-max){
					height: 70vh;
					width:calc(70vh * 16/9);
					iframe{
						height: 70vh;
						width:calc(70vh * 16/9);
					}
				}
				@media(max-width: $screen-xs-max){
					height: 90vh;
					width:calc(90vh * 16/9);
					iframe{
						height: 90vh;
						width:calc(90vh * 16/9);
					}
				}
			}
			&.width{
				height: calc(70vw * 9/16);
				width:70vw;
				iframe{
					height: calc(70vw * 9/16);
					width:70vw;
				}
				@media(max-width: $screen-md-max){
					height: calc(70vw * 9/16);
					width:70vw;
					iframe{
						height: calc(70vw * 9/16);
						width:70vw;
					}
				}
				@media(max-width: $screen-xs-max){
					height: calc(90vw * 9/16);
					width:90vw;
					iframe{
						height: calc(90vw * 9/16);
						width:90vw;
					}
				}
			}
		}
	}
	&.default{
		position:relative;
		.content{
			text-align: center;
		}
		.bwp-video{
			display:inline-block;
			@include square(80px);
			@include border-radius(50%);
			@include transition(all .3s ease);
			background:$theme-color;
			line-height:80px;
			text-indent:3px;
			font-size: 30px;
			position:relative;
			color:$gray-dark;
			cursor: pointer;
			text-align: center;
			z-index: 2;
			&:before{
				content:"";
				position:absolute;
				top:calc(50% - 48px);
				left:calc(50% - 48px);
				@include square(96px);
				background:rgba($theme-color, .4);
				@include border-radius(50%);
				-webkit-animation-name: scale2;
				animation-name: scale2;
				-webkit-animation-duration: 2s;
				animation-duration: 2s;
				-webkit-animation-timing-function: ease-in-out;
				animation-timing-function: ease-in-out;
				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
			}
			&:after{
				content:"";
				position:absolute;
				top:calc(50% - 48px);
				left:calc(50% - 48px);
				@include square(96px);
				background:rgba($theme-color, .4);
				@include border-radius(50%);
				-webkit-animation-name: scale2;
				animation-name: scale2;
				-webkit-animation-duration: 2s;
				animation-duration: 2s;
				-webkit-animation-timing-function: ease-in-out;
				animation-timing-function: ease-in-out;
				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
				animation-delay: 1s;
			}
			&:hover{
				background:$theme-color;
				color:$white;
				&:before,&:after{
					border-color:$theme-color;
				}
			}
			@media(max-width: $screen-xs-max){
				@include square(80px);
				line-height: 80px;
				&:before, &:after{
					@include square(80px);
					top:calc(50% - 40px);
					left:calc(50% - 40px);
				}
			}
		}
	}
	&.layout-1{
		.content{
			.bwp-video{
				display: flex;
				cursor: pointer;
				align-items: center;
				.icon-video{
					color: $white;
					background: url('#{$image-theme-path}video.png') no-repeat;
					background-size: contain;
					font-size: 23px;
					background-position: center;
					padding: 21px;
					@include rtl-margin-right(15px);
				}
				h2{
					margin: 0;
					font-size: 30px;
					line-height:28px;
					text-transform: uppercase;
					color: $white;
				}
			}
			@media(max-width:$screen-xs-max){
				.bwp-video{
					h2{
						font-size: 20px;
						line-height:23px;
					}
				}
			}
		}
	}
}

/*----------- WIDGET ICON BOX ---------------*/
.bwp-icon-box-wrapper{
	&:hover{
		svg{
			animation: svg-animation 1s linear forwards;
		}
	}
}

/*----------- WIDGET BUTTON ---------------*/
.bwp-button-widget{
	.bwp-button{
		background-color:$gray-dark;
		color:$gray-dark;
		fill:$white;
		display: inline-block;
		padding:20px;
		font-family:$font-family-base;
		@include transition(all 0.3s ease-in-out);
		position:relative;
		.bwp-button-text,.bwp-button-icon{
			position:relative;
			z-index:3;
		}
		&.style_1{
			&:before,&:after{
				content: "";
				position: absolute;
				top: 0;
				width: 25.25%;
				height: 0;
				left:0;
				z-index:1;
				@include transition(all 0.3s ease-in-out);
			}
			&:after{
				left: 50%;
			}
			.bwp-button-content-wrapper{
				&:before,&:after{
					content: "";
					position: absolute;
					bottom: 0;
					width: 25.25%;
					height: 0;
					left: 25%;
					z-index:1;
					@include transition(all 0.3s ease-in-out);
				}
				&:after{
					left: 75%;
				}
			}
			&:hover{
				&:before,&:after{
					height:100%;
				}
				.bwp-button-content-wrapper{
					&:before,&:after{
						height:100%;
					}
				}
			}
		}
		&.style_2{
			overflow:hidden;
			&:before{
				width: 100%;
				height: 100%;
				border-radius: 50%;
				mix-blend-mode: lighten;
				@include transition(all 0.3s ease);
				transform-origin: center;
				@include transform(scale(0) rotate(0));
				content: "";
				position: absolute;
				background: $theme-color;
				display: block;
				box-sizing: border-box;
				top: 0;
				left: 0;
			}
			&:hover{
				&:before{
					border-radius: 0;
					@include transform(scale(1) rotate(180deg));
				}
			}
		}
		&.style_3{
			overflow:hidden;
			&:before,&:after{
				content: "";
				position: absolute;
				width: 0;
				height: 0;
				border: 0 solid;
				@include transform(rotate(360deg));
				@include transition(all 0.5s ease-in-out);
				z-index:1;
			}
			&:before{
				bottom: 0;
				left: 0;
			}
			&:after{
				top: 0;
				right: 0;
			}
			&:hover{
				&:before,&:after{
					border-width: 120px 500px;
				}
			}
		}
		&.style_4{
			overflow:hidden;
			&:before,&:after{
				@include transition(all 0.3s ease-in-out);
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				width:100%;
				height:100%;
			}
			&:before{
				@include transform(translate(-100%, -100%));
			}
			&:after{
				@include transform(translate(-100%, 100%));
			}
			.bwp-button-content-wrapper{
				&:before,&:after{
					@include transition(all 0.3s ease-in-out);
					content: "";
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					width:100%;
					height:100%;
				}
				&:before{
					@include transform(translate(100%, -100%));
				}
				&:after{
					@include transform(translate(100%, 100%));
				}
			}
			&:hover{
				&:before{
					@include transform(translate(-50%, -50%));
				}
				&:after{
					@include transform(translate(-50%, 50%));
				}
				.bwp-button-content-wrapper{
					&:before{
						@include transform(translate(50%, -50%));
					}
					&:after{
						@include transform(translate(50%, 50%));
					}
				}
			}
		}
		&.style_5{
			&:before,&:after{
				border: 0 solid transparent;
				box-sizing: border-box;
				content: "";
				pointer-events: none;
				position: absolute;
				bottom: 0;
				right: 0;
				width: 100%;
				height: 100%;
				@include transition(transform 0.3s ease-in-out);
				@include opacity-h();
			}
			&:before{
				border-bottom-width: 2px;
				border-left-width: 2px;
				@include transform(translate(-10px,10px));
			}
			&:after{
				border-top-width: 2px;
				border-right-width: 2px;
				@include transform(translate(10px,-10px));
			}
			&:hover{
				background:transparent !important;
				&:before,&:after{
					@include opacity-s();
					@include transform(unset);
				}
			}
		}
		&.style_6{
			display: inline-block;
			vertical-align: middle;
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			box-shadow: 0 0 1px $gray-dark;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-property: box-shadow;
			transition-property: box-shadow;
			&:hover{
				box-shadow: 0 0 8px rgba($gray-dark,0.6);
			}
		}
		&.style_7{
			@include transition(color 0.5s ease-in-out);
			position:relative;
			overflow:hidden;
			&:before{
				content: "";
				position: absolute;
				z-index: -1;
				height: 200%;
				width: 300%;
				border-radius: 50%;
				top: 0;
				left: -350%;
				transition: all .7s;
			}
			&:hover{
				&:before{
					top: -45%;
					left: -100%;
				}
			}
		}
		&.style_8{
			position:relative;
			overflow:hidden;
			@include transition(color 0.3s ease-in-out);
			transition-delay:0.3s;
			&:before{
				content:"";
				position:absolute;
				@include square(16px);
				@include border-radius(50%);
				top:calc(50% - 8px);
				right:-16px;
				@include transition(right 0.3s ease-in-out);
				transition-delay:0.3s;
			}
			&:after{
				content:"";
				position:absolute;
				@include square(16px);
				@include border-radius(50%);
				top:calc(50% - 8px);
				right:calc(50% - 8px);
				@include transform(scale(0));
				@include transition(transform 0.4s ease-in-out);
				
			}
			&:hover{
				&:before{
					right:calc(50% - 8px);
					transition-delay:0s;
				}
				&:after{
					@include transform(scale(50));
					transition-delay:0.3s;
				}
			}
		}
		&.style_9{
			display: inline-block;
			transition-duration: 0.3s;
			transition-property: box-shadow;
			box-shadow: inset 0 0 0 rgba($gray-dark,0.6), 0 0 1px rgba($gray-dark,0);
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			transform: translateZ(0);
			&:hover{
				box-shadow: inset 3px 3px 3px rgba($gray-dark,0.6), 0 0 1px rgba($gray-dark,0);
			}
		}
		&.style_10{
			@include transition(transform 0.3s ease-in-out);
			&:before{
				pointer-events: none;
				position: absolute;
				z-index: -1;
				content: '';
				top: 100%;
				left: 5%;
				height: 10px;
				width: 90%;
				opacity: 0;
				background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
				background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
				-webkit-transition-duration: 0.3s;
				transition-duration: 0.3s;
				-webkit-transition-property: transform, opacity;
				transition-property: transform, opacity;
			}
			&:hover{
				-webkit-transform: translateY(-5px);
				transform: translateY(-5px);
				&:before{
					opacity: 1;
					-webkit-transform: translateY(5px);
					transform: translateY(5px);
				}
			}
		}
	}
	.bwp-button-content-wrapper{
		display:flex;
	}
	.bwp-align-icon-right{
		order:3;
	}
	.bwp-align-icon-left{
		order:1;
	}
	.bwp-button-text{
		order:2;
	}
	.bwp-button-icon{
		position:relative;
		svg{
			width:$font-size-base;
		}
		i{
			font-size:$font-size-base;
		}
	}
}

[-] _shortcodes.scss [edit]
[+] ..
[-] _woocommerce-product.scss [edit]
[-] _post.scss [edit]
[-] _woocommerce-widgets.scss [edit]
[-] _form.scss [edit]
[-] _effect.scss [edit]
[-] _woocommerce-responsive.scss [edit]
[-] _woocommerce-general.scss [edit]
[-] _responsive.scss [edit]
[-] _woof.scss [edit]
[-] _menu.scss [edit]
[-] _utilities.scss [edit]
[-] _base.scss [edit]
[-] _layout.scss [edit]
[-] _slider.scss [edit]
[-] _widgets-layout.scss [edit]
[-] _pages.scss [edit]
[-] _fonts.scss [edit]
[-] _elementor.scss [edit]
[-] _garenal.scss [edit]
[-] _header.scss [edit]
[-] _woocommerce-page.scss [edit]
[-] _widgets.scss [edit]