/* shared.css */
/* Utility classes that can be used globally across components */
@import "../components/font-size.css";
@import "../components/text-color.css";
@import "../components/buttons.css";
@import "../components/inputs.css";
@import "../components/forms.css";
@import "../components/content-panel.css";
@import "../components/logo.css";
@import "../layout/header.css";
@import "../layout/footer.css";
@import "../components/content-section.css";
@import '../components/background-container.css';
@import '../components/links.css';
@import '../components/brackets.css';
@import '../components/text-spacing.css';
@import '../components/underline.css';
@import '../components/sticky.css';
@import '../components/media.css';


.invisible {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.visible {
	display: block;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.center {
	text-align: center !important;
}

.justify {
	text-align: justify !important;
}

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

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

.inline-block {
	display: inline-block !important;
}

.cursor-wait {
	cursor: wait !important;
}

.cursor-pointer {
	cursor: pointer;
}

.text-uppercase {
	text-transform: uppercase;
}

.bold {
	font-weight: 400;
}

.animate {
	animation: var(--default-animation);
}