/* ==========
Template Defaults
========== */
@import url('default-chapter.0515.css');

/* ====================
Universal Overrides
==================== */

:root {
  /* Base */
  --colorHeadline: var(--colorBody);
  /*  Colors */
  --color1: #1038bb;
  --color2: #000;
  --color3: #25770a;
  /* Boxes & Quotes*/
  --colorBox1: #c9f0b1;
  --colorBox2: #eee;
  --colorQuoteBorder1: #187e0b;
  /* Bullet Colors */
  --color1Bullet: #34b10a;
}

/* ===================
HERO
==================== */

.hero__image {
 max-width: 500px;
}

/* ==========
End of Chapter Navigation
========== */

.content span.chapter__link {
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.2;
}

/* ==========
Custom Form Overrides
========== */

.content .form {
	color: #fff;
	background: #1e5c9d;
}

.content .form h2,
.content .form .h2 {
	color: inherit;
}

.content .form a {
	color: #0ff;
	text-decoration: underline;
}

.content .form a:hover,
.content .form a:focus {
	color: #0dd;
	text-decoration: none;
}

.content .form a:active {
	color: #f0e68c;
}

.content .form .callout {
	color: #6eb43f;
	padding: 0.5em 0.5em 0.67em;
	max-width: 21em;
}

.content .form .fa {
	display: block;
	font-size: 1.5em;
}

.content .form .flex-300 {
	flex: 1 1 300px;
}

/* =========
Table
========== */

/* .wrapper {
 width: 100%;
 max-width: 1000px;
 margin: 1em auto;
 padding: 1em;
} */

.is-striped {
 background-color: rgba(233, 200, 147, 0.2);
}

/* Table column sizing
================================== */
.category-cell {
 width: 33.33%;
}

.apy-cell {
 width: 33.33%;
}

.hourly-wage-cell {
 width: 33.33%;
}

.responsive-table--collapse .responsive-table-row .responsive-table-cell {
 width: 33.33%;
}

/* .replay-link-cell {
 width: 13%;
}

.pdf-cell {
 width: 13%;
} */

/* Apply styles
================================== */
.responsive-table {
 display: -webkit-box;
 display: flex;
 flex-wrap: wrap;
 margin: 0 auto 1em;
 padding: 0;
 box-shadow: 9px 9px 10px rgba(0, 0, 0, 0.1), -9px -9px 10px rgba(228, 228, 228, 0.3);
 max-width: 700px;
}

.responsive-table .responsive-table-row {
 width: 100%;
 display: -webkit-box;
 display: flex;
}

.responsive-table .responsive-table-row:nth-of-type(1),.responsive-table .responsive-table-row:nth-of-type(2), .responsive-table .responsive-table-row:nth-of-type(3) {
 border-bottom: 1px solid #b1d1ac;
}

.responsive-table .responsive-table-row .responsive-table-cell {
 box-sizing: border-box;
 -webkit-box-flex: 1;
         flex-grow: 1;
 padding: 0.8em;
 overflow: hidden;
 list-style: none;
}
.responsive-table .responsive-table-row .responsive-table-cell.column-heading {
 background-color: #dcf3ce;
 color: #000;
 padding: 1em;
 font-weight: 700;
 text-align: inherit;
}
.responsive-table .responsive-table-row .responsive-table-cell .responsive-table-cell--heading {
 display: none;
}

/* Responsive
==================================== */
@media all and (max-width: 750px) {
 .is-striped {
   background-color: white;
 }

 .responsive-table--collapse {
   display: block;
   width: 100%;
   /* padding: 1em; */
   box-shadow: none;
 }
 .responsive-table--collapse .responsive-table-row {
   box-sizing: border-box;
   width: 100%;
   display: -webkit-box;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 2em;
   box-shadow: 9px 9px 10px rgba(0, 0, 0, 0.1), -9px -9px 10px rgba(228, 228, 228, 0.3);
 }

 .responsive-table--collapse .responsive-table-row .responsive-table-cell {
   width: 100% !important;
   display: -webkit-box;
   display: flex;
   -webkit-box-align: center;
           align-items: center;
 }
 .responsive-table--collapse .responsive-table-row .responsive-table-cell--heading {
   display: inline-block;
   -webkit-box-flex: 1;
           flex: 1;
   max-width: 150px;
   min-width: 150px;
   color: #000;
   font-weight: 700;
 }
 .responsive-table--collapse .responsive-table-row .responsive-table-cell .responsive-table-cell--content {
   -webkit-box-flex: 2;
           flex: 2;
   padding-left: 1em;
 }
 .responsive-table--collapse .responsive-table-row .responsive-table-cell.category-cell {
   background-color: #dcf3ce;
   color: #000;
   /* font-weight: 700; */
   -webkit-box-ordinal-group: 0;
           order: -1;
 }
 .responsive-table--collapse .responsive-table-row--head {
   display: none;
 }

 .responsive-table .responsive-table-row:nth-of-type(1),.responsive-table .responsive-table-row:nth-of-type(2), .responsive-table .responsive-table-row:nth-of-type(3) {
  border: none;
 }

 .responsive-table .responsive-table-row .responsive-table-cell .responsive-table-cell--heading {
  display: inline-block;
  text-align: left;
 }
}

@media(max-width: 540px) {
 /* .responsive-table-cell {
  font-size: 14px;
 } */
}
.no-flexbox .responsive-table {
 display: block;
}
.no-flexbox .responsive-table.responsive-table-cell {
 width: 100%;
}

/* Site table overrides */

table {
 border: none;
}

table th {
 background-color: transparent;
}

table th, table td {
 border: none;
 padding: 0;
}