
/*************************************************************/

/****** Enables a solid color and gradient color overlay on parallaxed backgrounds *******/

/*************************************************************/
.et_pb_section[class*="gradient-overlay"], .et_pb_row[class*="gradient-overlay"], .et_pb_column[class*="gradient-overlay"], .et_pb_module[class*="gradient-overlay"] {
	overflow: hidden;
}

.divi-hacks-gradient-overlay .gradient-overlay:before {
	content: "";
	position: absolute;
	z-index: 1;
	background: inherit;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.divi-hacks-gradient-overlay .gradient-overlay .et_pb_row, .divi-hacks-gradient-overlay .gradient-overlay .et_pb_column, .divi-hacks-gradient-overlay .gradient-overlay .et_pb_module, .divi-hacks-gradient-overlay .gradient-overlay .et_pb_promo_description, .divi-hacks-gradient-overlay .gradient-overlay .et_pb_button_wrapper {
	z-index: 2 !important;
	position: relative;
}

/*************************************************************/

/****** Reflects the gradient overlay on parallaxed backgrounds *******/

/*************************************************************/
.divi-hacks-gradient-overlay .gradient-overlay-reflect:before {
	content: "";
	position: absolute;
	z-index: 1;
	background: inherit;
	top: 0;
	bottom: 0;
	width: 100%;
	left: 0;
}

.divi-hacks-gradient-overlay .gradient-overlay-reflect:after {
	content: "";
	position: absolute;
	z-index: 0;
	background: inherit;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: visible;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.divi-hacks-gradient-overlay .gradient-overlay-reflect .et_pb_row, .divi-hacks-gradient-overlay .gradient-overlay-reflect .et_pb_column, .divi-hacks-gradient-overlay .gradient-overlay-reflect .et_pb_module, .divi-hacks-gradient-overlay .gradient-overlay-reflect .et_pb_promo_description, .divi-hacks-gradient-overlay .gradient-overlay-reflect .et_pb_button_wrapper, .divi-hacks-gradient-overlay .gradient-overlay-reflect {
	z-index: 2 !important;
	position: relative;
}

/*************************************************************/

/****** Rotates the :after gradient overlay on parallaxed backgrounds *******/

/*************************************************************/
.divi-hacks-gradient-overlay .gradient-overlay-rotate-90:before {
	content: "";
	position: absolute;
	z-index: 3;
	background: inherit;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.divi-hacks-gradient-overlay .gradient-overlay-rotate-90:after {
	content: "";
	position: absolute;
	z-index: 3;
	background: inherit;
	top: -50%;
	left: 0;
	width: 100%;
	padding-top: 100%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	visibility: visible;
}

.divi-hacks-gradient-overlay .gradient-overlay-rotate-90 .et_pb_row, .divi-hacks-gradient-overlay .gradient-overlay-rotate-90 .et_pb_column, .divi-hacks-gradient-overlay .gradient-overlay-rotate-90 .et_pb_module, .divi-hacks-gradient-overlay .gradient-overlay-rotate-90 .et_pb_promo_description, .divi-hacks-gradient-overlay .gradient-overlay-rotate-90 .et_pb_button_wrapper {
	z-index: 4 !important;
}

.divi-hacks-gradient-overlay .gradient-overlay-rotate-180:before {
	content: "";
	position: absolute;
	z-index: 3;
	background: inherit;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.divi-hacks-gradient-overlay .gradient-overlay-rotate-180:after {
	content: "";
	position: absolute;
	z-index: 3;
	background: inherit;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	visibility: visible;
}

.divi-hacks-gradient-overlay .gradient-overlay-rotate-180 .et_pb_row, .divi-hacks-gradient-overlay .gradient-overlay-rotate-180 .et_pb_column, .divi-hacks-gradient-overlay .gradient-overlay-rotate-180 .et_pb_module, .divi-hacks-gradient-overlay .gradient-overlay-rotate-180 .et_pb_promo_description, .divi-hacks-gradient-overlay .gradient-overlay-rotate-180 .et_pb_button_wrapper {
	z-index: 4 !important;
}

.divi-hacks-gradient-overlay .gradient-overlay-rotate-270:before {
	content: "";
	position: absolute;
	z-index: 9;
	background: inherit;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.divi-hacks-gradient-overlay .gradient-overlay-rotate-270:after {
	content: "";
	position: absolute;
	z-index: 9;
	background: inherit;
	top: -50%;
	left: 0;
	width: 100%;
	padding-top: 100%;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	visibility: visible;
}

.divi-hacks-gradient-overlay .gradient-overlay-rotate-270 .et_pb_row, .divi-hacks-gradient-overlay .gradient-overlay-rotate-270 .et_pb_column, .divi-hacks-gradient-overlay .gradient-overlay-rotate-270 .et_pb_module, .divi-hacks-gradient-overlay .gradient-overlay-rotate-270 .et_pb_promo_description, .divi-hacks-gradient-overlay .gradient-overlay-rotate-270 .et_pb_button_wrapper {
	z-index: 10 !important;
}
