/**
 * Custom – Post Hero Block
 */

.post-hero {
	align-items: center;
	background-color: var(--wp--preset--color--neon-green);
	background-image: url(../images/backgrounds/nodes-neon-green.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: flex-start;
	position: relative;
}

.post-hero__content {
	margin-inline: auto;
	max-width: var(--wp--style--global--wide-size);
	padding-block: var(--wp--preset--spacing--70);
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
	position: relative;
	width: 100%;
	z-index: 1;

	h1 {
		margin-block: 0;
		max-width: 800px;
	}
}

.post-hero__back {
	margin-block-start: 0 !important;
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70);

	a {
		align-items: center;
		color: var(--wp--preset--color--dark-green);
		display: inline-flex;
		flex-direction: row-reverse;
		font-size: var(--wp--preset--font-size--small);
		font-weight: 500;
		letter-spacing: 1px;
		padding-inline-start: 0;
		text-decoration: none;
		text-transform: uppercase;
		transition: color 0.25s ease-in-out;

		&::after {
			background-image: url(../images/chevron-right-green-dark.svg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 14px;
			border-radius: 50%;
			content: '';
			display: inline-block;
			height: 18px;
			margin: 0 25px 0 0;
			transform: rotate(180deg);
			transition: background-image 0.25s ease-in-out;
			vertical-align: middle;
			width: 14px;
		}

		&:hover {
			color: var(--wp--preset--color--green);

			&::after {
				background-image: url(../images/chevron-right-green.svg);
			}
		}
	}

	+ p {
		margin-block-start: 0;
	}
}