/**
 * Shared hero banner dimensions — Addiction Treatment, Delamere Difference, Homepage V2.
 */
:root {
	--dl-hero-padding-mobile: 28px 16px 22px;
	--dl-hero-padding-desktop: 40px 24px 18px;
	--dl-hero-grid-gap-desktop: 28px;
	--dl-hero-grid-margin-desktop: 16px;
	--dl-hero-image-aspect: 3 / 2;
	--dl-hero-image-max-height-desktop: 360px;
	--dl-hero-grid-min-height-desktop: 360px;
	--dl-hero-bottom-padding-desktop: 14px;
	--dl-hero-cta-min-height: 54px;
	--dl-hero-cta-padding: 14px 24px;
	--dl-header-full-cta-width: 310px;
}

.addiction-treatment .at-hero__cta-wrap,
.treatment-model-template .at-hero__cta-wrap,
body.page-template-page-homepage-v2-php .hero-homepage-cta-wrap,
.pageBuilder .hero-cta-wrap,
.pageBuilder .hero--team__ctas,
.main-layout section.header-full .header-full__ctas,
.main-layout section.header-full--team .header-full--team__ctas {
	align-items: stretch;
	width: fit-content;
	max-width: 100%;
}

.addiction-treatment .at-hero__cta,
.treatment-model-template .at-hero__cta,
body.page-template-page-homepage-v2-php .hero-homepage-cta,
.pageBuilder .hero-cta,
section.header-full .header-full__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: var(--dl-hero-cta-min-height);
	height: auto;
	padding: var(--dl-hero-cta-padding);
	white-space: normal;
	line-height: 1.25;
	text-align: center;
	box-sizing: border-box;
}

section.header-full .button,
section.header-full a.button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	max-width: 100% !important;
	min-width: 0;
	min-height: var(--dl-hero-cta-min-height);
	height: auto !important;
	padding: var(--dl-hero-cta-padding) !important;
	white-space: normal !important;
	line-height: 1.25 !important;
	text-align: center;
	box-sizing: border-box;
	font-size: 18px !important;
	font-weight: 500 !important;
	border-radius: 8px;
}

section.header-full div.data-content p:has(> .button),
section.header-full div.data-content p:has(> a.button) {
	width: fit-content;
	max-width: 100%;
	margin-bottom: 12px;
}

@media (min-width: 768px) {
	section.header-full div.data-content p:has(> .button),
	section.header-full div.data-content p:has(> a.button) {
		width: var(--dl-header-full-cta-width, 310px);
		max-width: 100%;
	}

	section.header-full div.data-content .button,
	section.header-full div.data-content a.button {
		width: 100% !important;
	}
}

@media (min-width: 768px) {
	.addiction-treatment .at-hero,
	.treatment-model-template .at-hero,
	body.page-template-page-homepage-v2-php .hero-homepage {
		padding: var(--dl-hero-padding-desktop);
	}

	.addiction-treatment .at-hero__grid,
	.treatment-model-template .at-hero__grid,
	body.page-template-page-homepage-v2-php .hero-homepage-grid {
		gap: var(--dl-hero-grid-gap-desktop);
		margin-bottom: var(--dl-hero-grid-margin-desktop);
		align-items: stretch;
		min-height: var(--dl-hero-grid-min-height-desktop);
	}

	.addiction-treatment .at-hero__content,
	.treatment-model-template .at-hero__content,
	body.page-template-page-homepage-v2-php .hero-homepage-content {
		min-height: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.addiction-treatment .at-hero__media,
	.treatment-model-template .at-hero__media,
	body.page-template-page-homepage-v2-php .hero-homepage-media {
		height: 100%;
		justify-content: center;
	}

	.addiction-treatment .at-hero__img-wrap,
	body.page-template-page-homepage-v2-php .hero-homepage-image-with-badge,
	body.page-template-page-homepage-v2-php .hero-homepage-image-link,
	body.page-template-page-homepage-v2-php .hero-homepage-image-wrapper {
		aspect-ratio: var(--dl-hero-image-aspect);
		max-height: var(--dl-hero-image-max-height-desktop);
		height: 100%;
		width: 100%;
	}

	.addiction-treatment .at-hero__img-wrap {
		display: flex;
		flex-direction: column;
	}

	.addiction-treatment .at-hero__img,
	body.page-template-page-homepage-v2-php .hero-homepage-image {
		flex: 1 1 auto;
		min-height: 0;
	}

	.addiction-treatment .at-hero__bottom,
	.treatment-model-template .at-hero__bottom,
	body.page-template-page-homepage-v2-php .hero-homepage-bottom.at-hero__bottom {
		padding-top: var(--dl-hero-bottom-padding-desktop);
	}

	.addiction-treatment .at-hero__cta,
	.treatment-model-template .at-hero__cta,
	body.page-template-page-homepage-v2-php .hero-homepage-cta {
		min-height: var(--dl-hero-cta-min-height);
		height: auto;
	}

	.addiction-treatment .at-hero__nav-link,
	.treatment-model-template .at-hero__nav-link,
	body.page-template-page-homepage-v2-php .hero-homepage .at-hero__nav-link {
		min-height: 44px;
		padding: 12px 16px;
		font-size: 16px;
	}

	.addiction-treatment .at-hero__subtitle,
	.treatment-model-template .at-hero__subtitle {
		margin: 20px 0;
	}

	.addiction-treatment .at-hero__features,
	.treatment-model-template .at-hero__features {
		margin-bottom: 22px;
	}

	.addiction-treatment .at-hero__feature,
	.treatment-model-template .at-hero__feature {
		margin-bottom: 8px;
	}

	.addiction-treatment .at-hero__rating,
	.treatment-model-template .at-hero__rating {
		margin-top: 10px;
	}

	.treatment-model-template .authors {
		padding-top: 16px;
		padding-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.addiction-treatment .at-hero__cta-wrap,
	.treatment-model-template .at-hero__cta-wrap,
	body.page-template-page-homepage-v2-php .hero-homepage-cta-wrap,
	.pageBuilder .hero-cta-wrap,
	.pageBuilder .hero--team__ctas,
	.main-layout section.header-full .header-full__ctas,
	.main-layout section.header-full--team .header-full--team__ctas,
	section.header-full div.data-content p:has(> .button),
	section.header-full div.data-content p:has(> a.button) {
		width: 100%;
	}

	section.header-full div.data-content .button,
	section.header-full div.data-content a.button {
		width: 100% !important;
	}

	.addiction-treatment .at-hero,
	.treatment-model-template .at-hero,
	body.page-template-page-homepage-v2-php .hero-homepage {
		padding: var(--dl-hero-padding-mobile);
	}

	.addiction-treatment .at-hero__img-wrap,
	body.page-template-page-homepage-v2-php .hero-homepage-image-wrapper {
		aspect-ratio: var(--dl-hero-image-aspect);
	}
}