/*
 * FC Header V2 - banners, desktop only (loaded with media="(min-width: breakpoint)").
 */

.fchdr2-bn.is-hide-d {
	display: none;
}

.fchdr2-bn .fchdr2-bn-t {
	font-size: var(--bn-t-fs);
}

.fchdr2-bn .fchdr2-bn-x {
	font-size: var(--bn-x-fs);
}

/* Where the words sit: top / middle / bottom, then start / centre / end. */
.fchdr2-bn-in[data-pd^="t"] { justify-content: flex-start; }
.fchdr2-bn-in[data-pd^="m"] { justify-content: center; }
.fchdr2-bn-in[data-pd^="b"] { justify-content: flex-end; }
.fchdr2-bn-in[data-pd$="s"] { align-items: flex-start; text-align: start; }
.fchdr2-bn-in[data-pd$="c"] { align-items: center; text-align: center; }
.fchdr2-bn-in[data-pd$="e"] { align-items: flex-end; text-align: end; }
.fchdr2-bn-in[data-pd$="c"] .fchdr2-bn-btns { justify-content: center; }
.fchdr2-bn-in[data-pd$="e"] .fchdr2-bn-btns { justify-content: flex-end; }

/* The header lies over the banner: the banner moves up under it, the words stay clear of it. */
body.fchdr2-bn-over-d .fchdr2-bn.is-over {
	margin-top: calc(-1 * var(--fchdr2-hh, var(--bn-hh, 0px)));
}

body.fchdr2-bn-over-d .fchdr2-bn.is-over .fchdr2-bn-in {
	padding-top: calc(var(--fchdr2-hh, var(--bn-hh, 0px)) + clamp(20px, 3vw, 44px));
}

body.fchdr2-bn-over-d .fchdr2-bn.is-over.is-screen .fchdr2-bn-view {
	height: calc(100svh - var(--wp-admin--admin-bar--height, 0px));
}

body.fchdr2-bn-over-d #fchdr2:not(.is-scrolled) .fchdr2-head,
body.fchdr2-bn-over-d #fchdr2:not(.is-scrolled) .fchdr2-nav {
	border-color: transparent;
	background-color: transparent;
	box-shadow: none;
}