/* 
Theme Name: The Healthify
Theme URI: https://thehealthify.co.uk/
Author: Freelance-Creator
Author URI: https://www.freelance-creator.com/
Template: astra
Version: 1.0.0
*/

/* Astra Header/Footer Builder CSS */

#ast-desktop-header, #ast-mobile-header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	-webkit-transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	transition: all ease-out .5s;
}

#ast-desktop-header.active, #ast-mobile-header.active {
	background: rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px #EEE;
	padding: 0;
}

/* Content */

.fade-image img {
	-webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
	mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}

h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a {
	margin-bottom: 0;
}

.how-we-can-help-icon {
	color: #4169e1;
	font-size: 50px;
}

.lae-carousel-item p {
	margin-bottom: 10px;
}

.page-id-2899 .elementor-button {
	width: 100%;
}

.cmplz-terms-conditions h2 {
	font-size: 1.75rem;
}

.blog #content {
	margin-top: 80px;
}

/* Sticky Tabs 

.sticky-tabs .e-n-tabs {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.sticky-tabs .e-n-tabs-heading {
	position: sticky;
	top: 100px;
	align-self: flex-start;
	z-index: 20;
	padding: 10px 0;
	min-width: 200px;
}

.sticky-tabs .e-n-tabs-content {
	flex: 1;
}

@media (max-width: 767px) {
	.sticky-tabs .e-n-tabs {
		display: block;
		width: 100%;
	}
	
	.sticky-tabs .e-n-tabs-heading {
		position: static;
		border-right: none;
		width: 100%;
	}
	
	.sticky-tabs .e-n-tab-title {
		width: 100%!important;
	}
	
	.sticky-tabs .e-n-tabs-content {
		width: 100%;
	}
} */

/* Image Zoom */

.image-zoom-container {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	transition: background-size 0.3s ease;
}

.image-zoom-container.zoomed {
	background-size: 110%;
}

.lae-container .slick-next, .lae-container .slick-next:after, .lae-container .slick-next:before, .lae-container .slick-prev, .lae-container .slick-prev:after, .lae-container .slick-prev:before {
	color: #004AEE!important;
}

.lae-container .slick-next:hover:after, .lae-container .slick-next:hover:before, .lae-container .slick-prev:hover:after, .lae-container .slick-prev:hover:before {
	color: #5C90EB!important;
}

/* Sticky Left / Right */

.sticky-parent {
	display: flex;
	align-items: flex-start; /* ensure top alignment */
}

.sticky-left, .sticky-right {
	position: -webkit-sticky!important;
	position: sticky!important;
	top: 190px!important;
	align-self: flex-start!important;
}

.sticky-left img, .sticky-right img {
	z-index: 10;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.sticky-left, .sticky-right {
		position: static !important;
		top: auto !important;
		align-self: auto !important;
	}
}

/* WP Forms */

.wpforms-form {
	margin: 0 auto;
	padding: 30px;
	background-color: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.wpforms-title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 25px;
	color: #1a1a1a;
}

.wpforms-form label {
	display: block;
	font-weight: 500;
	margin-bottom: 6px;
	color: #333333;
}

.wpforms-form input[type="text"], .wpforms-form input[type="email"], .wpforms-form input[type="tel"], .wpforms-form input[type="number"], .wpforms-form input[type="url"], .wpforms-form input[type="date"], .wpforms-form input[type="time"], .wpforms-form select, .wpforms-form textarea {
	width: 100%;
	padding: 14px 16px;
	font-size: 16px;
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #cccccc;
	border-radius: 6px;
	box-sizing: border-box;
	transition: all 0.3s ease;
}

.wpforms-form input:focus, .wpforms-form select:focus, .wpforms-form textarea:focus {
	border-color: #0073e6;
	outline: none;
	background-color: #ffffff;
}

.wpforms-form .wpforms-field-checkbox input, .wpforms-form .wpforms-field-radio input {
	margin-right: 10px;
	transform: scale(1.2);
}

.wpforms-form .wpforms-field-checkbox label, .wpforms-form .wpforms-field-radio label {
	font-weight: 400;
	color: #333333;
}

.wpforms-form button[type="submit"] {
	background-color: #0073e6;
	color: #ffffff;
	padding: 14px 30px;
	font-size: 16px;
	font-weight: 600;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin-top: 10px;
}

.wpforms-form button[type="submit"]:hover {
	background-color: #005bb5;
}

.wpforms-form .wpforms-error {
	border-color: #e74c3c !important;
	background-color: #fff5f5;
	color: #e74c3c;
	padding: 8px 12px;
	margin-top: 5px;
	border-radius: 4px;
}

.wpforms-form .wpforms-field-file-upload {
	padding: 14px;
	border: 1px dashed #cccccc;
	border-radius: 6px;
	background-color: #f9f9f9;
	margin-bottom: 20px;
}

.form-h3 h3 {
	font-size: 20px;
}

/* Plan Comparison Table */

.plan-comparison-wrapper {
	overflow-x: auto;
	margin: 1rem 0;
}

.plan-comparison-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 700px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 74, 238, 0.05);
}

.plan-comparison-table thead {
	background-color: #004AEE;
}

.plan-comparison-table thead th {
	color: #fff !important;
}

.plan-comparison-table th, .plan-comparison-table td {
	padding: 16px;
	text-align: left;
	border-bottom: 1px solid #f0f0f0;
}

.plan-comparison-table tbody tr:nth-child(even) {
	background-color: #f9fbff;
}

.plan-comparison-table tbody tr:hover {
	background-color: #eef3ff;
}

.plan-comparison-table th:first-child, .plan-comparison-table td:first-child {
	font-weight: 600;
	color: #031b4e;
}

.plan-comparison-table th:nth-child(2), .plan-comparison-table td:nth-child(2) {
	color: #3368c6;
}

.plan-comparison-table th:nth-child(3), .plan-comparison-table td:nth-child(3) {
	color: #004AEE;
}

@media screen and (max-width: 768px) {
	.plan-comparison-table {
		font-size: 14px;
	}
	
	.plan-comparison-table th, .plan-comparison-table td {
		padding: 12px;
	}
}