/* STYLING SPECIFIC TO events.html

    Author: Rafael D.
    Last Updated: 1/8/2024
*/

#eventsMain
{
    /*border: 0.2vw solid indigo;*/
    display: flex;
    flex-direction: row;
}
#eventsListing
{
    /*border: 0.2vw solid blue;*/
    padding: 0vw 2vw;
    width: 50%;
    height: 470px;
    /* height: 55vh; */
    display: flex;
    flex-direction: column;
    align-items: center;
}
#eventsListing > .largeCenteredHeader
{
    border-left: none;
    border-right: none;
    border-radius: 0%;
}
#eventsContent
{
    /*border: 0.2vw solid green;*/
    border-top: 0.2vw solid rgb(138, 137, 90);
    border-bottom: 0.2vw solid rgb(138, 137, 90);
    background-color: rgb(172, 183, 151);
    height: 70%;
    overflow-y: scroll;
}
.eventsTable
{
    border: 0.2vw solid rgb(138, 137, 90);
    background-color: rgb(215, 214, 141);
    border-collapse: collapse;
}
/* #eventsHead
{
    color: rgb(40, 77, 108);
} */
.eventsTable th, td
{
    border-bottom: 0.3vw solid rgb(138, 137, 90);
    padding: 1rem 0.3rem 0.3rem 0.3rem;
}
/* .eventsTable td
{
    min-height: 10000px;
} */

.eventsTable td:nth-child(even)
{
    background-color: rgb(225, 221, 153);
}
.eventsRow
{
    background-color: rgb(232, 232, 192);
    text-align: left;
    vertical-align: bottom;
}
.eventsTable .eventsRow > .eventNames
{
    /*border: 0.2vw solid indigo;*/
    width: 20%;
}
.eventsTable .eventsRow > .eventDates
{
    /*border: 0.2vw solid indigo;*/
    width: 20%;
}
.eventsTable .eventsRow > .eventDescs
{
    /*border: 0.2vw solid indigo;*/
    width: 40%;
}
.eventsTable .eventsRow > .eventLinks
{
    /*border: 0.2vw solid indigo;*/
    width: 20%;
}

@media screen and (max-width: 840px)
{
    #eventsListing
    {
        /*border: 0.2vw solid blue;*/
        margin: auto;
        width: 70%;
    }
}

@media (max-width: 500px) {
    #eventsContent {
        overflow: auto;
        width: 100vw;
        font-size: small;
    }
}