/*
Theme Name: HC-wpeh
Author: Katsutoshi Matsunaga
Author URI: https://www.greyheron.org/
Description: A theme for HeronConservation.
Version: 1.0
License: GNU General Public License
*/



table#WPEH {
    width: 120%;
    table-layout: fixed;
    margin: 1rem auto 0;
}

table#WPEH tr {
    height: 44px;
}

table#WPEH tr th {
    vertical-align: middle;
}

table#WPEH tr td:first-child,
table#WPEH tr th:first-child {
    width: 11%;
}

table#WPEH tr td:nth-child(2),
table#WPEH tr th:nth-child(2) {
    width: 11%;
}

table#WPEH tr td:nth-child(3),
table#WPEH tr th:nth-child(3) {
    width: 12%;
}

table#WPEH tr td:nth-child(4),
table#WPEH tr th:nth-child(4) {
    width: 25%;
}

table#WPEH tr td:nth-child(5),
table#WPEH tr th:nth-child(5) {
    width: 7%;
}

table#WPEH tr td:nth-child(6),
table#WPEH tr th:nth-child(6) {
    width: 9%;
}

table#WPEH tr td:nth-child(7),
table#WPEH tr th:nth-child(7) {
    width: 7%;
}

table#WPEH tr td:nth-child(8),
table#WPEH tr th:nth-child(8) {
    width: 8%;
}

table#WPEH tr td:nth-child(9),
table#WPEH tr th:nth-child(9) {
    width: 5%;
}

table#WPEH tr td:nth-child(10),
table#WPEH tr th:nth-child(10) {
    width: 5%;
}

table#WPEH tr.species-div:not(:first-child) td {
    border-top: 1px #888 solid;
}

table#WPEH tr td:first-child,
table#WPEH tr td:nth-child(3) {
    font-style: italic;
}

table#WPEH tr.csr7-list td:nth-child(4),
table#WPEH tr.csr7-list td:nth-child(5),
table#WPEH tr.csr7-list td:nth-child(6),
table#WPEH tr.csr7-list td:nth-child(7),
table#WPEH tr.csr7-list td:nth-child(8) {
    color: #3cb371;
}



/* --------------------------------------------------------------
	Accordion for WPEH
-------------------------------------------------------------- */

.RP-WPEH {
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
}

.RP-WPEH label {
    display: block;
    color: #3b87d9;
    cursor: pointer;
}

.RP-WPEH input {
    display: none;
}

.RP-WPEH ul {
    display: none;
    margin: 0;
    padding: 0;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
}

.RP-WPEH li {
    margin: 0.45rem 0;
}

.RP-WPEH li.reno {
    font-weight: 600;
    margin-top: 1rem;
}

.RP-WPEH-input:checked~ul {
    display: block;
    margin: 1.5rem 0 0.5rem -35rem;
    padding: 0.2rem 1.8rem 0.8rem;
}

.RP-WPEH p {
    margin: 0 auto;
}



/* --------------------------------------------------------------
	Media Query (+ Navigation for mobile)
-------------------------------------------------------------- */

@media screen and (max-width:1024px) {
    table#WPEH {
        width: 100%;
        margin: 1.8rem auto 0;
    }
}