/* ── Page shell ─────────────────────────────────────────────── */




body {
    width:100vw;
    max-width:1280px;

}

#web-content {

}


/* Web page layout — supplements main.css */
/* Moved from main.css */
.red {color:red;}
.gray {color:#999;}

.stale-data { color: #e65100; font-weight: bold; }
.staler-data { color: #b71c1c; font-weight: bold; }
.colors-white-on-orange { background: #ef6c00;color:white;}
.colors-midnight {background-color:#011993; color:#FFF;}
.colors-noon {background-color:#D5EDFA; color:#000;}
.colors-wh-grn{   background: #2e6b2e; color: #fff;}


#main-head {
    text-align:center;
    background-color:black;
    color:white;
    margin-bottom: 0.5rem;
    padding:1rem;
    display:flex;
    align-items:flex-end;
    flex-wrap:wrap;
}

/* both side columns are 20%, stacking their children vertically */
#main-head > .pad {
    flex: 0 0 20%;
    display:flex;
    flex-direction:column;
    font-weight:500;
    font-size:1.6rem;
}
#main-head > .pad:first-child {
    align-items: flex-start;
    text-align: left;
}
#main-head > .pad:last-child {
    text-align:center;
    align-items: flex-end;
}

#main-head .title {
    flex: 0 0 60%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    color:white;
}

#main-head .title .park-name {
        font-size: 2.4rem;
        font-weight: 700;
        text-align: center;
        margin: 0;

}
#main-head title .motto {
    color:white;
    font-size: 1.2rem;
    font-style: italic;
    margin:0;
    font-weight:normal;

}

#main-head .title .date {
        font-size: 1.8rem;
        font-weight: 700;
        text-align: center;
        margin:0;
}




table#timetable {
    border-collapse: collapse;
    border:0;
    color:white;
}
table#timetable td {
    padding:0;
    color:white;
}
table.index {border:2px solid black; border-collapse:collapse;}
table.index tr td {text-align:center;border:1px solid black;padding:6px;}

table.center {margin:auto;}

/* ── Section blocks ──────────────────────────────────────────── */

.block {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 1rem;
    overflow: hidden;
    width:100%;
    padding: 0;

}
/* block heading is flex, so can insert text or
    insert div.flex-left and div.flex-right
 */
.block-heading {
    background: #2e6b2e;
    color: #fff;
    padding: 0.25rem ;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom:0.8rem;
    display:flex;
}
.flex-left {
    display:flex;
    flex:1;
    justify-content:flex-start;
}
.flex-right {
    display:flex;
    flex:1;
    justify-content:flex-end;
}

.block-flex {
    display: flex;
    flex-wrap: wrap;
    margin-left:0.5rem;
    margin-right:0.5px;
    background:white;
    /*border:1px solid black;*/
}

.block-flex .item {
    flex-basis: auto;
    box-sizing: border-box;
    width:50%;
}

.block-body {
    background:white;
    padding: 0 1rem 0 1rem;
}

.block-updated {
   float:right;
    text-align:right;
    text-transform:none;
}



.rec-gov-footer {
    margin-top: 0.8em;
    font-size: 1.4rem;
    text-align: center;
}

.park-pick-btn {
    display: block;
    margin: 0.6rem auto;
    max-width: 400px;
    padding: 0.8rem 1.5rem;
    background: #2e5c2e;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    border-radius: 4px;
}

.park-pick-btn:hover { background: #1a3d1a; }