/*
============================================================
Manual Rehab NYC
utilities.css

Purpose:
Small reusable helper classes used throughout the website.

============================================================
*/

/* ==========================================================================
   Text Alignment
   ========================================================================== */

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


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


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



/* ==========================================================================
   Spacing Utilities
   ========================================================================== */

.mt-sm {
    margin-top: var(--space-sm);
}


.mt-md {
    margin-top: var(--space-md);
}


.mt-lg {
    margin-top: var(--space-lg);
}


.mt-xl {
    margin-top: var(--space-xl);
}



.mb-sm {
    margin-bottom: var(--space-sm);
}


.mb-md {
    margin-bottom: var(--space-md);
}


.mb-lg {
    margin-bottom: var(--space-lg);
}


.mb-xl {
    margin-bottom: var(--space-xl);
}



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

.hidden {
    display: none;
}


.visible {
    display: block;
}



/* ==========================================================================
   Image Utilities
   ========================================================================== */

.rounded-image {

    border-radius: var(--radius-lg);

}



/* ==========================================================================
   Accessibility Utilities
   ========================================================================== */

/*
Used for content that should be available
to screen readers but hidden visually.
*/

.visually-hidden {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0,0,0,0);

    white-space: nowrap;

    border: 0;

}