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

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

/*------------------- content layout -----------------*/
.icon-scroll{
	-webkit-animation: icon-scroll 1s infinite alternate;
    animation: icon-scroll 1s infinite  alternate;
}
.icon-scroll-2{
 	animation: icon-scroll-2 3s infinite alternate;
}
.height-100{
	height:100%;
	>div{
		height:100%;
	}
}
@media(max-width: $screen-xs-max){
	.width-100{
		.elementor-image{
			img{
				width: 100%;
			}
		}
	}
}
@media(max-width: $screen-xs-max){
	.maxwidth-100{
		>div{
			max-width: 100% !important;
		}
	}
}
@media(min-width: $screen-xs-max){
	.border-rotate{
		position: relative;
		&:before{
			position: absolute;
			content: "";
			width: 1px;
			height: 100%;
			background: $white;
			right: 0;
			top: 0;
			@include transform(rotate(45deg));
		}
	}
}
.spinAround{
	@include animation(10s linear 0s normal none infinite running spinAround);
}
.content-section-1{
	position: relative;
	&:before{
		position: absolute;
		content: "";
		background: #fff5f8;
		@include rtl-right(0);
		top: 0;
		width: calc(100% - 33.6%);
		height: 100%;
	}
	@media(max-width: $screen-xs-max){
		&:before{
			width: calc(100% - 50%);
		}
	}
}
.content-section-2{
	background: -moz-linear-gradient(bottom, rgba(219,221,215,1) 0%, rgba(207,67,107,1) 50%, rgba(40,24,24,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, rgba(219,221,215,1) 0%, rgba(207,67,107,1) 50%, rgba(40,24,24,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, rgba(219,221,215,1) 0%, rgba(207,67,107,1) 50%, rgba(40,24,24,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.content-section-3{
	position: relative;
	&:before{
		position: absolute;
		content: "";
		background: #c3cad0;
		@include rtl-left(0);
		top: 0;
		width: calc(100% - 56.5%);
		height: 100%;
	}
}
/*------------------- end content layout -----------------*/

/*------------------- content title -----------------*/
.social-link{
    padding: 0;
    li{
        display: inline-block;
        text-align: center;
        margin: 0 12px;
        &:first-child{
            @include rtl-margin-left(0);
        }
        &:last-child{
            @include rtl-margin-right(0);
        }
        a{
        	i{
	            font-size: 14px;
	            color: $gray-dark;
				&.social_instagram{
					color:#bc1a1a;
				}
				&.social_googleplus{
					color:#dd4b39;
				}
				&.social_twitter{
					color:#1b80be;
				}
				&.social_facebook{
					color:#3b5998;
				}
				&.social_linkedin{
					color:#1da1f2;
				}
	        }
        }
        &:hover{
            a{
                i{
                    color: $white;
                }
            }
        }
    }
}
.text {
	opacity: .8;
}
.text-3{
	span{
		color: rgba($theme-color, .5);
	}
}
.text-4{
	ul > li{
		a{
			color: rgba($gray-dark, .8);
		}
	}
}
.text-5{
	color: $theme-color;
	font-weight: 200;
}
.text-6{
	ul > li{
		a{
			color: rgba($white, .5);
			.color-white{
				color: rgba($white, .8);
			}
		}
	}
}
.title-color{
	span{
		color: $theme-color;
	}
}
.title-hover{
	&:hover{
		animation-name: elementor-animation-wobble-horizontal;
	    animation-duration: 1s;
	    animation-timing-function: ease-in-out;
	    animation-iteration-count: 1;
	    background-position: center;
	}
}
.increase{
	h2{
		span{
			font-weight: 200;
			color: rgba($gray-dark, .8);
			@include rtl-margin-left(10px);
			position:relative;
			&:before{
				content: '';
				background:rgba($gray-dark, .8);
				@include size(100%, 1px);
				top: 14px;
				position: absolute;
			}
		}
	}
}
.text-price{
	font-weight:700;
	font-family: $font-family-base;
	span{
		font-weight:400;
		text-decoration: line-through;
		color:$text-color;
	}
}
.button-base{
	font-family: $font-family-base;
}
.col-padding{	
	.elementor-widget-wrap{
		@media (max-width:1770px) and (min-width:$screen-md-max){
			padding: 0 30px !important;
		}
	}
}
.image-car{
	img{
		animation:run 3s linear 1;
	}
}
.ticky{
	h2{
		position:relative;
		&:before{
			content: '';
			position: absolute;
			@include size(3px, 23px);
			background:$gray-dark;
			@include rtl-right(102px);
			top: 5px;
			@media(max-width:$screen-md-max){
				display: none;
			}
		}
	}
}
.border-none{
	@media(max-width:$screen-xs){
		.elementor-element-populated{
			border-color: transparent !important;
		}
	}
}
/*------------------- end content title -----------------*/
/*------------------- content letter -----------------*/
.content-newsletter-2, .content-newsletter-3{
	.wpbingo-newsletter{
    	&.newsletter-default{
    		.content-newsletter{
				position: relative;
				border-bottom:1px solid $white;;
    			input[type="email"]{
    				border:0;
    				padding:0 20px;
					font-size: 14px;
					line-height:39px;
					height: 39px;
					color:$white;
					&::placeholder{
						color: rgba($white, .6);
					}
    			}
    			.content-clearfix{
    				position:relative;
			        &:hover{
			        	input[type="submit"]{
			        		color: $white;
			        	}
			        }
    			}
    			input[type="submit"]{
    				font-size: 18px;
    				font-family: $font-family-base;
    				font-weight: 700;
    				color: $theme-color;
    				text-transform: uppercase;
    				position: relative;
    				line-height: 24px;
    				border:0;
    				padding: 0;
					z-index: 3;
					padding: 0 25px;
    			}
    			@media(max-width: $screen-xs-max){
    				input[type="email"]{
    					padding:0;
    				}
    				.content-clearfix{
    					margin: 0;
    				}
    				input[type="submit"]{
    					font-size: 15px;
    					padding:0 20px;
    				}
    			}
    		}
    	}
    	@media (max-width:$screen-md-max){
			max-width: 530px;
			margin: auto;
		}
    }
}
.content-newsletter-3{
	.wpbingo-newsletter{
    	&.newsletter-default{
    		.content-newsletter{
    			border-bottom:1px solid $gray-dark;
    			input[type="email"]{
					color:$gray-dark;
					&::placeholder{
						color: rgba($gray-dark, .6);
					}
    			}
    			.content-clearfix{
    				input[type="submit"]{
    					color:$gray-dark;
    				}
    			}
    		}
    	}
    }
}

/*------------------- end content letter -----------------*/

/*------------------- content social -----------------*/
.social-link{
	ul.social-link{
		padding: 0;
		@media(max-width:$screen-xs-max){
			text-align: center;
		}
		li{
			margin: 0 5px;
			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;
				@include square(32px);
				line-height: 32px;
				@include border-radius(5px);
				background:#ffd941;
				box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
				i{
					color:rgba($gray-dark, .8);
					font-size:15px;
					z-index: 2;
				}
				&:hover{
					background:$theme-color;
				}
				&:before{
					display: none;
				}
			}
		}
	}
}
/*------------------- end content social -----------------*/

/*------------------- content position -----------------*/
.content-position{
	top: calc(50% - 25px) !important;
}
.content-position-2{
	@include transform(translateY(-100%));
	position: absolute !important;
	width: 100%;
}
.content-position-3{
	@include transform(translateY(-50%));
	@media(max-width: $screen-xs-max){
		@include transform(translateY(0));
	}
}
.content-position-4{
	@media(max-width: 1300px){
		margin-top: -350px !important;
	}
	@media(max-width: 1024px){
		margin-top: 0 !important;
	}
}
.img-position{
	@media(max-width: 1545px){
		right: -15px !important;
	}
	@media(max-width: 1200px){
		right: 0 !important;
	}
}
.img-position-2{
	top: 50% !important;
	@include transform(translate(-100%, -50%));
	@media(max-width: 1755px){
		@include transform(translate(-50%, -50%) !important);
	}
}
.img-position-3{
	top: 50% !important;
	@include transform(translate(60%, -50%));
	@media(max-width: 1755px){
		@include transform(translate(50px, -50%) !important);
	}
	@media(max-width: 1441px){
		@include transform(translate(30px, -50%) !important);
	}
}
.img-position-4{
	top: 50% !important;
	@include transform(translateY(-50%));
}
.img-position-5{
	@media(max-width: 1695px){
		right: -10% !important;
	}
	@media(max-width: 1565px){
		right: -5% !important;
	}
	@media(max-width: 1495px){
		right: -5px !important;
	}
}
.img-position-6{
	@media(max-width: 1441px){
		left: -50px !important;
	}
}
/*------------------- end content position -----------------*/

/*------------------- content category -----------------*/
.list-category{
	ul{
		justify-content: center;
		li{
			margin: 0 5px 15px 5px !important;
			a{
				border-right: 1px solid $gray-dark;
				@include rtl-padding-right(10px);
				color: $theme-color;
			}
			&:last-child{
				a{
					border-right: 0;
				}
			}	
		}
	}
}
/*------------------- end content category -----------------*/

/*------------------- content button -----------------*/
.border-button, .border-button-2{
	a{
		position: relative;
		&:before{
			position: absolute;
			content: "";
			background: $theme-color;
			bottom: 0;
			left: 50%;
			@include transform(translateX(-50%));
			@include size(0, 1px);
			@include transition(all .3s ease);
		}
		&:hover{
			&:before{
				width: 100%;
			}
		}
	}
}
.border-button-2{
	a{
		&:before{
			background: $white;
		}
	}
}
/*------------------- end content button -----------------*/

/*------------------- Content Animation -----------------*/
.img-animation{
	.elementor-image{
		img{
			animation: rotation 15s infinite linear;
		}
	}
}
/*------------------- End Animation -----------------*/

/*------------------- Content Marquee -----------------*/
.section-marquee {
    overflow: hidden;
	.marquee{
		white-space: nowrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		span{
			margin: 0 45px;
			@media(max-width: $screen-md-max){
				margin: 0 30px;
			}
			@media(max-width: $screen-xs-max){
				margin: 0 15px;
			}
		}
	}
	&:hover{
		.marquee{
			animation-play-state: paused !important;
		}
	}
}
.section-marquee .marquee .h2.text-outlines a{
	color: $white;
	-webkit-text-stroke: 1px #785841;
	font-size: 45px;
	text-transform: uppercase;
	letter-spacing: 10px;
	@media(max-width: $screen-md-max){
		font-size: 35px;
	}
	@media(max-width: $screen-xs-max){
		font-size: 30px;
	}
}
.section-marquee .marquee-left-right {
	transform: translate3d(0%, 0, 0);
    animation: marquee-lr 30s linear infinite;
	@media(max-width: $screen-md-max){
		animation-duration: 15s;
	}
	@media(max-width: $screen-xs-max){
		animation-duration: 10s;
	}
}
.section-marquee .marquee-right-left {
    transform: translate3d(0%, 0, 0);
    animation: marquee-rl 35s linear infinite;
	display: flex;
	justify-content: flex-end;
	@media(max-width: $screen-md-max){
		animation-duration: 20s;
	}
	@media(max-width: $screen-xs-max){
		animation-duration: 10s;
	}
}
/*------------------- End Marquee -----------------*/

/*------------------- Other layout -----------------*/
.marginright-auto{
	>.elementor-container{
		margin-left:0 !important;
	}
}
.marginleft-auto{
	>.elementor-container{
		margin-right: 0 !important;
	}
}
@media (min-width:$screen-sm-max){
	.marginright-sm-auto{
		>.elementor-container{
			margin-left:0 !important;
		}
	}
	.marginleft-sm-auto{
		>.elementor-container{
			margin-right: 0 !important;
		}
	}
}
@media (max-width:$screen-sm-max){
	.marginright-xs-auto{
		>.elementor-container{
			margin-left:0 !important;
		}
	}
	.marginleft-xs-auto{
		>.elementor-container{
			margin-right: 0 !important;
		}
	}
}
.elementor-icon-box-title{
	margin-top:0;
}
/*------------------- End layout -----------------*/
.elementor-section:not(.elementor-section-full_width,.elementor-inner-section){
	@media (max-width:1770px) and (min-width:$screen-md-max){
		padding-left: 15px ;
		padding-right: 15px ;
	}
}

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