/*Styles to be used on the homepage
* If this stylesheet is being used on other pages, consider moving the styles to all.css instead. This file is for CSS that's only useful on the homepage.
*/

/*Home Page Styles*/
.home-hero:after {
	content: "";
	position: absolute; 
	bottom: -1px;
	width: 100%;
	height: 3rem;
  background-image: url("../ui/gold-scallop-up.svg");
  background-repeat: repeat-x;
  background-size: 40px;
  background-position: bottom;
}
@media (max-width: 767px) {
	.home-hero > .wp-block-cover__image-background {
		object-position: 20%;
	}
}
h2.wp-block-heading.home-welcome {
	clamp(1.5rem, 2vw, 3.5rem)
}
.home-doctors-trust .wp-block-columns {
  gap: 2vw;
	max-width: 1200px;
}
.home-doctors-trust .wp-block-column:first-child {
	position: relative;
}
.home-doctors-trust .emblem-stamp {
	position: absolute;
	top: -25%;
	right: -12%;
	width: 25%;
}
@media (max-width: 767px) {
	.home-doctors-trust .emblem-stamp {
		right: 0;
	}
}
.home-doctors-trust-body {
	padding: 2rem;
	color: var(--wp--preset--color--accent-2);
}

.home-personalized-care {
	gap: 0;
}
.home-personalized-care .wp-block-column:first-child {
	background-color: #025094;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2rem;
}
.home-personalized-body {
	max-width: 700px;
	margin: 0 auto;
}
.home-personalized-care .wp-block-column:first-child .wp-block-paragraph,
.home-personalized-care .wp-block-column:first-child h2 {
	max-width: 614px;
}

.home-personalized-care .wp-block-column:last-child .wp-block-image {
	margin: 0;
	height: 100%;
}

.home-personalized-care .wp-block-column:last-child .wp-block-image a {
	display: block;
	height: 100%;
}
.home-personalized-care .wp-block-column:last-child .wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-program {
	gap: 0;
	margin-bottom: 2rem;
	color: var(--wp--preset--color--accent-2);
	line-height: 200%;
}
.home-program a {
  text-transform: uppercase;
  color: var(--wp--preset--color--accent-2);
}
.home-program > .wp-block-column.program-icon {
	background: linear-gradient(90deg, transparent 0, transparent 50%, #e7ecf6 50.1%, #e7ecf6 100%);
	flex-basis: 15vw;
}
.home-program > .wp-block-column.program-icon:last-child {
	background: linear-gradient(270deg, transparent 0, transparent 50%, #e7ecf6 50.1%, #e7ecf6 100%);
}
.home-program > .wp-block-column.program-body {
	flex-basis: 85vw;
	background: #e7ecf6;
	font-size: clamp(.85rem,1vw, 1.5rem);
}
.home-program > .wp-block-column.program-body .wp-block-image {
	float: right;
	max-width: 25vw;
}
.home-program .wp-block-column > .wp-block-columns {
  padding: .7rem 0;
/*  height: 100%;*/
}
.program-body .wp-block-columns .wp-block-column {
  padding: 1rem;
}
.home-program .wp-block-image {margin: 0;}
.home-program .wp-block-heading {
	font-size: clamp(1.5rem, 2.5vw,2.1rem);
	color: var(--wp--preset--color--accent-2);
}
@media (min-width: 1200px) {
	.home-program .wp-block-column > .wp-block-columns {
		justify-content: space-around;
	}
	.home-program > .wp-block-column.program-icon {
		flex-basis: 30vw;
	}
	.home-program > .wp-block-column.program-body {
		flex-basis: 70vw;
	}
	.program-body .wp-block-columns .wp-block-column {
		min-width: 25%;
		max-width: 40%;
	}
	.program-body .wp-block-columns .wp-block-column.no-grow {
		flex-grow: unset;
	}
}
@media (min-width: 782px) {
	.program-body .wp-block-image {display: none;}
}
@media (max-width: 781px) {
	.home-program .program-icon {display: none;}
}
@media (max-width: 1399px) {
	.home-program > .wp-block-column.program-tail {
		display: none;
	}
}
@media (min-width: 1400px) {
.home-program {
	justify-content: center;
}
.home-program > .wp-block-column.program-icon {
	flex-basis: 18vw;
	height: 18vw;
	flex-grow: 0;
}
.home-program > .wp-block-column.program-icon img{
	width: 18vw;
}
.home-program > .wp-block-column.program-body {
	height: 18vw;
	flex-basis: 59vw;
	flex-grow: 0;
	display: flex;
	align-items: center;
}
.home-program > .wp-block-column.program-tail {
	flex-basis: 6vw;
	flex-grow: 0;
}
.home-program > .wp-block-column.program-tail img{
	width: 6vw;
	height: 18vw;
	object-position: left;
	object-fit: cover;
}	
}
.home-about-us .home-about-us-columns {
	gap: 1vw;
	justify-content: center;
}
.home-about-us-col {
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media(min-width: 768px) {
	.home-about-us-col {
	  max-width: 25vw;
  }
}
.home-about-us h3 {
	font-size: clamp(1.5rem, 4vw, 3.5rem);
	padding: 1rem;
	color: var(--wp--preset--color--accent-2);
}
.home-ailments .wp-block-columns {
	flex-wrap: wrap !important;
}
.home-ailments .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.home-ailment {
  flex-basis: 45% !important;
}
@media (max-width: 991px){
.home-ailment .wp-block-cover {
  min-height: 300px;
}
}
@media (max-width: 767px){
.home-ailment .wp-block-cover {
  min-height: 220px;
}
}
.home-ailment p.has-large-font-size {
  font-size: clamp(1.5rem, 2vw, 2rem) !important;
}
@media (min-width: 768px) {
  .home-ailments .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.home-ailment {
    flex-basis: 30% !important;
  }
}
@media (min-width: 992px) {
  .home-ailments .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.home-ailment {
    flex-basis: 24% !important;
  }
}
.home-ailment .wp-block-cover__image-background {object-fit: contain;}
.home-ailment p {
	font-size: clamp(1rem, 2vw, 1.5rem);
	color: var(--wp--preset--color--accent-2);
	line-height: 100%;
}

.home-discover {
	border-top: solid thick var(--wp--preset--color--accent-5);
	border-bottom: solid thick var(--wp--preset--color--accent-5);
	line-height: 160%;
	font-size: clamp(1rem, 2vh, 1.5rem);
}
.home-discover img {margin-bottom: .75em;}
.home-discover-content {
	width: 80vw;
	max-width: 100%;
    margin: 0 auto;
	color: var(--wp--preset--color--accent-2);
}
@media (max-width: 767px) {
	.home-discover .ticket-button-gold a {
		font-size: clamp(.7rem, 1vh, 2rem);
	}
}
.home-service-spotlight {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	min-height: 60vh;
}
@media (min-width: 1600px) {
	.home-service-spotlight {
		min-height: 75vh;
	}
	
	.home-service-spotlight-info {
		min-height: 75vh;
	}
}

@media (max-width: 1599px) {
  .home-service-spotlight {
	background-color: rgba(255,255,255,.8);
	background-blend-mode: color;
	min-height: unset;
  }
}
.home-service-spotlight:nth-child(1) {
	background-image: url("../photos/home-spotlight-laser.webp");
}
.home-service-spotlight:nth-child(2) {
	background-image: url("../photos/home-spotlight-instrument.webp");
	background-position: right;
}
.home-service-spotlight:nth-child(3) {
	background-image: url("../photos/home-spotlight-migun.webp");
}
.home-service-spotlight-info {
  color: var(--wp--preset--color--accent-2);
  padding: 2vh 2rem;
  margin-left: auto !important;
  margin-right: auto !important;
}
.home-service-spotlight-info figure,
.home-service-spotlight-info figure img {
	max-height: 15vh;
	width: 100%;
}
.home-service-spotlight-info figure img{
	object-fit: contain;
}
@media(min-width: 767px) {
  .home-service-spotlight-info {
	  max-width: 50%;
	  margin-right: 0 !important;
	}
  	.home-service-spotlight:nth-child(even) .home-service-spotlight-info {
	  margin-left: 0 !important;
	  margin-right: auto !important;
	}
}
@media (min-width: 992px) {
  .home-service-spotlight-info {
	padding: 10vh 2rem;
	max-width: 50%;
	width: 50%;
	min-height: 60vh;
	align-content: center;
	justify-content: center;
  }
  .home-service-spotlight:nth-child(even) .home-service-spotlight-info {
	  /*
	  margin-left: 20vw !important;
	  margin-right: auto !important;
	  */
  }
  .home-service-spotlight-info figure,
  .home-service-spotlight-info figure img {
	max-height: 15vh;
  }
	.home-service-spotlight-info p {
		margin: 1em 0;
		max-width: 500px;
	}
}

.home-locations-header-wrap {
  background-image: url("../ui/gold-scallop-down.svg"), url("../ui/gold-scallop-up.svg");
  background-repeat: repeat-x;
  background-size: 34px;
  background-position: bottom, top;
	padding: 16px 0;
}
.home-locations {
	border-top: solid #d7dee9 6px;
}
.home-locations-columns {
	max-width: 1200px;
	width: 90vw;
	margin: 0 auto;
}
.home-locations-columns figure {
	max-width: calc(99% - 16px);
	margin: 6vw auto;
	margin: 1rem auto;
}
.home-locations-header-wrap > h2 {
  color: var(--wp--preset--color--accent-2); 
  background: var(--wp--preset--color--accent-1);
	padding: .25em !important;
}
.home-locations h3 {
	color: var(--wp--preset--color--accent-2); 
	text-transform: uppercase;
	font-size: clamp(2rem, 1.65vw, 3rem);
}
.home-locations p {
	line-height: 150%;
  color: var(--wp--preset--color--accent-2); 
	font-size: 1.2rem;
}
.home-locations p a {
  color: var(--wp--preset--color--accent-2);
}
.home-insurance {
	padding: 75px 0;
	margin: 0 1rem;
}
/*
.home-insurance .ticket-outer-gold {
  padding: 4em 2em 2em;
}
*/
.home-insurance-header-wrap {
	margin-top: -4vw;
	transform: translateY(-50%);
	text-align: center;
}
.home-insurance-header-wrap .wp-block-heading {
	background: white;
	display: inline-block;
}

.home-insurance .wp-block-gallery {
  max-width: 80vw;
  gap: 3rem 0;
  padding: 0 1em 1em;
}

.home-insurance .wp-block-image img {
	max-height: 5vh;
	margin: 1vh auto;
	aspect-ratio: 4/1;
	object-fit: contain;
}
@media (max-width: 767px) {
  .home-insurance .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	  width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
  }
}

.home-newsletter {
  padding: 8rem 0;
}
.home-newsletter-content {
	padding: 5rem 3rem !important;
	max-width: 1200px;
}
.home-newsletter-content h2 {line-height: 110%;}
.home-newsletter strong {
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
	font-size: clamp(1.5rem, 3vh, 3rem);
	letter-spacing: .1em;
	text-transform: uppercase;
}
.home-newsletter em {
	font-family: 'Baskerville', serif;
	font-size: clamp(1.5rem, 5.6vh, 4rem);
}
@media (max-width: 767px) {
  .home-newsletter .ticket-button-gold {
	font-size: clamp(.7rem, 1vh, 2rem);
  }
}

.home-photo-schedule {
	padding: 3rem;
}
.home-schedule-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--wp--preset--color--accent-2);
}

.home-reviews-content {
  border: solid 4px var(--wp--preset--color--accent-3);
  margin: 3rem auto;
  padding: 2rem !important;
  position: relative;
  color: var(--wp--preset--color--accent-2);
}
.home-reviews-content p {
	line-height: 170%;
}
.home-reviews-content .emblem-stamp {
	position: absolute;
	bottom: -92px;
	right: -92px;
}
/*Review Cards on Rotation*/
.rotate-wrap {
    position: relative;
    display: grid;
}
.rotate-card {
    pointer-events: none;
    animation: rotateCards 40s infinite;
    opacity: 0;
    grid-area: 1 / 1;
}
.rotate-card:hover {
    animation-play-state: paused;
}
.rotate-card:nth-child(1) {
    animation-delay: 0s;
}
.rotate-card:nth-child(2) {
    animation-delay: 8s;
}
.rotate-card:nth-child(3) {
    animation-delay: 16s;
}
.rotate-card:nth-child(4) {
    animation-delay: 24s;
}
.rotate-card:nth-child(5) {
    animation-delay: 32s;
}

@keyframes rotateCards {
    0% {
        opacity: 0;
        pointer-events: none;
    }
    2% {
        opacity: 1; 
        pointer-events: auto;
    }
    18% {
        opacity: 1;
        pointer-events: auto;
    }
    20% {
        opacity: 0;
        pointer-events: none;
    }
    100% {
        opacity: 0;
        pointer-events: none;
    }
}
/*End Review Cards on Rotation*/
.home-blog {
	padding: 4rem;
	border-bottom: #acc2e3 solid 6px;
}