/* Bump & Beyond: Page. */
.bump-beyond {
	background-color: #fff;

	.hero {
		.site-header {
			background-color: #00857A;
			position: relative;

			&:before {
				background-color: rgba(24, 24, 24, 0.5);
				content: "";
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}
		}

		.hero-background {
			display: none;
		}
	}

	.page-content {
		max-width: 1100px;
	}
}

.rc__palette {
	/* No defaults. */
}

.rc__palette--teal {
	--primary-color: #00857b;
	--secondary-color: #e6f3f2;
	--font-color: #fff;
}

.rc__palette--teal_blue {
	--primary-color: #1a667d;
	--secondary-color: #e6eef1;
	--font-color: #fff;
}

.rc__palette--gold {
	--primary-color: #ebab21;
	--secondary-color: #fdf7e9;
	--font-color: #181818;
}

.rc__palette--purple {
	--primary-color: #553178;
	--secondary-color: #eeeaf2;
	--font-color: #fff;
}

.rc__palette--smoke {
	--primary-color: #f6f6f6;
	--secondary-color: #fff;
	--font-color: #181818;
}


/* Banner. */
.rct__banner {
	align-content: center;
	align-items: center;
	background-color: #fbf5ea;
	display: flex;
	height: 85px;
	justify-content: center;
	min-width: 320px;
	position: sticky;
	top: 0;
	transform: translateY(0);
	transition: transform 0.25s ease;
	z-index: 3;

	@media (max-width: 979px) {
		height: 67px;
	}

	&:before {
		background-color: #fbf5ea;
		content: "";
		height: 100%;
		inset: 0 calc(50% - 50vw);
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;
	}

	&:after {
		background-image: url("data:image/svg+xml,%3Csvg width='400' height='85' viewBox='0 0 400 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M200 -18C89.543 -18 1.33705e-06 72.8772 2.39368e-10 184.98C4.61796e-10 184.961 89.543 185 200 185C310.457 185 400 184.98 400 184.98C400 72.8773 310.457 -18 200 -18Z' fill='%23F9E6BC'/%3E%3C/svg%3E");
		background-position: center;
		content: "";
		height: 85px;
		position: absolute;
		width: 360px;

		@media (max-width: 979px) {
			height: 67px;
		}
	}

	div {
		color: #00504a;
		font-size: 44px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		position: relative;
		z-index: 2;

		@media (max-width: 979px) {
			font-size: 36px;
		}

		span {
			color: #00857b;
		}
	}
}

.rct__banner__sentinel {
	height: 1px;
	left: 0;
	opacity: 1;
	pointer-events: none;
	position: fixed !important;
	top: 0;
	visibility: visible;
	width: 1px;
	z-index: -1;
}

.rct__header {
	align-items: center;
	background-color: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.04);
	display: flex;
	gap: 2rem;
	height: 88px;
	justify-content: space-between;
	position: sticky;
	top: 85px;
	transform: translateY(0);
	transition: transform 0.25s ease;
	z-index: 3;

	@media (max-width: 979px) {
		height: 69px;
		top: 67px;
	}

	&:before {
		background-color: #fff;
		content: "";
		height: 100%;
		inset: 0 calc(50% - 50vw);
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;
	}
}

.rct__header__navigation {
	align-items: center;
	display: flex;
}

.rct__header__navigation--hidden {
	display: none;
}

.rct__header__navigation__bmc {
	align-items: center;
	color: #000;
	display: none;
	font-size: 14px;
	font-weight: 700;
	gap: 10px;
	margin-right: 40px;
	text-decoration: none;
}

.rct__header__navigation__bmc--visible {
	@media (max-width: 979px) {
		display: flex;
	}
}

.rct__header__navigation__list {
	display: flex;
	gap: 40px;
	list-style-type: none;
	margin: 0;

	@media (max-width: 979px) {
		display: none;
	}
}

.rct__header__navigation__list--active {
	background-color: #fff;
	border-top: 1px solid #eeeaf2;
	display: flex;
	flex-direction: column;
	left: -20px;
	padding: 40px 20px 50px 30px;
	position: absolute;
	top: 69px;
	width: 100vw;

	.rct__header__navigation__list__item__dropdown--active {
		align-items: flex-start;
		display: flex;
		flex-direction: column;

		.rct__header__navigation__list__item__link__dropdown-menu {
			box-shadow: none;
			position: relative;
			padding-left: 30px;
			padding-top: 30px;

			li {
				padding-bottom: 10px;
				padding-top: 10px;
			}
		}
	}
}

.rct__header__navigation__list__item {
	align-items: center;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	margin: 0;
	position: relative;

	@media (max-width: 979px) {
		font-size: 14px;
	}

	&:first-child {
		.rct__header__navigation__list__item__link {
			&:first-child {
				display: block;

				@media (max-width: 979px) {
					display: none;
				}
			}

			&:last-child {
				display: none;

				@media (max-width: 979px) {
					display: block;
				}
			}
		}
	}
}

.rct__header__navigation__list__item--dummy {
	border-bottom: 1px solid transparent;
	color: #553178;
	cursor: pointer;

	@media (min-width: 980px) {
		display: none;
	}

	&:hover {
		border-bottom: 1px solid #f9e6bc;
		color: #553178 !important;
	}

	&:focus {
		outline: none;
	}
}

.rct__header__navigation__list__item--dummy--active {
	+ ul:after {
		background-color: #fff;
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.04);
		content: '';
		height: 100%;
		height: 60vh;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: -1;
	}
}

.rct__header__navigation__list__item--dummy--active:after {
	background-position: left !important;
	transform: rotate(180deg);
}

.rct__header__navigation__list__item__link {
	align-items: center;
	background: none;
	border: none;
	border-bottom: 1px solid transparent;
	color: #553178;
	cursor: pointer;
	display: flex;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-decoration: none;
	transition: border 0.25s ease;

	&:hover {
		border-bottom: 1px solid #f9e6bc;
		color: #553178 !important;
	}

	&:focus {
		outline: none;
	}
}

.rct__header__navigation__list__item__link__dropdown-toggle {
	margin-right: 30px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	-webkit-font-smoothing: antialiased;

	&:after {
		background-image: url(/themes/custom/bmc_base_theme/assets/images/icons/icon-white-purple-down.svg);
		background-position: right;
		background-repeat: no-repeat;
		background-size: 13px;
		content: "";
		display: inline-block;
		height: 27px;
		position: absolute;
		right: -25px;
		width: 30px;
	}
}

.rct__header__navigation__list__item__link__dropdown-menu {
	background-color: #fff;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
	display: none;
	left: 0;
	list-style-type: none;
	margin: 0;
	min-width: 200px;
	opacity: 0;
	padding: 18px 25px 10px 25px;
	position: absolute;
	top: 100%;
	transition: opacity .25s ease, transform .25s ease;
	visibility: hidden;
	z-index: 3;
}

.rct__header__navigation__list__item__link__dropdown-link {
	color: #553178;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;

	&:hover {
		color: #553178 !important;
		text-decoration: underline;
	}

	&:focus {
		outline: none;
	}
}

.rct__header__navigation__list__item__dropdown--active {
	.rct__header__navigation__list__item__link__dropdown-menu {
		display: block;
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}

	.rct__header__navigation__list__item__link__dropdown-toggle {
		border-bottom: 1px solid #f9e6bc;
	}

	.rct__header__navigation__list__item__link__dropdown-toggle:after {
		background-position: left;
		transform: rotate(180deg);
	}
}

.rct__header__search {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
	width: auto;
}

.rct__header__search__form {
	align-items: center;
	background-color: #f8f9fa;
	border: 1px solid #553178;
	border-radius: 4px;
	display: flex;
	margin-bottom: 0;
	max-width: 400px;
	overflow: hidden;
	position: relative;
	width: 100%;

	@media (max-width: 979px) {
		height: 32px;
		width: 32px;
	}

	input[type="search"] {
		border: 0;
		border-radius: 0;
		padding: 0 16px;

		@media (max-width: 979px) {
			padding: 0;
			transition: none;
		}

		&:hover {
			outline: none;
		}
	}
}

.rct__header__search__form--active {
	@media (max-width: 979px) {
		max-width: unset;
		width: 100%;

		button[type="submit"]:not([class*="btn"]).rct__header__search__button__submit {
			border-left: 1px solid #553178;
		}

		input[type="search"] {
			padding: 0 16px;
		}
	}
}

button[type="button"]:not([class*="btn"]).rct__header__search__button__collapse {
	display: none;
}

button[type="button"]:not([class*="btn"]).rct__header__search__button__collapse--visible {
	align-items: center;
	background-color: transparent;
	background-image: url(/themes/custom/bmc_base_theme/assets/images/icons/icon-white-purple-down.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
	border: 0;
	display: flex;
	min-width: 32px;
	padding-left: 0;
	padding-left: 0;
	transform: rotate(90deg);
	width: 32px;

	svg {
		height: 15px;
		width: 15px;
	}
}

button[type="submit"]:not([class*="btn"]).rct__header__search__button__submit {
	align-items: center;
	background-color: #eeeaf2;
	border: none;
	border-left: 1px solid #553178;
	border-radius: 0;
	color: #553178 !important;
	cursor: pointer;
	display: flex;
	height: 48px;
	padding-left: 18px;
	padding-right: 18px;

	@media (max-width: 979px) {
		border-left: 0;
		height: 32px;
		margin-top: unset;
		padding: 8px;
		transition: none;
		width: 32px;
	}

	&:hover {
		background-color: #d7cee0;
	}

	&:focus {
		background-color: #eeeaf2;
		filter: none;
		outline: none;
	}

	svg {
		height: 20px;
		width: 20px;
	}
}

button[type="button"]:not([class*="btn"]).rct__header__search__button__expand {
	display: none;

	@media (max-width: 979px) {
		align-items: center;
		border: none;
		border-radius: 0;
		color: #553178 !important;
		cursor: pointer;
		display: flex;
		height: 48px;
		padding: 8px;
		position: absolute;
		right: 0;
		transition: none;
		width: 32px;
	}

	&:hover {
		background-color: #eeeaf2;
		color: #00857b;
	}

	&:focus {
		background-color: #eeeaf2;
		filter: none;
		outline: none;
	}

	svg {
		height: 20px;
		width: 20px;
	}
}

button[type="button"]:not([class*="btn"]).rct__header__search__button__expand--hidden {
	display: none;
}

button[type="button"]:not([class*="btn"]).rct__header__search__button__close {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	display: none;
	height: 48px;
	padding: 0 15px;
	width: auto;

	svg {
		height: 10px;
		width: 10px;
	}
}

button[type="button"]:not([class*="btn"]).rct__header__search__button__close--visible {
	align-items: center;
	display: flex !important;
}

button[type="reset"]:not([class*="btn"]).rct__header__search__button__cancel {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #553178;
	display: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
	padding: 0 15px;

	@media (max-width: 979px) {
		margin-top: unset;
		width: auto;
	}
}

button[type="reset"]:not([class*="btn"]).rct__header__search__button__cancel--visible {
	display: block;
	padding-right: 0;
}


/* Resource Center - Category: Hero. */
.rc__hero {
	align-items: stretch;
	background-color: var(--primary-color) !important;
	display: flex;
	min-height: 630px;
	position: relative;

	@media (max-width: 979px) {
		align-items: initial;
		flex-direction: column;
		margin-left: -20px;
		margin-right: -20px;
		min-height: auto;
	}

	&:before {
		background-color: var(--primary-color) !important;
		content: "";
		height: 100%;
		inset: 0 calc(50% - 50vw);
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;
	}
}

.rc__hero__image,
.rc__hero__content {
	flex-basis: 50%;
	flex-grow: 1;
	min-width: 0;
}

.rc__hero__image {
	display: flex;
	margin-left: -500px;

	@media (max-width: 979px) {
		flex-basis: auto;
		margin-left: 0;
		min-height: 474px;
		max-height: none;
	}

	picture,
	img {
		display: block;
		height: 100%;
		object-fit: cover;
		width: 100%;

		@media (max-width: 979px) {
			height: auto;
			min-height: 474px;
		}
	}
}

.rc__hero__content {
	color: var(--font-color);
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 550px;
	padding: 50px 80px;

	@media (max-width: 979px) {
		padding: 30px 20px;
	}

	h1,
	p {
		color: inherit;
	}

	h1 {
		margin-bottom: 24px;
	}

	p:last-child {
		margin-bottom: 0;
	}
}


/* Resource Center - Category: Intro. ".section" is needed for specification. */
.rc__intro.section {
	background-color: var(--primary-color) !important;
	padding-bottom: 100px;
	padding-top: 80px;
	position: relative;

	&:before {
		background-color: var(--primary-color) !important;
		content: "";
		height: 100%;
		inset: 0 calc(50% - 50vw);
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;
	}

	* {
		color: var(--font-color);
	}

	h2 {
		margin-bottom: 24px;
	}

	p {
		font-size: 18px;
	}
}


/* Resource Center - Category: Tabs. */
.rc__tabs__wrapper {
	position: relative;
}

.rc__tabs {
	margin-top: -64px;
	position: sticky;
	top: 20px;
	z-index: 2;

	@media (max-width: 979px) {
		margin-left: -20px;
		margin-right: -20px;
		margin-top: -84px;
		top: 0;
	}
}

.rc__tabs--sticky {
	.rc__tabs__list__item {
		@media (max-width: 979px) {
			min-height: 62px;
		}
	}

	.rc__tabs__list__item__button {
		@media (max-width: 979px) {
			align-items: center;
			flex-direction: row;
			justify-content: flex-start;
		}
	}
}

.rc__tabs__sticky__sentinel {
	height: 3px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	visibility: hidden;
}

.rc__tabs__list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;

	@media (max-width: 979px) {
		-webkit-overflow-scrolling: touch;
		cursor: grab;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 20px;
		scroll-snap-type: none;
		scrollbar-width: none;
		user-select: none;
	}
}

.rc__tabs__list--dragging {
	@media (max-width: 979px) {
		cursor: grabbing;
		scroll-snap-type: none;
	}
}

.rc__tabs__list__item {
	display: flex;
	list-style-type: none;
	flex: 1 1 calc(16.666% - 20px);
	margin: 0;
	min-height: 128px;
	transition: all .25s ease;

	@media (max-width: 979px) {
		flex: 0 0 calc(50% - 25px);
		scroll-snap-align: start;
	}

	&:before {
		display: none;
	}

	small {
		display: flex;
		flex-direction: column;
		font-size: 18px;
		font-weight: 500;
		gap: 10px;

		@media (max-width: 979px) {
			font-size: 16px;
			white-space: nowrap;
		}
	}

	img {
		height: 24px;
		min-height: 24px;
		min-width: 24px;
		object-fit: contain;
		width: 24px;
	}
}

.rc__tabs__list__item__button {
	align-items: flex-start;
	all: unset;
	background-color: #fff;
	border-bottom: 8px solid transparent;
	border-radius: 8px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	padding: 16px 24px 8px;
	transition: background-color 0.25s ease;
	white-space: normal;
	width: 100%;

	&:hover {
		background-color: var(--secondary-color);
	}

	&:focus-visible {
		outline: 2px solid var(--primary-color);
		outline-offset: 2px;
	}
}

.rc__tabs__list__item--active .rc__tabs__list__item__button {
	background-color: var(--secondary-color);
	border-bottom-color: var(--primary-color);
}


/* Resource Center - Category: Subcategory. */
.rc__subcategory__content {
	display: flex;
	flex-direction: column;
}


/* Resource Center - Category: Teaser. */
.rc__teaser {
	align-items: stretch;
	background-color: var(--teaser-background-color);
	display: flex;
	margin-bottom: 80px;
	margin-top: 80px;
	padding: 80px 0;
	position: relative;

	@media (max-width: 979px) {
		flex-direction: column;
		gap: 40px;
		padding: 40px 0;
	}

	&:before {
		background-color: var(--teaser-background-color);
		content: "";
		height: 100%;
		inset: 0 calc(50% - 50vw);
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;
	}
}

.rc__teaser__intro {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 30px;
	justify-content: center;
	margin-right: 20px;
}

.rc__teaser__headline {
	color: #181818;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 0;
}

.rc__teaser__description {
	* {
		color: #181818;
		margin-bottom: 0;
	}
}

.rc__teaser__carousel {
	display: flex;
	flex-direction: column;
	flex: 2;
	gap: 20px;
	overflow: hidden;
	position: relative;
}

.rc__teaser__track {
	display: flex;
	gap: 20px;
	height: 100%;
	transition: transform 0.25s ease;
}

.rc__teaser__card {
	background-color: var(--primary-color);
	border-radius: 12px;
	color: var(--font-color);
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 20px;
	justify-content: center;
	max-width: 350px;
	padding: 60px 20px;
	position: relative;
	text-decoration: none;
	width: 100%;

	@media (max-width: 979px) {
		max-width: 280px;
	}

	&:hover h4 svg {
		transform: translateX(0.5rem);
	}
}

.rc__teaser__card__image {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	max-height: 160px;
}

.rc__teaser__card__title {
	align-items: center;
	color: inherit;
	display: flex;
	font-weight: 700;
	justify-content: space-between;
	line-height: 150%;
	margin-bottom: 0;
	margin-top: 0;

	svg {
		margin-left: 12px;
		min-height: 24px;
		min-width: 24px;
		transition: transform 0.25s ease;
	}
}

.rc__teaser__card__blurb * {
	margin-bottom: 0;
}

.rc__teaser__navigation {
	display: flex;
	gap: 10px;
	justify-content: flex-end;

	@media (max-width: 979px) {
		justify-content: center;
	}
}

.rc__teaser__navigation__button {
	align-items: center;
	background-color: #00857b;
	border-radius: 50%;
	border: 2px solid #00857b;
	cursor: pointer;
	display: flex;
	height: 40px;
	justify-content: center;
	transition: all 0.25s ease;
	width: 40px;

	svg {
		max-height: 20px;
		max-width: 20px;
	}

	&:hover:not(:disabled) {
		background-color: #0f766e;
		border-color: #0f766e;
	}

	&:disabled {
		background-color: #f6f6f6;
		border-color: #cecece;
		cursor: not-allowed;
		transform: none;

		path {
			fill: #cecece;
		}
	}
}


/* Resource Center - Subcategory: Overview. */
.rc__overview {
	margin-bottom: 80px;
	margin-top: 40px;


	@media (max-width: 979px) {
		margin-top: 20px;
	}
}

.rc__overview__headline {
	font-weight: 700;
}

.rc__overview__content {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 20px;

	@media (max-width: 979px) {
		flex-direction: column;
		gap: 0;
	}

	p {
		margin-bottom: 0;
	}
}

.rc__overview__content__columns {
	display: flex;
	flex-direction: row;
	gap: 20px;

	@media (max-width: 979px) {
		flex-direction: column;
	}
}

.rc__overview__content__columns__column {
	flex: 0 0 calc(50% - 10px);

	&:last-child p {
		margin-bottom: 0;
	}
}


/* Resource Center - Subcategory: Recommended. */
.rc__recommended {
	margin-bottom: 80px;
	margin-top: 80px;
}


/* Resource Center - Subcategory: Promotion. */
.rc__promotion {
	align-items: center;
	background-color: var(--primary-color);
	border-radius: 40px 4px;
	color: #181818;
	display: flex;
	gap: 20px;
	margin: 0 auto;
	padding: 35px 48px;
	width: 100%;

	@media (max-width: 979px) {
		align-items: flex-start;
		flex-direction: column;
		height: auto;
		padding: 24px;
	}
}

.rc__promotion__headline {
	color: var(--font-color);
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
}

.rc__promotion__description {
	flex: 1;

	p {
		color: var(--font-color);
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
		margin-bottom: 0;
	}
}

.rc__promotion__link {
	color: var(--font-color);
	display: flex;
	gap: 10px;

	@media (max-width: 979px) {
		margin-top: 10px;
	}

	&:hover {
		color: var(--font-color) !important;

		svg {
			transform: translateX(0.5rem);
		}
	}

	svg {
		gap: 12px;
		min-height: 24px;
		min-width: 24px;
		transition: transform 0.25s ease;
	}
}


/* Resource Center - Subcategory: Resources. */
.rc__resources {
	margin-bottom: 80px;
	margin-top: 80px;

	.view-bump-beyond-week-by-week .views-row:nth-child(n+7) {
		display: none;
	}

	&.rc__resources--load-more--active .view-bump-beyond-week-by-week .views-row:nth-child(n+7) {
		display: flex;

		@media (max-width: 979px) {
			display: block;
		}
	}

	.view-bump-beyond,
	.view-bump-beyond-subcategory,
	.view-bump-beyond-week-by-week {
		display: flex;
		flex-wrap: wrap;

		@media (max-width: 979px) {
			display: block;
		}
	}

	.view-header,
	.view-filters {
		align-items: center;
		display: flex;
	}

	.view-header {
		flex: 1;
		font-size: 16px;
		font-weight: 400;
		height: 50px;
	}

	.view-filters {
		flex: 1;
		justify-content: flex-end;

		form {
			margin-bottom: 0;

		}

		label {
			font-size: 18px;
			font-weight: 500;

			@media (max-width: 979px) {
				flex: 0 0 auto;
			}
		}

		.js-form-item {
			align-items: center;
			display: flex;
			gap: 20px;
			margin: 0 0 10px 0;
		}

		.js-form-submit {
			display: none;
		}

		.ss-main:focus-visible {
			border: 1px solid #6d6d6d;
		}
	}

	.view-content {
		flex: 1 1 100%;
	}

	.new-pagination {
		flex: 1 1 100%;

		.pager__items {
			margin-bottom: 0;
		}

		.pager__item:has(a:hover)::after {
			height: .25rem;
		}

		.pager__item a {
			&:focus,
			&:focus-visible {
				border: 0;
				outline: none !important;
			}

			&:hover {
				background-color: transparent;
			}
		}

		.pager__item:has(a:focus),
		.pager__item:has(a:focus-visible) {
			border: 0;
			outline: none;
		}
	}

	.view-bump-beyond-subcategory,
	.view-bump-beyond-week-by-week {
		.view-content {
			align-items: stretch;
			display: flex;
			flex-wrap: wrap;
			gap: 20px;

			@media (max-width: 979px) {
				flex-direction: column;
				gap: unset;
			}
		}

		.views-row {
			display: flex;
			flex: 0 1 calc((100% - 40px) / 3);

			@media (max-width: 979px) {
				flex: unset;
			}

			.rc__card {
				background-color: #fff;
				display: flex;
				flex-direction: column;
				flex: 1;

				@media (max-width: 979px) {
					flex-direction: row;
					flex-wrap: wrap;
					margin-bottom: 24px;
				}
			}

			.rc__card__image {
				@media (max-width: 979px) {
					flex-basis: 0;
					flex-grow: unset;
					min-height: unset;
					width: 100px;
				}
			}

			.rc__card__content {
				@media (max-width: 979px) {
					padding: 8px 15px 15px;
				}

				h4 {
					@media (max-width: 979px) {
						align-items: flex-start;
						display: flex;
						gap: 12px;
						justify-content: unset;
						margin-bottom: 0;
						margin-top: 10px;
					}
				}

				p {
					display: none;
				}

				svg,
				img {
					@media (max-width: 979px) {
						margin-top: 7px;
					}
				}
			}

			.rc__card__content__type {
				@media (max-width: 979px) {
					background-color: transparent;
					flex-basis: 100%;
					padding-bottom: 0;
					padding-left: 0;
					padding-right: 0;
					position: relative;
					top: 0;
					width: 100%;
				}
			}
		}
	}
}


/* Resource Center - Subcategory - Archive: Hero. */
.rc__hero__category {
	align-items: flex-end;
	background-color: var(--secondary-color);
	border-radius: 0 0 100px 0;
	display: flex;
	min-height: 500px;
	position: relative;

	@media (max-width: 979px) {
		min-height: 374px;
	}

	&:before {
		background-color: inherit !important;
		border-radius: 0 0 100px 0;
		content: "";
		height: 100%;
		inset: 0 calc(50% - 50vw);
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;

		@media (max-width: 979px) {
			border-radius: 0;
		}
	}

	.wrapper {
		padding-bottom: 40px;
		padding-top: 40px;
		width: 100%;
	}

	.headings {
		margin-bottom: 10px !important;
	}

	h1 {
		font-size: 44px;

		@media (max-width: 979px) {
			font-size: 36px;
		}
	}

	h2 {
		font-size: 20px;
		font-weight: 700;
		line-height: 150%;
		margin-bottom: .75rem;
		margin-top: 0;
		text-transform: uppercase;

		@media (max-width: 979px) {
			font-size: 13px;
		}
	}

	.summary {
		font-size: 18px;
		font-weight: 500;
	}
}


/* Resource Center Detail: Hero. Some of the styling is from generic hero. */
.rcd__hero {
	background-color: var(--secondary-color);
	display: grid;
	gap: 0;
	grid-template-columns: 55% minmax(300px, 45%);
	grid-template-rows: 1fr;
	justify-content: center;
	margin-bottom: 126px;
	margin-left: 50%;
	max-width: initial;
	padding: 0 1rem;
	position: relative;
	transform: translateX(-50%);
	width: 100vw;

	@media (max-width: 979px) {
		margin-bottom: 0;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}
}

.rcd__hero__content {
	align-items: flex-start;
	background: initial;
	display: flex;
	flex-direction: column;
	grid-column: 1 / 1;
	grid-row: 1 / 1;
	height: 100%;
	justify-content: flex-end;
	justify-self: flex-end;
	max-width: 45rem;
	min-height: 446px;
	padding: 6rem 1rem 5rem 2rem;
	position: initial;
	width: 100%;

	@media (max-width: 979px) {
		grid-column: 1;
		grid-row: 1;
		max-width: unset;
		min-height: auto;
		order: 1;
		padding: 5rem 1.25rem 1.25rem;
	}
}

.rcd__hero__content__overline {
	font-size: 20px;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: .75rem;
	margin-top: 0;
	text-transform: uppercase;

	@media (max-width: 979px) {
		font-size: 13px;
	}
}

.rcd__hero__content__headline {
	font-size: 56px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: .75rem;
	margin-top: 0;

	@media (max-width: 979px) {
		font-size: 36px;
	}
}

.rcd__hero__image {
	grid-row-end: span 2;
	height: 100%;
	position: relative;
	width: 100%;

	@media (max-width: 979px) {
		height: clamp(235px, 400px, 35vh);
	}

	img {
		border-radius: 0 0 100px 8px;
		height: clamp(400px, 100% + 572px - 100%, 800px);
		margin: 0;
		max-width: initial;
		object-fit: cover;
		object-position: center;
		position: absolute;
		width: calc(100% + 1rem);

		@media (max-width: 979px) {
			height: 100%;
			margin-left: -1rem;
			border-radius: 0;
			position: relative;
		width: calc(100% + 2rem);
		}

	}
}

.rcd__hero--alt {
	align-items: center;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	margin: unset;
	max-width: unset;
	padding: unset;
	position: relative;
	transform: unset;
	width: unset;

	&:before {
		background-color: #f9f9f9;
		content: "";
		height: 250px;
		inset: 0 calc(50% - 50vw);
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;
	}

	.rcd__hero__image {
		height: 178px;
		margin-bottom: -45px;
		margin-top: 50px;
		width: 178px;

		img {
			max-width: 178px;
			max-height: 178px;
			border-radius: 0;

			@media (max-width: 979px) {
				margin-left: unset;
			}
		}
	}

	.rcd__hero__content {
		background-color: #fff;
		border-radius: 8px;
		box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
		display: unset;
		max-width: 915px;
		min-height: 180px;
		padding: 40px 46px;
		text-align: center;

		@media (max-width: 979px) {
			order: unset;
		}

		p {
			margin-bottom: 0;
		}
	}
}


/* Resource Center Detail: Navigation. */
.rcd__navigation {
	margin-bottom: 30px;

	@media (max-width: 979px) {
		margin-top: 30px;
	}

	a {
		display: inline-flex;

		&:hover {
			svg {
				transform: translateX(-0.5rem);
			}
		}
	}

	svg {
		margin-right: 12px;
		min-height: 24px;
		min-width: 24px;
		transition: transform 0.25s ease;
	}
}
.rcd__hero--alt + .rcd__navigation {
	display: none;

	@media (max-width: 979px) {
		display: block;
	}
}

/* Resource Center Detail: Container. */
.rcd__container {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-bottom: 80px;
	margin-top: 80px;

	@media (max-width: 979px) {
		align-items: stretch;
		flex-direction: column;
	}
}


/* Resource Center Detail: Navigation. */
.rcd__sidebar {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: column;
	flex: 0 0 25%;
	padding: 10px 16px;

	ul {
		/*border-bottom: 1px solid #000;*/
		list-style-type: none;
		margin-bottom: 20px;
		/*padding-bottom: 5px;*/
		margin-bottom: 0;
		margin-left: 0;
	}

	li {
		padding: 10px 16px;
	}
}

.rcd__sidebar__label {
	font-size: 13px;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.rcd__sidebar__value {
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
	margin-left: 15px;
}

.rcd__sidebar__share {
	display: flex;
	justify-content: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
}


/* Resource Center Detail: Content. */
.rcd__content {
	padding: 0 20px;
	width: 75%;

	@media (max-width: 979px) {
		margin-top: 50px;
		padding: 0;
		width: 100%;
	}
}


/* Resource Center Detail: Timeline. */
.rcd__timeline {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 50px;
	width: 100%;
}

.rcd__timeline__headline {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
}

.rcd__timeline__wrapper {
	align-items: center;
	display: flex;
	max-width: 100%;
	overflow: hidden;
}

.rcd__timeline__navigation {
	align-items: center;
	background: transparent;
	border: 0;
	cursor: pointer;
	display: flex;
	height: 40px;
	justify-content: center;
	width: 40px;

	@media (max-width: 979px) {
		height: 32px;
		width: 32px;
	}

	svg {
		max-height: 20px;
		max-width: 20px;

		@media (max-width: 979px) {
			max-height: 16px;
			max-width: 16px;
		}
	}

	path {
		fill: #00857b;
	}

	&:hover:not(:disabled) path {
		fill: #0f766e;
	}

	&:disabled {
		background-color: transparent;
		cursor: not-allowed;

		path {
			fill: #cecece;
		}
	}
}

.rcd__timeline__track {
	align-items: center;
	cursor: grab;
	display: flex;
	height: 120px;
	max-width: 720px;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
	user-select: none;
	width: 100%;

	@media (max-width: 979px) {
		max-width: 100%;
	}
}

.rcd__timeline__container {
	align-items: center;
	display: flex;
	transition: transform 0.25s ease;
}

.rcd__timeline__week {
	background-color: #e6f3f2;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	font-size: 14px;
	font-weight: 500;
	height: 68px;
	justify-content: center;
	line-height: 150%;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
	text-decoration: none;
	transition: background-color .25s ease, color .25s ease, height .25s ease, width .25s ease;
	user-select: none;
	width: 68px;

	&:hover {
		background-color: #00504a;
		color: #fff;
	}

	@media (max-width: 979px) {
		font-size: 12px;
		height: 56px;
		margin-left: 10px;
		margin-right: 10px;
		width: 56px;
	}

	&:first-child {
		margin-left: 0;
	}

	&:last-child {
		margin-right: 0;
	}
}

.rcd__timeline__week--active {
	background-color: #00504a;
	color: #fff;
	font-size: 18px;
	height: 100px;
	width: 100px;

	@media (max-width: 979px) {
		font-size: 16px;
		height: 80px;
		width: 80px;
	}

	.rcd__timeline__week__number {
		font-size: 28px;

		@media (max-width: 979px) {
			font-size: 22px;
		}
	}
}

.rcd__timeline__week__number {
	font-size: 18px;
}

.rcd__weekly-affirmation {
	align-items: flex-start;
	background-color: #fff;
	border-radius: 60px 16px 16px 16px;
	box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-bottom: 40px;
	margin-top: 40px;
	max-width: 800px;
	padding: 92px 32px 32px 32px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.rcd__weekly-affirmation__rainbow {
	background: linear-gradient(135deg, #E8E4F3 0%, #F5F3E8 50%, #E3F5F0 100%);
	border-bottom-right-radius: 60px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	height: 120px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;

	&:before {
		background-color: #fff;
		border-bottom-right-radius: 60px;
		border-top-left-radius: 60px;
		content: "";
		height: 60px;
		left: 0;
		position: absolute;
		top: 60px;
		width: 100%;
	}

	&:after {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjkgMjlIMEwwLjU2MTE0NCAyOC45MTJDMTUuMzczMSAyNi41ODg1IDI2LjkyMTIgMTQuODQ4MyAyOSAwVjI5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
		content: "";
		height: 29px;
		position: absolute;
		right: 0;
		top: 31px;
		width: 29px;
	}
}

.rcd__weekly-affirmation__overline {
	color: #000;
	font-family: Figtree;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: uppercase;
	z-index: 2;
}

.rcd__weekly-affirmation__headline {
	margin: 0;
}

.rcd__weekly-affirmation__content {
	p {
		margin-bottom: 0;
	}
}


/* Resource Center Detail: Related. */
.rcd__related {
	align-items: stretch;
	background-color: #f6f6f6;
	margin-bottom: 80px;
	margin-top: 80px;
	padding: 80px 0;
	position: relative;

	@media (max-width: 979px) {
		flex-direction: column;
		gap: 40px;
		padding: 40px 0;
		/*padding: 30px 0;*/
	}

	&:before {
		background-color: #f6f6f6;
		content: "";
		height: 100%;
		inset: 0 calc(50% - 50vw);
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;
	}

	.view-resource-center-detail {
		display: flex;
		flex-wrap: wrap;

		@media (max-width: 979px) {
			display: block;
		}
	}

	.view-content {
		flex: 1 1 100%;
	}

	.new-pagination {
		flex: 1 1 100%;

		.pager__items {
			margin-bottom: 0;
		}

		.pager__item:has(a:hover)::after {
			height: .25rem;
		}

		.pager__item a {
			&:focus,
			&:focus-visible {
				border: 0;
				outline: none !important;
			}

			&:hover {
				background-color: transparent;
			}
		}

		.pager__item:has(a:focus),
		.pager__item:has(a:focus-visible) {
			border: 0;
			outline: none;
		}
	}

	.view-resource-center-detail {
		margin-top: 24px;

		.view-content {
			align-items: stretch;
			display: flex;
			flex-wrap: wrap;
			gap: 20px;

			@media (max-width: 979px) {
				flex-direction: column;
				gap: unset;
			}
		}

		.views-row {
			display: flex;
			flex: 0 1 calc((100% - 40px) / 3);

			@media (max-width: 979px) {
				flex: unset;
			}

			.rc__card {
				background-color: #fff;
				display: flex;
				flex-direction: column;
				flex: 1;

				@media (max-width: 979px) {
					flex-direction: row;
					flex-wrap: wrap;
					margin-bottom: 24px;
				}
			}

			.rc__card__image {
				@media (max-width: 979px) {
					flex-basis: 0;
					flex-grow: unset;
					min-height: unset;
					width: 100px;
				}
			}

			.rc__card__content {
				@media (max-width: 979px) {
					padding: 8px 15px 15px;
				}

				h4 {
					@media (max-width: 979px) {
						align-items: flex-start;
						display: flex;
						gap: 12px;
						justify-content: unset;
						margin-bottom: 0;
						margin-top: 10px;
					}
				}

				p {
					display: none;
				}

				svg,
				img {
					@media (max-width: 979px) {
						margin-top: 7px;
					}
				}
			}

			.rc__card__content__type {
				@media (max-width: 979px) {
					background-color: transparent;
					flex-basis: 100%;
					padding-bottom: 0;
					padding-left: 0;
					padding-right: 0;
					position: relative;
					top: 0;
					width: 100%;
				}
			}
		}
	}
}

.rcd__related--alt {
	background-color: #fff;

	&:before {
		background-color: #fff;
	}
}

.rcd__related__headline {
	color: #181818;
	font-weight: 700;
	margin-bottom: 24px;
}


/* Resource Center: Home. */
.page-node-type-resource-center {
	background-color: #fbf5ea;

	/* Resource Center Type: Promotion. */
	.rc__promotion {
		background-color: #006a62;
	}
	.rc__promotion__headline,
	.rc__promotion__description p,
	.rc__promotion__link {
		color: #fff;
	}

	.rc__promotion__link:hover {
		color: #fff !important;
	}
}


/* Resource Center Type: Hero. */
.rct__hero {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 80px;
	margin-top: 80px;

	img {
		margin-top: 30px;
		max-width: 630px;
	}
}

.rct__hero__overline {
	color: #6d6d6d;
	font-size: 13px;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase;
}

.rct__hero__headline {
	font-size: 44px;
	font-weight: 700;
	line-height: 120%;
	margin: 16px auto 0;
	text-align: center;


	@media (max-width: 979px) {
		font-size: 36px;
	}
}

.rct__hero__description {
	font-size: 24px;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;

	p:last-child {
		margin-bottom: 0;
	}

	@media (max-width: 979px) {
		font-size: 20px;
	}
}

.rct__hero__image {
	overflow: hidden;
	position: relative;

	@media (max-width: 979px) {
		display: flex;
		justify-content: center;
		max-width: 100vw;
	}
}


/* Resource Center Type: Search. */
.rct__search {
	align-items: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 80px;
	margin-top: 80px;
}

.rct__search__description {
	font-size: 24px;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 0;
	text-align: center;

	@media (max-width: 979px) {
		font-size: 20px;
	}
}

.rct__search__form {
	align-items: center;
	background-color: unset;
	display: flex;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	max-width: 400px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.rct__search__form input[type="search"] {
	background-color: #fff;
	border: 1px solid #553178;
	border-radius: 4px;
	height: 56px;
	padding: 0 50px 0 16px;

	&:hover,
	&:focus,
	&:focus-visible {
		border: 1px solid #553178;
		outline: none;
	}
}

.rct__search__button__close {
	background-color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	display: none;
	height: 48px;
	padding: 0 15px !important;
	position: absolute;
	right: 70px;
	width: auto;

	@media (max-width: 979px) {
		height: 48px !important;
		margin-top: 0 !important;
		width: auto !important;
	}

	svg {
		height: 10px;
		width: 10px;
	}
}

.rct__search__button__close--visible {
	display: block;
}

button[type="submit"]:not([class*="btn"]).rct__search__button__submit {
	background-color: #eeeaf2;
	border: 0;
	border-radius: 4px;
	height: 56px;
	margin-left: 10px;
	margin-top: 0;
	min-width: 56px;
	padding: 16px 18px;
	width: 56px;

	&:hover,
	&:focus,
	&:focus-visible {
		background-color: #d7cee0;
		filter: unset;
		outline: none;
	}

	&:before {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.1333 24L13.7333 15.6C13.0667 16.1333 12.3 16.5556 11.4333 16.8667C10.5667 17.1778 9.64444 17.3333 8.66667 17.3333C6.24444 17.3333 4.19467 16.4947 2.51733 14.8173C0.839111 13.1391 0 11.0889 0 8.66667C0 6.24444 0.839111 4.19422 2.51733 2.516C4.19467 0.838667 6.24444 0 8.66667 0C11.0889 0 13.1391 0.838667 14.8173 2.516C16.4947 4.19422 17.3333 6.24444 17.3333 8.66667C17.3333 9.64444 17.1778 10.5667 16.8667 11.4333C16.5556 12.3 16.1333 13.0667 15.6 13.7333L24 22.1333L22.1333 24ZM8.66667 14.6667C10.3333 14.6667 11.7502 14.0836 12.9173 12.9173C14.0836 11.7502 14.6667 10.3333 14.6667 8.66667C14.6667 7 14.0836 5.58311 12.9173 4.416C11.7502 3.24978 10.3333 2.66667 8.66667 2.66667C7 2.66667 5.58311 3.24978 4.416 4.416C3.24978 5.58311 2.66667 7 2.66667 8.66667C2.66667 10.3333 3.24978 11.7502 4.416 12.9173C5.58311 14.0836 7 14.6667 8.66667 14.6667Z' fill='%23553178'/%3E%3C/svg%3E");
		background-size: cover;
		content: '';
		display: block;
		height: 20px;
		width: 20px;
	}

	svg {
		display: none;
	}
}


/* Resource Center Type: Journey. */
.rct__journey {
	margin-bottom: 80px;
	margin-top: 80px;
	position: relative;
}

.rct__journey__headline {
	font-size: 36px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 0;
	text-align: center;

	@media (max-width: 979px) {
		font-size: 28px;
	}
}

.rct__journey__description {
	font-size: 20px;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

.rct__journey__phases {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 50px;
	position: relative;
}

.rct__journey__phases__phase {
	align-items: center;
	display: flex;
	gap: 20px;
	margin-bottom: 120px;

	@media (max-width: 979px) {
		margin-bottom: 40px;
	}

	&:nth-child(even) {
		.rc__teaser__card {
			order: 1;
		}

		.rct__journey__phases__phase__image {
			order: 2;
		}
	}

	&:last-child {
		margin-bottom: 0;
	}

	.rc__teaser__card {
		min-width: 350px;
		padding: 80px 32px;

		@media (max-width: 979px) {
			min-width: 280px;
		}
	}

	.rc__teaser__card__image {
		display: none;

		@media (max-width: 979px) {
			display: block;
		}
	}
}

.rct__journey__phases__phase__image {
	min-width: 200px;
	position: relative;
	z-index: 2;

	@media (max-width: 979px) {
		display: none;
	}
}

.rct__journey__phases__connection {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;

	@media (max-width: 979px) {
		display: none;
	}
}


/* Resource Center Type: Featured. */
.rct__featured {
	background-color: #024b62;
	margin-top: 80px;
	padding: 60px 0;
	position: relative;

	@media (max-width: 979px) {
		padding: 30px 0;
	}

	&:before {
		background-color: inherit;
		content: "";
		height: 100%;
		inset: 0 calc(50% - 50vw);
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;
	}
}

.rct__featured__headline {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 10px;
	width: 100%;
}

.rct__featured__description {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
	width: 50%;

	@media (max-width: 979px) {
		font-size: 16px;
		font-weight: 400;
		width: 100%;
	}
}

.rct__featured__content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 30px;

	@media (max-width: 979px) {
		flex-direction: column;
	}

	.rc__card {
		background-color: #fff;
		flex: 1 1 0;

		@media (max-width: 979px) {
			flex: 1 1 auto
		}

		h4 {
			align-items: center;
			display: flex;
			margin-top: 0;

			@media (max-width: 979px) {
				margin-top: 10px;
			}
		}

		p {
			@media (max-width: 979px) {
				display: block;
			}
		}
	}
}


/* Resource Center: Search Results */
.rcs__hero {
	background-color: #fefbf4;
	display: grid;
	gap: 0;
	grid-template-columns: 55% minmax(300px, 45%);
	grid-template-rows: 1fr;
	justify-content: center;
	margin-bottom: 126px;
	margin-left: 50%;
	max-width: initial;
	padding: 0 1rem;
	position: relative;
	transform: translateX(-50%);
	width: 100vw;

	@media (max-width: 979px) {
		margin-bottom: 0;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}
}

.rcs__hero__content {
	align-items: flex-start;
	background: initial;
	display: flex;
	flex-direction: column;
	font-size: 18px;
	font-weight: 500;
	grid-column: 1 / 1;
	grid-row: 1 / 1;
	height: 100%;
	justify-content: flex-end;
	justify-self: flex-end;
	max-width: 45rem;
	min-height: 446px;
	padding: 6rem 1rem 5rem 2rem;
	position: initial;
	width: 100%;

	@media (max-width: 979px) {
		grid-column: 1;
		grid-row: 1;
		max-width: unset;
		min-height: auto;
		order: 1;
		padding: 5rem 0 1.25rem;
	}
}

.rcs__hero__content__overline {
	font-size: 20px;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: .75rem;
	margin-top: 0;
	text-transform: uppercase;

	@media (max-width: 979px) {
		font-size: 13px;
	}
}

.rcs__hero__content__headline {
	font-size: 56px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: .75rem;
	margin-top: 0;

	@media (max-width: 979px) {
		font-size: 36px;
	}
}

.rcs__hero__image {
	grid-row-end: span 2;
	height: 100%;
	position: relative;
	width: 100%;

	@media (max-width: 979px) {
		height: clamp(235px, 400px, 35vh);
	}

	img {
		border-radius: 0 0 100px 8px;
		height: clamp(400px, 100% + 572px - 100%, 800px);
		margin: 0;
		max-width: initial;
		object-fit: cover;
		object-position: center;
		position: absolute;
		width: calc(100% + 1rem);

		@media (max-width: 979px) {
			height: 100%;
			margin-left: -1rem;
			border-radius: 0;
			position: relative;
		width: calc(100% + 2rem);
		}

	}
}

.rcs__searchbox .rct__search__form {
	max-width: 620px;
	padding-bottom: 20px;
	padding-top: 40px;

	@media (max-width: 979px) {
		max-width: unset;
		padding-top: 0;
	}
}

.rcs__search {
	position: relative;

	.algolia-search-main {
		flex: 0 0 calc(75% - 40px);
	}

	.ais-RefinementList-list {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-left: 12px;
		margin-top: 25px;
	}

	.ais-RefinementList--noRefinement {
		background-color: red !important;
	}

	.ais-RefinementList-item {
		margin-bottom: 0;
	}

	.facet-label {
		background-color: #fff;
		border-radius: 8px;
		box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
		color: #553178;
		font-size: 13px;
		font-weight: 700;
		line-height: 150%;
		padding: 12px;
		text-transform: uppercase;
		cursor: pointer;
		position: relative;
		transition: all 0.25s ease;

		&:before,
		&:after {
			height: 20px;
			position: absolute;
			right: 10px;
			text-align: center;
			top: 50%;
			transform: translateY(-50%);
			transition: transform 0.25s ease;
			width: 20px;
		}

		&:before {
			border-radius: 100%;
			border: 2px solid #553178;
			content: '';
		}

		&:after {
			content: '-';
			font-size: 20px;
			font-weight: 400;
		}
	}

	.facet-wrapper--collapsed {
		.facet-label:after {
			content: '+';
		}

		.ais-RefinementList {
			max-height: 0;
			opacity: 0;
			overflow: hidden;
		}
	}

	.facet-wrapper {
		visibility: hidden;

		&:has(.ais-RefinementList:not(.ais-RefinementList--noRefinement)) {
			visibility: visible;
		}
	}

	.ais-RefinementList {
		max-height: 500px;
		opacity: 1;
		overflow: hidden;
		transition: max-height 0.25s ease, opacity 0.25s ease;
	}

	.ais-RefinementList-label {
		cursor: pointer ;
		display: flex;
		margin-bottom: 0;
	}

	.ais-RefinementList-checkbox {
		background-color: #fff !important;
		border: 1px solid #6d6d6d !important;
		border-radius: 2px !important;
		margin: 0 !important;
		height: 20px !important;
		vertical-align: unset !important;
		width: 20px !important;

		&:hover {
			background-color: #fff !important;
			border: 1px solid #6d6d6d !important;
			border-radius: 2px !important;
			outline: none !important;
		}

		&:checked {
			background-color: #553178 !important;
			border: 1px solid #553178 !important;
			background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNjAwMzkgOC40MjQ2MUwxLjQ1MDM5IDUuMjc0NjFMMC40MDAzOTEgNi4zMjQ2MUw0LjYwMDM5IDEwLjUyNDZMMTMuNjAwNCAxLjUyNDYxTDEyLjU1MDQgMC40NzQ2MDlMNC42MDAzOSA4LjQyNDYxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") !important;

			~ span {
				color: #181818;
				font-weight: 700;
			}
		}
	}

	.ais-RefinementList-labelText,
	.ais-RefinementList-count {
		color: #6d6d6d;
		font-size: 14px;
		font-weight: 500;
		line-height: 150%;
	}

	.ais-RefinementList-labelText {
		margin-left: 10px;
	}

	.ais-RefinementList-count {
		margin-left: 5px;
	}

	.ais-CurrentRefinements {
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-bottom: 40px;
	}

	.ais-CurrentRefinements--noRefinement {
		display: none;
		margin-bottom: 0;
	}

	.ais-CurrentRefinements-list {
		display: flex;
	}

	.ais-CurrentRefinements-item {
		margin-bottom: 0;
	}

	.ais-CurrentRefinements-label {
		display: none;
	}

	.ais-CurrentRefinements-category {
		cursor: pointer;
		margin-right: 20px;
	}

	.ais-ClearRefinements-button,
	.ais-CurrentRefinements-categoryLabel,
	.ais-CurrentRefinements-delete {
		color: #00857b;
	}

	.ais-ClearRefinements-button,
	.ais-CurrentRefinements-categoryLabel {
		text-decoration: underline;
	}

	.ais-CurrentRefinements-delete {
		padding-left: 10px;
	}

	#sort-by {
		align-items: center;
		display: flex;
		flex-direction: row-reverse;
		gap: 20px;

		@media (max-width: 979px) {
			width: 100%;
		}

		label {
			font-size: 18px;
			font-weight: 500;

			@media (max-width: 979px) {
				display: none;
			}
		}
	}

	.ais-SortBy {
		position: relative;
		width: 11.75rem;

		@media (max-width: 979px) {
			width: 100%;
		}

		&:after {
			background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,30 L50,70 L90,30' stroke='%23181818' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='18'/%3E%3C/svg%3E");
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			content: "";
			height: 14px;
			position: absolute;
			right: 21px;
			top: 50%;
			transform: translateY(-50%);
			width: 12.83px;
		}
	}

	.ais-SortBy-select {
		background: none;
		border-radius: 0.25rem;
		border: 0.0625rem solid #6D6D6D;
		color: #181818;
		min-height: 3rem;
		padding: 0.75rem 1rem 0.75rem 19px;
		position: relative;
		width: 100%;

		&:hover,
		&:focus {
			border: 0.0625rem solid #6d6d6d !important;
			outline: none !important;
		}
	}

	.ais-SortBy-select:focus {
		outline: none;
		border-color: #00857b;
	}

	.sort-by--hidden {
		display: none !important;
	}
}

.rcs__search--empty {
	.rcs__search__filters {
		align-items: center;
		flex: 0 0 100%;
	}

	#sort-by {
		display: none;
	}
}

.rcs__search__meta {
	align-items: center;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 20px;

	@media (max-width: 979px) {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
	}
}

.rcs__search__filter__launch {
	background-color: #fff;
	appearance: none;
	border-radius: 4px;
	border: 2px solid #553178;
	display: none;
	margin-bottom: 40px;
	min-height: 48px;
	transition: background-color 0.25s ease;
	width: 100%;

	@media (max-width: 979px) {
		display: block;
	}

	&:hover {
		background-color: #eeeaf2;
	}
}

.rcs__search__wrapper {
	display: flex;
	gap: 40px;
	margin-bottom: 80px;

	@media (max-width: 979px) {
		flex-direction: column;
	}
}

.rcs__results {
	.rc__card__image {
		border-right: 5px solid var(--primary-color);
	}
}

.rcs__search__filters {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 0 0 25%;

	@media (max-width: 979px) {
		display: none;
	}
}

.rcs__search__filters--visible {
	background-color: #fff;
	display: flex;
	height: 100vh;
	left: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	position: fixed;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: 5;
}

.rcs__search__filters__header {
	align-items: center;
	display: none;
	justify-content: space-between;
	margin-bottom: 20px;

	@media (max-width: 979px) {
		display: flex;
	}

	h4 {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 0;
	}
}

.rcs__search__filters__close {
	appearance: none;
	background: transparent;
	border: 0;
	padding: 0;
}

.rcs__search__filters__footer {
	display: none;
	gap: 20px;
	margin-top: 20px;

	@media (max-width: 979px) {
		display: flex;
	}
}

.rcs__search__filter__launch--visible {
	display: block;
}

.rcs__search__pagination {
	margin-top: 56px;

	.ais-Pagination-list {
		display: flex;
		justify-content: center;

		.pager__item:has(a:hover),
		.pager__item:has(a:focus),
		.pager__item:has(a:focus-visible) {
			border: 0 !important;
			outline: none !important;

			&:hover,
			&:focus,
			&:focus-visible {
				border: 0 !important;
				outline: none !important;
			}
		}
	}

	.pagination--hidden {
		display: none;
	}

	.ais-Pagination-item {
		margin-bottom: 0;

		&:hover,
		&:focus,
		&:focus-visible {
			border: 0;
			outline: none;
		}

		&:hover a:focus-visible{
			outline: none;
		}

		&:after {
			height: .25rem !important;
		}
	}

	.ais-Pagination-item--previousPage,
	.ais-Pagination-item--nextPage {
		margin: 0 0.5rem !important;
	}

	.ais-Pagination-link {
		&:hover,
		&:focus {
			background: transparent !important;
			border: 0 !important;
			outline: none !important;
		}
	}

	.ais-Pagination--noRefinement {
		display: none;
	}
}

.rcs__search + .rcd__related {
	display: none;
}

.rcs__search--empty + .rcd__related {
	display: block
}


/* Resource Center: 404 */
.rce__hero {
	background-color: #fefbf4;
	border-radius: 0 0 100px 0;
	display: grid;
	gap: 0;
	grid-template-columns: 55% minmax(300px, 45%);
	grid-template-rows: 1fr;
	justify-content: center;
	margin-bottom: 126px;
	margin-left: 50%;
	max-width: initial;
	padding: 0 1rem;
	position: relative;
	transform: translateX(-50%);
	width: 100vw;

	@media (max-width: 979px) {
		border-radius: 0;
		margin-bottom: 0;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}
}

.rce__hero__content {
	align-items: flex-start;
	background: initial;
	display: flex;
	flex-direction: column;
	font-size: 18px;
	font-weight: 500;
	grid-column: 1 / 1;
	grid-row: 1 / 1;
	height: 100%;
	justify-content: flex-end;
	justify-self: flex-end;
	max-width: 45rem;
	min-height: 446px;
	padding: 6rem 1rem 5rem 2rem;
	position: initial;
	width: 100%;

	@media (max-width: 979px) {
		grid-column: 1;
		grid-row: 1;
		max-width: unset;
		min-height: auto;
		order: 1;
		padding: 5rem 0 1.25rem;
	}
}

.rce__hero__content__headline {
	font-size: 56px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: .75rem;
	margin-top: 0;

	@media (max-width: 979px) {
		font-size: 36px;
	}
}

.rce__error__content {
	margin-bottom: 80px;
	margin-top: 80px;
}

.rce__error__content__columns {
	display: flex;
	flex-direction: row;
	gap: 40px;

	@media (max-width: 979px) {
		flex-direction: column;
	}
}

.rce__error__content__columns__column {
	flex: 0 0 calc(50% - 20px);
}


/* Shared */
.rc__card {
	background-color: var(--secondary-color);
	border-radius: 16px;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	text-decoration: none;

	&:focus-visible {
		outline: none;
	}

	@media (max-width: 979px) {
		.rc__card:not(.rc__card--featured) & {
			flex-direction: row;
			flex-wrap: wrap;
			margin-bottom: 24px;
		}
	}

	&:hover h4 svg,
	&:hover h4 img {
		transform: translateX(0.5rem);
	}
}

.rc__card__image,
.rc__card__content {
	flex-basis: 50%;
	flex-grow: 1;
}

.rc__card__image {
	aspect-ratio: 1;
	max-height: 263px;
	min-height: 263px;
	height: 100%;
	object-fit: cover;

	@media (max-width: 979px) {
		.rc__card:not(.rc__card--featured) & {
			flex-basis: 0;
			flex-grow: unset;
			height: unset;
			min-height: unset;
			width: 100px;
		}
	}
}

.rc__card__content {
	padding: 32px 24px;
	text-decoration: none;

	@media (max-width: 979px) {
		.rc__card:not(.rc__card--featured) & {
			padding: 8px 15px 15px;
		}
	}

	small {
		align-items: center;
		color: #000;
		display: flex;
		font-size: 13px;
		font-weight: 700;
		gap: 10px;
		letter-spacing: 0.05em;
		line-height: 150%;
		text-transform: uppercase;

		svg,
		img {
			min-height: 24px;
			min-width: 24px;
			height: 24px;
			width: 24px;
		}
	}

	h4 {
		color: #00857b;
		display: flex;
		font-weight: 700;
		justify-content: space-between;
		line-height: 150%;
		margin-bottom: 20px;
		margin-top: 20px;

		@media (max-width: 979px) {
			.rc__card:not(.rc__card--featured) & {
				align-items: center;
				display: flex;
				gap: 12px;
				justify-content: unset;
				margin-bottom: 0;
				margin-top: 10px;
			}
		}

		svg,
		img {
			margin-left: 12px;
			min-height: 24px;
			min-width: 24px;
			transition: 0.25s transform ease;
		}
	}

	p {
		color: #000;
		margin-bottom: 0;

		@media (max-width: 979px) {
		.rc__card:not(.rc__card--featured) & {
				display: none;
			}
		}
	}
}

.rc__card__content__type {
	background-color: #fff;
	border-radius: 4px 0 0 4px;
	color: #000;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 8px 24px;
	position: absolute;
	text-transform: uppercase;
	right: 0;
	top: 24px;

	@media (max-width: 979px) {
		background-color: transparent;
		flex-basis: 100%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		top: 0;
		width: 100%;
	}
}

.rc__card--list {
	background-color: #fff;
	flex-direction: row;
	margin-bottom: 24px;

	.rc__card__image {
		flex-basis: 0;
		flex-grow: unset;
		height: unset;
		min-height: unset;
		width: 100px;
	}

	.rc__card__content {
		padding: 16px 24px 14px;

		h4 {
			align-items: center;
			display: flex;
			font-size: 20px;
			gap: 12px;
			justify-content: unset;
			margin-bottom: 0;
			margin-top: 10px;

			@media (max-width: 979px) {
				align-items: flex-start;
			}
		}

		p {
			display: none;
		}
	}

	.rc__card__content__type {
		top: 13px;

		@media (max-width: 979px) {
			top: 0;
		}
	}
}

.rc__card--featured {
	align-items: center;
	flex-direction: row;
	width: 100%;

	@media (max-width: 979px) {
		align-items: unset;
		flex-direction: column;
	}

	.rc__card__image {
		max-height: 344px;

		@media (max-width: 979px) {
			max-height: 263px;
		}
	}

	.rc__card__content {
		padding-left: 40px;
		padding-right: 80px;

		@media (max-width: 979px) {
			padding-left: 24px;
			padding-right: 24px;
		}

		h4 {
			align-items: center;
			display: flex;
		}
	}

	p {
		display: block;
	}
}

.rc__recommended__content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.rc__recommended__content--2 {
	.rc__card:last-child {
		flex-direction: row-reverse;

		@media (max-width: 979px) {
			flex-direction: column;
		}
	}
}

.rc__recommended__content--3 {
	flex-direction: row;

	@media (max-width: 979px) {
		flex-direction: column;
	}

	.rc__card {
		flex: 0 1 calc((100% - 40px) / 3);

		@media (max-width: 979px) {
			flex-direction: row;
		}
	}
}

.rc__recommended__content--4 {
	flex-wrap: wrap;
	flex-direction: row;

	@media (max-width: 979px) {
		flex-direction: column;
	}

	.rc__card:not(.rc__card--featured) {
		flex: 0 1 calc((100% - 40px) / 3);

		@media (max-width: 979px) {
			flex-direction: row;
		}

		h4 {
			@media (max-width: 979px) {
				font-size: 20px;
			}
		}
	}
}