/**
 * Hero block override
 * Restores the intended layout where the image on the right expands
 * and is overlapped by the headline/content.
 */

/* Pattern hero layout - flex enables proper alignment of content and image */
.pattern-hero-a {
	display: flex !important;
}

.wp-block-media-text.is-style-hero {
	overflow: visible !important;
}

.wp-block-media-text.is-style-hero .wp-block-media-text__media {
	overflow: visible;
}

/* Ensure content sits above the image for the overlap effect */
.wp-block-media-text.is-style-hero .wp-block-media-text__content {
	position: relative;
	z-index: 1;
}

/* Pattern two-column-b - remove overflow clipping on cover, negative margin on columns */
.wp-block-cover.pattern-two-column-b {
	overflow: visible;
}

/* .pattern-two-column-b .wp-block-cover__inner-container > .wp-block-columns {
	margin-top: 0;
} */ 

/* Wide alignment centering - override position-center-left flex-start on full-width covers */
.wp-block-cover.alignfull.is-position-center-left {
	justify-content: center !important;
}

.wp-block-cover.alignfull > .wp-block-cover__inner-container {
	width: 100%;
}

/* Constrain .alignwide inside full-width cover/group containers */
.wp-block-cover.alignfull > .wp-block-cover__inner-container > .alignwide,
.wp-block-group.alignfull > .wp-block-group__inner-container > .alignwide {
	max-width: var(--wp--style--global--wide-size, 1380px);
	margin-left: auto !important;
	margin-right: auto !important;
}

/* News pattern - stack articles in a single column */
.pattern-news-a .wp-block-post-template {
	grid-template-columns: 1fr !important;
}

/* Button override - restore theme styles over WordPress core .wp-element-button defaults */
.wp-block-button__link.wp-element-button {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgb(173 206 115 / var(--tw-bg-opacity, 1));
	color: rgb(15 33 7 / var(--tw-text-opacity, 1));
	display: block;
	font-weight: 500;
	padding: var(--button-y-padding) var(--button-x-padding);
	text-transform: uppercase;
	border-radius: 0;
	cursor: pointer;
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.wp-block-button__link.wp-element-button:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(15 33 7 / var(--tw-bg-opacity, 1));
}

/* Link-style buttons */
[class*=is-style-link] .wp-block-button__link.wp-element-button {
	--tw-text-opacity: 1;
	background-color: transparent;
	border-radius: 0;
	color: rgb(173 206 115 / var(--tw-text-opacity, 1));
	padding: 0;
	text-transform: uppercase;
}

/* Newsletter section - allow image to expand beyond section */
.newsletter-section {
	overflow: visible;
	padding-top: 16px;
	padding-bottom: 16px;
}

.newsletter-section .wp-block-columns {
	justify-content: space-between;
}

.newsletter-section .wp-block-image {
	position: relative;
}

.newsletter-section .wp-block-image img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 180px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .125);
}

@media (min-width: 800px) {
	.newsletter-section .wp-block-image img {
		transform: translateY(-50%) rotate(-10deg);
	}
}