/* THEME | BASE | FLEXBOX.CSS | copyright zedTEC.net */
/* BASE | 201912.10 [1210.RZE] */

/*FLEX.CONTAINER *************************************************/
.flexcontainer {/*TOP|LEFT|WIDTH100%*/ display: -webkit-box; display: -ms-flexbox; display: flex;}
.flexcontainer.center {/*TOP|CENTER|WIDTH100%|HEIGHT100% > !*/ -ms-flex-pack: distribute; justify-content: space-around;}
.flexcontainer.middle {/*CENTER|MIDDLE|WIDTH100%|WRAPPED > ! NEEDS HEIGTH 100vh IN DIV#MAIN*/ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.flexcontainer.stretch {/**/ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.flexcontainer.row {/**/ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.flexcontainer.row-reverse {/**/ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.flexcontainer.column {/**/ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
/*FLEX.WRAPPER ***************************************************/
.flexwrapper {/*TOP|LEFT|WRAPPED*/ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;} 
.flexwrapper.left {/*TOP|LEFT|WRAPPED*/ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.flexwrapper.center {/*TOP|LEFT|WRAPPED*/ -ms-flex-pack: distribute; justify-content: space-around;}
.flexwrapper.right {/*TOP|RIGHT|WRAPPED*/ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
/*FLEXBOX ********************************************************/
.flexbox {/*TOP|LEFT|WIDTH100%*/ display: -webkit-box; display: -ms-flexbox; display: flex;}
.flexbox.row {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.flexbox.row:before, .flexbox.row:after {content: initial;}
.flexbox.column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.flexbox.space-between {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flexbox.left {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.flexbox.center {-ms-flex-pack: distribute; justify-content: space-around;}
.flexbox.right {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.flexbox.middle {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.flexbox.bottom {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.flexbox.baseline {-ms-flex-item-align: baseline; align-self: baseline;}
.flexbox.stretch {-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.flexbox.grow {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.flexbox.inline {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}
.flexbox.wrap {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.flexbox.nowrap {-ms-flex-wrap: nowrap; flex-wrap: nowrap;}