.editor-content,
.editor-styles-wrapper {
	.page-introduction {
		@extend .mob-h3;
		@extend .desk-h3;
	}
	h1 {
		@extend .mob-h1;
		@extend .desk-h1;
	}
	h2 {
		@extend .mob-h2;
		@extend .desk-h2;
		@extend .has-mini-hr;
		color: $primary-color;
		> span {
			color: $primary-color !important;
			@media (max-width: $lg-min) {
				font-size: 1.25rem !important;
				line-height: 1.5 !important;
				font-family: $font-body !important;
				font-weight: 700 !important;
				text-transform: uppercase !important;
			}

			@media (min-width: $lg) {
				font-family: $font-body !important;
				font-size: 1.5rem !important;
				font-weight: 700 !important;
				text-transform: uppercase !important;
				line-height: 1.5 !important;
			}
		}
		&:not(:first-child) {
			margin-top: 3rem;
			@media (min-width: $lg) {
				margin-top: 3.75rem;
			}
		}
	}
	h3 {
		@extend .mob-h3;
		@extend .desk-h3;
		color: $blue-dark !important;
		span {
			color: $blue-dark !important;
			@media (max-width: $lg-min) {
				font-size: 1rem !important;
				line-height: 1.5 !important;
				font-family: $font-serif !important;
			}
			@media (min-width: $lg) {
				font-family: $font-serif !important;
				font-size: 1.25rem !important;
				line-height: 1.5 !important;
			}
		}
	}
	h4 {
		@extend .mob-h4;
		@extend .desk-h4;
		color: $blue-dark;
		span {
			color: $blue-dark !important;
			@media (max-width: $lg-min) {
				font-size: 1rem !important;
				line-height: 1.5 !important;
				font-family: $font-body !important;
				font-weight: 700 !important;
				text-transform: uppercase !important;
			}
			@media (min-width: $lg) {
				font-family: $font-body !important;
				font-size: 1.125rem !important;
				line-height: 1.5 !important;
				font-weight: 700 !important;
				text-transform: uppercase !important;
			}
		}
	}
	hr {
		height: 1px;
		background-color: $green;
		width: 100%;
		margin: 3.75rem 0;
		border: none;
		&.hr__sm {
			margin: 1.5rem 0;
		}
	}

	.wp-block-button {
		.wp-element-button {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
			@extend .btn;
			@extend .btn-secondary;
			@extend .btn-secondary__caret-right;
		}
	}

	// Support for Gutenberg columns
	.wp-block-columns {
		display: flex;
		margin-bottom: 28px;
		flex-wrap: wrap;
		@media (min-width: 782px) {
			flex-wrap: nowrap;
		}
	}

	// Individual column
	.wp-block-column {
		flex-grow: 1;
		min-width: 0;
		word-break: break-word;
		overflow-wrap: break-word;

		@media (max-width: 781px) {
			flex-basis: 100% !important;
		}

		@media (min-width: 782px) {
			flex-basis: 0;
			flex-grow: 1;

			&:not(:first-child) {
				margin-left: 32px;
			}
		}
	}
}
