.responsive-table {
width: 100%;
margin-bottom: 1.5em;
border-collapse: collapse; border-spacing: 0px; line-height: 1.6; }
@media (min-width: 860px) {.responsive-table {font-size: .9em;}}
.responsive-table thead {
position: absolute;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
@media (min-width: 860px) {
.responsive-table thead {
position: relative;
clip: auto;
height: auto;
width: auto;
overflow: auto;
}
}
.responsive-table thead th {
background-color: #1d96b2;
border: 1px solid #1d96b2;
font-weight: bold; text-align: center;
color: white;
}
.responsive-table thead th:first-of-type {text-align: left; width: 21%;}
.responsive-table thead th {text-align: left; width: 39%;}
.responsive-table tbody,
.responsive-table tr,
.responsive-table th,
.responsive-table td {
display: block;
padding: 0;
text-align: left;
white-space: normal;
}
@media (min-width: 860px) {.responsive-table tr {display: table-row;}} .responsive-table th {text-transform: none;}
.responsive-table th, .responsive-table td {padding: .3em; vertical-align: middle;}
@media (min-width: 30em) {.responsive-table th, .responsive-table td {padding: .75em .5em;}}
@media (min-width: 860px) {.responsive-table th, .responsive-table td {display: table-cell; padding: .5em;}}
@media (min-width: 62em) {.responsive-table th, .responsive-table td {padding: .3em .5em; }}
.responsive-table caption {margin-bottom: 1em; font-size: 1em; font-weight: bold; text-align: center;}
@media (min-width: 860px) {.responsive-table caption {font-size: 1.5em;}}
.responsive-table tfoot {font-size: 15px;}
@media (min-width: 860px) {.responsive-table tbody {display: table-row-group;}}
.responsive-table tbody tr {margin-bottom: 1em; border: 2px solid #1d96b2; }
@media (min-width: 860px) {.responsive-table tbody tr {display: table-row; border-width: 1px;}}
.responsive-table tbody tr:last-of-type {margin-bottom: 0;}
@media (min-width: 860px) {.responsive-table tbody tr:nth-of-type(even) {background-color: rgba(94, 93, 82, 0.1);}}
.responsive-table tbody th[scope=row] {border-bottom: 1px solid #1d96b2; background-color: #1d96b2; color: white; line-height: 1.5em; }
@media (min-width: 860px) {.responsive-table tbody th[scope=row] {background-color: transparent; color: #5e5d52; text-align: left;}} .responsive-table tbody th a {display: block; width: 100%; height: 100%; color: white; text-align: center; text-decoration: underline;}
@media (min-width: 860px) {
.responsive-table tbody th a {color: #15599d; text-decoration: none; text-align: left;}
.responsive-table tbody th a:hover {color: blue; text-decoration: underline;}
}
.responsive-table tbody td {text-align: left;}
@media (min-width: 30em) {.responsive-table tbody td {border-bottom: 1px solid #1d96b2;}} .responsive-table tbody td:nth-of-type(odd) {background-color: rgba(0, 200, 0, 0.1);}
.responsive-table tbody td:nth-of-type(even) {background-color: rgba(94, 93, 82, 0.1);}
.responsive-table tbody td[data-type=currency] {text-align: right;}
.responsive-table tbody td[data-title]:before {content: attr(data-title); color: rgba(94, 93, 82, 1); float: left; font-size: .8em; width: 100%;}
@media (min-width: 480px) {.responsive-table tbody td[data-title]:before {font-size: .9em;}}
@media (min-width: 610px) {.responsive-table tbody td[data-title]:before {min-width: 40%}}
@media (min-width: 670px) {.responsive-table tbody td[data-title]:before {width: 35%;}}
@media (min-width: 760px) {.responsive-table tbody td[data-title]:before {width: 30%;}}
@media (min-width: 860px) {.responsive-table tbody td[data-title]:before {content: none;}} .responsive-table tbody td span.no,
.responsive-table tbody td span.yes,
.responsive-table tbody td span.varies {
background-color: transparent;
background-repeat: no-repeat;
display: inline-block;
float: left;
height: 20px; margin: 2px 5px 2px;
vertical-align: middle;
width: 20px; }
.responsive-table tbody td span.no {background-image: url(https://www.campmackinaw.com/dev/media/icons/icon-no-red.gif)}
.responsive-table tbody td span.yes {background-image: url(https://www.campmackinaw.com/dev/media/icons/icon-checkmark-green.gif)}