/**
 * Theme Name: Yes Coach
 * Version: 1.0
 */

.id-req-notice{
	background: #EEF7EB;
	border-radius: 20px;
	padding: 15px 22px;
	margin-bottom: 30px;
}

.woocommerce-order-received h2{
	font-size: calc(35.6905px + 0.461894vw);
	margin-top: 28px !important;
	margin-bottom: 8px !important;
	color: #034836;
}

.woocommerce-order-received .woocommerce-order p{
	margin-bottom: 10px;
}

.woocommerce-order-received .woocommerce-order p a{
	color: #034836;
	font-weight: bold;
	text-decoration: underline;
	text-underline-position: under;
}

.marquee-block .marquee__item{
	position: relative;
	top: 2px;
}

#supporting div p {text-align: center;}

.promo-text a{
	text-decoration: underline;
	text-underline-position: under;
}

.featured-coach-container{background-color: rgb(246 246 246) !important;}


@media only screen and (min-width: 830px) {
	.featured-coach-container .coach-card-image{
		max-width: 33%;
		max-height: 450px;
	}
}

@media only screen and (min-width: 1024px) {
	.featured-coach-container .coach-card-image{
		max-width: 33%;
		max-height: 380px;
	}
}

@media only screen and (min-width: 1300px) {
	.featured-coach-container .coach-card-image{
		max-width: 33%;
		max-height: 380px;
	}
}

@media only screen and (max-width: 830px) {
	.featured-coach-container .coach-card-image{
		max-height: 270px;
	}
	.homepage-hero a.btn.ycc-button.hover\:bg-\[\#52AF3B\]:hover{background-color: #E61177 !important;}
	.hover\:bg-\[\#52AF3B\]:hover {
	    --tw-bg-opacity: 1;
	    background-color: rgb(230 17 119 / var(--tw-bg-opacity, 1));
	}
}

.coach-card-image img{object-position: 50% 30%;}

@media only screen and (max-width: 830px) {
    .directory-gallery-images img {
        grid-column: span 2;
        grid-row: span 2;
        aspect-ratio: unset;
    }
}

.ycc-button{padding-top: 12px;}