/* APPROVAL PATH INFOGRAPHIC */
.approval-path {
    display:grid;
    grid-gap:0;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    border:solid 1px #888;
    background-color:#888;
}
.approval-path .step-one, .approval-path .step-two, .approval-path .step-three, .approval-path .step-four, .approval-path .step-five, .approval-path .step-six {}
.approval-path ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    display: grid;
    grid-template-rows: 1fr 1.6fr;
    border-right: solid 1px #888;
}
.approval-path ul:last-child {
    border-right: none;
}
.approval-path ul li h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.2em;
    padding: 0 0 13px;
    color: #767676;
    margin: 0;
}
.approval-path li:first-of-type {
    padding:16px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    padding-top: 130px;
}
.approval-path ul li:nth-child(2) {
    font-size: .9em;
    padding: 20px 16px;
    line-height: 1.4em;
}
.approval-path .step-one ul {}
 .approval-path .step-one li:first-of-type {
	 color:#fff;
	 background:#4c0000 url("https://www.reed.edu/human_resources/assets/images/executive-level-white.png") no-repeat;
	 background-size: 100px;
	 background-position: top 17% center;
}
 .approval-path .step-two ul {}
 .approval-path .step-two li:first-of-type {
	 color:#fff;
	 background:#72090a url("https://www.reed.edu/human_resources/assets/images/human-resources-white.png") no-repeat;
	 background-size: 100px;
	 background-position: top 17% center;
}
 .approval-path .step-three ul {
}
 .approval-path .step-three li:first-of-type {
	 color:#fff;
	 background:#ad1e23 url("https://www.reed.edu/human_resources/assets/images/hiring-manager.png") no-repeat;
	 background-size: 100px;
	 background-position: top 17% center;
}
 .approval-path .step-four ul {}
 .approval-path .step-four li:first-of-type {
	 color:#000;
	 background:#afb1af url("https://www.reed.edu/human_resources/assets/images/hr-hiring-manager.png") no-repeat;
	 background-size: 100px;
	 background-position: top 17% center;
}
 .approval-path .step-five ul {}
 .approval-path .step-five li:first-of-type {
	 color:#000;
	 background:#cdcecb url("https://www.reed.edu/human_resources/assets/images/executive-level-black.png") no-repeat;
	 background-size: 100px;
	 background-position: top 17% center;
}
.approval-path .step-six ul {}
.approval-path .step-six li:first-of-type {
    color:#000;
    background:#ecece6 url("https://www.reed.edu/human_resources/assets/images/human-resources-black.png") no-repeat;
    background-size: 100px;
    background-position: top 17% center;
}

@media screen and (max-width:1250px) {
    .approval-path {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .approval-path ul {
        grid-template-rows: 1fr 1fr;
    }
    .approval-path ul:nth-child(3n) {
        border-right: none;
    }
}
@media screen and (max-width:650px) {
    .approval-path {
        grid-template-columns: 1fr 1fr;
    }
    .approval-path ul {
        grid-template-rows: 1fr 1.2fr;
    }
    .approval-path ul:nth-child(3) {
        border-right: solid 1px #888;
    }
    .approval-path ul:nth-child(2n), .approval-path ul:last-child {
        border-right: none;
    }
}


/* RESPONSIVE TABLE ATTEMPT RR */

.stacking-responsive-table-wrapper * {
    box-sizing: border-box;
}

.stacking-responsive-table-wrapper {
  width: 100%;
  border: solid 1px #ddd;
  margin-bottom:30px;
}

.stacking-responsive-table-wrapper .stacking-responsive-table {
  width: 95%;
  max-width: 100%;
  margin:0 auto 20px auto;
}


/* ------- Presentational Formatting --------- */

.stacking-responsive-table-wrapper h4,
.stacking-responsive-table-wrapper p:first-of-type {
    padding-left:23px;
}

.stacking-responsive-table-wrapper .stacking-responsive-table p {
    margin:0;
}

.stacking-responsive-table-wrapper .stacking-responsive-table p:first-of-type {
    padding-left:0;
}

.stacking-responsive-table {
  border: none;
  border-collapse: collapse;
}

.stacking-responsive-table tr {
  border-bottom: 1px solid #ddd;
}

.stacking-responsive-table tr:last-child {
  border-bottom: none;
}

.stacking-responsive-table thead tr {
  /*border-bottom: 2px solid #f0f0f0;*/
  background-color: #ccc;
}

.stacking-responsive-table td,
.stacking-responsive-table th {
  padding: 1em;
  vertical-align: top;
  border-right: solid 1px #ddd;
}

.stacking-responsive-table tr td:last-child,
.stacking-responsive-table tr th:last-child {
    border-right:none;
}

.stacking-responsive-table th {
  text-align: left;
}

@media screen and (max-width:991px) {
.stacking-responsive-table {
    margin: 0 auto;
    width: 100%;
    border-spacing: 0;
    border:none;
}
.stacking-responsive-table thead {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.stacking-responsive-table tbody,
.stacking-responsive-table tr,
.stacking-responsive-table th,
.stacking-responsive-table td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
}
.stacking-responsive-table tr td,
.stacking-responsive-table tr th {
    padding: 1em 1em 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    border-bottom: 1px solid #EDF0F1;
    border-right:none;
    width: 100%;
    white-space: normal;
}
.stacking-responsive-table tr:last-child td:last-child {
    border-bottom:none;
}
.stacking-responsive-table th[scope="row"] {
    width: 100%;
    text-align: center;
    display: block;
    background-color: #ccc;
    margin: 0 auto;
    padding: .5em 0;
    font-weight:bold;
}
.stacking-responsive-table td[data-header]:before {
    content: attr(data-header);
    display: block;
    float: left;
    width: 40%;
    color: #000000;
    font-weight: bold;
    text-align: left;
    margin-bottom:1em;
}
.stacking-responsive-table td[data-header] > * {
    display: block;
    width: 60%;
    float: right;
    clear: right;
    padding-left: 1em!important;
    margin-top: 0;
    margin-bottom: 1em;
}
.stacking-responsive-table td[data-header]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    border-right: 1px solid #EDF0F1;
    padding-bottom: 200%;
    display: block;
}
}


/* END RESPONSIVE TABLE */



.table-2c {
    border: solid 1px #ddd;
    padding: 0 20px 20px 20px;
    margin:30px auto;
}
.table-2c h4 {}
.table-2c ul {
    list-style-type:none;
    display:grid;
    grid-template-columns: 1fr 3fr;
    margin: 0;
    padding: 0;
}
.table-2c li {
    border-bottom: solid 1px #ddd;
    padding: 10px;
    border-left: solid 1px #ddd;
}

.table-2c li:nth-child(odd) {
    border-left:none;
    background-color:#eee;
}
.table-2c li:nth-child(-n+2) {
    background-color:#ccc;
}
.table-2c li:first-of-type {}
.table-2c li:nth-last-child(-n+2) {
    border-bottom:none;
}

.table-5c {
    border: solid 1px #ddd;
    padding: 0 20px 20px 20px;
    margin:30px auto;
}
.table-5c ul {
    list-style-type:none;
    display:grid;
    grid-template-columns: 1fr 1fr 2fr 2fr;
    margin: 0;
    padding: 0;
}
.table-5c li {
    border-bottom: solid 1px #ddd;
    padding: 10px;
    border-left: solid 1px #ddd;
}

.table-5c li:nth-child(4n+1) {
    border-left:none;
    background-color:#eee;
}
.table-5c li:nth-child(-n+4) {
    background-color:#ccc;
}
.table-5c li:first-of-type {}
.table-5c li:nth-last-child(-n+4) {
    border-bottom:none;
}

@media only screen and (max-width:960px){
    .table-5c, .table-2c {
        padding:0 10px 10px 10px;
    }
    .table-5c li, .table-2c li {
        font-size:15px;
        padding:7px;
    }
}

@media only screen and (max-width:600px){
    .table-5c ul {
        grid-template-columns:1fr;
    }
    .table-5c li:nth-child(4n) {
        border-bottom:solid 3px #a70e16;
    }
    .table-5c li:nth-last-child(-n+4) {
        border-bottom:solid 1px #ddd;
    }
    .table-5c li:last-child {
        border-bottom:none;
    }
    .table-5c li {
        border-left:none;
    }
    .table-5c li:nth-child(4n+1) {
        background-color:#fff;
    }
    .table-5c li:nth-child(4n+1)::before, .table-5c li:nth-child(4n+2)::before, .table-5c li:nth-child(4n+3)::before, .table-5c li:nth-child(4n+4)::before {
        content:"❚";
        padding-right:5px;
    }
    .table-5c li:nth-child(4n+1)::before {
        color:#f4a362;
    }
    .table-5c li:nth-child(4n+2)::before {
        color:#eac36f;
    }
    .table-5c li:nth-child(4n+3)::before {
        color:#289f90;
    }
    .table-5c li:nth-child(4n+4)::before {
        color:#42b1ce;
    }
    .table-5c li:nth-child(-n+4) {
        border:none;
    }
    .table-5c li:nth-child(-n+4)::before {
        content:none;
    }
    .table-5c li:nth-child(1) {
        background-color:#f4a362;
    }
    .table-5c li:nth-child(2) {
        background-color:#eac36f;
    }
    .table-5c li:nth-child(3) {
        background-color:#289f90;
    }
    .table-5c li:nth-child(4) {
        background-color:#42b1ce;
    }
    
}

ul.list-table li:nth-child(odd) {
    border-left:none;
}
ul.list-table {
    list-style-type:none;
    display:grid;
    grid-template-columns: 1fr 1fr;
    margin: 40px 0;
    padding: 0;
}
ul.list-table li {
    border-bottom: solid 1px #ddd;
    padding: 20px 10px;
    border-left: solid 1px #ddd;
}

ul.list-table li:first-child, ul.list-table li:nth-child (n+1) {
    background-color:#ddd;
}

ul.list-table li:nth-child(odd) {
    border-left:none;
}


.benefits-columns {
    padding:0;
    /*border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;*/
    -moz-column-count: 2;
    -moz-column-gap: 2em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2em;
    column-count: 2;
    column-gap: 2em;
}

.benefits-columns div {
    display:inline-block;
    width:100%;
}

.benefits-columns h3 {
    display:inline-block;
    width:100%;
}


@media only screen and (max-width:600px){
    .benefits-columns {
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    column-count: 1;
    column-gap: 0;
    }
}

.required {
	 font-weight:bold;
	 color: #EB0000;
}

div.highlight {
     background: #eee;
     border: 2px solid #ccc;
     padding: 15px;
     margin: 1em 0;
     line-height: 135%;
}
 div.highlight h3 {
     margin-top: 0;
}

.hide-element {
	 border: 0;
	 clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	 clip;
	 rect(1px, 1px, 1px, 1px);
	 height: 1px;
	 margin: -1px;
	 overflow: hidden;
	 padding: 0;
	 position: absolute;
	 width: 1px;
}