.block-email {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.block-email.has-background {
	padding: 0;
}

.block-email::before {
	position: absolute;
	content: '';
	background: url(/wp-content/themes/rainbowplantlife-2025/assets/images/icons/utensils.png) no-repeat center center;
	background-size: contain;
	width: 80px;
	height: 118px;
	top: -32px;
	right: 0;
	z-index: 1;
}

.block-email__image {
	flex-basis: 320px;
	flex-grow: 1;
	flex-shrink: 1;
}

.block-email__image img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	height: 100%;
}

.block-email__content,
.block-email .wpforms-container,
.editor-styles-wrapper .block-email div[data-type="wpforms/form-selector"] {
	flex-basis: 300px;
	flex-grow: 1;
	margin: 0;
}

.block-email .wpforms-container .wpforms-title,
.block-email .wpforms-container .wpforms-description,
.block-email .wpforms-container .wpforms-submit-container {
	text-align: center;
}

.block-email .wpforms-container .wpforms-title {
	margin-bottom: 8px;
}

.block-email__content {
	position: relative;
	padding: 16px 24px 24px;
	align-self: center;
	z-index: 2;
}

@media only screen and (min-width: 768px) {

	.block-email:not( .block-area-sidebar .block-email ) .block-email__image {
		flex-grow: 0;
	}

	.block-email::before {
		width: 100px;
		height: 147px;
	}

	.block-email__content {
		padding: 40px;
	}

}

@media only screen and (max-width: 767px) {
	.block-email .wpforms-container .wpforms-title {
		margin-inline: 16px;
	}
	
	div.wpforms-container.flex-fields .wpforms-field-container {
		flex-direction: column;
	}

	div.wpforms-container.flex-fields .wpforms-field-container .wpforms-field {
		flex-basis: auto !important;
	}
}

.block-area-sidebar .block-email__content {
	padding: 16px 24px 24px;
}

.block-area-sidebar .block-email::before {
	width: 80px;
	height: 118px;
}