.wp-block-tclp-hero {
	position: relative;
}

.wp-block-tclp-hero.tclp-hero--media-top .wp-block-post-featured-image,
.wp-block-tclp-hero.tclp-hero--media-bottom .wp-block-post-featured-image {
	width: 100%;
	height: auto;
}

.wp-block-tclp-hero h1 {
	font-size: 58px;
	line-height: 72px;
	font-weight: 700;
	margin-bottom: 1rem !important;
}

.wp-block-tclp-hero.has-text-color h1 {
	color: inherit;
}

.wp-block-tclp-hero p {
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
}

.wp-block-tclp-hero.has-text-color p {
	color: inherit;
}

.wp-block-tclp-hero .wp-block-buttons {
	margin-top: 2rem;
}

.wp-block-tclp-hero .wp-block-group.is-vertical.is-layout-flex {
	gap: 0;
}

.wp-block-tclp-hero.tclp-hero--media-top figure {
	margin-bottom: 4rem;
}

.wp-block-tclp-hero.tclp-hero--media-bottom figure {
	margin-top: 4rem;
}

.wp-block-tclp-hero.tclp-hero--media-top .wp-block-group,
.wp-block-tclp-hero.tclp-hero--media-bottom .wp-block-group {
	position: relative;
	z-index: 2;
}

.wp-block-tclp-hero.tclp-hero--media-top:before,
.wp-block-tclp-hero.tclp-hero--media-bottom:after {
	content: "";
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	height: 20%;
	z-index: 1;
}

.wp-block-tclp-hero.tclp-hero--media-top:before {
	bottom: initial;
	top: 0;
}

.wp-block-tclp-hero.tclp-hero--media-right
	.wp-block-media-text.is-stacked-on-mobile
	> .wp-block-media-text__media,
.wp-block-tclp-hero.tclp-hero--media-left
	.wp-block-media-text.is-stacked-on-mobile
	> .wp-block-media-text__media {
	grid-column: 1;
	grid-row: 2;
	margin-top: 3rem;
}

.wp-block-tclp-hero.tclp-hero--media-right
	.wp-block-media-text.is-stacked-on-mobile
	> .wp-block-media-text__content,
.wp-block-tclp-hero.tclp-hero--media-left
	.wp-block-media-text.is-stacked-on-mobile
	> .wp-block-media-text__content {
	grid-column: 1;
	grid-row: 1;
}

@media screen and (min-width: 700px) {
	.wp-block-tclp-hero.tclp-hero--media-top:before,
	.wp-block-tclp-hero.tclp-hero--media-bottom:after {
		height: 30%;
	}

	.wp-block-tclp-hero.tclp-hero--media-right
		.wp-block-media-text.is-stacked-on-mobile
		> .wp-block-media-text__media {
		grid-column: 2;
		grid-row: 1;
		margin-top: 0;
	}

	.wp-block-tclp-hero.tclp-hero--media-left
		.wp-block-media-text.is-stacked-on-mobile
		> .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
		margin-top: 0;
	}

	.wp-block-tclp-hero.tclp-hero--media-right
		.wp-block-media-text.is-stacked-on-mobile
		> .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 1;
	}

	.wp-block-tclp-hero.tclp-hero--media-left
		.wp-block-media-text.is-stacked-on-mobile
		> .wp-block-media-text__content {
		grid-column: 2;
		grid-row: 1;
	}
}

@media screen and (min-width: 1140px) {
	.wp-block-tclp-hero.tclp-hero--media-top:before,
	.wp-block-tclp-hero.tclp-hero--media-bottom:after {
		height: 40%;
	}

	.single-landing-page > section.wp-block-tclp-hero,
	.single-landing-page > div.wp-block-tclp-hero {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
}