.wedge-cta {
	background: rgba(255, 255, 255, 0.8);
}

.wedge-cta-dark {
	background: rgba(0, 0, 0, 0.8);
}

body {
	&.home {
		&.inspirations-theme-73:before {
			content: "";
			display: block;
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 2;
			opacity:0.35;
			pointer-events: none;
		}
		&.inspirations-theme-73:after {
			content: "";
			display: block;
			height: 100%;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 1;
			opacity:0.35;
			pointer-events: none;
		}
		&.inspirations-theme-73:before, &.inspirations-theme-73:after {
			border-top: 700px solid rgb(255,255,255);
		}
		&.inspirations-theme-73:before {
			border-right: 280px solid transparent;
			width: 38%;
		}
		&.inspirations-theme-73:after {
			border-left: 280px solid transparent;
			width: 38%;
		}
	}
}

.boldgrid-section.theme-split-hero {
	div.split-hero-left {
			background: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100% );
		&::before {
			background-color: var( --color-4 );
			background-image:  linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100% );
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: -1;
		}
		~ .fwr-container {
			.fwr-left-container {
				background: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100% );
			}
		}
	}
}

@media screen and ( max-width: 767px ) {
	.mobile-only-cta-dark {
		background-color: rgba( 0, 0, 0, 0.6 ) !important;
		color: #ffffff !important;
	}

	.boldgrid-section.theme-split-hero {
		background: var(--color-4) !important;

		.row.split-hero-bottom {
			background: var( --color-4 );
		}
	}
}

@media screen and ( min-width: 768px ) {
	body {
		&.home {
			&.inspirations-theme-73:before {
				border-right: 600px solid transparent;
				width: 65%;
			}
			&.inspirations-theme-73:after {
				border-left: 600px solid transparent;
				width: 65%;
			}
		}
	}

	.boldgrid-section.theme-split-hero {
		position: relative;

		&::before {
			content: "";
			background: linear-gradient(to right, var( --color-4) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100% );
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0
		}

		.row.split-hero-top {
			background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 50%);
		}
	}
}

@media only screen and (min-width: 992px) {
	.wedge-cta {
		background:none
	}

	.wedge-cta-dark {
		background:none
	}

	body {
		&.home {
			&.inspirations-theme-73:before {
				border-right: 980px solid transparent;
				width: 59%;
			}
			&.inspirations-theme-73:after {
				border-left: 980px solid transparent;
				width: 59%;
			}
		}
	}

}





