/*-------------------------------------------------------*/
/* Helper classes
/*-------------------------------------------------------*/
.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

@include bp-xl-down {
	.text-lg-center {
		text-align: center;
	}
}
@include bp-lg-down {
	.text-md-center {
		text-align: center;
	}
}
@include bp-md-down {
	.text-sm-center {
		text-align: center;
	}
}
@include bp-sm-down {
	.text-xs-center {
		text-align: center;
	}
}

/* Hover Scale
-------------------------------------------------------*/
.envisionx-hover-scale {
	overflow: hidden;

	img {
		transition: var(--ebx-transition--all);
	}

	&:hover img {
		transform: scale(1.05);
	}
}

/* Gradients / Overlays
-------------------------------------------------------*/
.envisionx-bg-overlay::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.36);
}

/* Flexbox
-------------------------------------------------------*/
.justify-content-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.justify-content-between {
	-webkit-box-pack: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.align-items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* Display
-------------------------------------------------------*/
.d-none {
	display: none !important;
}

@include bp-lg-up {
	.d-lg-block {
		display: block !important;
	}

	.d-lg-flex {
		display: flex !important;
	}

	.d-lg-none {
		display: none !important;
	}
}