/*
Theme Name: Prime Care Health Solutions
Theme URI: https://primecarehs.com/
Author: Prime Care Health Solutions
Author URI: https://primecarehs.com/
Description: A custom WordPress theme for Prime Care Health Solutions — delivering innovative disease management, prevention, wellness, and care transition services. Built from the Medics Healthcare HTML Template.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: primecare
Tags: health, medical, healthcare, wellness, responsive, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, woocommerce
*/

/* ================================================
   WordPress Theme Base Styles
   ================================================ */

/* Alignments */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* WordPress Gallery */
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* Screen Reader Text */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* WordPress Required Classes */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Bypostauthor & Sticky */
.bypostauthor {
	display: block;
}

.sticky {
	display: block;
}

/* Widgets */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Menu Highlight CTA */
.menuzord-menu > li.highlight-cta > a {
	background-color: #157685;
	color: #ffffff !important;
	border-radius: 50px;
	padding: 8px 20px !important;
	margin-top: 20px;
	font-weight: 700;
}

.menuzord-menu > li.highlight-cta > a:hover {
	background-color: #021D84;
}

/* Footer Bottom Menu */
.footer-bottom .list-inline {
	padding-left: 0;
	list-style: none;
}

.footer-bottom .list-inline li {
	display: inline-block;
	margin-left: 15px;
}

.footer-bottom .list-inline li a {
	color: #333;
	text-decoration: none;
}

.footer-bottom .list-inline li a:hover {
	text-decoration: underline;
}

/* ================================================
   Visit Wellness Center — Standout CTA Button
   ================================================ */

.btn-visit-wellness {
	display: inline-block;
	position: relative;
	background: linear-gradient(135deg, #157685 0%, #021D84 50%, #157685 100%);
	background-size: 200% 200%;
	color: #ffffff !important;
	border: none;
	border-radius: 50px;
	padding: 12px 28px !important;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	box-shadow: 0 4px 15px rgba(21, 118, 133, 0.4), 0 0 0 0 rgba(21, 118, 133, 0.5);
	transition: all 0.3s ease;
	animation: wellnessPulse 2.5s infinite, wellnessGradient 4s ease infinite;
	overflow: hidden;
	z-index: 1;
}

.btn-visit-wellness::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
	transition: left 0.5s ease;
	z-index: -1;
}

.btn-visit-wellness:hover::before {
	left: 100%;
}

.btn-visit-wellness:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(21, 118, 133, 0.55), 0 0 0 4px rgba(21, 118, 133, 0.15);
	color: #ffffff !important;
}

.btn-visit-wellness:active {
	transform: translateY(-1px);
}

.btn-visit-wellness i {
	margin-right: 8px;
	font-size: 14px;
}

@keyframes wellnessPulse {
	0% {
		box-shadow: 0 4px 15px rgba(21, 118, 133, 0.4), 0 0 0 0 rgba(21, 118, 133, 0.5);
	}
	70% {
		box-shadow: 0 4px 15px rgba(21, 118, 133, 0.4), 0 0 0 12px rgba(21, 118, 133, 0);
	}
	100% {
		box-shadow: 0 4px 15px rgba(21, 118, 133, 0.4), 0 0 0 0 rgba(21, 118, 133, 0);
	}
}

@keyframes wellnessGradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* Header top bar specific styling */
.header-top .btn-visit-wellness {
	padding: 10px 22px !important;
	font-size: 12px;
}

/* Footer specific styling */
.footer-widget-area .btn-visit-wellness {
	margin-top: 15px;
	padding: 14px 32px !important;
	font-size: 14px;
}

/* Stop pulse on hover but keep glow */
.btn-visit-wellness:hover {
	animation: wellnessGradient 4s ease infinite;
}
