/* Variables
================================== */
/* Tables
================================== */
.DIVtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
}
.DIVtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.5em .7em;
  overflow: hidden;
  list-style: none;
  border: solid 2px white;
  background-color: #fafafa;
}
.DIVtable-cell > h1, .DIVtable-cell > h1 a:link,
.DIVtable-cell > h2, .DIVtable-cell > h2 a:link,
.DIVtable-cell > h3, .DIVtable-cell > h3 a:link,
.DIVtable-cell > h4, .DIVtable-cell > h4 a:link,
.DIVtable-cell > h5, .DIVtable-cell > h5 a:link,
.DIVtable-cell > h6, .DIVtable-cell > h6 a:link {
	margin: 0;
	font-size: 1.3rem;
}
/* Table column sizing
================================== */
.DIVtable--2cols > .DIVtable-cell {
  width: 50%;
}
.DIVtable--3cols > .DIVtable-cell {
  width: 33.33%;
}
.DIVtable--4cols > .DIVtable-cell {
  width: 25%;
}
.DIVtable--5cols > .DIVtable-cell {
  width: 20%;
}
.DIVtable--6cols > .DIVtable-cell {
  width: 16.6%;
}

/* Apply styles
================================== */
.DIVtable {
  position: relative;
/*
  top: 3px;
  left: 3px;
*/
}
.DIVtable-cell {
  margin: -3px 0 0 -3px;
  background-color: #F7F7F7;
/*  border-color: #e2e6e9;*/
}

/* Cell styles
================================== */
.DIVtable-cell--head {
  background-color: var(--primary);
/*  border-color: #543f5c;*/
  color: white;
}
.DIVtable-cell--subhead {
  background-color: var(--tertiary);
/*  border-color: #543f5c;*/
  color: white;
}
.DIVtable-cell--head > h1, .DIVtable-cell--subhead > h1,
.DIVtable-cell--head > h2, .DIVtable-cell--subhead > h2, 
.DIVtable-cell--head > h3, .DIVtable-cell--subhead > h3,
.DIVtable-cell--head > h4, .DIVtable-cell--subhead > h4, 
.DIVtable-cell--head > h5, .DIVtable-cell--subhead > h5, 
.DIVtable-cell--head > h6, .DIVtable-cell--subhead > h6 {
  color: white;
/*	font-weight: 400;*/
}
/*
.DIVtable-cell--odd > h6 {
  color: white;
}
*/

.DIVtable-cell--odd {
  background-color: #E9E9E9;
/*  border-color: #e2e6e9;*/
}
.DIVtable-cell--highlight {
  background-color: lightgreen;
/*  border-color: #64e764;*/
}
.DIVtable-cell--alert {
  background-color: darkorange;
/*  border-color: #cc7000;*/
  color: white;
}
.DIVtable-cell--alert > h1,
.DIVtable-cell--alert > h2,
.DIVtable-cell--alert > h3,
.DIVtable-cell--alert > h4,
.DIVtable-cell--alert > h5,
.DIVtable-cell--alert > h6 {
  color: white;
}

.DIVtable-cell p {
    margin: 0 0 .8em 0;
}

.no-flexbox .DIVtable {
  display: block;
}
.no-flexbox .DIVtable > .DIVtable-cell {
  width: 100%;
}
.no-flexbox .DIVtable > .DIVtable-cell--foot {
  margin-bottom: 1em;
}
.DIVtable-cell.DIVcolumn--1of1 {
  width: 100%;
}
.DIVtable-cell.DIVcolumn--5of6 {
  width: 83.33;
}
.DIVtable-cell.DIVcolumn--4of5 {
  width: 80%;
}
.DIVtable-cell.DIVcolumn--3of4 {
  width: 75%;
}
.DIVtable-cell.DIVcolumn--2of3 {
  width: 66.66%;
}
.DIVtable-cell.DIVcolumn--3of5 {
  width: 60%;
}
.DIVtable-cell.DIVcolumn--1of2 {
  width: 50%;
}
.DIVtable-cell.DIVcolumn--2of4 {
  width: 40%;
}
.DIVtable-cell.DIVcolumn--1of3 {
  width: 33.33%;
}
.DIVtable-cell.DIVcolumn--1of4 {
  width: 25%;
}
.DIVtable-cell.DIVcolumn--1of5 {
  width: 20%;
}
.DIVtable-cell.DIVcolumn--1of6 {
  width: 16.66%;
}

/* ================= Responsive =================== */
@media all and (max-width: 550px) {
  .DIVtable--collapse {
    display: block;
  }
  .DIVtable--collapse > .DIVtable-cell {
    width: 100% !important;
  }
}