@import url('../renaissance.css');
@import url("../lib/sharing.css");
@import url("../../../../mobile/lib/video.css");
@import url('../lib/program.css');
@import url("../lib/ticket_options.css");

@media only screen and (max-width: 820px) {

    .event-page-container {
        flex-direction: column;
    }

    .event-overview {
        width: 100%;
        min-height: unset;
        padding: 0;
    }

    .event-overview h1 {
        width:  calc(100% - 2rem);
        padding: 1rem;
        margin: 0 0 0.5rem 0;
    }

    .event-meta-data {
        padding: 0 1rem 0.75rem 1rem;
        width:  calc(100% - 2rem);
    }

    .event-body {
        min-height: unset;
        width: 100%;
    }

    .event-poster {
        display: none;
    }

    .mobile-event-poster {
        display: flex;
    }
    .event-main {
        padding: 0.75rem;
        width: calc(100% - 1.5rem);
    }

    .event-main-content {
        padding: 0 1rem;
        width: calc(100% - 2rem);
    }

    .venue-title {
        text-align: center;
        width: 100%;
        margin: 0;
    }
}