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

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow-wrap: break-word;
}

#sp-header {
	height: auto;
}

/*----- Buttons -----*/
@default_btn: #4593ff;

.btn,
.sppb-btn,
.view-profile .profile .btn-toolbar .btn,
.view-profile button {
	font-size: 16px;
	padding: 10px 25px;
}

.sppb-btn-default {
	color: #fff;
	background: @default_btn;

	&:hover,
	&:focus,
	&:active {
		color: #fff;
		background: lighten(@default_btn, 10%);
	}

	&.sppb-btn-3d {
		color: #fff;
		background: @default_btn;
		border-bottom-color: lighten(@default_btn, 10%);

		&:hover,
		&:focus,
		&:active {
			color: #fff;
			background-color: lighten(@default_btn, 10%);
			border-bottom-color: lighten(@default_btn, 10%);
		}
	}
}

.sppb-btn {

	&.sppb-btn-outline,
	&.sppb-btn-3d {
		padding: 10px 25px;
	}
}

.btn-primary,
.sppb-btn-primary {
	color: @button_color;

	&:hover,
	&:focus,
	&:active,
	&:active:focus,
	&:active:hover {
		color: @button_color;
		background: lighten(@major_color, 10%);
		border-color: lighten(@major_color, 10%);
	}
}

body .sppb-btn-primary {
	color: @major_color;
	background: #fff;
	border-color: #fff;

	&.sppb-btn-outline {
		color: #fff;
		border-width: 1px;
		background: none;
		border-color: #fff;

		&:hover,
		&:focus,
		&:active {
			background: #fff;
			color: @major_color;
			border-color: #fff;
		}
	}

	&.sppb-btn-3d {
		background: @major_color;
		border-bottom-color: lighten(@major_color, 10%);

		&:hover,
		&:focus,
		&:active {
			background-color: lighten(@major_color, 20%);
			border-bottom-color: lighten(@major_color, 20%);
		}
	}
}

#sp-main-body {
	padding: 50px 0;
	background: #f7f7f7;
}

/*----- TopBar Section -----*/
#sp-top-bar {
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #ebebeb;

	.sp-contact-info {
		float: none;

		li {
			margin: 0;
			padding: 0 10px;
			min-height: 35px;
			line-height: 35px;
			border-left: 1px solid #ebebeb;

			&:first-child {
				border-left: none;
				padding-left: 0;
			}

			.fa {
				color: @major_color;
				padding-right: 5px;
			}
		}
	}

	ul.social-icons {
		float: right;

		li {
			margin: 0;
			padding: 0 10px;
			line-height: 41px;
			border-right: 1px solid #ddd;

			a .fa {

				&:hover,
				&:focus {
					color: @major_color;
				}
			}
		}
	}

	a {
		color: inherit;
	}
}

/*----- Header Section -----*/
.sp-megamenu-parent {
	>li {
		line-height: 90px;

		>a,
		>span {
			font-size: inherit;
			line-height: normal;
			text-transform: none;
			letter-spacing: normal;
			> img {
				display: inline-block;
			}
		}

		.solid-btn {
			color: #fff;
			padding: 12px 24px;
			background: @major_color;
			border-radius: 3px;
			-webkit-border-radius: 3px;

			&:hover,
			&:focus {
				color: #fff;
				background: darken(@major_color, 5%);
			}
		}

		&:hover,
		&.active {
			.solid-btn {
				color: #fff;
			}
		}
	}

	.sp-dropdown {
		.sp-dropdown-inner {
			padding: 0;
			border-top: 3px solid @major_color;
		}
	}

	.sp-dropdown {
		.sp-dropdown-inner {
			padding: 0;
			border-top: 3px solid @major_color;

			ul.sp-dropdown-items {
				>li.sp-menu-item {
					line-height: normal;
					border-bottom: 1px dashed #d7d4d4;

					i.fa {
						padding-right: 5px;
					}

					>a {
						padding: 10px 15px;
						-webkit-transition: all .2s ease-in-out;
						-o-transition: all .2s ease-in-out;
						transition: all .2s ease-in-out;

						&:hover {
							color: #fff;
							background: @major_color;
							padding-left: 20px;
						}
					}

					&.active>a {
						color: #fff;
						background: @major_color;
						padding-left: 20px;

					}

					&:last-child {
						border-bottom: none;
					}
				}
			}
		}

		&.sp-dropdown-mega {
			.sp-dropdown-inner {
				padding: 0 15px 10px;

				.sp-group-title {
					color: #000;
					line-height: 40px;
					margin-bottom: 10px;
					text-transform: none;
					border-bottom: 1px dashed #d7d4d4;

					&:hover,
					&:focus {
						color: #000;
						background: none;
					}
				}

				ul.sp-dropdown-items>li.sp-menu-item {
					border: none;
				}
			}
		}
	}
}

/*----- PageTitle Section -----*/
#sp-page-title {
	.sp-page-title {
		padding: 40px 0;
		background-position: center;
		background-repeat: no-repeat;
		background-color: @major_color;
		background-image: url(../images/page_title_bg.png);

		h2 {
			font-size: 25px;
		}
	}
}

/*----- Footer Section -----*/
body #sp-footer {
	position: relative;
	text-align: center;

	ul.nav {
		>li {
			border: none;
			margin: 0 25px;
			display: inline-block;

			a {
				&:before {
					display: none;
				}

				&:focus,
				&:active {
					background: none;
				}
			}
		}
	}

	a {
		color: #fff;
	}
}

/*----- Sidebar Section -----*/
#sp-left,
#sp-right {
	.sp-module {
		padding: 15px;
		background: #fff;
		margin-top: 25px;

		.sp-module-title {
			font-size: 20px;
			margin: 0 0 15px;
			text-transform: none;
		}

		&:first-child {
			margin: 0;
		}
	}
}

.scrollup {
	right: 30px;
	bottom: 30px;
	background: @major_color;
	border-color: @major_color;

	&:before {
		color: #fff;
	}

	&:hover,
	&:focus {
		background: darken(@major_color, 5%);
	}
}

/*----- Extra Css -----*/
img.height_100 {
	height: 100%;
}

.timetable {
	width: 100%;

	tbody {
		tr {
			border-bottom: 1px solid #fff;

			&:last-child {
				border-bottom: none;
			}

			td {
				padding: 15px 0;
			}
		}
	}
}

.jd_specialty {
	tbody {
		tr {
			vertical-align: top;
			border-top: 1px solid #ddd;

			td {
				padding: 15px 0;

				&.jd_specialty_heading {
					width: 200px;
				}
			}
		}
	}
}

.about_area {
	&:before {
		background: @major_color3;
		width: 50%;
		height: 100%;
		left: 0;
		content: "";
		position: absolute;
		top: 0;
	}

	&:after {
		position: absolute;
		width: 50%;
		height: 100%;
		right: 0;
		content: "";
		background: @major_color;
		top: 0;
		z-index: -1;
	}
}

.about_left {
	padding-left: 50px;
}

.about_right {
	padding-right: 50px;
}

ul.jd_button {
	margin: 0;
	padding: 0;
	list-style: outside none none;

	li.default_color {
		margin: 0 0 10px;
		position: relative;

		a {
			color: #fff;
			position: relative;
			border-radius: 4px;
			padding: 20px 35px;
			display: inline-block;
			text-decoration: none;
			background: @major_color;
			transition: all 0.4s ease 0s;

			span {
				display: block;

				&.main_text {
					float: left;
					font-size: 24px;
					margin-right: 60px;
				}

				&.sub_text {
					font-size: 18px;
					margin-top: 5px;
				}
			}

			.icon_section {
				top: 0;
				right: 0;
				width: 60px;
				height: 100%;
				font-size: 30px;
				background: rgba(0, 0, 0, 0.07);
				overflow: hidden;
				position: absolute;
				text-align: center;

				.fa {
					top: 50%;
					left: 0;
					right: 0;
					line-height: 0;
					position: absolute;
				}
			}

			&:hover,
			&:focus {
				background: darken(@major_color, 5%);

				.main_text {
					margin-right: 70px;
				}

				.icon_section {
					width: 70px;
				}
			}
		}

		&.major_color1 {
			a {
				background: @major_color2;

				&:hover,
				&:focus {
					background: darken(@major_color2, 5%);
				}
			}
		}

		&.major_color2 {
			a {
				background: @major_color3;

				&:hover,
				&:focus {
					background: darken(@major_color3, 5%);
				}
			}
		}
	}
}

.major_color_bg {
	background: @major_color;
}

.major_color2_bg {
	background: @major_color2;
}

.major_color3_bg {
	background: @major_color3;
}

.col-border {
	border: 1px solid #ddd;
}

.padding_40 {
	padding: 40px !important;
}

.padding_15 {
	padding: 15px !important;
}

.signature {
	font-family: Meie Script, sans-serif;
	color: @major_color;
}

.hidetabtitle {
	.sppb-nav {
		display: none;
	}
}

.nagtive_margin_150 {
	margin-top: -150px !important;
}

.no_body_padding #sp-main-body {
	padding: 0;
}

.jd_sidebar_menu,
#sp-left,
#sp-right {
	ul.menu {
		margin: 0;
		padding: 0;
		list-style: outside none none;
		border: 1px solid #ddd;

		>li {
			&:last-child {

				a,
				span {
					border-bottom: none;
				}
			}
		}

		li {
			border: none;

			>a,
			>span {
				display: block;
				color: @text_color;
				padding: 15px 25px;
				line-height: 24px;
				border-bottom: 1px solid #ddd;

				&:before {
					display: none;
				}

				&:hover,
				&:focus {
					color: #fff;
					background: @major_color3;
				}
			}

			&.active>a {
				color: #fff;
				background: @major_color3;
			}

			ul {
				margin: 0;
				padding: 0;
				list-style: none;

				>li {

					>a,
					>span {
						padding: 8px 10px 8px 35px;
					}
				}
			}
		}
	}
}

/*----- FooterLogo Section -----*/
.footer_logo a {
	display: inline-block;
}

/*----- FooterSocialIcons Section -----*/
.social_icons {
	ul {

		li {
			margin: 2px 5px;
			min-width: 60px;
			min-height: 60px;
			display: inline-block;
			border-radius: 100%;
			-webkit-border-radius: 100%;
			border: 1px solid #fff !important;

			a {
				padding: 0;
				line-height: normal;

				&:before {
					display: none;
				}

				.fa {
					font-size: 32px;
					line-height: 58px;
				}
			}
		}
	}
}

.sppb-btn {
	span {
		display: block;
	}
}

/*----- ChronoForm -----*/
.ui.form *::-moz-placeholder,
.ui.form *::-webkit-placeholder,
.ui.form *::-ms-placeholder {
	color: @text_color  !important;
}

.chronoforms6_credits {
	display: none;
}

.chronoforms {
	form {
		textarea {
			height: auto;
		}
	}

	.ui.form {
		.field {
			margin: 0 0 16px;
		}

		input {
			color: red;

			&[type="date"],
			&[type="url"],
			&[type="datetime-local"],
			&[type="email"],
			&[type="number"],
			&[type="password"],
			&[type="search"],
			&[type="tel"],
			&[type="time"],
			&[type="text"],
			&[type="file"] {
				color: @text_color;
				padding: 10px 15px;
				line-height: normal;
				border-radius: 0;
				-webkit-border-radius: 0;

				&:hover,
				&:focus {
					border-radius: 0;
					-webkit-border-radius: 0;
				}
			}
		}

		[type="textarea"],
		.ui.selection.dropdown {
			padding: 10px 15px;
			line-height: normal;
			border-radius: 0;
			-webkit-border-radius: 0;

			&:hover,
			&:focus {
				border-radius: 0;
				-webkit-border-radius: 0;
			}
		}
	}

	.ui.selection.dropdown {
		color: @text_color;

		.dropdown.icon {
			font-size: 15px;
			padding: 11px 13px;
			line-height: normal;
			border-left: 1px solid #ddd;
			color: rgba(191, 191, 191, 0.87);
		}

		.item {

			&.active,
			&.selected {
				color: @text_color;
			}
		}
	}

	.ui.button {
		background: @major_color;
	}

	.bnt_right,
	.btn_right {
		.ui.button {
			float: right;
			font-size: 18px;
			padding: 15px 60px;
			font-weight: normal;
			line-height: normal;
			letter-spacing: normal;
			background: @major_color;

			&:hover,
			&:focus {
				color: #fff;
				background: darken(@major_color, 5%);
			}
		}
	}
}

.jd_forms1 {
	background: #fff;
	padding: 40px 25px;
	box-shadow: 1px 1px 16px #eee;
	-webkit-box-shadow: 1px 1px 16px #eee;

	.ui.grid>.column:not(.row),
	.ui.grid>.row>.column {
		padding: 10px;
	}

	.chronoforms #submit {
		width: 100%;
		font-size: 15px;
		padding: 10px;
		font-weight: normal;
		line-height: normal;
		background: @major_color;
	}
}

.jd_forms2 {
	background: #fff;
	margin-bottom: 60px;
	padding: 60px 60px 50px;
	box-shadow: 2px 5px 20px 6px rgba(222, 222, 222, 0.5);
}

.ui.message {
	ul.list {
		list-style: outside none none;

		li {
			margin: 0;
			font-weight: normal;

			&:before {
				display: none;
			}
		}
	}
}

#sp-header-appointment {
	width: 100%;
	z-index: 99;
	position: relative;
	margin: -69px auto 0;
	display: inline-block;

	#sp-appointment-form {
		margin-top: 17px;
		padding: 40px 25px;
		background: rgba(255, 255, 255, 0.9);
		box-shadow: 0 2px 30px rgba(170, 170, 170, 0.667);
		-webkit-box-shadow: 0 2px 30px rgba(170, 170, 170, 0.667);

		.ui.grid>.column:not(.row),
		.ui.grid>.row>.column {
			padding: 10px;
		}

		.chronoforms #submit {
			width: 100%;
			font-size: 15px;
			padding: 10px;
			font-weight: normal;
			line-height: normal;
			background: @major_color;
		}
	}

	#sp-appointment-label {
		padding: 0;
	}
}

#sp-appointment-1 {
	p {
		margin: 0;
	}
}

#sp-appointment-2 {
	.chronoforms {
		padding: 50px;
		box-shadow: 1px 1px 16px #eee;
		-webkit-box-shadow: 1px 1px 16px #eee;
		background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;

		#submit {
			color: #fff;
			width: 100%;
			padding: 18px;
			font-size: 20px;
			font-weight: normal;
			background: @major_color;
		}

		input {
			color: red;

			&[type="date"],
			&[type="url"],
			&[type="datetime-local"],
			&[type="email"],
			&[type="number"],
			&[type="password"],
			&[type="search"],
			&[type="tel"],
			&[type="time"],
			&[type="text"],
			&[type="file"] {
				color: @text_color;
				padding: 15px;
				line-height: normal;
				border-radius: 0;
				-webkit-border-radius: 0;

				&:hover,
				&:focus {
					border-radius: 0;
					-webkit-border-radius: 0;
				}
			}
		}

		[type="textarea"],
		.ui.selection.dropdown {
			padding: 15px;
		}

		.ui.selection.dropdown .dropdown.icon {
			padding: 15px;
		}
	}
}

#sp-appointment-section {
	padding: 100px 0 0;
}

/*----- Login&Registration Page -----*/
#login_form {
	width: 90%;
	padding: 30px;
	margin: 0 auto;
	max-width: 410px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: 1px 1px 16px #eee;

	h1 {
		font-size: 30px;
	}

	.user_icon {
		font-size: 55px;
	}

	.login-description {
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.form-group input {
		border-radius: 0;
		-webkit-border-radius: 0;
	}

	.checkbox {
		text-align: left;
	}

	.form-links ul li {
		display: inline-block;
		margin-right: 8px;
	}

	.or-section {
		text-align: center;
		margin-bottom: 15px;
		border-bottom: 1px solid #ddd;

		span {
			background: #fff;
			font-size: 22px;
			padding: 0 10px;
			position: relative;
			top: 15px;
		}
	}
}

#registration_form {
	width: 90%;
	padding: 30px;
	margin: 0 auto;
	max-width: 450px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: 1px 1px 16px #eee;
}

.registration h1 {
	font-size: 30px;
}

/*----- MobileMenu Section -----*/
.offcanvas .body-wrapper {
	transform: none;
	-webkit-transform: none;
}

.offcanvas-menu {
	.offcanvas-inner {
		.sp-module ul>li>a {
			text-transform: none;

			&:before {
				display: none;
			}
		}
	}
}

/*----- Default Style -----*/
.default-offcanvas {
	.offcanvas-menu {
		color: #333;
		background: #fff;

		.close-offcanvas {
			width: 40px;
			color: #fff;
			height: 40px;
			font-size: 20px;
			border-radius: 0;
			line-height: 30px;
			background: @major_color;
			border-color: @major_color;
		}

		.offcanvas-inner {
			padding: 20px 0 0;

			.sp-module {
				&:first-child {}

				ul.nav.menu {
					margin: 0 -30px;

					>li {
						padding: 0 10px;

						a {
							color: #333;
							background: none;
						}

						.offcanvas-menu-toggler {
							color: #333;
							font-size: 20px;
							padding: 7px 20px;
						}

						&.active,
						&:hover,
						&:focus {
							a {
								color: @major_color;
								background: none !important;
							}

							.offcanvas-menu-toggler {
								color: @major_color;
							}

							ul {
								>li {
									a {
										color: #333;
										background: none;
									}

									.offcanvas-menu-toggler {
										color: #333;
									}

									&.active,
									&:hover,
									&:focus {
										>a {
											background: none !important;
											color: @major_color;
										}

										.offcanvas-menu-toggler {
											color: @major_color;
										}
									}
								}
							}
						}

						ul {
							background: none;
						}
					}
				}
			}
		}
	}
}

/*----- FullScreen *-----*/
.full-screen-off-canvas {
	ul.nav.menu {
		margin: 0 -30px;

		>li {
			padding: 0 10px;

			&.active,
			&:hover,
			&:focus {
				a {
					color: @major_color;
					background: none !important;
				}

				.offcanvas-menu-toggler {
					color: @major_color;
				}

				ul {
					>li {
						a {
							color: #fff;
						}

						&.active,
						&:hover,
						&:focus {
							>a {
								background: none !important;
								color: @major_color;
							}

							.offcanvas-menu-toggler {
								color: @major_color;
							}
						}
					}
				}
			}
		}
	}
}

/*----- Slide Right *-----*/
.slide-top-menu {
	.offcanvas-menu {
		background: rgba(0, 0, 0, 0.8);
	}
}

/*----- Dark Plus *-----*/
.new-look {
	.offcanvas-menu {
		.sp-module {
			ul {
				>li {

					&.active,
					&:hover,
					&:focus {
						a {
							background: @major_color;
						}

						ul li.active a {
							color: @major_color;
						}
					}

					ul li a {

						&:hover,
						&:focus {
							color: @major_color;
						}
					}
				}
			}
		}
	}
}

/*----- CommingSoon Page -----*/
.sp-comingsoon-countdown {
	margin: 50px 0;
}

.sp-comingsoon .days,
.sp-comingsoon .hours,
.sp-comingsoon .minutes,
.sp-comingsoon .seconds {
	margin: 15px;
}

/*----- Responsive -----*/
@media (max-width:1024px) {
	.sp-megamenu-parent>li {

		>a,
		>span {
			padding: 0 12px;
		}
	}
}

@media (max-width:992px) {
	.sppb-equalize-columns .sppb-row>div {
		width: 100%;
	}

	.about_left,
	.about_right {
		padding: 0;
	}

	.about_area:before {
		width: 100%;
	}
}

@media (max-width:767px) {
	#sp-header {
		max-width: 100% !important;
	}

	.about_area:before {
		width: 100%;
	}

	#sp-header-appointment {
		margin: 0;
	}

	.chronoforms {
		.ui {
			&.grid {
				&[class*="column"] {

					>.column:not(.row),
					>.row>.column {
						width: 100%;
					}
				}
			}

			&.form {
				.field {
					margin-top: 20px;
					margin-bottom: 0;

					&:last-child {
						margin-bottom: 0;
					}

					&+.bnt_right {
						margin-top: 15px;
					}
				}
			}
		}
	}

	.jd_forms2 {
		padding: 40px 30px 30px;
	}

	#sp-appointment-2 .chronoforms {
		padding: 20px;
	}

	body #sp-footer ul.nav>li {
		margin: 0 5px;
	}

	.social_icons ul li {
		min-width: 50px;
		min-height: 50px;

		a .fa {
			font-size: 25px;
			line-height: 47px;
		}
	}

	.sp-comingsoon .sp-comingsoon-title {
		margin-top: 40px;
		font-size: 36px;
	}

	.sp-comingsoon #sp-comingsoon {
		padding: 30px 0;
	}
}