/* Northern Endeavors: deltas from the approved mock on top of the parent's layout. Generated header; edit brands/northernendeavors.ca.css. */

/* Art-directed mobile crop (generated). */
@media (max-width: 700px) {
	.bcs-cover .wp-block-cover__image-background {
		display: none;
	}

	.bcs-cover.wp-block-cover::before {
		content: "";
		display: block;
		height: 220px;
		background: url("../img/hero-modular-mobile.avif") 45% center / cover no-repeat;
	}
}

/* Northern feel: the masthead floats over the photograph; the footer is a cream band. */
.bcs-page {
	position: relative;
}

.bcs-masthead {
	border-bottom: 0;
}

.bcs-page .bcs-cover-line em {
	color: #c79742;
}

.bcs-cover .bcs-copy {
	align-self: start;
	max-width: 800px;
}

/* The cream footer band runs edge to edge (the mock's band stopped at the gutters and clipped its own text). */
.wp-site-blocks footer.wp-block-template-part {
	background: #f4f0e7;
}

.bcs-footer {
	color: #18362a;
	border-top-color: #7c8b7c;
}

@media (min-width: 701px) {
	.bcs-masthead {
		position: absolute;
		inset: 0 0 auto;
		z-index: 3;
		border-bottom: 0;
		background: transparent;
	}

	.bcs-cover .wp-block-cover__inner-container {
		grid-template-columns: minmax(0, 1fr) 370px;
		align-items: start;
		padding-top: 174px;
	}

	.bcs-cover .bcs-card {
		margin-top: 110px;
	}
}

@media (max-width: 1100px) and (min-width: 701px) {
	.bcs-cover .wp-block-cover__inner-container {
		grid-template-columns: minmax(0, 1fr) 340px;
		padding-top: 150px;
	}
}

@media (max-width: 700px) {
	.bcs-masthead {
		min-height: 88px;
		background: #0c281e;
	}

	.bcs-cover .wp-block-cover__background,
	.bcs-cover.wp-block-cover::before {
		height: 230px;
	}

	.bcs-cover .bcs-copy {
		top: 22px;
	}

	.bcs-page .bcs-cover-line {
		font-size: 34px;
		line-height: 1.03;
		margin: 10px 0 14px;
	}

	.bcs-page .bcs-cover-line br {
		display: block;
	}

	.bcs-cover .bcs-copy .bcs-sub {
		font-size: 12px;
		max-width: 290px;
	}
}