/** DO NOT ADD ANYTHING ELSE TO THESE CLASSES!! */

/* resource: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
/* resource: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes */
/* resource: http://www.w3schools.com/CSS/css3_flexbox.asp */

/* ===================================================== */
.flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/* ===================================================== */
/* DEFAULT */
.flex-horizontal {
	flex-direction: row;
}

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

.flex-vertical {
	flex-direction: column;
}

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

/* ===================================================== */
/* DEFAULT */
.flex-nowrap {
	flex-wrap: nowrap;
}

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

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

/* ===================================================== */
/* DEFAULT */
.flex-justify-start {
	justify-content: flex-start;
}

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

.flex-justify-center {
	justify-content: center;
}

.flex-justify-space-between {
	justify-content: space-between;
}

.flex-justify-space-around {
	justify-content: space-around;
}

/* ===================================================== */
/* DEFAULT */
.flex-align-items-stretch {
	align-items: stretch;
}

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

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

.flex-align-items-baseline {
	align-items: baseline;
}

.flex-align-items-center {
	align-items: center;
}

/* ===================================================== */
/* DEFAULT */
.flex-align-content-stretch {
	align-content: stretch;
}

.flex-align-content-start {
	align-content: flex-start;
}

.flex-align-content-end {
	align-content: flex-end;
}

.flex-align-content-center {
	align-content: center;
}

.flex-align-content-space-around {
	align-content: space-around;
}

.flex-align-content-space-between {
	align-content: space-between;
}