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



table#HOTW {
    width: 90%;
}

table#HOTW tr td:first-child {
    width: 25%;
}

table#HOTW tr td:nth-child(2) {
    width: 25%;
}

table#HOTW tr td:nth-child(3) {
    width: 50%;
}

table#HOTW tr td {
    border-bottom: 1px #ddd solid;
}

table#HOTW tr.FST-F td,
table#HOTW tr.FST-S td,
table#HOTW tr.FST-T td {
    border-top: 2px #bbb solid;
    border-bottom: 2px #bbb solid;
    font-weight: 600;
    font-size: 0.9rem;
    padding-top: 0.6rem;
    padding-bottom: 0.4rem;
}

table#HOTW tr.FST-F td {
    padding-left: 1rem;
}

table#HOTW tr.FST-S td {
    padding-left: 2.3rem;
}

table#HOTW tr.FST-T td {
    padding-left: 3.6rem;
}

table#HOTW tr.species-div:last-child td {
    border-bottom: 2px #bbb solid;
}



/* --------------------------------------------------------------
    Accordion for Heron Lists
-------------------------------------------------------------- */

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

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

.RP input {
    display: none;
}

.RP ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.RP li {
    margin: 0.35rem 0;
}

.RP li:first-child {
    margin-top: 0.7rem;
}

.RP input:checked~ul {
    display: block;
}

.RP p {
    margin: 0 auto;
}



/* --------------------------------------------------------------
    Media Query
-------------------------------------------------------------- */

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