/* =home page header */
.block-home-page-header {
	background: rgba( var(--wp--custom--color--denary-bright-rgb), .35 );
}

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

.block-home-page-header h1 {
	margin: 0;
}

.block-home-page-header h1 .has-swoop-underline {
	/* white-space: nowrap; */
	background: url(../../assets/icons/accents/swoop-underline.svg) no-repeat bottom center;
}

.block-home-page-header .block-home-page-header__links a {
	font-family: var(--wp--preset--font-family--display);
	line-height: var(--wp--custom--line-height--small);
	font-size: 0.9375rem;
	font-weight: 900;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
	position: relative;
}

.block-home-page-header .block-home-page-header__links a span {
	display: block;
	background-color: var(--wp--preset--color--denary-bright);
	text-align: center;
	position: absolute;
}

@media only screen and (max-width: 1099px) {
	.block-home-page-header {
		margin-bottom: calc( var(--wp--custom--layout--block-gap-large) + 46px) !important; /* to account for quick links sticking out the bottom */
	}

	.block-home-page-header h1 {
		font-size: 1.5rem;
		text-align: center;
	}

	.block-home-page-header__links {
		display: grid;
		grid-template-columns: repeat( 4, minmax( 0, 1fr) );
		gap: 7px;
		/* max-width: 600px; */
		margin: 20px auto 0;
		margin-bottom: calc( -1 * calc( var(--wp--custom--layout--block-gap-large) + 46px) ) !important; /* make it stick out the bottom */
	}

	.block-home-page-header .block-home-page-header__links a img {
		width: 100%;
	}

	.block-home-page-header .block-home-page-header__links a span {
		bottom: 8.2px;
		padding: 10px;
		left: 10px;
		right: 10px;
	}

}


@media only screen and (max-width: 645px) {
	.block-home-page-header__links {
		grid-template-columns: repeat( 2, minmax( 0, 1fr) );
	}
}


@media only screen and (min-width: 1100px) {
	.block-home-page-header {
		margin-bottom: calc( var(--wp--custom--layout--block-gap-large) + 36px) !important; /* to account for quick links sticking out the bottom */
	}

	.block-home-page-header h1 {
		font-size: 2.5rem;
	}

	.block-home-page-header__inner {
		display: grid;
		grid-template-columns: 368px 1fr;
		gap: 32px;
		align-items: center;
	}

	.block-home-page-header__links {
		display: grid;
		grid-template-columns: repeat( 4, minmax( 0, 1fr) );
		gap: 5px;
		margin-bottom: calc( -1 * calc( var(--wp--custom--layout--block-gap-large) + 36px) ) !important; /* make it stick out the bottom */
	}

	.block-home-page-header .block-home-page-header__links a span {
		bottom: 15px;
		padding: 14px;
		left: 14px;
		right: 14px;
	}

}