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

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

/************************************************************************************************
    BLOCK MENU 
*************************************************************************************************/
.#{$app-prefix}-menu-wrapper {
	border-top: 1px solid $border-color;
	border-bottom: 4px double $border-color;
	.container{display: table;}
	#primary-navigation{
		display: table-cell;
		vertical-align: middle;
	}
	.block-cart{
		display: table-cell;
		vertical-align: middle;
		@include rtl-text-align-right();
		.cart-popup {
			min-width: 320px;
			@include rtl-right(0);
			@include rtl-left(inherit);
			.cart_list {
				list-style: none;
			}
		}
	}
}

/************************************************************************************************
    BREADCRUMB
*************************************************************************************************/
.breadcrumb-noheading{
	.breadcrumb{
		font-size:15px;
		line-height:24px;
		color:$gray-dark;
		justify-content:flex-start;
		padding:20px 0;
		a{
			color:$text-color;
			position:relative;
			&:hover {
				color: $theme-color;
			}
		}
		.current{
			color:$gray-dark;
		}
		.delimiter {
			margin: 0 8px;
			color:$text-color;
			&:before{
			  content: "\f105";
			  display: inline-block;
			  font-family:FontAwesome;
			  font-size:15px;
			}
		}
	}
}
.breadcrumb{
    @include border-radius(0);
    margin: $breadcrumb-margin;
    color: $breadcrumb-color;
    padding:0;
    font-size: $breadcrumb-font-size;
	font-weight:400;
	width:100%;
	justify-content:center;
	background:transparent;
	color: rgba($white,0.8);
	a{
        color: rgba($white,0.8);
		position:relative;
        &:hover {
            color: $white;
        }
    }
	.current{
		color:$white;
	}
    .delimiter {
        margin: 0 8px;
		color: rgba($white,0.8);
        &:before{
          content: "\f105";
          display: inline-block;
		  font-family:FontAwesome;
		  font-size:15px;
        }
    } 
}

/* Slideshow -------------------------------------------------------------------------------------- */
.#{$app-prefix}-slideshow{
    .wpb-inner{
        margin-bottom: 0 !important;
    }
}

/* Container -------------------------------------------------------------------------------------- */
.#{$app-prefix}-main{
    @include box-size($container-bg, $container-padding-top, $container-padding-bottom);
    .page-title{
    	margin: $page-title-margin;
		font-size: 20px;
		padding: 70px 0 75px;
    	background-position: center;
		text-align:center;
		position:relative;
		.content-title-heading{
			display:inline-flex;
			position:relative;
			align-items:center;
		}
		.back-to-shop{
			display:none;
			font-size:0;
			cursor:pointer;
			color:$white;
			@include rtl-margin-right(10px);
			&.active{
				display:block;
			}
			&:before{
				content: "\23";
				font-family: 'ElegantIcons';
				font-size:40px;
				line-height:40px;
			}
			&:hover{
				color:$theme-color;
			}
		}
		h1{
			margin-top: 0;
			font-size: 40px;
			text-align:center;
			color: $white;
			@media (max-width:$screen-xs-max){
				font-size: 30px;
			}
		}
		&.empty-image{
			background:$white;
			.back-to-shop{
				color:$gray-dark;
				&:hover{
					color:$theme-color;
				}
			}
			h1{
				color:$gray-dark;
			}
			a{
				color:$gray-dark;
				&:hover{
					color:$theme-color;
				}
			}
			.breadcrumb{
				color:$gray-dark;
			}
			.current{
				color:$text-color;
			}
			.delimiter{
				color:$text-color;
			}
			ul.woocommerce-product-subcategories{
				li h2 a{
					color:$gray-dark;
					&:hover{
						color:$theme-color;
					}
				}
				&.image_categories li{
					> a:hover:before{
						border-color:$theme-color;
					}
					&.active{
						>a{
							&:before{
								border-color:rgba($gray-dark,0.5);
							}
						}
					}
				}
			}
			.woocommerce-product-subcategorie-content .slick-arrow{
				color:$theme-color;
				&:hover{
					color:$gray-dark;
				}
			}
			
		}
		>.container{
			position:relative;
		}
		@media(max-width: $screen-xs-max){
			padding: 35px 0 25px;
		}
    }
}

/* Content -------------------------------------------------------------------------------------- */
.#{$app-prefix}-content{
    background: $content-bg;
    @include clearfix();
}
/* Pagination -------------------------------------------------------------------------------------- */
.#{$app-prefix}-pagination{
    margin: 0;
}

/************************************************************************************************
    BLOCK FOOTER 
*************************************************************************************************/
  
##{$app-prefix}-footer{ 
    @include box-size($footer-bg, $footer-padding-top, $footer-padding-bottom);
    position: relative;
    color: $footer-color;
    border-bottom: $footer-border;
    z-index: 2;
    margin-top: 60px;
	@media (max-width:$screen-sm-max){
		padding-bottom:43px;
	}
    a{
        &:hover,
        &:focus,
        &:active{
            color: $footer-link-hover-color;
        }
    }
    ul {
        list-style: none;
        padding: 0;
    }
	ul.social-link{
		padding: 0;
		@media(max-width:$screen-xs-max){
			text-align: center;
		}
		li{
			margin: 0 20px;
			display: inline-block;
			text-align: center;
			&:before{
				display : none;
			}
			&:first-child{
				@include rtl-margin-left(0);
			}
			&:last-child{
				@include rtl-margin-right(0);
			}
			a{
				display: inline-block;				
				line-height: 32px;
				box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
				i{
					color:rgba($white, .5);
					font-size:15px;
					z-index: 2;
				}
				&:hover{
					i{
						color: $theme-color;
					}
				}
				&:before{
					display: none;
				}
			}
		}
	}
	&.footer-3, &.footer-5, &.footer-6{
		ul.social-link{
			li{
				margin:0 5px;
				a{
					@include border-radius(5px);
					@include square(32px);
					background:#ffd941;
					i{
						color:rgba($gray-dark, .8);
					}
					&:hover{
						background:$theme-color;
					}
				}
				&:first-child{
					@include rtl-margin-left(0);
				}
				&:last-child{
					@include rtl-margin-right(0);
				}
			}
		}
	}
	&.footer-4{
		.wpbingo-newsletter{
			&.newsletter-default{
				.content-newsletter{
					border-bottom:2px solid rgba($white, .2);
					input[type="email"]{
						color: $white;
						&::placeholder{
							color: rgba($white, .6);
						}
					}
					input[type="submit"]{
						color: $theme-color;
					}
					.wpcf7-not-valid-tip {
						position: absolute;
						bottom: -60px;
						width: 100%;
					}
				}
			}
		}
		ul.social-link{
			li{
				margin:0 5px;
				a{
					@include border-radius(5px);
					@include square(32px);
					background:#ffd941;
					i{
						color:rgba($gray-dark, .8);
					}
					&:hover{
						background:$theme-color;
					}
				}
				&:first-child{
					@include rtl-margin-left(0);
				}
				&:last-child{
					@include rtl-margin-right(0);
				}
			}
		}
	}
    .wpbingo-newsletter{
    	&.newsletter-default{
    		.content-newsletter{
				position: relative;
				max-width: 450px;
				border-bottom:2px solid $gray-dark;;
    			input[type="email"]{
    				border:0;
    				padding:0 10px;
					font-size: 14px;
					line-height:39px;
					height: 39px;
					&::placeholder{
						color: rgba($gray-dark, .6);
					}
    			}
    			.content-clearfix{
    				position:relative;
    			}
    			.clearfix{
					position: relative;
					margin: 0;
					@include transition(all .3s ease);
					&:hover{
						&:before{
							color: $theme-color;
							right: -2px;
						}
					}
				}
    			input[type="submit"]{
    				border: 0;
    				font-size: 18px;
    				font-family: $font-family-base;
    				font-weight: 700;
    				text-transform: uppercase;
    				position: relative;
    				line-height: 24px;
    				padding: 0;
					z-index: 3;
					padding: 0 10px;
    			}
    			@media(max-width: $screen-md-max){
    				.content-clearfix{
    					@include rtl-margin-right(0);
    				}
    				input[type="email"]{
    					padding: 0;
    				}
    				input[type="submit"]{
    					padding:0 10px;
    					font-size: 15px;
    				}
    			}
    			@media(max-width: $screen-xs-max){
    				input[type="email"]{
    					padding:0;
    				}
    				.content-clearfix{
    					margin: 0;
    				}
    				input[type="submit"]{
    					font-size: 15px;
    					padding:0 20px;
    				}
    			}
    		}
    	}
    }
    &.footer-1{
		.wpbingo-newsletter{
			&.newsletter-default{
				.content-newsletter{
					border-bottom:1px solid rgba($white, .2);
					input[type="email"]{
						color: $white;
						padding: 0 20px;
						&::placeholder{
							color: rgba($white, .6);
						}
					}
					input[type="submit"]{
						color: $theme-color;
						padding: 0 25px;
					}
				}
			}
		}
    }
    &.footer-5{
    	h2{
    		color: rgba($white, .8);
    	}
    	ul > li{
    		a{
    			color: rgba($white, .3);
    		}
    	}
		.wpbingo-newsletter{
			&.newsletter-default{
				.content-newsletter{
					border-bottom:1px solid rgba($white, .2);
					input[type="email"]{
						color: $white;
						&::placeholder{
							color: rgba($white, .2);
						}
					}
					input[type="submit"]{
						color: $theme-color;
					}
					.wpcf7-not-valid-tip {
						position: absolute;
						bottom: -60px;
						width: 100%;
					}
				}
			}
		}
    }
    .wpcf7-response-output{
    	color:rgba($white, .3);
    }
}

/*  */
/* Newletter Popup */
/*  */
.newsletterpopup .close-popup {
	cursor: pointer;
	position: absolute;
	top:10px;
	@include rtl-right(20px);
	text-align:center;
	z-index: 9999;
	display:inline-block;
	@include square(28px);
	padding: 6px;  
	@include border-radius(100%);
	&:after{
		content: '';
		position: absolute;
		height: 3px;
		width: 20px;
		top: 50%;
		left:calc(50% - 10px);
		margin-top: -1px;
		background-color: $gray-dark;
		border-radius:10px;
		transform-origin: 50% 50%;
		@include transform(rotate(45deg));
		@include transition(all 0.3s ease);
	}
	&:before{
		content: '';
		position: absolute;
		height: 3px;
		width: 20px;
		top: 50%;
		left:calc(50% - 10px);
		margin-top: -1px;
		background-color: $gray-dark;
		border-radius:10px;
		transform-origin: 50% 50%;
		@include transform(rotate(-45deg));
		@include transition(all 0.3s ease);
	}
	&:hover{
		&:after,&:before{
			@include transform(rotate(0deg));
		}
	}
}
body:not(.page-template-homepage){
	.popupshadow,.newsletterpopup{
		display:none !important;
	}
}
.popupshadow {
	background-color: rgba(32,32,32,0.6);
	height: 100%;
	@include rtl-left(0);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
	display : none;
	&.active{
		display: block;
	}
}
.newsletterpopup {
    box-sizing: border-box;
    height: auto;
    left:50%;
	@include transform(translate(-50% , -50%));
    margin:auto;
    position: fixed;
    top: 50%;
    width: 670px;
    z-index: 1000000;
    background: $white;
	display:none;
	.wp-newsletter{
		display:flex;
		align-items:center;
		.image{
			display: inline-block;
			width: 41.4%;
			@media (max-width:$screen-sm-max){
				display:none;
			}
		}
		.widget{
			margin:0;
			background:$white;
			width: 58.6%;
			padding:40px;
		}
		.hidden-popup-newsletter{
			font-size:13px;
			display:block;
			text-align:center;
			padding:0 30px;
			position:relative;
			input{
				position:absolute;
				z-index:10;
				opacity:0;
				width:100%;
				height:25px;
				left:0;
				cursor:pointer;
				&:checked ~ .wpcf7-list-item-label{
					color:$theme-color;
					border-color:$theme-color;
				}
			}
			.wpcf7-list-item-label{
				cursor:pointer;
				font-size:12px;
				color:$theme-color;
				display:inline-block;
				font-weight:600;
				border-bottom:2px solid $theme-color;
			}
			.wpcf7-list-item{
				margin:0;
			}
		}
	}
	.wpbingo-newsletter-popup{
		.title-newsletter{
			font-size:24px;
			margin:auto;
			position:relative;
			margin-bottom:15px;
			color:$gray-dark;
			line-height:34px;
		}
		.text-newsletter{
			font-size:13px;
			color:rgba($gray-dark, .8);
			margin-bottom:25px;
			font-weight: 500;
			line-height: 24px;
			.gift{
				color: rgba($red, .8);
				font-weight: 700;
			}
		}
	}
	.content-newsletter{
		width: 100%;
		margin: 0;
		margin-top: 30px;
		.wpcf7-form-control-wrap{
			width:100%;
		}
		.clearfix{
			display:inline-block;
			position:relative;
		}
		.wpcf7-spinner{
			top:calc(50% - 12px);
			left:calc(50% - 12px);
		}
		input[type="email"]{
			width:100%;
			padding: 0 15px;
			height:45px; 
			color: $text-color;
			line-height:45px;
			font-size:13px;
			border:0;
			background:transparent;
			@include border-radius(22px);
			background:#f4f4f4;
		}
		input[type="submit"]{
			border:0;
			background: $theme-color;
			height: 45px;
			line-height: 45px;
			position:relative;
			top:0;
			font-size: 14px;
			color: $gray-dark;
			font-family:$font-family-base;
			font-weight: 700;
			cursor:pointer;
			@include transition(all .3s ease);
			padding:0 45px;
			text-transform:uppercase;
			border-radius:30px;
			margin-top:11px;
			&:hover{
				background: darken($theme-color,10%);  
			}
		}
		.ajax-loader{
			position:absolute;
		}
	}
	@media (max-width:$screen-sm-max){
		width: calc(100% - 30px);
		max-width: 400px;
		padding:50px 30px;
		.wp-newsletter .widget{
			padding:0;
		}
		.wpbingo-newsletter-popup{
			text-align: center;
		}
		.content-newsletter{
			margin-bottom: 0;
		}
		.wp-newsletter .widget{
			width:100%;
		}
	}
}

/* Copyright -------------------------------------------------------------------------------------- */
.#{$app-prefix}-copyright{
    color: $copyright-color;
    font-size: $copyright-font-size;
    font-weight: $copyright-font-weight;
    background: $copyright-bg;
    font-family: $copyright-font-family;
    margin-top: 80px;
	@media (max-width:$screen-sm-max){
		padding-bottom:50px;
	}
    .#{$block-selector} {
        .#{$block-heading-selector}{
            color: $footer-heading-color;
            text-transform: $footer-heading-transform;
            margin: $footer-heading-margin;
            @include font-size(font-size,$footer-heading-font-size);
        }
    }
    .container{
        padding-bottom: $copyright-padding-bottom;
        position: relative;
        padding-top: $copyright-padding-top;
        &:before{
			position: absolute;
			top: 0;
			content: "";
			background: #dedede;
			@include rtl-left(15px);
			width: calc(100% - 30px);
			height: 1px;
        }
        .payment{
            @include rtl-text-align-right();
        }
    }
}

[-] _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]