/* ==========================================================================
   Home banner block
   ========================================================================== */

.lc-block-home-banner {
	position: relative;
	overflow: hidden;
	min-height: 486px;
	display: flex;
	align-items: center;
	background: var(--wp--preset--color--white);
	padding: var(--wp--preset--spacing--large) 0;

	/* Tablet styles */
	@media (max-width: 1024px) {
	}

	/* Mobile styles */
	@media (max-width: 768px) {
		flex-direction: column;
		padding: var(--wp--preset--spacing--medium) 0 0; /* small top padding only on mobile */
		min-height: auto;
		margin: 0;
	}

	.lc-block-home-banner__container {
		position: relative;
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		width: 100%;
		max-width: var(--wp--style--global--wide-size);
		margin: 0 auto;
		gap: var(--wp--preset--spacing--large);

		/* Tablet styles */
		@media (max-width: 1024px) {
			padding: 0 var(--wp--custom--site-padding);
			gap: var(--wp--preset--spacing--medium);
		}

		/* Mobile styles */
		@media (max-width: 768px) {
			grid-template-columns: 1fr;
			grid-template-rows: auto auto;
			padding: 0 var(--wp--custom--site-padding); /* no top/bottom padding */
			gap: var(--wp--preset--spacing--x-small); /* tighter space between text and image */
		}
	}

	.lc-block-home-banner__content {
		z-index: 2;
		position: relative;

		/* Mobile styles */
		@media (max-width: 768px) {
			order: 1;
			text-align: left;
		}
	}

	.lc-block-home-banner__heading {
		margin: 0;
		font-family: var(--wp--preset--font-family--ivypresto-display);
		font-size: var(--wp--preset--font-size--heading-1);
		font-weight: 300;
		line-height: 1.2;
		letter-spacing: 1px;
		color: var(--wp--preset--color--neutral-10);

		/* Tablet styles */
		@media (max-width: 1024px) {
			font-size: var(--wp--preset--font-size--heading-2);
		}

		/* Mobile styles */
		@media (max-width: 768px) {
			font-size: var(--wp--preset--font-size--heading-3);
			line-height: 1.3;
		}

		.highlight {
			color: #087d64;
		}
	}

	.lc-block-home-banner__image {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		/* margin: auto; */
		/* margin-top: var(--wp--preset--spacing--small); */
		/* margin-bottom: var(--wp--preset--spacing--small); */
		background-image: url('../../img/home-banner-bg.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left center;
		/* height: 100%; */
		width: 100%;
		/* max-height: 80%; */
		max-width: 50%;
		margin-block-start: var(--wp--preset--spacing--small) !important;
		margin-block-end: var(--wp--preset--spacing--small) !important;

		/* Tablet styles */
		@media (max-width: 1024px) {
			min-height: 300px;
		}

		/* Mobile styles */
		@media (max-width: 768px) {
			right: 0;
			order: 2;
			min-height: 200px;
			background-position: right center;
			background-size: contain;
			position: relative;
			max-width: 100%;
			margin-left: calc(var(--wp--custom--site-padding) * -1);
			margin-block: 0; /* remove extra space above/below image */
		}
	}
}