.DNNModuleContent {
	&:has(
		.yellow-blush-gradient-background + .yellow-blush-gradient-background
	) {
		background: var(--gradient-yellow-blush);

		.yellow-blush-gradient-background {
			background: unset !important;
			&:before {
				display: none;
			}
		}
	}
	&:has(.blue-background + .blue-background) {
		background: var(--brand-bright-blue);

		.blue-background {
			background: unset !important;
			&:before {
				display: none;
			}
		}
	}
	&:has(.blush-background + .blush-background) {
		background: var(--brand-blush);

		.blush-background {
			background: unset !important;
			&:before {
				display: none;
			}
		}
	}
}
.two-column-wrapper {
	gap: 2rem 4rem;
	flex-wrap: wrap;

	.two-column--column {
		flex: 1 1 100%;
		gap: 2rem;
		padding-top: 2rem;
		padding-bottom: 2rem;

		&.background-color {
			padding-left: var(--content-padding);
			padding-right: var(--content-padding);
			position: relative;

			&.blue-background {
				&:before {
					background: var(--brand-bright-blue);
				}
			}
			&.blush-background {
				&:before {
					background: var(--brand-blush);
				}
			}

			&:nth-child(1) {
				&.yellow-blush-gradient-background:before {
					background: #f7e2a0;
				}
			}
			&:nth-child(2) {
				&.yellow-blush-gradient-background:before {
					background: #f1e0d0;
				}
			}

			&:before {
				display: block;
				position: absolute;
				pointer-events: none;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
			}

			&:nth-of-type(1) {
				padding-left: 0;
				&:before {
					content: '';
					right: 100%;
				}
			}
			&:nth-of-type(2) {
				padding-right: 0;
				&:before {
					content: '';
					left: 100%;
				}
			}
		}

		.column--image {
			img {
				width: 100%;
			}
		}

		.box-container {
			background: rgba(255, 255, 255, 0.7);
			border: 0.35rem solid rgb(62, 139, 151, 0.35);
			border-radius: 0.5rem;
			padding: 1rem 2rem 2rem;

			.link-heading,
			.html-heading {
				margin-bottom: 1.5rem;
				text-transform: uppercase;
				font-weight: 400;
				font-size: calc(
					var(--font-size__base, 18px) * var(--font-factor__h5, 1.2)
				);
			}
		}

		.column--links {
			gap: 1.5rem;
			padding-left: 0.35rem;

			a {
				font-weight: 500;
				display: flex;
				align-items: center;
				gap: 0.25rem;
				width: max-content;

				* {
					line-height: 1;
				}

				i {
					font-weight: 400;
					padding-top: 3px;
				}
			}
		}
	}
}

@media screen and (min-width: 660px) {
}
@media screen and (min-width: 1000px) {
	.two-column-wrapper {
		.two-column--column {
			flex: 1 1 calc(50% - 2rem - 1px);

			&:nth-of-type(1) {
				order: 1;
			}
			&:nth-of-type(2) {
				order: 3;
			}
		}

		&.separator {
			&:before {
				content: '';
				width: 2px;
				max-width: 2px;
				flex: 0 0 2px;
				background: rgba(62, 139, 151, 0.35);
				order: 2;
				margin: 2rem 0;
			}
			&:has(
				.yellow-blush-gradient-background
					+ .yellow-blush-gradient-background
			) {
				&:before {
					background: var(--brand-blush);
				}
			}
			.two-column--column {
				flex: 1 1 calc(50% - 4rem - 1px);
			}
		}
	}
}