/*
Theme Name: Elite Infectious Disease
Theme URI: 
Author: Elite Infectious Disease
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: eliteid
Tags: 

/* CSS Reset
---------------------------------------------------------------------------- */

/* CSS Reset
---------------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

b,
strong {
	font-weight: 600;
}

ol,
ul {
	padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--md);
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--neutral-9);
	font-size: var(--wp--preset--spacing--xs);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

img,
figure {
	max-width: 100%;
	height: auto;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--color--neutral-10);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--color--neutral-10);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--text-base);
	width: 100%;
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

/* Add focus visible for keyboard accessiblity but without displaying a border when clicking links*/
*:focus-visible {
	outline-color: var(--wp--preset--color--secondary) !important;
	outline-width: 2px !important;
	outline-style: solid !important;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--neutral-10);
	font-size: var(--wp--preset--font-size--text-sm);
	opacity: 0.75;
}

/* Post Comment Button */
input[type="submit"].wp-block-button__link {
	padding-top: var(--wp--custom--block--button--padding-y);
	padding-right: var(--wp--custom--block--button--padding-x);
	padding-bottom: var(--wp--custom--block--button--padding-y);
	padding-left: var(--wp--custom--block--button--padding-x);
}

input[type="submit"].wp-block-button__link:hover {
	background-color: var(--wp--preset--color--neutral-12);
	color: var(--wp--preset--color--light);
	border-color: var(--wp--preset--color--neutral-12);
}

:root {
	--focus-ring-color: var(--wp--preset--color--primary);
	--focus-ring-offset: 2px;
}

:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	/* outline-style: solid; */
	outline-color: var(--focus-ring-color);
	outline-offset: var(--focus-ring-offset);
}

:where(.wp-site-blocks :focus) {
	outline-width: 0 !important;
	outline-style: none !important;
}

.wp-element-button,
.wp-block-button__link {
	transition: all 0.2s ease-in-out;
}

/* Homepage Overlapping to banner section*/

.CTA,
.overlap-section {
	position: relative;
	z-index: 2;
}

/* Post Pagination */

.CTA .is-style-secondary-button:hover .wp-block-button__link {
	background-color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination-numbers .page-numbers {
	padding: 8px 16px;
	color: var(--wp--preset--color--neutral-12);
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--light);
	border-radius: 8px;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	color: var(--wp--preset--color--neutral-12);
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
	color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination-numbers .page-numbers:not(.current):hover {
	border-radius: 8px;
	background-color: var(--wp--preset--color--neutral-5);
}

/* slide-hover for Our Team and Our Facilities Page*/

.slide-hover .wp-block-post:hover .hover-hide,
.slide-hover .hover-display.hidden {
	display: none !important;
	transition-delay: 1s !important;
}

.slide-hover .wp-block-post .wp-block-group figure {
	max-width: 304px;
	transition: width 0.5s ease !important;
	width: 100%;
}

.slide-hover .wp-block-post:hover .wp-block-group figure {
	width: 0;
	transition: width 0.5s ease !important;
}

.slide-hover .wp-block-post:hover .hover-display {
	display: flex !important;
	flex-wrap: nowrap;
	transition: width 0.5s ease;
}

.slide-hover .wp-block-post:hover .wp-block-group {
	/* max-height: 304px; */
	flex-wrap: nowrap;
	overflow: hidden;
}

.slide-hover figure~.wp-block-group {
	max-height: 304px;
	overflow: hidden;
}

.slide-hover .wp-block-post-excerpt__excerpt {
	overflow: hidden;
	/*max-height: 10em;*/
	display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.slide-hover .hover-display p {
	max-height: 9.3em;
	overflow: hidden;
}

@media screen and (max-width: 1200px) {
	.our-team .wp-block-post-excerpt__excerpt {
		overflow: hidden;
		max-height: 10em;
	}

	.slide-hover ul {
		display: flex;
		flex-direction: column;
		align-items: center !important;

	}

	.slide-hover ul li {
		width: 70vw;
	}

	.slide-hover ul figure {
		max-width: 304px;
		height: 304px;
		aspect-ratio: 1 / 1;
	}

	.slide-hover .wp-block-post .wp-block-group figure {
		width: unset;
	}
}

@media screen and (max-width: 768px) {
	.slide-hover ul li>.wp-block-group {
		flex-direction: column;
	}

	.slide-hover ul figure {
		width: 100% !important;
		height: 100% !important;
		aspect-ratio: 1 / 1;
	}

	.slide-hover ul figure img {
		border-radius: 8px 8px 0px 0px !important;
	}

	.slide-hover .wp-block-post .hover-display {
		display: flex !important;
		flex-wrap: nowrap;
	}

	.slide-hover .wp-block-post .hover-hide {
		display: none !important;
	}

	.slide-hover figure~.wp-block-group {
		min-height: unset !important;
		max-height: unset !important;
		flex-wrap: nowrap;

	}

	.slide-hover ul li {
		width: 100%;
	}

	/* Remove hover effect */
	.slide-hover .wp-block-post:hover .hover-hide,
	.slide-hover .wp-block-post:hover .wp-block-group figure,
	.slide-hover .wp-block-post:hover .hover-display,
	.slide-hover .wp-block-post:hover .wp-block-group {
		pointer-events: none !important;
	}

	.slide-hover .wp-block-post:hover .wp-block-group figure {
		width: 100% !important;
	}

	.slide-hover .wp-block-post .wp-block-group figure {
		max-width: unset;
		width: 100% !important;
	}

	.slide-hover .hover-display p {
		max-height: unset;
	}
}

/* SwiperJS slider Homepage Banner */

.banner {
	position: relative;
}

.banner-heading {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

/* SwiperJS slider Homepage Services */

.homepage__service-card_slider .swiper-wrapper li.swiper-slide {
	height: auto;
	margin-block-start: 0 !important;
}

.homepage__service-card_slider .swiper-button-prev,
.homepage__service-card_slider .swiper-button-next {
	position: relative;
	height: 40px;
	width: 40px;
	padding: 12px;
	transition: all 0.2s ease-in-out;
	color: var(--wp--preset--color--light);
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--light);
}

.swiper-button-prev::after,
.swiper-button-next::after {
	font-size: 15px !important;
}

.homepage__service-card_slider .swiper-button-prev:hover,
.homepage__service-card_slider .swiper-button-next:hover {
	color: var(--wp--preset--color--primary);
	background-color: var(--wp--preset--color--light);
	color: var(--wp--preset--color--primary);
}

/* Homepage Our Services card*/

.home .services_card li>.wp-block-group {
	height: 100% !important;
}

.home .services_card {
	grid-auto-rows: 1fr !important;
}

.home .our-service:hover>.wp-block-group {
	background-color: var(--wp--preset--color--light);
	transition: all 300ms ease-out;
}

.home .our-service:hover h5 {
	color: var(--wp--preset--color--neutral-12) !important;
	transition: all 300ms ease-out;
}

.home .our-service:hover p {
	color: var(--wp--preset--color--neutral-11) !important;
}

.home .our-service svg,
.home .our-service img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%);
}

.home .our-service:hover svg,
.home .our-service:hover img {
	filter: brightness(0) saturate(100%) invert(31%) sepia(96%) saturate(649%) hue-rotate(112deg) brightness(99%) contrast(106%) !important;
}

/* Our Services Page Card */

.services_card li>.wp-block-group {
	height: 100% !important;
}

.services_card {
	grid-auto-rows: 1fr !important;
}

.our-service:hover h5,
.our-service:hover p,
.our-service:hover a,
.wp-block-query .services_card li.our-service:hover .wp-block-read-more {
	color: var(--wp--preset--color--light) !important;
	transition: all 300ms ease-out;
}

.our-service>.wp-block-group>.wp-block-group:nth-child(3) {
	width: 70%;
	transition: all 0.5s ease-in-out;
}

.our-service>.wp-block-group:hover>.wp-block-group:nth-child(3) {
	width: 100% !important;
	transition: all 0.5s ease-in-out;
}

.our-service>.wp-block-group .wp-block-outermost-icon-block .icon-container {
	opacity: 0;
}

.our-service:hover>.wp-block-group .wp-block-outermost-icon-block .icon-container {
	opacity: 1;
}

.our-service:hover>.wp-block-group {
	background-color: var(--wp--preset--color--primary);
	transition: all 300ms ease-out;
}

@media screen and (max-width: 600px) {
	.wp-block-query:not(.homepage__service-card_slider) .services_card {
		display: flex !important;
		flex-direction: column;
		gap: 12px !important;
	}

	.wp-block-query:not(.homepage__service-card_slider) .our-service>.wp-block-group {
		background-color: var(--wp--preset--color--primary);
		transition: all 300ms ease-out;
	}

	.wp-block-query:not(.homepage__service-card_slider) .our-service>.wp-block-group .our-service-icon svg,
	.wp-block-query:not(.homepage__service-card_slider) .our-service>.wp-block-group .our-service-icon img {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%);
		transition: all 300ms ease-out;
	}

	.wp-block-query:not(.homepage__service-card_slider) .our-service h5,
	.wp-block-query:not(.homepage__service-card_slider) .our-service p,
	.wp-block-query:not(.homepage__service-card_slider) .our-service a {
		color: var(--wp--preset--color--light) !important;
		transition: all 300ms ease-out;
	}

}

@media screen and (max-width: 1200px) {
	.wp-block-query:not(.homepage__service-card_slider) .services_card {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 900px) {
	.wp-block-query:not(.homepage__service-card_slider) .services_card {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 600px) {

	.wp-block-query:not(.homepage__service-card_slider) .our-service>.wp-block-group {
		min-height: unset !important;
		height: fit-content;
	}

	.wp-block-query:not(.homepage__service-card_slider) .services_card {
		gap: 0;
	}
}

/* About Us page*/

@media screen and (max-width: 781px) {
	.flex-column-reverse {
		display: flex !important;
		flex-direction: column-reverse;
	}
}

/* Insurance Page*/

.insurance-list ul {
	columns: 3;
	column-gap: 1.5rem;
}

@media screen and (max-width: 678px) {
	.insurance-list ul {
		columns: 1;
	}
}

/* News and Updates Single Page*/

/* -- Tags */
.taxonomy-post_tag a {
	padding: 8px 16px !important;
	background-color: #0085471A !important;
	color: var(--wp--preset--color--neutral-12) !important;
	font-size: var(--wp--preset--font-size--text-base) !important;
	border-radius: 8px !important;
	pointer-events: none;
	cursor: default;
}

.taxonomy-post_tag .wp-block-post-terms__separator {
	display: none;
}

.taxonomy-post_tag {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.taxonomy-category a {
	pointer-events: none;
	cursor: default;
}

/* -- Social Sharing */
.a2a_kit span.a2a_svg {
	background-color: transparent !important;
}

.a2a_kit .a2a_svg {
	display: none;
}

.a2a_kit .a2a_button_facebook::after {
	display: block;
	background: url(./assets/svg/social_fb.svg) no-repeat;
	content: '';
	height: 20px;
	min-width: 20px;
	background-size: contain;
	align-self: center;
}

.a2a_kit .a2a_button_x::after {
	display: block;
	background: url(./assets/svg/social_x.svg) no-repeat;
	content: '';
	height: 20px;
	min-width: 20px;
	background-size: contain;
	align-self: center;
}

.a2a_kit .a2a_button_facebook {
	padding: 12px !important;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--primary);
	margin-right: 12px;
}

.a2a_kit .a2a_button_facebook:hover {
	transform: scale(1.15);
	transition: transform .2s;
}

.a2a_kit .a2a_button_x {
	padding: 12px !important;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--primary);
}

.a2a_kit .a2a_button_x:hover {
	transform: scale(1.15);
	transition: transform .2s;
}

figure.wp-block-image figcaption {
	margin-top: 8px !important;
	font-size: var(--wp--preset--font-size--text-base);
	height: 2;
	color: var(--wp--preset--color--neutral-12);
}

/* Footer Socials */

.socials .wp-block-group:hover {
	transform: scale(1.15);
	transition: transform .2s;
}

/* News Post Type Hover */

.wp-block-query:not(.featured-post) li:hover .wp-block-read-more,
.wp-block-query:not(.featured-post) .wp-block-post-template li:not(.our-service):hover svg {
	color: var(--wp--preset--color--primary) !important;
	transition: all 0.2s ease-in-out;
}

.featured-post:hover img {
	transform: scale(1.25);
	transition: all 0.5s ease-in-out;
}

.featured-post:hover figure {
	border-radius: 8px 8px 0 0;
}

.featured-post:hover a.wp-block-read-more {
	text-decoration: underline;
	color: var(--wp--preset--color--light) !important;
}

.featured-post figure {
	overflow: hidden;
}

/* Footer*/

.CTA-container .wp-block-columns {
	overflow: hidden;
}

@media screen and (max-width: 900px) {
	.CTA-container {
		margin-bottom: var(--wp--preset--spacing--3-xl) !important;
	}

	footer>.wp-block-group {
		padding-top: var(--wp--preset--spacing--3-xl) !important;
	}
}

@media screen and (max-width: 781px) {

	.CTA-container .wp-block-columns {
		gap: 0;
	}

	.CTA-container .wp-block-columns .wp-block-column:nth-child(1) {
		padding: 20px 0;
	}

	.CTA-container .wp-block-columns .wp-block-button {
		width: 100%;
	}

	.CTA-container .wp-block-columns .wp-block-button__link {
		justify-content: center;
	}

	footer .wp-block-group>.wp-block-group>.wp-block-columns {
		flex-direction: column-reverse;
	}

	footer .wp-block-group>.wp-block-group>.wp-block-columns .wp-block-navigation__container {
		justify-content: start;
	}

	footer .wp-block-columns>.wp-block-column:nth-child(1)>.wp-block-group {
		align-items: center;
	}

	.CTA .wp-block-cover__image-background {
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media (min-width: 782px) and (max-width: 900px) {
	.footer-logo-icon {
		width: clamp(12.5rem, -6.1388rem + 38.1356vw, 15.3125rem);
	}
}

@media (min-width: 576px) and (max-width: 782px) {
	footer>.wp-block-group>.wp-block-columns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}

	footer>.wp-block-group>.wp-block-columns .wp-block-column:nth-child(3) {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

/* News articles items*/
@media screen and (max-width: 1200px) {
	.news-article .wp-block-post-excerpt__excerpt {
		overflow: hidden;
		max-height: unset;
	}

	.news-article .wp-block-columns .wp-block-columns .wp-block-column:nth-child(1),
	.page-template-default:not(.home) .news-article .wp-block-column:nth-child(1) {
		flex-basis: 35% !important;
	}

	.our-team .wp-block-post-excerpt__excerpt {
		overflow: hidden;
		max-height: 10em;
	}
}

/* visited links */

.single-post main a:not([rel="tag"], .a2a_button_facebook, .a2a_button_x):visited {
	color: #551A8B;
}

/* iOS prevent size readjustment */

p {
	-webkit-text-size-adjust: 100%;
}

.grecaptcha-badge {
  bottom: 136px !important;
}


@media screen and (max-width: 782px) {
.media-text-right-image {
    flex-direction: column-reverse;
}
}

@media (min-width: 1200px) and (max-width: 1382px) {
    
    .slide-hover .wp-block-post-excerpt__excerpt {
        max-height: 9.5em;
    }
}

/*@media screen and (max-width: 1371px) {*/
    
/*    html.has-modal-open {*/
/*        overflow: unset;*/
/*    }*/
/*}*/