/*************************************
Text Utilities
*/
@use "variables" as var;

.text-light {
	font-weight: lighter !important;
}

.text-danger {
	color: var(--wp--preset--color--danger, #c00000);
}

/**************
Margin Utilities
*/
.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

/**************
Form Utilities
*/
.form-block {
	width:100%;
}

/**************
Display Utilities
*/

.d-none {
	display: none;
}

.d-sm-up {
	@media (width <= var.$xs-max) {
		display: none !important;
	}
}

.d-md-up {
	@media (width <= var.$sm-max) {
		display: none !important;
	}
}

.d-lg-up {
	@media (width <= var.$md-max) {
		display: none !important;
	}
}

.d-xl-up {
	@media (width <= var.$lg-max) {
		display: none !important;
	}
}

.d-xs-down {
	@media (width > var.$sm-max) {
		display: none !important;
	}
}

.d-xs-down {
	@media (width > var.$xs-max) {
		display: none !important;
	}
}

.d-sm-down {
	@media (width > var.$sm-max) {
		display: none !important;
	}
}

.d-md-down {
	@media (width > var.$md-max) {
		display: none !important;
	}
}

.d-lg-down {
	@media (width > var.$lg-max) {
		display: none !important;
	}
}