// TODO: css for shortcodes.
/* ========================================================== */
/* Quote Border ============================================= */
.quote-border{	
	background-color: #f4f4f4;
	padding: 20px;
	margin-bottom: 10px;
	font-style: italic;
	border: 1px solid #ddd;
	.border-radius(3px);
}
/* ========================================================== */
/* Video ==================================================== */
iframe{
	border:none;
	max-width:100%;
}
/* =========================================================== */
/* Ya Why Choose Us  ========================================= */
.block-whychoose {
	margin-bottom:30px !important;
	display:inline-block;
	.image-whychoose{
		float:left;
		width:64px;
		.rtl &{
			float:right;
		}
	}
	.content-whychoose{
		margin-left:80px;
		.rtl &{
			margin-right:80px;
			margin-left:0;
		}
		h2{
			color:#000;
			font-size:13px;
			text-transform:uppercase;
		}
		.description{
			color:#666;
		}
	}
}

/*========================================================*/
/* Search Faqs ===========================================*/
.vc_wp_search .widget_search .searchform{
	.screen-reader-text{
		display:none;
	}
	input[type="submit"]{
		text-indent:-9999px;
		display:block;
		border:0;
		width:34px !important;
		height:34px;
		background: url('../assets/img/search-icon.png') no-repeat scroll center center #666 !important;
		&:hover{
			background: url('../assets/img/search-icon.png') no-repeat scroll center center @color !important;
		}
	}
	input[type="text"]{
		border:1px solid lighten(@border-color, 8%);
	}
}
/* ======================================================================== */
/* Titlte ================================================================= */
.wpb_single_image .wpb_heading {
	color: @body-color; font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 20px;
	
}
/* =================================================================== */
/* =================================================================== */
#wp-calendar {
	width: 100%;
	caption {
		padding: 10px 0;
	}
	tr {
		th {
			text-align: center;
		}
		td {
			padding: 10px 0;
		}
	}
}
/* ======================================================== */
/* ======================================================== */
#subscribe_popup {
	text-align: left;
	display: none;
	background-repeat: no-repeat;
	background-color: #fff;
	position:relative;
	min-width:770px;
	.subscribe-popup-container {
		padding: 44px 50px 25px 52px;
		h2{
			color: #717171;	font-size: 70px;
			font-weight: 700; text-transform: uppercase;
			margin-bottom:17px; opacity: 0.2;
		}
		h3{
			color: @body-color; font-size: 30px; font-weight: 700; text-transform: uppercase; margin-top: -71px; margin-bottom: 14px;
		}
		.description{
			font-size: 16px;
			color: #555;
			font-weight: 500;
			margin-bottom: 30px;
			span{
				color: @color; font-size: 20px;
			}
		}
		.subscribe-form {
			margin-bottom: 15px;
			border:1px solid @border-color;
			max-width:390px;
			position:relative;
			.rtl &{
				float:left;
			}
			p, input{
				margin:0;
			}
			input[type="email"]{
				padding: 0 15px;
				height: 43px;
				line-height: 43px;
				overflow: hidden;
				display: block;
				font-size: 13px;
				width: 350px;
				border-radius:0;
				border:0;
				
			}
			input[type="submit"]{
				background: url(@{url}/icon-newsletter.png) no-repeat center center #fff;
				position: absolute;
				height: 43px;
				width: 43px;
				overflow: hidden;
				top:0;
				right:0;
				text-indent:-9999px;
				border:0;
				border-radius:0;
				.rtl &{
					left:0;
					right:auto;
				}
				&:before {
					display: none;
				}
				&:hover {
					opacity:0.85;
				}
			}
		}
		.subscribe-checkbox {
			line-height: 30px;
			clear:both;
			.rtl &{
				margin-left:160px;
			}
			input {
				cursor: pointer;
			}
			label {
				vertical-align: top;
				line-height: 25px;
				margin: 0;
				font-weight: normal;
				color: @body-color;
				font-weight: 500;
				span{
					display: inline-block;
					vertical-align: top;
					line-height: 20px;
				}
			}
		}		
	}
	.subscribe-social{
		padding: 15px 0;
		#translucent > .background( @color, 0.7 );
		text-align:center;
		position:relative;
		z-index:3;
		margin-top: 20px;
		h3{
			color:#fff;
			font-weight: 700;
			font-size:16px;
			text-transform:uppercase;
		}
		> .subscribe-social-inner {
			.kingstore-socials ul{
				margin: 0;
				> li > a{
					display: block;
					width: 35px;
					height: 35px;
					border-radius: 50%;
					font-size: 16px;
					line-height: 35px;
					background: #fff; color: @body-color;
					margin: 0 5px;
					&:hover{
						color: @color;
					}
				}
			}
		}
	}
}
.block-title-widget{
	h2{
		position: relative;
		padding: 15px;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 0;
	}
}
.sidebar .widget.widget_layered_nav ul{
	border:0;
}
.sidebar .widget.widget_product_categories{
	border:1px solid @border-color;
	.block-title-widget{
		background-color:#f2f2f2;
		h2{
			position: relative;
			padding: 15px;
			color: @body-color;
			font-size: 16px;
			text-transform: uppercase;
			font-weight: 700;
			margin-bottom: 0;
		}
	}
	.product-categories{
		border:0;
		> li{
			border-top:1px solid @border-color;
			border-bottom:0 !important;
			padding:15px 20px !important;
			&:last-child{
				border-top:1px solid @border-color !important;
			}
			> a{
				cursor:pointer;
				&:hover{
					color:@color;
				}
			}
		}
	}
}
/*
* Project category
*/
.project-category-listing{
	.project-slider-style1{
		margin-bottom: 40px;
	}
	.block-title{
		margin-bottom: 20px;
		h2{
			font-size:18px; color:@body-color; font-weight:bold; margin: 0; line-height: 26px;
		}
	}
	.resp-slider{
		.item{
			h4{
				font-size: 14px; font-weight: normal; position: relative; padding-left: 15px; line-height: 24px;
				&:before{
					content: "\f111"; font-size: 8px; position: absolute; left: 0; top: 0px; font-family: fontawesome; color: @color;
				}
				a{
					color: @body-color;
					&:hover{
						color: @color;
					}
				}
			}
		}
	}
}
.project-slider{
	margin-bottom: 0; max-width: 1220px; margin: 0 auto;
	.block-title{
		background: url(../assets/img/bg-title.jpg) center center no-repeat; padding: 25px 0; margin-bottom: 5px; text-align: center;
		h3{
			color: #fff; font-size: 26px; text-transform: inherit; padding: 25px 0 19px 0; margin: 10px 0 0 0;
		}
		.description{
			text-align: center; color: rgba(255, 255, 255, 0.8); padding: 0 23%; line-height: 24px;
		}
	}
	.resp-slider-container {
		.slider{
			margin: 0 -2.5px;
			.item{
				padding: 0 2.5px;
				.item-content{
					position: relative;	margin-bottom: 5px;
					.item-img img{
						width: 100%;
					}
					.entry-content{
						position: absolute; bottom: 0; top: 0; left: 0; right: 0; text-align: center; padding: 0 15px;
						background: rgba(0, 0, 0, 0.6); padding-top: 80px; opacity: 0; visible: hidden; .transition(all 0.3s);
						h4 a{
							font-size: 16px; font-weight: bold; color: #fff;
						}
						.item-meta{
							font-size: 16px; color: @a-color;
						}
					}
					&:hover{
						.entry-content{
							opacity: 1; visible: visible; .transition(all 0.3s);
						}
					}
				}
			}
		}
	}
}