/*=========================================================
44 Web Design Framework
-----------------------------------------------------------
Project      : 433
Client       : Vehicle Safety Solutions Ltd

File         : utilities.css
Version      : 1.0.0

Author       : Ian Latus
Company      : 44 Web Design

Purpose
-------
Provides reusable utility classes that can be used
throughout the website.

Contents
--------
1. Container
2. Sections
3. Text Alignment
4. Accessibility

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


/*=========================================================
Dependencies

variables.css
base.css

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


/*=========================================================
1. Container
=========================================================*/

.container {

    width: min(100% - 2rem, var(--site-width));

    margin-inline: auto;

}


/*=========================================================
2. Sections
=========================================================*/

.section {

    padding:
        var(--space-2xl)
        0;

}


/*=========================================================
3. Text Alignment
=========================================================*/

.text-center {

    text-align: center;

}


/*=========================================================
4. Accessibility
=========================================================*/

.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;

}