/* =========================================================
   ATRA HEADER
   Utilities
========================================================= */

.atra-header-container {
    width: 100%;
    max-width: var(--atra-header-container);
    margin-inline: auto;
    padding-inline: var(--atra-space-xl);
}

.atra-header-flex {
    display: flex;
    align-items: center;
}

.atra-header-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.atra-header-hidden {
    display: none !important;
}