/* === GoContact Flexbox utilities === */

.goflex {
  display: flex;
}

.goflex_inline {
  display: inline-flex;
}

/* Flex Wrappers */

.goflex__wrap {
  flex-wrap: wrap;
}

.goflex__wrap_reverse {
  flex-wrap: wrap-reverse;
}

.goflex__nowrap {
  flex-wrap: nowrap;
}

/* Flex Fill */

.goflex__fill {
  flex: 1 1 auto;
}

/* Flex Grow & Shrink */

.goflex__grow-0 {
  flex-grow: 0;
}

.goflex__grow-1 {
  flex-grow: 1;
}

.goflex__grow-2 {
  flex-grow: 2;
}

.goflex__shrink-0 {
  flex-shrink: 0;
}

.goflex__shrink-1 {
  flex-shrink: 1;
}

.goflex__flex-0-5{
  flex: 0.5;
}

.goflex__flex-0-4{
  flex: 0.4;
}

.goflex__flex-1{
  flex: 1;
}

.goflex__flex-2{
  flex: 2;
}

.goflex__flex-3{
  flex: 3;
}
/* Flex Directions */

.goflex__direction_row {
  flex-direction: row;
}

.goflex__direction_row-reverse {
  flex-direction: row-reverse;
}

.goflex__direction_col {
  flex-direction: column;
}

.goflex__direction_col-reverse {
  flex-direction: column;
}

/* Flex Align Items */

.goflex__align-items_start {
  align-items: flex-start;
}

.goflex__align-items_center {
  align-items: center;
}

.goflex__align-items_end {
  align-items: flex-end;
}

.goflex__align-items_baseline {
  align-items: baseline;
}

.goflex__align-items_stretch {
  align-items: stretch;
}

/* Flex Justify Content */

.goflex__justify-content_space-between {
  justify-content: space-between;
}

.goflex__justify-content_space-around {
  justify-content: space-around;
}

.goflex__justify-content_space-evenly {
  justify-content: space-evenly;
}

.goflex__justify-content_start {
  justify-content: flex-start;
}

.goflex__justify-content_center {
  justify-content: center;
}

.goflex__justify-content_end {
  justify-content: flex-end;
}

/* Flex GAP */

.goflex__gap-1 {
  gap: 5px;
}

.goflex__gap-10 {
  gap: 10px;
}

.goflex__gap-2 {
  gap: 15px;
}

.goflex__gap-3 {
  gap: 30px;
}

.goflex__gap-4 {
  gap: 10px;
}

/* === GoContact Compound Flex === */

.goflexbox {
  display: flex;
  flex-direction: row;
}

.goflexbox_col {
  display: flex;
  flex-direction: column;
}

.goflexbox__center {
  display: flex;
  align-items: center;
  justify-content: center;
}