@import url("../snowfall.css");
@import url("../lib/sharing.css");


@media screen and (max-width: 980px) {
    main {
        flex-direction: column;
    }

    .venue-title {
        margin: 0;
        padding: 0;
        width: 100%;
        background-color: unset;
    }

    main {
        border-top: solid 1px var(--light-brand-color);
    }

    .venue-intro {
        padding: 0.5rem;
        width: calc(100% - 1rem);
    }

    .venue-header {
        display: none;
    }

    .venue-main {
        padding: 0 0.5rem;
        width: calc(100% - 1rem);
    }

    .quick-actions {
        margin: 1rem 0.5rem;
    }

    .poster-container {
        display: none;
    }

    .venue-body {
        width: 100%;
        padding: 0;
    }

    .venue-details-container {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .synopsis {
        font-size: 1.1rem;
        margin: 0;
    }

    .venue-details {
        width: 100%;
        padding: 0;
    }
}