/*******************************************************************************************************************************************
********************************************************************************************************************************************
## ## ### ######## ###### #### ## ## ######
### ### ## ## ## ## ## ## ## ### ## ## ##
#### #### ## ## ## ## ## ## #### ## ##
## ### ## ## ## ######## ## #### ## ## ## ## ######
## ## ######### ## ## ## ## ## ## #### ##
## ## ## ## ## ## ## ## ## ## ### ## ##
## ## ## ## ## ## ###### #### ## ## ######
*******************************************************************************************************************************************
**************************** see http://www.dev.equideow.com/doc/bow for more details *****************************************************
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
/* MARGIN TOP *****************************************************************************************************************************
******************************************************************************************************************************************/
body .mt--0.mt--0.mt--0.mt--0{
margin-top: 0;
}
body .mt--1.mt--1.mt--1.mt--1{
margin-top: 10px;
}
body .mt--15.mt--15.mt--15.mt--15{
margin-top: 15px;
}
body .mt--2.mt--2.mt--2.mt--2{
margin-top: 20px;
}
body .mt--3.mt--3.mt--3.mt--3{
margin-top: 30px;
}
body .mt--4.mt--4.mt--4.mt--4{
margin-top: 40px;
}
body .mt--5.mt--5.mt--5.mt--5{
margin-top: 50px;
}
/* MARGIN NEGATIVE TOP ********************************************************************************************************************
******************************************************************************************************************************************/
body .mnt--1{
margin-top: -10px;
}
body .mnt--15{
margin-top: -15px;
}
body .mnt--2{
margin-top: -20px;
}
body .mnt--3{
margin-top: -30px;
}
body .mnt--4{
margin-top: -40px;
}
body .mnt--5{
margin-top: -50px;
}
/* PADDING TOP ****************************************************************************************************************************
******************************************************************************************************************************************/
body .pt--0{
padding-top: 0;
}
body .pt--1{
padding-top: 10px;
}
body .pt--15{
padding-top: 15px;
}
body .pt--2{
padding-top: 20px;
}
body .pt--3{
padding-top: 30px;
}
body .pt--4{
padding-top: 40px;
}
body .pt--5{
padding-top: 50px;
}
/* MARGIN TOP turns into PADDING when used in grids ***************************************************************************************
******************************************************************************************************************************************/
.grid-cell.mt--0,
[class^="row__cell"].mt--0{
padding-top: 0;
margin-top: 0;
}
.grid-cell.mt--1,
[class^="row__cell"].mt--1{
padding-top: 10px;
margin-top: 0;
}
.grid-cell.mt--15,
[class^="row__cell"].mt--15{
padding-top: 15px;
margin-top: 0;
}
.grid-cell.mt--2,
[class^="row__cell"].mt--2{
padding-top: 20px;
margin-top: 0;
}
.grid-cell.mt--3,
[class^="row__cell"].mt--3{
padding-top: 30px;
margin-top: 0;
}
.grid-cell.mt--4,
[class^="row__cell"].mt--4{
padding-top: 40px;
margin-top: 0;
}
.grid-cell.mt--5,
[class^="row__cell"].mt--5{
padding-top: 50px;
margin-top: 0;
}
/* MARGIN BOTTOM **************************************************************************************************************************
******************************************************************************************************************************************/
body .mb--0.mb--0.mb--0.mb--0{
margin-bottom: 0;
}
body .mb--1.mb--1.mb--1.mb--1{
margin-bottom: 10px;
}
body .mb--15.mb--15.mb--15.mb--15{
margin-bottom: 15px;
}
body .mb--2.mb--2.mb--2.mb--2{
margin-bottom: 20px;
}
body .mb--3.mb--3.mb--3.mb--3{
margin-bottom: 30px;
}
body .mb--4.mb--4.mb--4.mb--4{
margin-bottom: 40px;
}
body .mb--5.mb--5.mb--5.mb--5{
margin-bottom: 50px;
}
/* MARGIN NEGATIVE BOTTOM ******************************************************************************************************************
******************************************************************************************************************************************/
body .mnb--1{
margin-bottom: -10px;
}
body .mnb--15{
margin-bottom: -15px;
}
body .mnb--2{
margin-bottom: -20px;
}
body .mnb--3{
margin-bottom: -30px;
}
body .mnb--4{
margin-bottom: -40px;
}
body .mnb--5{
margin-bottom: -50px;
}
/* PADDING BOTTOM *************************************************************************************************************************
******************************************************************************************************************************************/
body .pb--0{
padding-bottom: 0;
}
body .pb--1{
padding-bottom: 10px;
}
body .pb--15{
padding-bottom: 15px;
}
body .pb--2{
padding-bottom: 20px;
}
body .pb--3{
padding-bottom: 30px;
}
body .pb--4{
padding-bottom: 40px;
}
body .pb--5{
padding-bottom: 50px;
}
/* MARGIN BOTTOM turns into PADDING when used in grids ************************************************************************************
******************************************************************************************************************************************/
.grid-cell.mb--0,
[class^="row__cell"].mb--0{
padding-bottom: 0;
margin-bottom: 0;
}
body .grid-cell.mb--1,
[class^="row__cell"].mb--1{
padding-bottom: 10px;
margin-bottom: 0;
}
body .grid-cell.mb--15,
[class^="row__cell"].mb--15{
padding-bottom: 15px;
margin-bottom: 0;
}
body .grid-cell.mb--2,
[class^="row__cell"].mb--2{
padding-bottom: 20px;
margin-bottom: 0;
}
body .grid-cell.mb--3,
[class^="row__cell"].mb--3{
padding-bottom: 30px;
margin-bottom: 0;
}
body .grid-cell.mb--4,
[class^="row__cell"].mb--4{
padding-bottom: 40px;
margin-bottom: 0;
}
body .grid-cell.mb--5,
[class^="row__cell"].mb--5{
padding-bottom: 30px;
margin-bottom: 0;
}
/* MARGIN LEFT ****************************************************************************************************************************
******************************************************************************************************************************************/
body .ml--0{
margin-left: 0;
}
body .ml--1{
margin-left: 10px;
}
body .ml--15{
margin-left: 15px;
}
body .ml--2{
margin-left: 20px;
}
body .ml--3{
margin-left: 30px;
}
body .ml--4{
margin-left: 40px;
}
body .ml--5{
margin-left: 50px;
}
/* MARGIN NEGATIVE LEFT *******************************************************************************************************************
******************************************************************************************************************************************/
body .mnl--1{
margin-left: -10px;
}
body .mnl--15{
margin-left: -15px;
}
body .mnl--2{
margin-left: -20px;
}
body .mnl--3{
margin-left: -30px;
}
body .mnl--4{
margin-left: -40px;
}
body .mnl--5{
margin-left: -50px;
}
/* PADDING LEFT ***************************************************************************************************************************
******************************************************************************************************************************************/
body .pl--0{
padding-left: 0;
}
body .pl--1{
padding-left: 10px;
}
body .pl--15{
padding-left: 15px;
}
body .pl--2{
padding-left: 20px;
}
body .pl--3{
padding-left: 30px;
}
body .pl--4{
padding-left: 40px;
}
body .pl--5{
padding-left: 50px;
}
/* MARGIN LEFT turns into PADDING when used in grids **************************************************************************************
******************************************************************************************************************************************/
.grid-cell.ml--0,
[class^="row__cell"].ml--0{
padding-left: 0;
margin-left: 0;
}
body .grid-cell.ml--1,
[class^="row__cell"].ml--1{
padding-left: 10px;
margin-left: 0;
}
body .grid-cell.ml--15,
[class^="row__cell"].ml--15{
padding-left: 15px;
margin-left: 0;
}
body .grid-cell.ml--2,
[class^="row__cell"].ml--2{
padding-left: 20px;
margin-left: 0;
}
body .grid-cell.ml--3,
[class^="row__cell"].ml--3{
padding-left: 30px;
margin-left: 0;
}
body .grid-cell.ml--4,
[class^="row__cell"].ml--4{
padding-left: 40px;
margin-left: 0;
}
body .grid-cell.ml--5,
[class^="row__cell"].ml--5{
padding-left: 50px;
margin-left: 0;
}
/* MARGIN RIGHT ***************************************************************************************************************************
******************************************************************************************************************************************/
body .mr--0{
margin-right: 0;
}
body .mr--1{
margin-right: 10px;
}
body .mr--15{
margin-right: 15px;
}
body .mr--2{
margin-right: 20px;
}
body .mr--3{
margin-right: 30px;
}
body .mr--4{
margin-right: 40px;
}
body .mr--5{
margin-right: 50px;
}
/* MARGIN NEGATIVE RIGHT ******************************************************************************************************************
******************************************************************************************************************************************/
body .mnr--1{
margin-right: -10px;
}
body .mnr--15{
margin-right: -15px;
}
body .mnr--2{
margin-right: -20px;
}
body .mnr--3{
margin-right: -30px;
}
body .mnr--4{
margin-right: -40px;
}
body .mnr--5{
margin-right: -50px;
}
/* PADDING RIGHT **************************************************************************************************************************
******************************************************************************************************************************************/
body .pr--0{
padding-right: 0;
}
body .pr--1{
padding-right: 10px;
}
body .pr--15{
padding-right: 15px;
}
body .pr--2{
padding-right: 20px;
}
body .pr--3{
padding-right: 30px;
}
body .pr--4{
padding-right: 40px;
}
body .pr--5{
padding-right: 50px;
}
/* MARGIN RIGHT turns into PADDING when used in grids *************************************************************************************
******************************************************************************************************************************************/
.grid-cell.mr--0,
[class^="row__cell"].mr--0{
padding-right: 0;
margin-right: 0;
}
body .grid-cell.mr--1,
[class^="row__cell"].mr--1{
padding-right: 10px;
margin-right: 0;
}
body .grid-cell.mr--15,
[class^="row__cell"].mr--15{
padding-right: 15px;
margin-right: 0;
}
body .grid-cell.mr--2,
[class^="row__cell"].mr--2{
padding-right: 20px;
margin-right: 0;
}
body .grid-cell.mr--3,
[class^="row__cell"].mr--3{
padding-right: 30px;
margin-right: 0;
}
body .grid-cell.mr--4,
[class^="row__cell"].mr--4{
padding-right: 40px;
margin-right: 0;
}
body .grid-cell.mr--5,
[class^="row__cell"].mr--5{
padding-right: 50px;
margin-right: 0;
}
/* MARGIN X *******************************************************************************************************************************
******************************************************************************************************************************************/
body .mx--0{
margin-left: 0;
margin-right: 0;
}
body .mx--1{
margin-left: 10px;
margin-right: 10px;
}
body .mx--15{
margin-left: 15px;
margin-right: 15px;
}
body .mx--2{
margin-left: 20px;
margin-right: 20px;
}
body .mx--3{
margin-left: 30px;
margin-right: 30px;
}
body .mx--4{
margin-left: 40px;
margin-right: 40px;
}
body .mx--5{
margin-left: 50px;
margin-right: 50px;
}
/* PADDING X ******************************************************************************************************************************
******************************************************************************************************************************************/
body .px--0{
padding-left: 0;
padding-right: 0;
}
body .px--1{
padding-left: 10px;
padding-right: 10px;
}
body .px--15{
padding-left: 15px;
padding-right: 15px;
}
body .px--2{
padding-left: 20px;
padding-right: 20px;
}
body .px--3{
padding-left: 30px;
padding-right: 30px;
}
body .px--4{
padding-left: 40px;
padding-right: 40px;
}
body .px--5{
padding-left: 50px;
padding-right: 50px;
}
/* MARGIN X turns into PADDING when used in grids *****************************************************************************************
******************************************************************************************************************************************/
.grid-cell.mx--0,
[class^="row__cell"].mx--0{
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
body .grid-cell.mx--1,
[class^="row__cell"].mx--1{
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 0;
}
body .grid-cell.mx--15,
[class^="row__cell"].mx--15{
padding-left: 15px;
padding-right: 15px;
margin-left: 0;
margin-right: 0;
}
body .grid-cell.mx--2,
[class^="row__cell"].mx--2{
padding-left: 20px;
padding-right: 20px;
margin-left: 0;
margin-right: 0;
}
body .grid-cell.mx--3,
[class^="row__cell"].mx--3{
padding-left: 30px;
padding-right: 30px;
margin-left: 0;
margin-right: 0;
}
body .grid-cell.mx--4,
[class^="row__cell"].mx--4{
padding-left: 40px;
padding-right: 40px;
margin-left: 0;
margin-right: 0;
}
body .grid-cell.mx--5,
[class^="row__cell"].mx--5{
padding-left: 50px;
padding-right: 50px;
margin-left: 0;
margin-right: 0;
}
/* MARGIN Y *******************************************************************************************************************************
******************************************************************************************************************************************/
body .my--0{
margin-top: 0;
margin-bottom: 0;
}
body .my--1{
margin-top: 10px;
margin-bottom: 10px;
}
body .my--15{
margin-top: 15px;
margin-bottom: 15px;
}
body .my--2{
margin-top: 20px;
margin-bottom: 20px;
}
body .my--3{
margin-top: 30px;
margin-bottom: 30px;
}
body .my--4{
margin-top: 40px;
margin-bottom: 40px;
}
body .my--5{
margin-top: 50px;
margin-bottom: 50px;
}
/* PADDING Y *******************************************************************************************************************************
******************************************************************************************************************************************/
body .py--0{
padding-top: 0;
padding-bottom: 0;
}
body .py--1{
padding-top: 10px;
padding-bottom: 10px;
}
body .py--15{
padding-top: 15px;
padding-bottom: 15px;
}
body .py--2{
padding-top: 20px;
padding-bottom: 20px;
}
body .py--3{
padding-top: 30px;
padding-bottom: 30px;
}
body .py--4{
padding-top: 40px;
padding-bottom: 40px;
}
body .py--5{
padding-top: 50px;
padding-bottom: 50px;
}
/* MARGIN Y turns into PADDING when used in grids *****************************************************************************************
******************************************************************************************************************************************/
.grid-cell.mx--0,
[class^="row__cell"].mx--0{
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
body .grid-cell.mx--1,
[class^="row__cell"].mx--1{
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 0;
}
body .grid-cell.mx--15,
[class^="row__cell"].mx--15{
padding-top: 15px;
padding-bottom: 15px;
margin-top: 0;
margin-bottom: 0;
}
body .grid-cell.mx--2,
[class^="row__cell"].mx--2{
padding-top: 20px;
padding-bottom: 20px;
margin-top: 0;
margin-bottom: 0;
}
body .grid-cell.mx--3,
[class^="row__cell"].mx--3{
padding-top: 30px;
padding-bottom: 30px;
margin-top: 0;
margin-bottom: 0;
}
body .grid-cell.mx--4,
[class^="row__cell"].mx--4{
padding-top: 40px;
padding-bottom: 40px;
margin-top: 0;
margin-bottom: 0;
}
body .grid-cell.mx--5,
[class^="row__cell"].mx--5{
padding-top: 50px;
padding-bottom: 50px;
margin-top: 0;
margin-bottom: 0;
}