.u-owl {
	@include owl-children;
}

.u-box-shadow {
	@include box-shadow;
}

.u-hidden {
	display: none !important
}

.u-visually-hidden {
	position: absolute;

	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;

	white-space: nowrap;

	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

$uMaxWidths: 1000 720;

@each $maxWidth in $uMaxWidths {
	.u-max-width-#{$maxWidth}{
		max-width: #{$maxWidth}px;
	}
}

$uSpacings: 60 30;

@each $uSpacing in $uSpacings {
	.u-spacing-mb-#{$uSpacing}{
		margin-bottom: #{$uSpacing}px;
	}
}

.u-margin-auto {
	margin: auto;
}

.u-text-align-center {
	text-align: center;
}

.u-colored-box {
	@include coloredBox();
}

$uHeadings: h1 h2 h3 h4 h5;

@each $uHeading in $uHeadings {
	.u-heading-#{$uHeading}{
		@extend #{$uHeading};
	}
}