// Flex variation
//
// Custom styles for additional flex alignment options.

.d-flex         { display: flex !important; }
.d-inline-flex  { display: inline-flex !important; }

.order-first { order: -1; }
.order-last  { order: 1; }
.order-0     { order: 0; }

.flex-row            { flex-direction: row !important; }
.flex-column         { flex-direction: column !important; }
.flex-row-reverse    { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap         { flex-wrap: wrap !important; }
.flex-nowrap       { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.justify-content-start   {
  justify-content: flex-start !important;
}
.justify-content-end     {
  justify-content: flex-end !important;
}
.justify-content-center  {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around  {
  justify-content: space-around !important;
}

.align-items-start    {
  align-items: flex-start !important;
}
.align-items-end      {
  align-items: flex-end !important;
}
.align-items-center   {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch  {
  align-items: stretch !important;
}

.align-content-start   { align-content: flex-start !important; }
.align-content-end     { align-content: flex-end !important; }
.align-content-center  { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around  { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

.align-self-auto     { align-self: auto !important; }
.align-self-start    { align-self: flex-start !important; }
.align-self-end      { align-self: flex-end !important; }
.align-self-center   { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch  { align-self: stretch !important; }
