/* CUSTOM
-------------------------------------------- */

.z-index-1 {
	z-index: 1;
}

.z-index-n1 {
	z-index: -1;
}

.no-transform {
	transform: none !important;
}

.spin {
	animation: vlt_spin 2s ease-in-out infinite;
}

.mb-40 {
	margin-bottom: px2rem(40px);
}

/* DISPLAY
-------------------------------------------- */

.vlt-display-1 {
	@include vlt_primary_bold_12;
}

.has-accent-text {
	font-family: var(--vlt-secondary-font);
	font-weight: 500;
}

.has-primary-font {
	font-family: var(--vlt-primary-font);
}

.has-secondary-font {
	font-family: var(--vlt-secondary-font);
}

/* FONT SIZE
-------------------------------------------- */

.font-size-13 {
	font-size: px2rem(13px);
}

.font-size-14 {
	font-size: px2rem(14px);
}

.font-size-15 {
	font-size: px2rem(15px);
}

.font-size-18 {
	font-size: px2rem(18px);
}

/* FONT WEIGHT
-------------------------------------------- */

.fw-medium {
	font-weight: 500;
}

/* TEXT COLOR
-------------------------------------------- */

.has-color-accent-1 {
	color: var(--vlt-accent-1);
}

.has-color-accent-2 {
	color: var(--vlt-accent-2);
}

.has-color-accent-3 {
	color: var(--vlt-accent-3);
}

.has-color-hover-accent-1:hover {
	color: var(--vlt-accent-1);
}

.has-color-hover-accent-2:hover {
	color: var(--vlt-accent-2);
}

.has-color-hover-accent-3:hover {
	color: var(--vlt-accent-3);
}

.has-color-gray-light {
	color: var(--vlt-color-gray-light);
}

.has-color-gray {
	color: var(--vlt-color-gray);
}

.has-color-gray-dark {
	color: var(--vlt-color-gray-dark);
}

.has-color-gray-darker {
	color: var(--vlt-color-gray-darker);
}

/* BACKGROUND COLOR
-------------------------------------------- */

.has-background-linear-gradient {
	background: var(--vlt-linear-gradient);
}

.has-linear-gradient {

	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--vlt-linear-gradient);
	}

}

.has-background-color-accent-1 {
	background-color: var(--vlt-accent-1);
}

.has-background-color-accent-2 {
	background-color: var(--vlt-accent-2);
}

.has-background-color-accent-3 {
	background-color: var(--vlt-accent-3);
}

.has-background-color-dark-light {
	background-color: var(--vlt-color-dark-light);
}

.has-background-color-gray {
	background-color: var(--vlt-color-gray);
}

.has-background-color-gray-dark {
	background-color: var(--vlt-color-gray-dark);
}

.has-background-color-gray-darker {
	background-color: var(--vlt-color-gray-darker);
}

.has-background-color-gray-0p2 {
	background-color: var(--vlt-color-gray-0p2);
}

.has-background-color-gray-light {
	background-color: var(--vlt-color-gray-light);
}

/* BORDER COLOR
-------------------------------------------- */

.has-border-gray {
	border-color: var(--vlt-color-gray-0p3);
}