/* Overscroll color */

html {
	/* background-color: var(--teal) !important; */
	/* background-image: linear-gradient(180deg, var(--teal) 50%, var(--slate-blue) 50%); */
	background-repeat: no-repeat;
	min-height: 100%;
}
body {
	background-color: white !important;
	overflow-x: hidden;
}


/* Load and hover animations */

@media (prefers-reduced-motion: no-preference) {
	/* Fade in on page load */
	body:not(.error404, [data-builder-window="iframe"]) #page-title {
		animation: fade-in-left 1.2s 0.75s;
		animation-fill-mode: backwards;
	}
	@keyframes fade-in-up {
		from {
			opacity: 0;
			translate: 7rem 0;
		}
		to {
			opacity: 1;
			translate: 0 0;
		}
	}
}

/* Text styles */

h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
}
:is(#wp-content, .brxe-text) h2 {
	margin-bottom: 3rem;
}
:is(#wp-content, .brxe-text) :is(h3, h4, h5, h6) {
	margin-bottom: 2rem;
}

.brxe-text > :first-child {
	margin-top: 0 !important;
}
.brxe-text > :last-child {
	margin-bottom: 0 !important;
}

.brxe-icon-box h2,
.brxe-icon-box h3,
.brxe-icon-box h4,
.brxe-icon-box h5,
.brxe-icon-box h6 {
	margin-bottom: 1.5rem;
}
.brxe-icon-box .content * + * {
	margin-block-start: 1.5rem;
}
.brxe-icon-box .content :is(h1, h2, h3, h4, h5, h6) {
	font-size: 2.8rem;
}

:where(.brxe-text, .brxe-post-content, .brxe-icon-box .content) ul,
:where(.brxe-text, .brxe-post-content, .brxe-icon-box .content) ol {
	padding-left: 3rem;
}
li {
	break-inside: avoid;
}
@media (min-width: 768px) {
	.two-column-text {
		column-count: 2;
		column-gap: 4rem;
	}
}

p.spacer {
	font-size: 0;
	visibility: hidden;
}

.brxe-text p + ul {
	margin-top: 1.5rem;
}
.brxe-text li + li {
	margin-top: 1rem;
}