/*
Events
 */

.entry-content table.events-table
{
    width: 100%;
    font-size: 1em;
}

.css-events-list table.events-table td,
.css-events-list table.events-table th
{
    text-align: left;
    vertical-align: top;
    padding: .5em 0;
}

.events-table tbody tr
{
    border-top: 1px solid #8e8e8e;
    padding-top: .5em;
    margin-top: .5em;
}

.css-events-list table.events-table th.event-time
{
    width: 30%;
}

.css-events-list table.events-table th.event-description
{
    width: 70%;
}

.box-event .event-location
{
    font-style: italic;
}

.event-poster
{
    width: 100%;
    height: auto;
}

.event-details
{
    background: white url() top right no-repeat;
    background-size: 50% 100%;
    padding: 7px 10px;
    margin-bottom: 1em;
    position: relative;
    vertical-align: top;
}

.event-details p
{
    vertical-align: top;
}

.event-detail:after
{
    content: "";
    width: 100%;
    display: block;
}

.event-details .event-postal
{
    display: inline-block;
    float: left;
}

.event-details .event-postal + .event-town
{
    display: inline-block;
    padding-left: .5em;
}

body.single-event .entry-content .byline
{
    margin-top: 1em;
    font-size: .9em;
}

.event-details span
{
    display: block;
    width: auto;
}

@media only screen and (min-width: 480px)
{
    body.single-event .event-details h1
    {
        color: #ff3300;
        padding: 0 .4em;
        margin: 0;
    }

    body.single-event .has-post-thumbnail .event-details h1
    {
        max-width: 50%;
    }

    body.single-event .event-details .event-poster
    {
        width: 50%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        right: 0;
        top: 0;
    }

    body.single-event .event-details > p
    {
        width: auto;
        display: inline-block;
        margin: .5em 1em;
    }


    body.single-event .has-post-thumbnail .event-details > p
    {
        width: 49.5%;
        display: block;
        margin: .5em 0;
    }
}

@media only screen and (max-width: 768px)
{
    .event-details > p
    {
        margin-bottom: 1em;
    }
}

@media only screen and (min-width: 1px)
{
    body.single-event .hentry p
    {
        font-size: 1em;
        padding-right: 0;
    }

    /* Smaller image, more room for text */
    .mss-results .box .box-left
    {
        width: 25%;
    }

    .mss-results .box .box-right
    {
        width: 75%;
    }
}

.post-type-archive-event p.event-date,
.post-type-archive-event p.event-location
{
    margin: 0;
}

.post-type-archive-event .box.event-past .box-right h1
{
    color: #8e8e8e;
}

.box .box-left.single
{
    background-size: cover;
}