@charset "UTF-8";

/**
 * alignment.css 1.1.0
 * Author: hybrid.
 *
 * Generic positioning and alignment utility classes.
 * Extended in layout files for context-specific combinations (columns.css, grid.css...).
 * Project overrides live in theme-components.css.
 *
 * Classes
 * .is-left, .is-center, .is-right              — horizontal position (margin)
 * .is-top, .is-middle, .is-bottom              — vertical position (align-self)
 * .is-stretch                                  — stretch (align-self)
 * .text-left, .text-center, .text-right,
 * .text-justify                                — text alignment
 * .items-top, .items-middle, .items-bottom,
 * .items-stretch                               — flex children alignment (align-items)
 */



/* ================================================================================================ */
/* ============================================= CORE ============================================= */
/* ================================================================================================ */

/* ============================== HORIZONTAL ============================== */

.is-left   { margin-right: auto; }
.is-center { margin-inline: auto; }
.is-right  { margin-left: auto; }


/* ============================== VERTICAL ============================== */

.is-top    { align-self: flex-start; }
.is-middle { align-self: center; }
.is-bottom { align-self: flex-end; }


/* ============================== DISTRIBUTION ============================== */

.is-stretch { align-self: stretch; }


/* ============================== TEXT ============================== */

.text-left    { text-align: left; }
.text-center  { text-align: center; }
.text-right   { text-align: right; }
.text-justify { text-align: justify; }


/* ============================== ITEMS ============================== */

.items-top     { align-items: flex-start; }
.items-middle  { align-items: center; }
.items-bottom  { align-items: flex-end; }
.items-stretch { align-items: stretch; }


/* ============================== FLOW ============================== */

.list   { display: flex; flex-direction: column; }
.inline { display: flex; flex-direction: row; }

.inline > * { margin-top: 0; }



/* ================================================================================================= */
/* ============================================= THEME ============================================= */
/* ================================================================================================= */

/* here for project-specific media overrides */