// global parallax styles
.parallax {
	overflow: hidden;
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: initial;
	background-size: cover;
	background-position: 50% 0;
	z-index: 1;
	position: relative;

	&:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		overflow: hidden;
		background: rgba(0,0,0,0.70);
		z-index: -1;
	}

	&.banner {
		&:before {
			background: rgba(0,0,0,0.1);
		}
	}

	&.banner-inner {
		&:before {
			background: rgba(0,0,0,0.5);
		}
	}

	&.services-block {
		&:before {
			background: rgba(0,0,0,0.85);
		}
	}

	@include breakpoint-max($screen-sm - 1) {
		background-attachment: scroll;
		background-position: 50% 50% !important;
	}
}

.no-overlay {
	&:before {
		display: none;
	}
}