/* =========================================================
   COMPACT EVENT READER
   ========================================================= */

.tm-event-modal {
    width:
        min(
            820px,
            calc(100vw - 32px)
        ) !important;

    max-height:
        calc(100vh - 32px) !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;
}


.tm-event-content {
    padding:
        26px 34px 28px !important;
}


/* =========================================================
   PREVIOUS / NEXT
   ========================================================= */

.tm-event-reader-nav {
    display:
        grid;

    grid-template-columns:
        minmax(105px, 1fr)
        auto
        minmax(105px, 1fr);

    align-items:
        center;

    gap:
        10px;

    margin:
        -4px 48px 18px 0;

    padding-bottom:
        12px;

    border-bottom:
        1px solid
        rgba(58,83,98,.42);
}


.tm-event-reader-nav button {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    min-height:
        34px;

    padding:
        5px 10px;

    border:
        1px solid
        rgba(63,94,112,.62);

    border-radius:
        8px;

    background:
        rgba(8,27,39,.72);

    color:
        #9dafb9;

    font-size:
        8px;

    cursor:
        pointer;

    transition:
        border-color .16s ease,
        background .16s ease,
        color .16s ease;
}


.tm-event-reader-nav button:hover:not(:disabled) {
    border-color:
        rgba(211,176,89,.72);

    background:
        rgba(211,176,89,.075);

    color:
        #ecd598;
}


.tm-event-reader-nav button:disabled {
    opacity:
        .3;

    cursor:
        default;
}


.tm-event-reader-nav button > span {
    color:
        #d8b75e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        .7;
}


.tm-event-reader-previous {
    justify-self:
        start;
}


.tm-event-reader-next {
    justify-self:
        end;
}


.tm-event-reader-position {
    min-width:
        75px;

    color:
        #657f8e;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        .07em;

    text-align:
        center;

    text-transform:
        uppercase;
}


/* =========================================================
   PRIMARY EVENT INFORMATION
   ========================================================= */

.tm-event-content
.tm-event-eyebrow {
    margin-bottom:
        9px !important;
}


.tm-event-content
#eventTitle {
    max-width:
        700px;

    margin:
        0 46px 8px 0 !important;

    font-size:
        clamp(
            28px,
            3.4vw,
            42px
        ) !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -.015em;
}


.tm-event-content
.tm-event-date {
    margin-top:
        8px !important;

    font-size:
        16px !important;
}


.tm-event-content
.tm-event-location {
    margin:
        11px 0 0 !important;

    font-size:
        13px !important;
}


.tm-event-content
.tm-event-description {
    max-width:
        720px;

    margin:
        18px 0 16px !important;

    font-size:
        15px !important;

    line-height:
        1.6 !important;
}


.tm-event-content
.tm-tags {
    gap:
        6px !important;

    margin-bottom:
        8px !important;
}


/* =========================================================
   DETAILS & SOURCES
   ========================================================= */

.tm-event-research-details {
    margin-top:
        20px;

    border-top:
        1px solid
        rgba(58,83,98,.42);

    border-bottom:
        1px solid
        rgba(58,83,98,.42);
}


.tm-event-research-details
> summary {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    min-height:
        56px;

    padding:
        9px 2px;

    list-style:
        none;

    cursor:
        pointer;

    user-select:
        none;
}


.tm-event-research-details
> summary::-webkit-details-marker {
    display:
        none;
}


.tm-event-research-details
> summary span {
    display:
        grid;

    gap:
        2px;
}


.tm-event-research-details
> summary strong {
    color:
        #d4b45e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        11px;

    letter-spacing:
        .06em;

    text-transform:
        uppercase;
}


.tm-event-research-details
> summary small {
    color:
        #617b8a;

    font-size:
        7px;
}


.tm-event-research-details
> summary i {
    display:
        grid;

    place-items:
        center;

    width:
        28px;

    height:
        28px;

    border:
        1px solid
        rgba(66,94,110,.54);

    border-radius:
        50%;

    color:
        #9babb3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        16px;

    font-style:
        normal;

    transition:
        transform .18s ease,
        border-color .18s ease,
        color .18s ease;
}


.tm-event-research-details[open]
> summary i {
    border-color:
        rgba(211,176,89,.62);

    color:
        #dec475;

    transform:
        rotate(
            180deg
        );
}


.tm-event-research-body {
    padding:
        2px 0 18px;
}


.tm-event-research-body
.tm-event-detail-section {
    margin:
        0 !important;

    padding:
        17px 0 !important;

    border-top:
        1px solid
        rgba(58,83,98,.3);
}


.tm-event-research-body
.tm-certainty {
    margin:
        0 !important;

    padding-top:
        16px !important;

    border-top:
        1px solid
        rgba(58,83,98,.3);
}


/* =========================================================
   ACTIONS
   ========================================================= */

.tm-event-content
.tm-modal-actions {
    margin-top:
        18px !important;

    padding-top:
        0 !important;

    border-top:
        0 !important;
}


/* =========================================================
   VIEW TOOLS SHOULD NEVER FLOAT OVER EVENT RECORD
   ========================================================= */

html.tm-event-reader-open
.tm-view-tools-toggle,

html.tm-event-reader-open
.tm-view-tools-menu {
    display:
        none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

    .tm-event-modal {
        width:
            calc(100vw - 16px)
            !important;

        max-height:
            calc(100vh - 16px)
            !important;
    }


    .tm-event-content {
        padding:
            20px 18px 22px
            !important;
    }


    .tm-event-reader-nav {
        grid-template-columns:
            1fr
            auto
            1fr;

        margin-right:
            40px;
    }


    .tm-event-reader-nav
    button strong {
        display:
            none;
    }


    .tm-event-reader-nav
    button {
        min-width:
            38px;

        justify-content:
            center;
    }


    .tm-event-content
    #eventTitle {
        margin-right:
            30px !important;

        font-size:
            29px !important;
    }
}