.meetingDetailPage .pageTitle {
    position: absolute;
    left: -999em;
}

/**
 * Layout
 */

.mmt-mdp__header {
    max-width: 100%;
}

.mmt-mdp-main,
.mmt-mdp-sidebar {
    margin-bottom: 3em;
}

@media (min-width: 990px) {
    .mmt-mdp-content {
        display: flex;
    }

    .mmt-mdp-main {
        flex: 0 0 62%;
        max-width: 62%;
        margin-right: 6%;
    }

    .mmt-mdp-sidebar {
        flex: 1;
    }
}


/**
 * mmt-mdp-header.html.twig
 */

.mmt-mdp__headerImage {
    margin-bottom: 1em;
    border-radius: var(--radius-xl);
}

.mmt-mdp__headerIntro {
    min-height: 6em;/** The date ornament should never be placed over other content */
}

.mmt-mdp__headerIntro {
    margin-bottom: 1rem;
    padding-left: 5.5rem;
}

.mmt-mdp__summary {
    margin-bottom: 2em;
}

.mmt-mdp__date {
    position: absolute;
    transform: translate(.5rem, 0);
    font-size: .9em;
}

.meetingHasCover .mmt-mdp__date {
    transform: translate(.5rem, -35%);
}

@media (min-width: 40em) {
    .mmt-mdp__headerImage {
        margin-bottom: 2rem;
    }

    .mmt-mdp__date {
        transform: translate(-8rem, 0);
        font-size: 1.25em;
    }

    .meetingHasCover .mmt-mdp__date {
        transform: translate(-8rem, -4rem);
    }

    .mmt-mdp__headerText {
        flex: 1;
        padding-left: 10rem;
    }

    .mmt-mdp__headerIntro {
        margin-bottom: .5rem;
        padding-left: 0;
    }
}

.mmt-mdp__venue {
    margin-right: 1rem;
    font-size: var(--txtSize-6);
}

.mmt-mdp__id {
    display: inline-block;
    vertical-align: top;
    padding: .1rem .3rem;
    border-radius: var(--radius-md);
    font-size: var(--txtSize-7);
    color: hsl(0, 0%, 47%);
    background: var(--clr1-xlight);
}

.mmt-mdp__meetingTitle {
    font-family: var(--fam-regular);
    font-size: var(--txtSize-1);
}

.mmt-mdp__intro {
    margin-bottom: .5rem;
    font-family: var(--fam-light);
    font-size: var(--txtSize-3);
    line-height: var(--lnHeight-sm);
}

.mmt-mdp__introFull {
    margin-bottom: 2rem;
    font-family: var(--fam-light);
    font-size: var(--txtSize-4);
    color: var(--clr-grey);
}

/**
 * mmt-mdp-menu.html.twig
 */

.mmt-mdp-nav__offsetAnchor {
    position: absolute;
    margin-top: -5em;
}

/*
* Styles for tabs menu are made generic with 'l-tabs-nav', and moved to layout.css
* Active class for meeting could not be made generic
 */

.mmt-mdp-section {
    margin-bottom: 4rem;
}

.mmt-mdp-active a,
.mmt-mdp-active a:hover {
    color: var(--clr1-normal);
    box-shadow: 0 -4px inset var(--clr1-normal);
}

/**
 * mmt-meeting-detail-page.html.twig
 */

.mmt-mdp-sidebar .mmt-mdp-inner {
    padding: 30px 40px;
    border: 1px solid var(--clr-brdr-light);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-1);
}

.mmt-mdp-sidebar .button {
    margin-right: 0;
}

.mmt-mdp__cta {
    display: block;
    margin: 0 0 1em;
}

/**
 * Schedule compact
 */

.mmt-mdp-section-schedule {
    border-bottom: 1px solid var(--clr-brdr-light);
}

.mmt-mdp-section-schedule h3 {
    font-size: var(--txtSize-3);
}

.mmt-mdp-schedule-table tr {
    position: relative;
}

.mmt-mdp-schedule-table td {
    border-top: 0;
}

.mmt-mdp-schedule-separator td {
    font-family: var(--fam-medium);
    color: var(--clr-black);
}

.mmt-mdp-schedule-time {
    font-family: var(--fam-medium);
    font-size: var(--txtSize-6);
    color: var(--clr-black);
}

.mmt-mdp-schedule-time::before {
    content: '';
    position: absolute;
    width: 100%;
    border-top: 1px solid var(--clr-brdr-light);
    top: 0;
}

.mmt-mdp-schedule-table a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.mmt-mdp-schedule-table a::after {
    content: '\02c3';
    font-family: var(--fam-icon);
}

.mmt-mdp-schedule-table a:hover {
    color: var(--clr1-normal);
}

/**
 * Tickets table
 */

.mmt-mdp-section-tickets h3,
.mmt-mdp-section-social-media h3 {
    position: absolute;
    left: -999em;
}

.mmt-mdp-ticketsTable {
    width: 100%;
    margin-bottom: 3em;
}

.mmt-mdp-ticketsTable th {
    text-align: left;
}

.mmt-mdp-ticketsTable th:first-child:before {
    margin-right: .3em;
    content: '\25AD';
    font-size: 1.5em;
    font-family: var(--fam-icon);
}

.mmt-mdp-ticketsTable td[itemprop*='price'] {
    font-family: var(--fam-medium);
}

.mmt-mdp-footer {
    padding-top: 1em;
    border-top: 1px solid var(--clr-brdr-light);
}

.mmt-ml__tags {
    margin-bottom: 1em;
}

.mmt-mdp-back {
    margin-right: 2em;
    white-space: nowrap;
    text-decoration: none;
    font-family: var(--fam-medium);
    color: var(--clr1-normal);
}