/**
 * @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
*/

/*-----
	01. Tabs
	02. Call to action
	03. Articles
	04. Heading
	05. Animated Number
	06. Articles
	07. Accordion
	08. JD Tabs
	09. JD Mamber
	10. JD Timing
-----*/

@contentDefaultOpacity: 0.5;

/*----- Tab -----*/
.sppb-addon-tab{
	/* Default Style*/
	background:#fff;
	ul.sppb-nav{
		text-align:center;
		margin-bottom:50px;
		border-bottom:1px solid #ddd;
		li{
			float:none;
			text-align:center;
			display:inline-block;
			a{
				color:@text_color;
				background:none;
				border-top:none;
				border-left:none;
				padding:10px 25px;
				margin-bottom:0px;
				border-right:1px solid #ddd;
				&:hover,&:focus{
					background:none;
					color:@text_color;
				}
			}
			&.active{
				a{
					border-right:1px solid @major_color;
					border-bottom:1px solid @major_color;
					&:after{
						border-color:darken(@major_color,20%);
						border-style:solid;
						border-width:0 1px 1px 0;
						display:block;
						width:9px;
						bottom:-9px;
						margin:0 auto;
						padding:8px;
						content:"";
						position:absolute;
						left:0;
						right:0;
						z-index:99;
						transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
					}
					&:before{
						background:#fff;
						bottom:-3px;
						content:"";
						display:block;
						height:10px;
						left:0;
						margin:0 auto;
						position:absolute;
						right:0;
						width:23px;
						z-index:99;
					}
				}
				&:last-child{
					a{
						border-right:1px solid @major_color;
					}
				}
			}
			&:last-child{
				a{
					border-right:1px solid transparent;
				}
			}
			.tab_image{
				margin:0 auto;
			}
		}
	}
	.sppb-nav-tabs-content{
		padding:0;
		border:none;
	}
	/* Pills Style */
	.sppb-nav-pills{
		
	}
	.sppb-nav-pills-content{
		
	}
	/* Lines Style */
	.sppb-nav-lines{
		
	}
	.sppb-nav-lines-content{
		
	}
}

/*----- Call to Action -----*/
div.sppb-addon-cta{
	.sppb-cta-title{
		margin:0;
	}
	h1.sppb-cta-title{
		Font-size:36px;
	}
	h2.sppb-cta-title{
		Font-size:30px;
	}
	h3.sppb-cta-title{
		Font-size:24px;
	}
	h4.sppb-cta-title{
		Font-size:20px;
	}
	h5.sppb-cta-title{
		Font-size:25px;
	}
	h6.sppb-cta-title{
		Font-size:12px;
	}
}

@media (min-width:980px){
	div.sppb-addon-cta{
		.sppb-row{
			display:flex;
			>div{
				display:block;
				align-self: center;
			}
		}
	}
}

/*----- Articles -----*/
.sppb-addon-articles{
	h3{
		margin:0;
		a{
			font-size:24px;
			color:@text_color;
		}
	}
	a.sppb-readmore{
		color:@text_color;
		font-weight:bold;
		&:hover,&:hover{
			color:@major_color;
		}
	}
}

/*----- Heading -----*/
.sppb-addon-header{
	img.sppb-heading-icon{
		margin-bottom:20px;
		&.sppb-text-left{
			margin-right:auto;
		}
		&.sppb-text-center{
			margin-right:auto;
			margin-left:auto;
		}
		&.sppb-text-right{
			margin-left:auto;
		}
	}
}

/*----- Animated Number -----*/
.sppb-addon-animated-number{
	.sppb-animated-number{
		font-weight:bold;
	}
}

/*----- Articles  -----*/
div.sppb-addon-articles {
	.sppb-addon-article{
		position:relative;
		padding-top:15px;
		h3{
			a{
				color:@text_color;
				&:hover,
				&:focus{
					color:@major_color2;
				}
			}
		}
	}
	.sppb-readmore{
		padding:9px 22px;
		font-weight:normal;
		color:@major_color2;
				border-radius:4px;
		-webkit-border-radius:4px;
		border:1px solid @major_color2;
		&:hover,
		&:focus{
			color:#fff;
			background:@major_color2;
		}
	}
	.sppb-article-meta{
		.date_section{
			top:0px;
			right:20px;
			color:#fff;
			padding:10px 15px;
			position:absolute;
			text-align:center;
			background:@major_color2;
			span{
				display:block;
				color:#fff;
				&.sppb-meta-mnth{
					font-size:30px;
					font-weight:bold;
					padding-bottom:10px;
					border-bottom:1px solid #fff;
				}
				&.sppb-meta-year{
					font-size:16px;
					padding-top:5px;
				}
				&:hover,
				&:focus{
					color:#fff;
				}
			}
		}
		span{
			color:#888;
			padding:8px 0 0;
			a{
				color:#888;
			}
			.fa{
				font-size:16px;
				padding-right:5px;
			}
			&:hover,
			&:focus{
				color:@major_color2;
				a,.fa{
					color:@major_color2;
				}
			}
		}
	}
	.sppb-article-introtext{
		padding:7px 0 20px;
	}
}

/*----- Accordion -----*/
.sppb-addon-accordion{
	.sppb-panel-default{
		margin-bottom:10px;
		border:1px solid #ddd;
		.sppb-panel-heading{
			&.active{
				color:#fff;
				background:@major_color;
				.sppb-toggle-direction{
					color:#fff;
				}
			}
			&:hover{
				color:#fff;
				background:@major_color;
				.sppb-toggle-direction{
					color:#fff;
				}
			}
			.sppb-panel-title{
				font-size:16px;
				font-weight:normal;
				line-height:normal;
			}
		}
	}
}

/*----- JD Tabs -----*/
.jd-tab{
	background:#fff;
	
	ul.sppb-nav{
		text-align:center;
		border-bottom:1px solid #ddd;
		li{
			text-align:center;
			display:inline-block;
			a{
				color:@text_color;
				padding:10px 25px;
				margin-bottom:-1px;
				border-right:1px solid #ddd;
				&:hover,&:focus{
					background:none;
					color:@text_color;
				}
			}
			&.active{
				a{
					border-right:1px solid @major_color;
					border-bottom:1px solid @major_color;
					&:after{
						border-color:darken(@major_color,20%);
						border-style:solid;
						border-width:0 1px 1px 0;
						display:block;
						width:9px;
						bottom:-9px;
						margin:0 auto;
						padding:8px;
						content:"";
						position:absolute;
						left:0;
						right:0;
						z-index:99;
						transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
					}
					&:before{
						background:#fff;
						bottom:-3px;
						content:"";
						display:block;
						height:10px;
						left:0;
						margin:0 auto;
						position:absolute;
						right:0;
						width:23px;
						z-index:99;
					}
				}
				&:last-child{
					a{
						border-right:1px solid @major_color;
					}
				}
			}
			&:last-child{
				a{
					border-right:1px solid transparent;
				}
			}
			.tab_image{
				margin:0 auto;
			}
		}
	}
	&.jd-tab-title-hidden{
		.sppb-nav{
			display:none;
		}
	}
	.jd_tab_member_list{
		border-bottom:1px solid #ddd;
	}
	.jd_members_tab{
		.jd_members_tab_inner{
			position:relative;
			overflow:hidden;
			.jd_members_desc{
				bottom:-100%;
				width:100%;
				color:#fff;
				padding:15px 0;
				position:absolute;
				text-align:center;
				background:@major_color;
				transition: all 0.35s ease 0s;
				-webkit-transition: all 0.35s ease 0s;
				.jd_name{
					display:block;
					font-size:22px;
					line-height:normal;
				}
				.jd_specialty{
					display: block;
					font-size: 18px;
					font-style: italic;
					line-height: normal;
				}
				a{
					color:#fff;
				}
			}
			&:hover{
				.jd_members_desc{
					bottom:0;
				}
			}
		}
	}
	.jd_viewmore{
		text-align:center;
		a{
			margin:30px 0;
			display:inline-block;
			.fa{
				font-size:14px;
				padding-left:5px;
			}
		}
	}
}

/*----- JD Member -----*/
.jd_member_addon{
	width:100%;
	max-width:360px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	.jd_inner{
		padding:0 20px;
	}
	.jd_member_member_info{
		.jd_member_name{
			font-size:26px;
			margin-top:20px;
			line-height:normal;
		}
		.jd_member_info{
			font-size:16px;
			padding-top:10px;
			line-height:normal;
		}
		span{
			display:block;
		}
	}
	.jd_member_contact_info{
		margin-top: 20px;
		padding-top: 10px;
		border-top:1px solid #ddd;
		span{
			padding:5px 0;
			display:block;
			.fa{
				width:33px;
				text-align:center;
				padding-right:10px;
			}
			&.jd_member_phone{
				.fa{
					font-size:20px;
				}
			}
			&.jd_member_mobile{
				.fa{
					font-size:27px;
				}
			}
			&.jd_member_email{
				.fa{
					font-size:21px;
				}
			}
		}
	}
	.jd_member_scbedule{
		margin-top:20px;
		padding-top:10px;
		margin-bottom:20px;
		border-top:1px solid #ddd;
		.jd_member_scbedule_list{
			margin:0;
			padding:0;
			list-style:outside none none;
			li{
				padding-bottom:10px;
				> span{
					width:40%;
					font-size:16px;
					line-height:normal;
					display:inline-block;
					&.day{
						border:none;
					}
					&.time{
						width:auto;
						padding:4px 8px;
						line-height:normal;
						border:1px solid #ddd;
								border-radius:4px;
						-webkit-border-radius:4px;
					}
				}
			}
		}
	}
	.jd_section_heading{
		font-size:22px;
		margin:10px 0 15px;
		color:@major_color;
		line-height:normal;
	}
	.button_section{
		padding-bottom:20px;
	}
}

/*----- JD Timing -----*/
.jd_timetable{
	padding:20px;
	.jd_timetable_heading{
		img{
			float:left;
		}
	}
	.jd_timing{
		ul{
			margin:0;
			padding:0;
			list-style:outside none none;
			li{
				padding:15px 0;
				border-bottom:1px solid #ddd;
				&:last-child{
					border-bottom:none;
				}
				span{
					display:inline-block;
					&.day{
						width:58%;
					}
					&.time{
						width:auto;
						text-align:right;
					}
				}
			}
		}
	}
}

/*----- Responsive -----*/
@media (max-width:767px){
	.sppb-addon-tab ul.sppb-nav li a{
		padding-left:20px;
		padding-right:20px;
	}
}