/* Spacing helper classes - CUSTOM */

/*
   SPACING
   An eight step powers of two scale ranging from 0 to 16px.
   Legend:
   1st character
   p = padding
   m = margin
   2nd character
   a = all
   h = horizontal
   v = vertical
   t = top
   r = right
   b = bottom
   l = left
   3rd character
   n = none
   xs = extra small
   s = small
   m = medium
   l = large
   x = extra
   xl = extra large
   xxl = extra extra large
*/

/* padding all */
.pan {
  padding: 0;
}

/* padding right */
.pln {
  padding-left: 0px;
}
.plxs {
  padding-left: 5px;
}
.pls {
  padding-left: 10px;
}
.plm {
  padding-left: 15px;
}
.pll {
  padding-left: 20px;
}
.plx {
  padding-left: 25px;
}
.plxl {
  padding-left: 30px;
}
.plxxl {
  padding-left: 50px;
}

/* padding right */
.prn {
  padding-right: 0px;
}
.prxs {
  padding-right: .5px;
}
.prs {
  padding-right: 10px;
}
.prm {
  padding-right: 15px;
}
.prl {
  padding-right: 20px;
}
.prx {
  padding-right: 25px;
}
.prxl {
  padding-right: 30px;
}
.prxxl {
  padding-right: 50px;
}

/* padding bottom */
.pbn {
  padding-bottom: 0;
}
.pbxs {
  padding-bottom: 5px;
}
.pbs {
  padding-bottom: 10px;
}
.pbm {
  padding-bottom: 15px;
}
.pbl {
  padding-bottom: 20px;
}
.pbx {
  padding-bottom: 25px;
}
.pbxl {
  padding-bottom: 30px;
}
.pbxxl {
  padding-bottom: 50px;
}

/* padding top */
.ptn {
  padding-top: 0;
}
.ptxs {
  padding-top: 5px;
}
.pts {
  padding-top: 10px;
}
.ptm {
  padding-top: 15px;
}
.ptl {
  padding-top: 20px;
}
.ptx {
  padding-top: 25px;
}
.ptxl {
  padding-top: 30px;
}
.ptxxl {
  padding-top: 50px;
}

/* padding vertical */
.pvn {
  padding-top: 0;
  padding-bottom: 0;
}

/* padding horizontal */
.phn {
  padding-left: 0;
  padding-right: 0;
}

/* margin all */
.man {
  margin: 0;
}
.maxs {
  margin: 5px;
}
.mas {
  margin: 10px;
}
.mam {
  margin: 15px;
}
.mal {
  margin: 20px;
}
.max {
  margin: 25px;
}
.maxl {
  margin: 30px;
}
.maxxl {
  margin: 50px;
}

/* margin left */
.mln {
  margin-left: 0;
}
.mlxs {
  margin-left: 5px;
}
.mls {
  margin-left: 10px;
}
.mlm {
  margin-left: 15px;
}
.mll {
  margin-left: 20px;
}
.mlx {
  margin-left: 25px;
}
.mlxl {
  margin-left: 30px;
}
.mlxxl {
  margin-left: 50px;
}

/* margin right */
.mrn {
  margin-right: 0;
}
.mrxs {
  margin-right: 5px;
}
.mrs {
  margin-right: 10px;
}
.mrm {
  margin-right: 15px;
}
.mrl {
  margin-right: 20px;
}
.mrx {
  margin-right: 25px;
}
.mrxl {
  margin-right: 30px;
}
.mrxxl {
  margin-right: 50px;
}

/* margin bottom */
.mbn {
  margin-bottom: 0;
}
.mbxs {
  margin-bottom: 5px;
}
.mbs {
  margin-bottom: 10px;
}
.mbm {
  margin-bottom: 15px;
}
.mbl {
  margin-bottom: 20px;
}
.mbx {
  margin-bottom: 25px;
}
.mbxl {
  margin-bottom: 30px;
}
.mbxxl {
  margin-bottom: 50px;
}

/* margin top */
.mtn {
  margin-top: 0;
}
.mtxs {
  margin-top: 5px;
}
.mts {
  margin-top: 10px;
}
.mtm {
  margin-top: 15px;
}
.mtl {
  margin-top: 20px;
}
.mtx {
  margin-top: 25px;
}
.mtxl {
  margin-top: 30px;
}
.mtxxl {
  margin-top: 50px;
}

/* margin vertical */
.mvn {
  margin-top: 0;
  margin-bottom: 0px;
}

/* margin horizontal */
.mhn {
  margin-left: 0;
  margin-right: 0;
}