/* =page header */
.block-page-header {
	margin-left: calc( -1 * var(--wp--custom--layout--padding) );
	margin-right: calc( -1 * var(--wp--custom--layout--padding) );
	max-width: 100vw;

	margin-top: calc( -1 * var(--wp--custom--layout--block-gap-large) ) !important;
}

.block-page-header .block-page-header__inner {
	position: relative;
	width: 100%;
	max-width: var(--wp--custom--layout--wide);
	margin: 0 auto 0;
}

/* Content Layout */
.block-page-header.layout-alpha .block-page-header__content-container {
	text-align: center;
}

.block-page-header.layout-alpha .breadcrumb {
	text-align: center;
}

/* Content and Image Layout */
.block-page-header.layout-beta .block-page-header__image-container img {
	border-radius: 50%;
	box-shadow: 23px 6px 0px rgba( var(--wp--custom--color--primary-bright-rgb ), .5 );  /* =box shadow special */
}

@media only screen and (max-width: 767px) {

	/* Content Layout */
	.block-page-header.layout-alpha {
		padding: 30px 16px 36px;
	}

	/* Content and Image Layout */
	.block-page-header.layout-beta {
		padding: 30px 16px 0px;
	}

	.block-page-header.layout-beta .block-page-header__content-container {
		margin-bottom: 20px;
	}

	.block-page-header.layout-beta .block-page-header__image-container img {
		margin: 0 auto;
		/* max-width: 268px; */
	}

}


@media only screen and (max-width: 600px) {

	.block-page-header.layout-beta .block-page-header__image-container {
		margin-left: calc(-1 * var(--wp--custom--layout--padding));
		margin-right: calc(-1 * var(--wp--custom--layout--padding));
	}

	.block-page-header.layout-beta .block-page-header__image-container img {
		width: 100%;
	}
}

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

	/* Content Layout */
	.block-page-header.layout-alpha {
		padding: 75px 16px 55px;
	}

	/* Content and Image Layout */
	.block-page-header.layout-beta {
		padding: 30px 16px 0px;
	}

	.block-page-header.layout-beta .block-page-header__inner {
		display: grid;
		grid-template-columns: 1fr 368px;
		column-gap: 32px;
	}

	.block-page-header.layout-beta .block-page-header__content-container {
		max-width: var(--wp--custom--layout--content);
		/* align-self: center; */
	}

}