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

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

/* Page default --------------------------------- */
.default-template .article{
	background: $white;
}

/* Elements Boostrap Page ---------------------------------- */
.bs-component,
.bs-docs-section{
	.modal{
		bottom: auto;
		display: block;
		left: auto; 
		position: relative;
		right: auto;
		top: auto;
		z-index: 1;
	}
	p:empty{
		margin: 0;
		padding: 0; 
		@include hide-text();
	}
	br{
		display: none;
	}
	.modal-dialog{
		width: 90%;
	}
}

/* Contact Page ---------------------------------- */

##{$app-prefix}-main{
    .wpb_gmaps_widget .wpb_wrapper {background: none; padding: 0;}
    
    
    #wpcf7-f8-p321-o1 {
        p {
            .wpcf7-form-control-wrap {
				display: block;
            }
        }
    }
}

.text-block-page{
	border-bottom: 1px solid $border-color;
	padding-bottom: 10px;
	@include rtl-margin(0, 0, 22px, 0);
}
h3.text-block-page{
	font-size: 18px;
}
.contact-info{
	ul{
		list-style-type: none;
		@include rtl-padding-left(0px);
		li{
			margin-bottom: 25px;
			font-weight:400;
			position:relative;
			strong{
				display: block;
				font-weight: 700;
				color: $gray-dark;
				padding-bottom: 13px;
				font-size:18px;
				text-transform:uppercase;
			}
		}
	}
	@media (max-width:$screen-xs-max){
		@include rtl-padding-left(0);
		margin-bottom:50px !important;
	}
}
.wpb_gmaps_widget{
	iframe{
		height:540px;
	}
}
.contact-form{
	h2{
		font-size:28px;
		font-weight:500;
		line-height:1.3;
		max-width:314px;
	}
}
.contact-info-form{
	h2.vc_custom_heading{
		margin-bottom: 35px;
		margin-top:2px;
		font-weight:700;
	}
	.title-input{
		font-size:14px;
	}
	.form-required{
		.title-input{
			position:relative;
			&:before{
				content:"*";
				position:absolute;
				color:red;
				right:-10px;
				top:0;
			}
		}
	}
	p{
		margin-bottom:0;
	}
	.ajax-loader{
		position:absolute;
	}
}
.contact{
	.wpcf7-form div.wpcf7-validation-errors, .wpcf7-form div.wpcf7-acceptance-missing{
		margin-top: 15px !important;
	}
}
.wpcf7-not-valid-tip{
	position: relative;
	bottom: 10px;
	left: 0;
}
.social-link-contact{
	.social-link{
		padding: 0;
		list-style: none;
		li{
			margin:0;
			@include rtl-margin-right(10px);
			display: inline-block;
			&: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;
                }
            }
		}
	}
}
.contact-us-form{
	>.row{
		margin:0 -7.5px;
		>div{
			padding:0 7.5px;
		}
	}
	label{
		color:$gray-dark;
		font-size:14px;
		margin-bottom:10px;
		position:relative;
		font-weight:600;
	}
	.form-required{
		.wpcf7-form-control-wrap{
			position: relative;
			&:after{
				position: absolute;
				content: "*";
				color: red;
				@include rtl-right(15px);
				top: -3px;
				font-size: 20px;
			}
		}
	}
	input[type="text"], input[type="email"]{
		height: 50px;
		line-height:50px;
		margin-bottom: 20px;
		@include border-radius(25px);
		width: 100%;
		padding: 10px 20px;
		border:0;
		font-weight:400;
		@include placeholder(rgba($text-color,0.7));
		border: 1px solid $border-color;
		&:focus{
			border-color:$theme-color;
		}
	}
	textarea{
		width: 100%;
		max-height: 370px;
		padding: 10px 20px;
		@include border-radius(10px);
		border:0;
		font-weight:400;
		margin-bottom:23px;
		border: 1px solid $border-color;
		&:focus{
			border-color:$gray-dark;
		}
	}
	.ajax-loader{
		position:absolute;
		right:20px;
		top:30px;
	}
	.button{
		position:relative;
		display:inline-block;
	}
	.content-button{
		text-align:center;
	}
	input[type="submit"]{
		height: 55px;
		line-height: 55px;
		font-size: 16px;
		padding: 0 75px;
		color: $gray-dark;
		background: $theme-color;
		border: none;
		@include transition(all 0.3s ease); 
		cursor:pointer;
		font-weight:700;
		font-family: $font-family-base;
		@include border-radius(30px);
		border: 1px solid  $theme-color;
		text-transform:uppercase;
		&:hover{
			background: transparent;
			color: $gray-dark;
		} 
	}
	.wpcf7-text,.wpcf7-textarea{
		&::placeholder {
			font-size:14px;
			font-weight:300;
		}
	}
}
/* Page About Us ---------------------------------- */
.about-us{
	.page-title{
		display: none;
	}
	.bwp-header{
		border-bottom: 0 !important;
	}
	.bwp-footer{
		margin-top: 0 !important;
	}
}

/* Page Not Found ---------------------------------- */

.woocommerce-page .header-title{
	display: none;
}
.blog-page-list{
	.entry-title{
		font-size: $font-size-base + 3;
		line-height: 1.2;
		padding-top: 10px;
		margin-bottom: 0!important;
	}
	.entry-meta{
		margin-top: 5px!important;
	}
}

.error404{
	.bwp-main{
		text-align: center;
		.page-title{
			display:none;
		}
	}
	.page-404{
		position:relative;
		.title-error{
			font-size:300px;
			line-height:1;
			color:$gray-dark;
		}
		.sub-title{
			font-size:30px;
			color:$gray-dark;
			font-weight:400;
			margin-bottom:5px;
			position:relative;
			padding-bottom:10px;
		}
		.sub-error{
			max-width:325px;
			margin:auto;
			font-size: 14px;
			line-height: 24px;
		}
		.content-page-404{
			padding:100px 0 60px;
			a{
				margin-top: 25px;
				padding: 0 35px;
				height:50px;
				line-height:46px;
				font-weight: 700;
				color:$gray-dark;
				font-size:16px;
				background: $theme-color;
				text-transform: uppercase;
				font-family:$font-family-base;
				@include border-radius(30px);
				position:relative;
				z-index:1;
				&:hover{
					background:darken($theme-color, 10%);
				}
			}
		}
		@media (max-width:$screen-sm-max){
			.content-page-404{
				position:unset;
			}
		}
		@media (max-width:$screen-xs-max){
			.content-page-404{
				position:unset;
				a{
					margin-top:20px;
				}
			}
			.title-error{
				font-size:200px;
				margin-bottom:-10px;
			}
			.sub-title{
				font-size:20px;
			}
			.sub-error{
				font-size:15px;
			}
		}
	}
}

/* Page My Account ---------------------------------- */
.woocommerce-MyAccount-navigation{
	background: #f5f5f5;
    border: 1px solid #f5f5f5;
    margin-bottom: 60px;
    padding: 20px 30px;
	width : 30%;
	@include rtl-float-left();
	
	ul{
		padding: 0;     
		list-style: none;
		li{
			border-bottom: 1px solid rgba($gray-lighter,0.5);
			list-style-type: none;
			padding: 10px 0;
			vertical-align: middle;
			&:last-child{
				border-bottom : none;
			}
			a, span{
                @include transition(all .2s ease 0s);
				font-weight:600;
                &.active, &:hover{
                    color: $theme-color;
                    cursor: pointer;
                }
            }
		}
	}
}
.woocommerce-MyAccount-content{
	width : 68%;
	@include rtl-float-right();
	h2{
		font-size: 16px;
	}
	h3{
		font-size: 12px;
	}
	input[type="submit"]{
		background: $theme-color;
		color: $white;
		border: none;
		@include transition(all 0.3s ease); 
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 5px 10px;
	    &:hover{
			background: lighten($theme-color, 5%);
		}   
	}
	.woocommerce-orders-table{
		display:block;
		overflow:auto;
	}
	.woocommerce-input-wrapper{
		width:100%;
	}
}

.lost_reset_password{
	.form-row{
		margin: 0;
		input[type="submit"]{
			position: absolute;
			bottom: 0;
			height: 35px;
		}
	}
}
.woocommerce-lost-password .lost_reset_password{
	.form-row.form-row-first{
		float: none;
		@media (max-width: $screen-xs-max){
			width: 100%;
		}
	}
	button[type="submit"]{
		margin-top: 10px;
	}
}
.woocommerce-cart-form{
	margin-bottom: 30px;
	.percent-cart{
		padding: 20px;
		border: 2px dashed #e8e8e8;
		margin-bottom: 20px;
		@media(max-width: $screen-xs-max){
			padding: 15px;
		}
		.free-ship{
			font-size:16px;
			@media (max-width:$screen-xs){
				font-size:14px;
			}
			strong{
				text-decoration:underline;
				color: $gray-dark;
			}
			.total-percent{
				position:relative;
				width:100%;
				background:#e9e9e9;
				@include border-radius(5px);
				height: 5px;
				margin: 25px 0 15px 0;
				.percent{
					position:absolute;
					height:100%;
					left:0;
					background: orange;
					top:0;
					@include transition(all 0.5s ease);
					@include border-radius(5px);
					.percent-2{
						font-size: 0;
					}
					&:before{
						content: "\e9e8";
						position:absolute;
						@include rtl-right(0);
						font-family: feather;
						top: 50%;
						@include transform(translateY(-50%));
						display: inline-flex;
						align-items: center;
						justify-content: center;
						color:orange;
						font-size:20px;
						background:$white;
						@include square(36px);
						border-radius: 50%;
						border: 1px solid orange;
					}
					&.free{
						background: $theme-color;
						&:before{
							color:$theme-color;
							border-color: $theme-color;
						}
					}
				}
			}
		}
	}
	table.shop_table{
		margin:0;
		.button{
			padding:0 35px;
			background:$gray-dark;
			text-transform:uppercase;
			color:$white;
			font-size:11px;
			font-weight: 700;
			@include border-radius(0px);
			line-height:40px;
			cursor:pointer;
			&:disabled{
				opacity:0.8;
				background:$gray-dark;
				color:$white;
				cursor: not-allowed;
				&:hover{
					opacity:0.8;
					background:$gray-dark;
					color:$white;
				}
			}
			&:hover{
				background:darken($theme-color,10%);
			}
		}
		.coupon{
			.button{
				padding:0 35px;
				background:$theme-color;
				@include border-radius(25px);
				font-family: $font-family-base;
				text-transform: uppercase;
				color:$gray-dark;
				font-size:12px;
				line-height:40px;
				cursor:pointer;
				@include transition(all .2s ease);
				position: relative;
				&:hover{
					background:darken($theme-color, 10%);
				}
				@media(max-width: $screen-xs-max){
					padding: 0 15px;
				}
			}
		}
	}
}

.cart_totals{
	.woocommerce-shipping-destination{
		margin-bottom:10px;
		>strong{
			color:$gray-dark;
			font-weight:700;
		}
	}
	table.shop_table{
		>tbody{
			border: 1px solid rgba($gray-lighter,0.25);
			border-top:0;
			>tr{
				td,th{
					padding:15px;
					border:0;
					border-bottom: 1px solid rgba($gray-lighter,0.5);
				}
				&.order-total{
					.woocommerce-Price-amount{
						font-size:24px;
					}
				}
				&.shipping{
					ul {
						&.woocommerce-shipping-methods{
							margin-bottom:10px;
							@media (max-width:$screen-xs-max){
								display:block;
							}
						}
						li {
							@include rtl-margin-right(20px);
							input[type="radio"], input[type="checkbox"]{
								margin-top:0;
							}
							.shipping_method{
								display:none;
							}
							label{
								margin:0;
								@include rtl-margin-left(0);
								font-weight:400;
								margin-bottom:0;
								position:relative;
								@include rtl-padding-left(18px);
								cursor:pointer;
								&:before{
									position:absolute;
									@include rtl-left(0);
									@include border-radius(50%);
									top:calc(50% - 6px);
									@include square(12px);
									border:1px solid $text-color;
									content:"";
								}
							}
							.shipping_method:checked +label{
								&:before{
									background:$theme-color;
									border-color:$theme-color;
								}
							}
						}
					}
				}
				>td{
					a.shipping-calculator-button{
						color: $gray-dark;
						text-transform: uppercase;
						font-weight:700;
						position:relative;
						display:inline-block;
						padding-bottom:2px;
						font-size:13px;
						&:before{
							content:"";
							@include size(100%,2px);
							position:absolute;
							bottom:0;
							left:50%;
							@include transform(translateX(-50%));
							background:$gray-dark;
							@include transition(all 0.3s ease);
						}
						&:hover{
							color:$theme-color;
							&:before{
								background:$theme-color;
								width:60%;
							}
						}
					}
					.shipping-calculator-form{
						margin-top:30px;
						.select2{
							height:40px;
							line-height:40px;
							@include border-radius(0);
							span{
								height:40px;
								line-height:40px;
								@include border-radius(0);
							}
						}
						.button{
							background:$theme-color;
							color:$white;
							font-weight:700;
							font-size:13px;
							text-transform:uppercase;
							letter-spacing:2px;
							@include border-radius(0);
							cursor:pointer;
							padding:0 20px;
							line-height:40px;
							&:hover{
								background:darken($theme-color,10%);
							}
						}
					}
					.woocommerce-shipping-destination{
						strong{
							font-weight:500;
						}
					}
					.woocommerce-Price-amount{
						font-weight:500;
					}
				}
			}
		}
	}
	.wc-proceed-to-checkout{
		padding:0 30px;
		>a.wc-forward{
			background: $theme-color;
			color: $gray-dark;  
			padding:15px;
			font-family: $font-family-base;
			text-transform: uppercase;
			@include border-radius(0);
			font-size: 15px;
			font-weight: 700;
			display:inline-block;
			width:100%;
			text-align:center;
			@include border-radius(50px);
			position: relative;
			@include transition(all .2s ease);
			&:hover{
				background:darken($theme-color, 10%);
			}
			&:before{
				display: none;
			}
		}
	}
}
body.faq{
	.page-title{
		display: none;
	} 
}

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