/*------------------------------------*\
    
    WebFX WYSIWYG Customizations - Global styling for all ACF WYSIWYG's

    Add custom WYSIWYG styling to this file if it should be applied to all ACF WYSIWYG's on the site
    Otherwise, put your block-specific styles in individual block stylesheets

\*------------------------------------*/

.wysiwyg {
	color: var(--body-color);
	position: relative;
}

.wysiwyg--homepage {
	padding-block: var(--section-margins);
}

.wysiwyg__border-wrap {
	max-width: 1791px;
	margin: 0 auto;
}

.wysiwyg__wrapper {
	margin-inline: auto;
	width: min(100%, 1180px);
}

.bg-light-grey + .bg-light-grey .wysiwyg__border-wrap {
	border-top: var(--border);
	padding-top: var(--section-margins);
}

.bg-white:not(.image-text) + .bg-white .wysiwyg__border-wrap {
	padding-block: var(--section-margins);
	border-top: var(--border);
}

.wysiwyg__wrapper table tr {
	vertical-align: top;
}

.wysiwyg__wrapper table tr,
.wysiwyg__wrapper table td {
	border: 1px solid #e0e0e0;
}

.wysiwyg__wrapper table th {
	background: #ededed;
	border: 1px solid #e0e0e0;
}

.wysiwyg__wrapper table td,
.wysiwyg__wrapper table th {
	padding: 20px 30px 20px 5px;
}

.wysiwyg__wrapper table tr:nth-child(even) {
	background: #f0f0f0;
}

.wysiwyg.bg-light-grey + .bg-white.image-text--image {
	margin-top: 60px;

	@media (min-width: 768px) {
		margin-top: 100px;
	}
}

.wysiwyg__wrapper th {
	font-family: "stratumno1heavy";
	padding: 13px 20px !important;
	text-transform: uppercase;
}

.wysiwyg.bg-white + .image-text.bg-white {
	margin-top: 0;
}

.half-and-half-form.bg-white + .wysiwyg.bg-white .wysiwyg__border-wrap {
	padding-top: 0;
	border-top: none;
}

.wysiwyg__wrapper {
	@media (max-width: 768px) {
		.col-md-6:not(.push-half-top) {
			margin-bottom: 30px;
		}

		.col-md-6.push-half-top {
			margin-top: 0 !important;
		}
	}
}