/**
 * @author JoomDev https://www.joomdev.com/
 * @copyright Copyright (C) 2008 - 2018 Joomdev.com. All rights reserved.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPLv2 or later
*/

/*-----
	#1 Testimonial Pro
	#2 Contact Form
	#3 Pricing Table
	#4 Person
	#5 Articles
	#6 Progress Bar
	#7 Timeline
	#8 Gallery
	#9 Image Content
-----*/

/*----- Testimonial Pro -----*/
.sppb-testimonial-pro{
	.sppb-carousel-inner{
		margin-bottom: 20px;
	}
	.sppb-testimonial-message{
		font-size: inherit;
		line-height: inherit;
	}
	.sppb-carousel-control{
		margin: 0;
		color: #fff;
		width: auto;
		border: none;
		height: auto;
		font-size: 45px;
		border-radius: 0;
		-webkit-border-radius: 0;
		&:hover, &:focus{
			background: none;
		}
	}
	.sppb-carousel-counter{
		top: 10px;
		padding: 0 10px;
		font-size: 30px;
		position: relative;
		span{
			padding: 0 4px;
			&:nth-child(1){
				left: 11px;
				bottom: 27px;
				position: relative;
			}
			&:nth-child(2){
				color: #aaa;
				font-size: 70px;
				font-weight: 300;
				position: relative;
			}
			&:nth-child(3){
				top: -8px;
				right: 15px;
				color: #aaa;
				font-size: 20px;
				position: relative;
			}
		}
	}
	.text-center{
		img{
			margin: 0 auto;
		}
	}
}

/*----- Contact Form -----*/
.sppb-addon-ajax-contact{
	.sppb-form-group{
		select, textarea, input{
			border-radius: 0;
		}
	}
	&.s1{
		.sppb-form-group{
			flex: auto;
			&:nth-child(1){
				float: left;
				width: 50%;
				padding-right: 5px;
			}
			&:nth-child(2){
				width: 50%;
				float: left;
				padding-left: 5px;
			}
		}
	}
}

/*----- Pricing Table -----*/
.sppb-addon-pricing-table{
	.sppb-pricing-box{
		padding: 0;
		border: 1px solid #ddd;
			.sppb-pricing-header{
				padding: 20px 10px;
				background: #fafafa;
				border-bottom: 1px solid #ddd;
				.sppb-pricing-title{
					
				}
				.sppb-pricing-price{
					display: block;
					font-size: 55px;
					font-weight: normal;
					line-height: normal;
				}
				.sppb-pricing-duration{
					display: block;
					margin-top: 20px;
				}
			}
			.sppb-pricing-features{
				padding: 10px 0 0;
				ul{
					li{
						padding: 5px 10px;
						border-bottom: 1px solid #ddd;
					}
				}
			}
			.sppb-pricing-footer{ padding: 10px; }
	}
	.sppb-pricing-featured{
		color: inherit;
		background: none;
		background: none;
		border-color: #ddd;
		.sppb-pricing-header{
			color: #fff;
			background: @major_color;
		}
	}
	.s1 .sppb-pricing-header .price_box .price_box_inner .sppb-pricing-duration:after{}
	&.s1{
		background: #fff;
		.sppb-pricing-header{
			border: 0;
			background: none;
			padding: 0;
			.sppb-pricing-title{
				color: #fff;
				padding: 20px;
				background: #222533;
				font-weight: normal;
			}
			.sppb-pricing-price{
				font-size: 55px;
				line-height: 55px;
			}
			.sppb-pricing-duration{
				margin: 10px;
				&:after{
					content: "";
					width: 55px;
					height: 3px;
					display: block;
					background: @major_color;
					margin: 10px auto;
				}
			}
		}
		.sppb-pricing-features{
			ul{
				li{
					border: none;
					padding: 10px;
				}
			}
		}
		.sppb-pricing-featured{
			.sppb-pricing-header{
				color: inherit;
				.sppb-pricing-title{
					color: #fff;
					background: @major_color;
				}
			}
		}
	}
	&.s2{
		background: #fff;
		.sppb-pricing-box{
			.sppb-pricing-header{
				background: none;
				border-bottom: 0;
				.sppb-pricing-duration{
					margin: 0;
				}
			}
			&.sppb-pricing-featured{
				.sppb-pricing-header{
					background :@major_color;
				}
			}
			.sppb-pricing-features{
				ul{
					li{
						border: none;
					}
				}
			}
			.sppb-pricing-footer{
				padding: 10px 10px 20px;
			}
		}
	}
}

@media (min-width:767px){
	.sppb-no-gutter{
		[class*="-3"]{
			&:nth-child(1),
			&:nth-child(2),
			&:nth-child(3){
			.sppb-addon-pricing-table{
				.sppb-pricing-box{
					border-right: none;
				}
			}
			}
		}
		[class*="-4"]{
			&:nth-child(1),
			&:nth-child(2){
			.sppb-addon-pricing-table{
				.sppb-pricing-box{
					border-right: none;
				}
			}
			}
		}
		[class*="-6"]{
			&:nth-child(1){
			.sppb-addon-pricing-table{
				.sppb-pricing-box{
					border-right: none;
				}
			}
			}
		}
	}
	
}

/*----- Persion -----*/
div.sppb-addon-person{
	.sppb-person-information{
		.sppb-person-name{
			font-size: 20px;
			font-weight: normal;
		}
		.sppb-person-designation{
			color: #999;
			font-size: 14px;
			line-height: normal;
		}
	}
	.sppb-person-social-icons{
		ul.sppb-person-social{
			li{
				margin: 0 3px;
				a{
					width: 35px;
					height: 35px;
					line-height: 35px;
					border-radius: 100%;
					-webkit-border-radius: 100%;
					&:hover, &:focus{
						color: #fff;
						background: @major_color;
					}
				}
			}
		}
	}
}

/*----- Articles -----*/
.sppb-addon-articles{
	margin:0;
	.sppb-addon-article{
		background:#fff;
		position:relative;
		border-radius:6px;
		-webkit-border-radius:6px;
		.sppb-img-responsive{
			border-radius:6px 6px 0 0;
			-webkit-border-radius:6px 6px 0 0;
		}
		h3{
			padding: 0 10px;
			font-size: 20px;
			font-weight: bold;
			line-height: 30px;
			margin: 15px 0 5px;
			a{
				color: #222533;
				&:hover, &:focus{
					color: @major_color;
				}
			}
		}
		.sppb-article-meta{
			padding: 0 10px;
		}
		.sppb-article-introtext{
			padding: 0 10px;
		}
		.sppb-readmore{
			color: #fff;
			font-size: 16px;
			padding: 10px 20px;
			background: @default_btn;
			line-height: normal;
			display: inline-block;
			margin: 4px 10px 15px;
			&:hover, &:focus{
				background: lighten(@default_btn, 10%);
			}
		}
		.post_date{
			top: 0;
			color: @button_color;
			float: left;
			padding: 10px 15px 12px;
			text-align: center;
			position: absolute;
			line-height: normal;
			background: @major_color;
			border-radius: 4px 0px 0px 0px;
			-webkit-border-radius: 4px 0px 0px 0px;
			.sppb-date{
				font-size: 35px;
				font-weight: bold;
			}
			.sppb-year{
				display: block;
				font-size: 15px;
			}
		}
	}
}

/*----- Icon -----*/
.sppb-icon{
	.sppb-icon-inner{
		color: @major_color;
	}
}

/*----- Progress Bar -----*/
.sppb-progress{
	border: 1px solid #ddd;
}

/*----- Timeline -----*/
.sppb-addon-timeline{
	.sppb-addon-timeline-wrapper{
		&:before{
			background-color: @major_color;
		}
		.timeline-badge{
			&:after{
				background-color: @major_color;
			}
			&:before{
				border-color: @major_color;
			}
		}
	}
	.timeline-movement.even:before{
		background-color: @major_color;
	}
}
/*----- Gallery -----*/
.sppb-addon-gallery{
	&.space{
		ul.sppb-gallery{
			li{
				padding: 10px;
			}
		}
	}
}

/*----- Image Content -----*/
div.sppb-addon-image-content{
	&.aligment-right,
	&.aligment-left{
		.sppb-content-holder{
			padding: 30px 0 40px 0px;
		}
	}
}