.offgrid-content-with-images-block {
	margin: 0 !important;
	max-width: 100% !important;
	padding: var(--wp--custom--layout--spacing-96) 0;
}

.offgrid-content-with-images-block .inner-wrap {
	position: relative;
	color: var(--wp--preset--color--primary);
	margin-left: -60px;
}
.offgrid-content-with-images-block .inner-wrap .image-right {
	position: absolute;
	right: 100px;
	top: -96px;
}
.offgrid-content-with-images-block .inner-wrap .image-left {
	position: absolute;
	left: 0px;
	top: 75px;
}
.offgrid-content-with-images-block .inner-wrap .image-left:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	background: rgba(0,0,0,0.6);

}
.offgrid-content-with-images-block .inner-wrap h2 {
	color:var(--wp--preset--color--primary);
	position: relative;
	z-index: 3;
	font-size: var(--wp--preset--font-size--headline-xxl);
	max-width: 630px;
	padding-top: 235px;
	left: 16%;
	line-height: 100%;
	letter-spacing: -2.4px;
	width: 40vw;
}
.offgrid-content-with-images-block .inner-wrap .content {
	padding-top: 150px;
	position: relative;
	z-index: 3;
	left: 43%;
	max-width: 620px;
	width: 45%;
}

.offgrid-content-with-images-block.padding-top-24 { padding-top: var(--wp--custom--layout--spacing-24); }
.offgrid-content-with-images-block.padding-top-32 { padding-top: var(--wp--custom--layout--spacing-32); }
.offgrid-content-with-images-block.padding-top-40 { padding-top: var(--wp--custom--layout--spacing-40); }
.offgrid-content-with-images-block.padding-top-48 { padding-top: var(--wp--custom--layout--spacing-48); }
.offgrid-content-with-images-block.padding-top-56 { padding-top: var(--wp--custom--layout--spacing-56); }
.offgrid-content-with-images-block.padding-top-64 { padding-top: var(--wp--custom--layout--spacing-64); }
.offgrid-content-with-images-block.padding-top-96 { padding-top: var(--wp--custom--layout--spacing-96); }
.offgrid-content-with-images-block.padding-top-120 { padding-top: var(--wp--custom--layout--spacing-120); }
.offgrid-content-with-images-block.padding-bottom-24 { padding-bottom: var(--wp--custom--layout--spacing-24); }
.offgrid-content-with-images-block.padding-bottom-32 { padding-bottom: var(--wp--custom--layout--spacing-32); }
.offgrid-content-with-images-block.padding-bottom-40 { padding-bottom: var(--wp--custom--layout--spacing-40); }
.offgrid-content-with-images-block.padding-bottom-48 { padding-bottom: var(--wp--custom--layout--spacing-48); }
.offgrid-content-with-images-block.padding-bottom-56 { padding-bottom: var(--wp--custom--layout--spacing-56); }
.offgrid-content-with-images-block.padding-bottom-64 { padding-bottom: var(--wp--custom--layout--spacing-64); }
.offgrid-content-with-images-block.padding-bottom-96 { padding-bottom: var(--wp--custom--layout--spacing-96); }
.offgrid-content-with-images-block.padding-bottom-120 { padding-bottom: var(--wp--custom--layout--spacing-120); }


.offgrid-content-with-images-block.theme-color-dark {
	background-color: var(--wp--preset--color--brand);
}
.offgrid-content-with-images-block.theme-color-dark .inner-wrap {
	color: white;
}
.offgrid-content-with-images-block.theme-color-dark  .inner-wrap h2 {
	color: white;
}



@media (max-width: 1200px) {
	.offgrid-content-with-images-block .inner-wrap .image-left {
		width: 38vw;
	}
	.offgrid-content-with-images-block .inner-wrap .image-right{
		right: 0;
		width: 34vw;
	}
	.offgrid-content-with-images-block .inner-wrap h2 {
		left: 10vw;
		padding-top: 20vw;
		width: 50vw;
	}
	.offgrid-content-with-images-block .inner-wrap .content {
		padding-top: 8vw;
	}
}
@media (max-width: 768px) {
	.offgrid-content-with-images-block .inner-wrap .image-left {
		top: 0;
	}
	.offgrid-content-with-images-block {
		padding: var(--wp--custom--layout--spacing-56) 0;
	}
	.offgrid-content-with-images-block .inner-wrap {
		margin-left: -20px;
	}
	.offgrid-content-with-images-block .inner-wrap h2 {
		width: calc(100% - 20px);
		left: 20px;
	}
	.offgrid-content-with-images-block .inner-wrap .content {
		left: 20px;
		max-width: 100%;
		width: calc(100% - 20px);
		padding-top: 8vw;
	}


	.offgrid-content-with-images-block.padding-top-32 { padding-top: var(--wp--custom--layout--spacing-24); }
	.offgrid-content-with-images-block.padding-top-40 { padding-top: var(--wp--custom--layout--spacing-32); }
	.offgrid-content-with-images-block.padding-top-48 { padding-top: var(--wp--custom--layout--spacing-40); }
	.offgrid-content-with-images-block.padding-top-56 { padding-top: var(--wp--custom--layout--spacing-48); }
	.offgrid-content-with-images-block.padding-top-64 { padding-top: var(--wp--custom--layout--spacing-56); }
	.offgrid-content-with-images-block.padding-top-96 { padding-top: var(--wp--custom--layout--spacing-64); }
	.offgrid-content-with-images-block.padding-top-120 { padding-top: var(--wp--custom--layout--spacing-96); }
	.offgrid-content-with-images-block.padding-bottom-32 { padding-bottom: var(--wp--custom--layout--spacing-24); }
	.offgrid-content-with-images-block.padding-bottom-40 { padding-bottom: var(--wp--custom--layout--spacing-32); }
	.offgrid-content-with-images-block.padding-bottom-48 { padding-bottom: var(--wp--custom--layout--spacing-40); }
	.offgrid-content-with-images-block.padding-bottom-56 { padding-bottom: var(--wp--custom--layout--spacing-48); }
	.offgrid-content-with-images-block.padding-bottom-64 { padding-bottom: var(--wp--custom--layout--spacing-56); }
	.offgrid-content-with-images-block.padding-bottom-96 { padding-bottom: var(--wp--custom--layout--spacing-64); }
	.offgrid-content-with-images-block.padding-bottom-120 { padding-bottom: var(--wp--custom--layout--spacing-96); }
}