/* SE-ROW-20 */
/* A se-row-20 has 20 columns of equal width.
   Use col-x class to specifiy how many columns an element takes up. */
.se-row-20 {
  display: block;
  box-sizing: border-box;
}
.se-row-20 > [class*="col-"] {
  display: block;
  box-sizing: border-box;
  padding-bottom: 1em;
  overflow: hidden;
  vertical-align: initial;
}
.se-row-20 > [class*="col-"] img {
  width: auto !important;
  border: none;
}
@media (min-width: 768px) {
  .se-row-20 {
    display: block;
    /* rb - Negate padding on first element */
    margin-left: -1.25%;
    /* rb - Set font-size=0 so there is no gap between inline-block child col-* elements */
    font-size: 0;
  }
  .se-row-20 > [class*="col-"] {
    display: inline-block;
    padding-bottom: 0;
    vertical-align: top;
    /* rb - Parent row set font-size=0, so reset font-size to root element */
    font-size: 14px; /* IE8 */
    font-size: 1rem;
  }
  .se-row-20 > [class*="col-"].align-top {
    vertical-align: top;
  }
  .se-row-20 > [class*="col-"].align-middle {
    vertical-align: middle;
  }
  .se-row-20 > [class*="col-"].align-bottom {
    vertical-align: bottom;
  }
  .se-row-20 > .col-1,
  .se-row-20 > .col-2,
  .se-row-20 > .col-3,
  .se-row-20 > .col-4,
  .se-row-20 > .col-5,
  .se-row-20 > .col-6,
  .se-row-20 > .col-7,
  .se-row-20 > .col-8,
  .se-row-20 > .col-9,
  .se-row-20 > .col-10,
  .se-row-20 > .col-11,
  .se-row-20 > .col-12,
  .se-row-20 > .col-13,
  .se-row-20 > .col-14,
  .se-row-20 > .col-15,
  .se-row-20 > .col-16,
  .se-row-20 > .col-17,
  .se-row-20 > .col-18,
  .se-row-20 > .col-19,
  .se-row-20 > .col-20 {
    position: relative;
    min-height: 1px;
    padding-left: 1.25%;
  }
  .se-row-20 > .col-20 {
    width: 100%;
  }
  .se-row-20 > .col-19 {
    width: 95%;
  }
  .se-row-20 > .col-18 {
    width: 90%;
  }
  .se-row-20 > .col-17 {
    width: 85%;
  }
  .se-row-20 > .col-16 {
    width: 80%;
  }
  .se-row-20 > .col-15 {
    width: 75%;
  }
  .se-row-20 > .col-14 {
    width: 70%;
  }
  .se-row-20 > .col-13 {
    width: 65%;
  }
  .se-row-20 > .col-12 {
    width: 60%;
  }
  .se-row-20 > .col-11 {
    width: 55%;
  }
  .se-row-20 > .col-10 {
    width: 50%;
  }
  .se-row-20 > .col-9 {
    width: 45%;
  }
  .se-row-20 > .col-8 {
    width: 40%;
  }
  .se-row-20 > .col-7 {
    width: 35%;
  }
  .se-row-20 > .col-6 {
    width: 30%;
  }
  .se-row-20 > .col-5 {
    width: 25%;
  }
  .se-row-20 > .col-4 {
    width: 20%;
  }
  .se-row-20 > .col-3 {
    width: 15%;
  }
  .se-row-20 > .col-2 {
    width: 10%;
  }
  .se-row-20 > .col-1 {
    width: 5%;
  }
  .se-row-20 > .offset-20 {
    margin-left: 100%;
  }
  .se-row-20 > .offset-19 {
    margin-left: 95%;
  }
  .se-row-20 > .offset-18 {
    margin-left: 90%;
  }
  .se-row-20 > .offset-17 {
    margin-left: 85%;
  }
  .se-row-20 > .offset-16 {
    margin-left: 80%;
  }
  .se-row-20 > .offset-15 {
    margin-left: 75%;
  }
  .se-row-20 > .offset-14 {
    margin-left: 70%;
  }
  .se-row-20 > .offset-13 {
    margin-left: 65%;
  }
  .se-row-20 > .offset-12 {
    margin-left: 60%;
  }
  .se-row-20 > .offset-11 {
    margin-left: 55%;
  }
  .se-row-20 > .offset-10 {
    margin-left: 50%;
  }
  .se-row-20 > .offset-9 {
    margin-left: 45%;
  }
  .se-row-20 > .offset-8 {
    margin-left: 40%;
  }
  .se-row-20 > .offset-7 {
    margin-left: 35%;
  }
  .se-row-20 > .offset-6 {
    margin-left: 30%;
  }
  .se-row-20 > .offset-5 {
    margin-left: 25%;
  }
  .se-row-20 > .offset-4 {
    margin-left: 20%;
  }
  .se-row-20 > .offset-3 {
    margin-left: 15%;
  }
  .se-row-20 > .offset-2 {
    margin-left: 10%;
  }
  .se-row-20 > .offset-1 {
    margin-left: 5%;
  }
  .se-row-20 > .offset-0 {
    margin-left: 0;
  }
}
.se-row-20.debug > [class*="col-"]:nth-child(3n+1) { border: 1px solid red; }
.se-row-20.debug > [class*="col-"]:nth-child(3n+2) { border: 1px solid green; }
.se-row-20.debug > [class*="col-"]:nth-child(3n+0) { border: 1px solid blue; }
/* //SE-ROW-20 */

/* elements */
.se-el-table {
  display: table;
  width: 100%;
}
.se-el-tableRow {
  display: table-row;
}
.se-el-tableCell {
  display: table-cell;
}
.se-el-table.debug > .se-el-tableRow > .se-el-tableCell:nth-child(3n+1) { background-color: pink; }
.se-el-table.debug > .se-el-tableRow > .se-el-tableCell:nth-child(3n+2) { background-color: LightGreen; }
.se-el-table.debug > .se-el-tableRow > .se-el-tableCell:nth-child(3n+0) { background-color: cyan; }
/* //elements */

/* utility mixins */
.se-u-align-top {
  vertical-align: top !important;
}
.se-u-align-middle {
  vertical-align: middle !important;
}
.se-u-align-bottom {
  vertical-align: bottom !important;
}
.se-u-align-left {
  text-align: left !important;
}
.se-u-align-center {
  text-align: center !important;
}
.se-u-align-right {
  text-align: right !important;
}
.se-u-hanging-indent {
  padding-left: 1ch !important;
  text-indent: -1ch !important;
}
.se-u-nooverflow {
  overflow: hidden !important;
}
.se-u-marginTop {
  margin-top: 14px !important; /* IE8 */
  margin-top: 1rem !important;
}
.se-u-x-marginTop {
  margin-top: 28px !important; /* IE8 */
  margin-top: 2rem !important;
}
.se-u-xx-marginTop {
  margin-top: 42px !important; /* IE8 */
  margin-top: 3rem !important;
}
.se-u-xxx-marginTop {
  margin-top: 70px !important; /* IE8 */
  margin-top: 5rem !important;
}
.se-u-no-marginTop {
  margin-top: 0 !important;
}
.se-u-nowrap {
  white-space: nowrap !important;
}
.se-u-no-margin {
  margin: 0 !important;
}
.se-u-font-size-larger {
  font-size: 16px !important; /* IE8 */
  font-size: 1.15rem !important;
}
.se-u-font-size-smaller {
  font-size: 12px !important; /* IE8 */
  font-size: .85rem !important;
}
.se-u-font-size-xlarge {
  font-size: 21px !important;
  font-size: 1.5rem !important;
}
.se-u-font-size-xxlarge {
  font-size: 28px !important; /* IE8 */
  font-size: 2rem !important;
}
.se-u-font-size-xxxlarge {
  font-size: 42px !important; /* IE8 */
  font-size: 3rem !important;
}
hr.se-u-dark {
  border-color: #000;
}
.se-u-no-decoration,
.se-u-no-decoration:link,
.se-u-no-decoration:visited,
.se-u-no-decoration:hover {
  text-decoration: none;
  color: inherit;
}
/* //utility mixins */
