.container {
	box-sizing: border-box;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 2rem;
	padding-left: 2rem;
}

:root .has-no-block-start-margin {
	margin-block-start: 0;
}

@media (min-width: 480px) {

	.container {
		max-width: 480px;
	}
}

@media (min-width: 640px) {

	.container {
		max-width: 640px;
	}
}

@media (min-width: 768px) {

	.container {
		max-width: 768px;
	}
}

@media (min-width: 1024px) {

	.container {
		max-width: 1024px;
	}
}

@media (min-width: 1280px) {

	.container {
		max-width: 1280px;
	}
}

.ovid-h5 {
	font-family: var(--wp--preset--font-family--field-gothic);
	font-size: calc(2.125rem + (50 - 34) * ((100vw - 300px) / (1600 - 300)));
	line-height: 1;
	font-weight: 600;
}

a.button-link-right {
	--button-link-right-color: var(--wp--preset--color--custom-contrast-2);
	--button-link-right-hover-color: var(--wp--preset--color--custom-contrast-2);
	--button-link-right-circle-border: var(--button-link-right-color);
	--button-link-right-circle-bg: transparent;
	--button-link-right-circle-hover-border: var(--wp--preset--color--custom-primary);
	--button-link-right-circle-hover-bg: var(--wp--preset--color--custom-primary);
	--button-link-right-arrow: url(../images/solid_arrow_blue_butler.svg);
	--button-link-right-arrow-hover: url(../images/solid_arrow_white.svg);

	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--button-link-right-color);
	font-family: var(--wp--preset--font-family--clarendon);
	font-weight: 400;
	text-decoration: none;
	transition: color 0.15s linear;
}

a.button-link-right::before {
	content: "";
	width: 32px;
	height: 32px;
	display: inline-block;
	flex-shrink: 0;
	border-radius: 50%;
	border: 2px solid var(--button-link-right-circle-border);
	background-color: var(--button-link-right-circle-bg);
	background-image: var(--button-link-right-arrow);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px auto;
	transition:
		background-color 0.15s linear,
		border-color 0.15s linear,
		background-image 0.15s linear;
}

a.button-link-right:hover,
a.button-link-right:focus,
a.button-link-right:focus-visible,
a.button-link-right:active {
	background-color: transparent;
	color: var(--button-link-right-hover-color);
}

a.button-link-right:hover::before,
a.button-link-right:focus::before,
a.button-link-right:focus-visible::before,
a.button-link-right:active::before {
	border-color: var(--button-link-right-circle-hover-border);
	background-color: var(--button-link-right-circle-hover-bg);
	background-image: var(--button-link-right-arrow-hover);
}

@media (max-width: 781px) {

	a.button-link-right {
		gap: 0.4rem;
	}

	a.button-link-right::before {
		width: 28px;
		height: 28px;
		background-size: 12px auto;
	}
}

/* Shared play/pause toggle. */
.butler-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	color: currentcolor;
	transition: background-color 0.15s linear, color 0.15s linear, border-color 0.15s linear;
}

.butler-toggle-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
}

.butler-toggle-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentcolor;
}

.butler-toggle-icon-play {
	display: none;
}

.butler-toggle[aria-pressed="true"] .butler-toggle-icon-play {
	display: inline-flex;
}

.butler-toggle[aria-pressed="true"] .butler-toggle-icon-pause {
	display: none;
}

.butler-toggle-solid {
	background: var(--wp--preset--color--custom-primary);
	color: var(--wp--preset--color--custom-white);
}

.butler-toggle-outline {
	border: 3px solid currentcolor;
	background: transparent;
}

.butler-toggle.butler-toggle-outline:hover,
.butler-toggle.butler-toggle-outline:focus-visible {
	border-color: transparent;
	background: var(--wp--preset--color--custom-primary);
	color: var(--wp--preset--color--custom-white);
}

/* Shared solid button (hero, directory, etc.). */
a.button-solid,
.button-solid {
	display: inline-block;
	padding: 0.875rem 1.5rem;
	border: 2px solid var(--wp--preset--color--custom-primary);
	border-radius: 0;
	background: var(--wp--preset--color--custom-primary);
	color: var(--wp--preset--color--custom-white);
	font-family: var(--wp--preset--font-family--clarendon);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
	transition:
		background-color 0.15s linear,
		border-color 0.15s linear,
		color 0.15s linear;
}

a.button-solid:hover,
a.button-solid:focus,
a.button-solid:focus-visible,
.button-solid:hover,
.button-solid:focus,
.button-solid:focus-visible {
	background: var(--wp--preset--color--custom-white);
	border-color: var(--wp--preset--color--custom-primary);
	color: var(--wp--preset--color--custom-primary);
	text-decoration: none;
}

/* stylelint-disable-next-line selector-class-pattern -- BEM element for legacy button-solid */
.button-solid__label {
	display: inline-block;
}

/* Shared color overlay utility (hero-alternate, etc.). */
/* stylelint-disable selector-class-pattern -- BEM color-overlay utility */
.color-overlay {
	position: relative;
}

.color-overlay::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	pointer-events: none;
}

.color-overlay__media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(100%) contrast(1) blur(0);
    mix-blend-mode: multiply;
}

.color-overlay--blue-bright {
	background-color: var(--wp--preset--color--custom-tertiary);
}

.color-overlay--blue-bright::before {
	background-color: #132956;
	mix-blend-mode: screen;
}
/* stylelint-enable selector-class-pattern */

/* Highlighted headings: the highlight format wraps text in <mark
   class="has-inline-color">, always with its background-color set inline. The
   heading's own line-height crowds the mark's background right up against the
   glyphs with no breathing room, so give it a little horizontal padding. */
h1 mark.has-inline-color,
h2 mark.has-inline-color,
h3 mark.has-inline-color,
h4 mark.has-inline-color,
h5 mark.has-inline-color,
h6 mark.has-inline-color {
	padding: 0.25rem 0.75rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}