/* Universal Triden Federation: deltas from the approved mock on top of the parent's layout. Generated header; edit brands/tridensport.com.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-v3-mobile.avif") 65% center / cover no-repeat;
	}
}

/* The federation emblem is a tall square logo, so the masthead is snug around it. */
.bcs-masthead {
	padding-top: 12px;
	padding-bottom: 12px;
}

/* Sport feel: copy sits low on the image. */
.bcs-cover .bcs-copy {
	align-self: end;
	max-width: 720px;
	padding-bottom: 24px;
}

@media (max-width: 700px) {
	.bcs-masthead {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	/* The mock's brand rule keeps the 760px minimum on phones. */
	.bcs-cover.wp-block-cover {
		min-height: 760px !important;
	}

	.bcs-cover .bcs-copy {
		padding: 0;
	}

	.bcs-page .bcs-cover-line {
		font-size: 32px;
		line-height: 1.05;
		margin: 12px 0;
	}
}