/* Reset style -> aka, remove the padding/margin on elements you otherwise would have. */
* {
    margin: 0;
    padding: 0;
}

/* TYPOGRAPHY */
body {
    font-family: "Nunito", sans-serif;
}
.themezone H2 {
    font-family: "Oswald", sans-serif;
}
.ride H2, H3 {
    font-family: "Nunito", serif;
    font-weight: normal;
}
/* COLOURS */
.summer { background-color: #f8ed3f; }

/* COLORBAND (HEADER) */
#colorband {
    display: flex;
    height: 5px;
}
.band {
    width: auto;
    min-width: 100%;
}

/* WRAPPER */
#homepage {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrapper {
    width: 100vw;
    max-width: 1024px;
}

/* HEADER */
#header {
    height: 4em;
    max-height: 4em;
    overflow: hidden;
    background: #ba4d23;
    padding: 5px;
    border-bottom: 1px solid #d9d9d9;
}
#header-logo IMG {
    max-height: 4em;
    margin-left: 5px;
}

/* DAY INFORMATION */
#day-information {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.95em;
    background-color: #eeeeee;
    #opening-hours {
        flex-grow: 4;
    }
    #weather {
        max-width: 200px;
        text-align: right;
        flex-grow: 1;
    }
    #weather p {
        padding-right: 15px;
    }
    p {
        padding: 0.5em 0.15em 0.5em 1em;
    }
}

/* THEMED ZONES */

.themezone h2 {
    padding: 0.6em 0.5em;
    font-size: 1.55em;
}

.land-of-legends {
    background-color: #ba4d23;
    color: #d9d9d9;
}

.adventure-valley {
    background-color: #5d1e05;
    color: #d9d9d9;
}
.desperado-city {
    background-color: saddlebrown;
    color: #d9d9d9;
}
.mystery-bay {
    background-color: rebeccapurple;
    color: #d9d9d9;
}
.kinderland {
    background-color: yellow;
    color: black;
}

/* RIDES */

.rides {
    display: flex;
    flex-wrap: wrap;
}

.ride {
    display: flex;
    flex-wrap: wrap;
    /*vertical-align: center;*/
    align-items: center;
    /*margin-bottom: 0.2em;*/
    border-bottom: 0.2em solid #cacaca;
    border-right: 0.2em solid #cacaca;
}

.ride IMG {
    max-width: 25vw;
    max-height: 150px;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    object-fit: cover;
}
.ride H2 {
    margin-top: 0.3em;
    margin-left: 1em;
    flex-grow: 3;
    font-size: 1.5em;
    vertical-align: center;
}
.ride H3 {
    flex-grow: 1;
    text-align: right;
    font-size: 3em;
    vertical-align: center;
    margin-right: 0.5em;
    /*margin-top: 0.2em;*/
    /*background-color: blueviolet;*/
}

.full_and_closed H3 {
    visibility: hidden;
}

.closed H3 {
    visibility: hidden;
}

.closed_indefinitely H3 {
    visibility: hidden;
}

.full_and_closed {
    background: url("/static/img/closed.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

.closed {
    background: url("/static/img/closed.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

.closed_indefinitely {
    background: url("/static/img/closed.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}
.park-closed {
    background-color: #f9f9f9;
    padding: 2em;
    text-align: center;
    font-size: 1.2em;
    border: 5px solid #f8ed3f;
    border-top: 0px;
}