@import url('https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,100..900;1,100..900&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

/* Breadcrumbs :: Front-end */

.brc-band {
	--brc-ts: 1;
	--brc-gutter: calc( ( var( --brc-canvas, 1440px ) - var( --brc-content, 1200px ) ) / 2 );

	position: relative;
	width: 100%;
	padding: var( --brc-bar-pad-y, 20px ) var( --brc-gutter );
	min-height: var( --brc-bar-min-h, 166px );

	background: linear-gradient(
		var( --brc-bar-angle, 90deg ),
		var( --brc-bar-from, #F7F9FE ) 0%,
		var( --brc-bar-to, #FBF9FF ) 100%
	);

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	font-family: 'Google Sans', sans-serif;
	text-align: center;
	box-sizing: border-box;
}
.brc-band * { box-sizing: border-box; }

/* Full bleed */
.brc-band.brc-full {
	width: var( --brc-vw, 100vw );
	max-width: var( --brc-vw, 100vw );
	margin-left: calc( 50% - var( --brc-vw, 100vw ) / 2 );
	margin-right: calc( 50% - var( --brc-vw, 100vw ) / 2 );
}

.brc-inner {
	width: 100%;
	max-width: var( --brc-content, 1200px );
	margin: 0 auto;
}

/* Theme reset guards */
.brc-band h1,
.brc-band p,
.brc-band ol,
.brc-band li { margin: 0; padding: 0; }
.brc-band ol { list-style: none; }
.brc-band h1 { font-family: inherit; letter-spacing: 0; }

/* Title */

.brc-title {
	font-family: 'Anybody', sans-serif !important;
	font-weight: 700;
	line-height: 1.025;
	text-transform: uppercase;
	font-size: max( 22px, calc( var( --brc-title-fs, 40px ) * var( --brc-ts ) ) );

	color: var( --brc-title-solid, #2563EB );
}

.brc-title-text {
	display: inline-block;
	max-width: 100%;
}

@supports ( ( -webkit-background-clip: text ) or ( background-clip: text ) ) {
	.brc-title-text {
		background: linear-gradient(
			90deg,
			var( --brc-title-from, #2563EB ) 0%,
			var( --brc-title-to, #7C3AED ) 100%
		);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}
}

/* Trail */
.brc-trail {
	margin-top: var( --brc-gap, 15px );
	font-weight: 400;
	line-height: 1.25;
	font-size: max( 13px, calc( var( --brc-trail-fs, 20px ) * var( --brc-ts ) ) );
	color: var( --brc-trail, #9F9F9F );
}

.brc-crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0;
}
.brc-crumb {
	display: inline-flex;
	align-items: center;
	color: inherit;
}

.brc-sep {
	margin: 0 .35em;
	color: var( --brc-sep, #9F9F9F );
}

.brc-band .brc-crumb a,
.brc-band .brc-crumb a:link,
.brc-band .brc-crumb a:visited {
	color: var( --brc-trail, #9F9F9F );
	text-decoration: none;
	box-shadow: none;
	transition: color .2s ease;
}
.brc-band .brc-crumb a,
.brc-band .brc-crumb a:link,
.brc-band .brc-crumb a:visited {
	color: var( --brc-trail, #9F9F9F ) !important;
}

.brc-band .brc-crumb a:hover,
.brc-band .brc-crumb a:visited:hover {
	color: var( --brc-trail-hover, #2563EB ) !important;
}

body.single-post .brc-band .brc-crumb a:visited {
	color: var( --brc-trail, #9F9F9F ) !important;
}

body.single-post .brc-band .brc-crumb a:visited:hover {
	color: var( --brc-trail-hover, #2563EB ) !important;
}

body.single-post .brc-band .brc-crumb.is-current {
	display: none;
}
.brc-band .brc-crumb a:hover,
.brc-band .brc-crumb a:focus {
	color: var( --brc-trail-hover, #2563EB );
	text-decoration: none;
}
.brc-band .brc-crumb a:focus-visible {
	outline: 2px solid var( --brc-trail-hover, #2563EB );
	outline-offset: 3px;
	border-radius: 3px;
}

.brc-crumb.is-current > span { color: var( --brc-trail, #9F9F9F ); }

/* REVEAL */

.brc-js .brc-rv { opacity: 0; }

.brc-js .brc-rv-scope.brc-rv-in .brc-rv {
	animation: brc-rise .7s cubic-bezier( .22, .8, .26, 1 ) both;
	animation-delay: calc( var( --brc-rv-i, 0 ) * 90ms );
}
@keyframes brc-rise {
	0% {
		opacity: 0;
		transform: translate3d( 0, 14px, 0 );
	}
	60% { opacity: 1; }
	100% {
		opacity: 1;
		transform: translate3d( 0, 0, 0 );
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.brc-js .brc-rv,
	.brc-js .brc-rv-scope.brc-rv-in .brc-rv {
		opacity: 1;
		transform: none;
		animation: none !important;
	}
}

/* Breakpoints */

@media ( max-width: 1439px ) {
	.brc-band { --brc-gutter: clamp( 20px, 6vw, 120px ); }
}

@media ( max-width: 1200px ) {
	.brc-band { --brc-ts: .92; }
}

@media ( max-width: 1024px ) {
	.brc-band {
		--brc-ts: .82;
		min-height: 132px;
	}
}

@media ( max-width: 600px ) {
	.brc-band {
		--brc-ts: .7;
		--brc-gutter: 20px;
		min-height: 108px;
	}
	.brc-trail { margin-top: 10px; }
}

@media ( max-width: 400px ) {
	.brc-band {
		--brc-ts: .62;
		--brc-gutter: 16px;
		min-height: 96px;
	}
}