//
// Background Styles //
//
.bg-image {
	position: relative;
	background-position: center center;
    background-attachment: scroll;
    @include background-size(cover);
    background-repeat: no-repeat;
}
.bg-fade-white-top { 
	position: relative; 
	z-index: 1;
	&:before { 
		z-index: -1;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(to top, white, get-color("white", 0.2)); 
	} 
}
.bg-fade-white-bottom { 
	position: relative;
	z-index: 1;
	&:before { 
		z-index: -1;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(to bottom, white, get-color("white", 0.2)); 
	} 
}
.bg-fade-black-top { 
	position: relative; 
	z-index: 1;
	&:before { 
		z-index: -1;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(to top, black, rgba(0,0,0,0.2)); 
	} 
}
.bg-fade-black-bottom { 
	position: relative;
	z-index: 1;
	&:before { 
		z-index: -1;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(to bottom, black, rgba(0,0,0,0.2)); 
	} 
}

.bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	video {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}