/*--------------------------------------------------------------
## Pagebanners
--------------------------------------------------------------*/
.pagebanner {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
			display: inline-flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap; 
			margin: 2em 2% 2em 0; position: relative; width: 100%;
	}
	.pagebanner:nth-of-type(even) {margin-right: 0; }
	
	.pagebanner > .pagebanner-content,
	.pagebanner > .pagebanner-image-container {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
			flex: 1 1 50%;
	}
	.pagebanner > .pagebanner-image-container {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
			order: 2; 
			position: relative;
	}
	.pagebanner > .pagebanner-content {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
			order: 1;
	}
	
	
	.pagebanner-content {color: var(--white, white); background-color: black; padding: 2em; position: relative; }
		.pagebanner-content h2 {font-weight: 900; }
	
	.pagebanner.color-blue .pagebanner-content {background-color: #015BCF; }
	.pagebanner.color-purple .pagebanner-content {background-color: #AD50D3; }
	.pagebanner.color-orange .pagebanner-content {background-color: #F15A33; }
	
	a.pagebanner-image {display: none; background-size: cover; background-position: center center; height: 100%; width: 100%; position: absolute; }
		a.pagebanner-image:first-child {display: block; }
	
	.pagebanner-text {margin-bottom: 3em; }
		.pagebanner-text p:nth-last-child(2) {margin-bottom: 0; }
	.slide-link {position: relative; margin-top: 0; }
	.slide-link span {display: none; }
		.slide-link span:first-child {display: inline; }

	.wp-block-getwid-tabs__tab-content .pagebanner .link-attach {position: absolute; bottom: 2em; }

.wp-block-getwid-tabs__content .pagebanner,
.wp-block-getwid-tabs__tab-content .pagebanner {margin-right: 0; width: 100%; }
	.wp-block-getwid-tabs__content .pagebanner .pagebanner-content,
	.wp-block-getwid-tabs__tab-content .pagebanner .pagebanner-content { height: 36vw; }


/*--------------------------------------------------------------
# backend fixes!
--------------------------------------------------------------*/
.acf-block-preview .pagebanner > .pagebanner-content, 
.acf-block-preview .pagebanner > .pagebanner-image-container {
	-ms-flex: 1 1 40%;
	flex: 1 1 40%;
}


/*--------------------------------------------------------------
# @media Tablet & Below
--------------------------------------------------------------*/
@media (max-width: 769px) { /* TABLET */
	
/* 	.pagebanner-image {min-height: 250px; } */
	
	.pagebanner > .pagebanner-content,
	.pagebanner > .pagebanner-image-container {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
			flex: 1 1 100%;
	}
		.pagebanner > .pagebanner-image-container {
			-webkit-box-ordinal-group: 2;
			-ms-flex-order: 1;
				order: 1; 
				width: 100%; min-height: 15rem; 
		}
		.pagebanner > .pagebanner-content {
			-webkit-box-ordinal-group: 3;
			-ms-flex-order: 2;
				order: 2;
				padding: 2em 1.5em 4.5em; 
		}

}

@media (max-width: 480px) { /* PHONE */

	.wp-block-getwid-tabs__content .pagebanner .pagebanner-content, 
	.wp-block-getwid-tabs__tab-content .pagebanner .pagebanner-content {height: auto; }
	.pagebanner-text {margin-bottom: 0; }

}