﻿.mec-event-sharing-wrap .dblock {
    display: none !important;
}

.mec-event-footer {
    align-items: center !important;
    display: flex !important;
    gap: 20px !important;
    justify-content: flex-start !important;
}

.mec-event-footer .mec-event-sharing-wrap {
    flex: 0 0 auto !important;
    left: auto !important;
    line-height: 0 !important;
    position: static !important;
    transform: none !important;
}

.mec-event-footer .mec-event-sharing-wrap > li:first-of-type,
.mec-event-footer .mec-event-share {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    height: 40px !important;
    line-height: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 40px !important;
}

.mec-event-share-icon {
    align-items: center;
    background: #262626;
    border: 1px solid #5a5a5a;
    border-radius: 2px;
    box-sizing: border-box;
    color: #979797;
    cursor: pointer;
    display: inline-flex !important;
    height: 40px;
    justify-content: center;
    line-height: 1 !important;
    min-width: 40px !important;
    padding: 0 !important;
    text-decoration: none;
    touch-action: manipulation;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    width: 40px !important;
}

.mec-event-share-icon:hover,
.mec-event-share-icon:focus {
    color: #c1c1c1;
    text-decoration: none;
}

.mec-event-share-icon i {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23979797' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.59 13.51l6.83 3.98'/%3E%3Cpath d='M15.41 6.51L8.59 10.49'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important;
    color: inherit;
    display: block !important;
    font-size: 0 !important;
    font-weight: normal !important;
    height: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
    text-align: center;
    width: 20px !important;
}

.mec-event-share-icon i:before {
    color: #979797 !important;
    content: "" !important;
    display: block !important;
    font-weight: normal !important;
    line-height: 20px !important;
}

.mec-event-footer > .mec-reference-button,
.mec-event-footer > .codex-mec-reference-menu {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.mec-event-footer:not(:has(> .mec-reference-button)):not(:has(> .codex-mec-reference-menu)) > .mec-booking-button.test.codex-mec-wiki-link {
    margin-left: auto !important;
}

.mec-event-footer > .mec-booking-button.test.codex-mec-wiki-link {
    left: auto !important;
    margin-left: 0 !important;
    position: static !important;
}

.single-mec-events .mec-event-footer > div[style*="260px"] {
    display: flex !important;
    gap: 20px !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    width: auto !important;
}

.mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-content {
    margin-bottom: 0 !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
}

.mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-title {
    margin-bottom: 4px !important;
    margin-top: 4px !important;
}

.mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec_grid_event_location {
    margin-bottom: 6px !important;
    margin-top: 4px !important;
    padding-bottom: 0 !important;
}

.mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-footer {
    margin-top: 4px !important;
    padding-top: 0 !important;
}

html.codex-mobile-browser .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-title,
html.codex-android-webview .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-title {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

html.codex-mobile-browser .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec_grid_event_location,
html.codex-android-webview .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec_grid_event_location {
    margin-bottom: 2px !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

html.codex-mobile-browser .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-content,
html.codex-mobile-browser .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-content > div,
html.codex-mobile-browser .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-content p,
html.codex-android-webview .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-content,
html.codex-android-webview .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-content > div,
html.codex-android-webview .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-content p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

html.codex-mobile-browser .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-footer,
html.codex-android-webview .mec-event-grid-classic .mec-event-article.codex-nonhistorical-event .mec-event-footer {
    margin-top: 2px !important;
    padding-top: 0 !important;
}

.mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .event-color,
.mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .event-color,
body.single-mec-events.codex-mec-style-advanced .event-color,
body.single-mec-events.codex-mec-style-custom .event-color {
    display: none !important;
}

.mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title,
.mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title a,
body.single-mec-events.codex-mec-style-advanced .mec-single-title,
body.single-mec-events.codex-mec-style-advanced .mec-single-title a {
    color: #00bfff !important;
}

.mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title,
.mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title a,
body.single-mec-events.codex-mec-style-custom .mec-single-title,
body.single-mec-events.codex-mec-style-custom .mec-single-title a {
    color: #32cd32 !important;
}

@media (min-width: 768px) {
    .mec-event-footer .mec-event-sharing-wrap {
        height: auto !important;
        left: 15px !important;
        line-height: normal !important;
        position: relative !important;
        width: auto !important;
    }

    .mec-event-footer .mec-event-sharing-wrap > li:first-of-type,
    .mec-event-footer .mec-event-share {
        background: transparent !important;
        border: 0 !important;
        height: 38px !important;
        line-height: normal !important;
        margin-left: auto !important;
        margin-right: auto !important;
        position: relative !important;
        top: 0 !important;
        width: 40px !important;
    }

    .mec-event-footer .mec-event-share-icon,
    .mec-event-footer .mec-event-sharing-wrap .mec-event-share-icon {
        align-items: center !important;
        background: #262626 !important;
        border: 1px solid #5a5a5a !important;
        border-radius: 2px !important;
        box-sizing: border-box !important;
        color: #979797 !important;
        display: inline-flex !important;
        height: 40px !important;
        justify-content: center !important;
        line-height: 1 !important;
        min-height: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
        width: 40px !important;
    }

    .mec-event-footer .mec-event-share-icon i {
        margin: 0 !important;
    }

    .mec-event-footer .mec-event-share-icon:hover,
    .mec-event-footer .mec-event-share-icon:focus,
    .mec-event-footer .mec-reference-button:hover,
    .mec-event-footer .mec-reference-button:focus,
    .mec-event-footer .codex-mec-reference-toggle:hover,
    .mec-event-footer .codex-mec-reference-toggle:focus,
    .mec-event-footer .codex-mec-wiki-link:hover,
    .mec-event-footer .codex-mec-wiki-link:focus {
        background: #000 !important;
        border-color: #5a5a5a !important;
        color: #c1c1c1 !important;
        text-decoration: none !important;
    }

    .mec-event-grid-classic .mec-event-footer {
        gap: normal !important;
        height: auto !important;
        justify-content: space-between !important;
        padding-right: 3px !important;
    }

    .mec-event-grid-classic .mec-event-footer > .mec-reference-button,
    .mec-event-grid-classic .mec-event-footer > .codex-mec-reference-menu {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }

    .mec-event-grid-classic .mec-event-footer > .mec-booking-button.test.codex-mec-wiki-link {
        left: auto !important;
        margin-left: 0 !important;
        position: relative !important;
        right: 15px !important;
    }
}

@media (max-width: 767px) {
    .mec-event-sharing-wrap {
        align-items: center;
        display: inline-flex !important;
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mec-event-sharing-wrap .mec-event-share {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mec-event-footer .mec-event-sharing-wrap {
        margin-left: 8px !important;
    }

    .mec-event-footer .mec-event-share-icon,
    .mec-event-footer .mec-event-sharing-wrap .mec-event-share-icon {
        align-items: center !important;
        background: #262626 !important;
        border: 1px solid #5a5a5a !important;
        border-radius: 2px !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        height: 40px !important;
        justify-content: center !important;
        line-height: 1 !important;
        margin: 0 !important;
        min-height: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
        width: 40px !important;
    }

    .mec-event-grid-classic .mec-event-footer {
        box-sizing: border-box !important;
        padding-right: 12px !important;
    }

    .mec-event-footer .mec-reference-button,
    .mec-event-footer .codex-mec-wiki-link,
    .codex-mec-wiki-link {
        align-items: center !important;
        display: inline-flex !important;
        justify-content: center !important;
    }

    html.codex-mobile-browser .gt_switcher_wrapper,
    html.codex-mobile-browser .gt_switcher_wrapper *,
    html.codex-mobile-browser .gt_switcher,
    html.codex-mobile-browser .gt_switcher *,
    html.codex-mobile-browser .gtranslate_wrapper,
    html.codex-mobile-browser .gtranslate_wrapper * {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

    html.codex-mobile-browser .mec-event-grid-classic .mec-event-title,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-title a,
    html.codex-android-webview .mec-event-grid-classic .mec-event-title,
    html.codex-android-webview .mec-event-grid-classic .mec-event-title a {
        color: #d7d7d7 !important;
        font-family: "RamabhadraGrid", sans-serif !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 1.22 !important;
        -webkit-font-smoothing: antialiased !important;
        text-shadow: none !important;
    }

    html.codex-mobile-browser .mec-event-grid-classic .mec-event-content {
        font-size: 17px !important;
        line-height: 1.58 !important;
    }

    html.codex-mobile-browser .single-mec-events .mec-single-title,
    html.codex-mobile-browser .single-mec-events .mec-single-title a,
    html.codex-android-webview .single-mec-events .mec-single-title,
    html.codex-android-webview .single-mec-events .mec-single-title a {
        font-family: "NTR", sans-serif !important;
        font-size: 28px !important;
        line-height: 1.22 !important;
    }

    body.single-mec-events.codex-mec-repeat-yearly .mec-single-title,
    body.single-mec-events.codex-mec-repeat-yearly .mec-single-title a,
    body.single-mec-events.codex-mec-repeat-advanced .mec-single-title,
    body.single-mec-events.codex-mec-repeat-advanced .mec-single-title a,
    body.single-mec-events.codex-mec-repeat-custom .mec-single-title,
    body.single-mec-events.codex-mec-repeat-custom .mec-single-title a,
    body.single-mec-events.codex-mec-repeat-custom-days .mec-single-title,
    body.single-mec-events.codex-mec-repeat-custom-days .mec-single-title a {
        font-family: "RamabhadraGrid", sans-serif !important;
        font-size: 21px !important;
        font-weight: 400 !important;
        line-height: 1.58 !important;
        text-shadow: none !important;
        text-transform: none !important;
        -webkit-font-smoothing: antialiased !important;
    }

    html.codex-mobile-browser body.single-mec-events.codex-mec-repeat-yearly .mec-single-title,
    html.codex-mobile-browser body.single-mec-events.codex-mec-repeat-yearly .mec-single-title a,
    html.codex-mobile-browser body.single-mec-events.codex-mec-repeat-advanced .mec-single-title,
    html.codex-mobile-browser body.single-mec-events.codex-mec-repeat-advanced .mec-single-title a,
    html.codex-mobile-browser body.single-mec-events.codex-mec-repeat-custom .mec-single-title,
    html.codex-mobile-browser body.single-mec-events.codex-mec-repeat-custom .mec-single-title a,
    html.codex-mobile-browser body.single-mec-events.codex-mec-repeat-custom-days .mec-single-title,
    html.codex-mobile-browser body.single-mec-events.codex-mec-repeat-custom-days .mec-single-title a,
    html.codex-android-webview body.single-mec-events.codex-mec-repeat-yearly .mec-single-title,
    html.codex-android-webview body.single-mec-events.codex-mec-repeat-yearly .mec-single-title a,
    html.codex-android-webview body.single-mec-events.codex-mec-repeat-advanced .mec-single-title,
    html.codex-android-webview body.single-mec-events.codex-mec-repeat-advanced .mec-single-title a,
    html.codex-android-webview body.single-mec-events.codex-mec-repeat-custom .mec-single-title,
    html.codex-android-webview body.single-mec-events.codex-mec-repeat-custom .mec-single-title a,
    html.codex-android-webview body.single-mec-events.codex-mec-repeat-custom-days .mec-single-title,
    html.codex-android-webview body.single-mec-events.codex-mec-repeat-custom-days .mec-single-title a {
        font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
        font-size: 21px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        letter-spacing: 1px !important;
        line-height: 1.58 !important;
        text-shadow: none !important;
        text-transform: none !important;
        -webkit-font-smoothing: antialiased !important;
    }

    html.codex-mobile-browser .single-mec-events .mec-event-content,
    html.codex-mobile-browser .single-mec-events .mec-events-content,
    html.codex-mobile-browser .single-mec-events .mec-events-content p,
    html.codex-mobile-browser .single-mec-events .mec-events-content h6,
    html.codex-mobile-browser .single-mec-events .mec-events-content h6 span,
    html.codex-mobile-browser .single-mec-events .mec-event-content h6,
    html.codex-mobile-browser .single-mec-events .mec-event-content h6 span,
    html.codex-mobile-browser .single-mec-events .mec-single-event-description,
    html.codex-mobile-browser .single-mec-events .mec-single-event-description p,
    html.codex-mobile-browser .single-mec-events .mec-single-event-description h6,
    html.codex-mobile-browser .single-mec-events .mec-single-event-description h6 span,
    html.codex-mobile-browser .single-mec-events .mec-events-meta-group,
    html.codex-mobile-browser .single-mec-events .mec-events-meta-group p,
    html.codex-mobile-browser .single-mec-events .mec-events-event-cost,
    html.codex-mobile-browser .single-mec-events .mec-event-data-fields,
    html.codex-mobile-browser .single-mec-events .mec-event-data-field-items,
    html.codex-mobile-browser .single-mec-events .mec-event-data-field-name,
    html.codex-mobile-browser .single-mec-events .mec-event-data-field-value,
    html.codex-android-webview .single-mec-events .mec-event-content,
    html.codex-android-webview .single-mec-events .mec-events-content,
    html.codex-android-webview .single-mec-events .mec-events-content p,
    html.codex-android-webview .single-mec-events .mec-events-content h6,
    html.codex-android-webview .single-mec-events .mec-events-content h6 span,
    html.codex-android-webview .single-mec-events .mec-event-content h6,
    html.codex-android-webview .single-mec-events .mec-event-content h6 span,
    html.codex-android-webview .single-mec-events .mec-single-event-description,
    html.codex-android-webview .single-mec-events .mec-single-event-description p,
    html.codex-android-webview .single-mec-events .mec-single-event-description h6,
    html.codex-android-webview .single-mec-events .mec-single-event-description h6 span,
    html.codex-android-webview .single-mec-events .mec-events-meta-group,
    html.codex-android-webview .single-mec-events .mec-events-meta-group p,
    html.codex-android-webview .single-mec-events .mec-events-event-cost,
    html.codex-android-webview .single-mec-events .mec-event-data-fields,
    html.codex-android-webview .single-mec-events .mec-event-data-field-items,
    html.codex-android-webview .single-mec-events .mec-event-data-field-name,
    html.codex-android-webview .single-mec-events .mec-event-data-field-value {
        font-size: 22px !important;
        font-weight: 400 !important;
        line-height: 1.58 !important;
    }

    html.codex-mobile-browser .single-mec-events .mec-event-content p,
    html.codex-mobile-browser .single-mec-events .mec-events-content p,
    html.codex-mobile-browser .single-mec-events .mec-single-event-description p,
    html.codex-android-webview .single-mec-events .mec-event-content p,
    html.codex-android-webview .single-mec-events .mec-events-content p,
    html.codex-android-webview .single-mec-events .mec-single-event-description p {
        font-size: 21px !important;
    }

    html.codex-mobile-browser .single-mec-events .mec_date_details .mec-single-event-date dd,
    html.codex-mobile-browser .single-mec-events .mec_date_details .mec-start-date-label,
    html.codex-mobile-browser .single-mec-events .mec_date_details .siggle_timeline,
    html.codex-android-webview .single-mec-events .mec_date_details .mec-single-event-date dd,
    html.codex-android-webview .single-mec-events .mec_date_details .mec-start-date-label,
    html.codex-android-webview .single-mec-events .mec_date_details .siggle_timeline {
        font-size: 19px !important;
        line-height: 1.2 !important;
    }

    html.codex-mobile-browser .single-mec-events .mec-event-label-captions,
    html.codex-mobile-browser .single-mec-events .mec-labels-normal .mec-label-normal,
    html.codex-android-webview .single-mec-events .mec-event-label-captions,
    html.codex-android-webview .single-mec-events .mec-labels-normal .mec-label-normal {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    html.codex-mobile-browser .single-mec-events .ev_cat,
    html.codex-android-webview .single-mec-events .ev_cat {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    html.codex-mobile-browser .single-mec-events .mec-event-footer .mec-reference-button,
    html.codex-mobile-browser .single-mec-events .mec-event-footer .codex-mec-reference-toggle,
    html.codex-mobile-browser .single-mec-events .mec-event-footer .codex-mec-wiki-link,
    html.codex-mobile-browser .single-mec-events .mec-event-footer a.mec-booking-button:not(.codex-mec-wiki-link),
    html.codex-mobile-browser .single-mec-events .codex-mec-reference-list a,
    html.codex-android-webview .single-mec-events .mec-event-footer .mec-reference-button,
    html.codex-android-webview .single-mec-events .mec-event-footer .codex-mec-reference-toggle,
    html.codex-android-webview .single-mec-events .mec-event-footer .codex-mec-wiki-link,
    html.codex-android-webview .single-mec-events .mec-event-footer a.mec-booking-button:not(.codex-mec-wiki-link),
    html.codex-android-webview .single-mec-events .codex-mec-reference-list a {
        font-size: 19px !important;
        line-height: 1.35 !important;
    }

    html.codex-mobile-browser .mec-event-grid-classic .mec-categories-wrapper,
    html.codex-mobile-browser .mec-event-grid-classic .mec-categories-wrapper .mec-category,
    html.codex-mobile-browser .mec-event-grid-classic .mec-categories-wrapper .mec-category a {
        font-size: 21px !important;
        line-height: 1.42 !important;
    }

    html.codex-mobile-browser .mec-event-grid-classic .mec-event-label-captions,
    html.codex-android-webview .mec-event-grid-classic .mec-event-label-captions {
        font-family: "RamabhadraGrid", sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        -webkit-font-smoothing: antialiased !important;
        text-shadow: none !important;
    }

    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="BORN"] .mec-event-label-captions,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="DEATH"] .mec-event-label-captions,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="BORN"] .mec-event-label-captions,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="DEATH"] .mec-event-label-captions {
        font-family: "NTR", sans-serif !important;
    }

    html.codex-mobile-browser .mec-event-title .event-color,
    html.codex-mobile-browser .mec-event-grid-classic .event-color,
    html.codex-mobile-browser .mec-wrap .event-color {
        display: inline-block !important;
        height: 12px !important;
        margin-left: 6px !important;
        min-height: 12px !important;
        min-width: 12px !important;
        vertical-align: middle !important;
        width: 12px !important;
    }

    .mec-event-grid-classic .mec-labels-normal,
    .mec-event-grid-classic .mec-labels-normal *,
    html.codex-mobile-browser .mec-event-grid-classic .mec-labels-normal,
    html.codex-mobile-browser .mec-event-grid-classic .mec-labels-normal *,
    html.codex-android-webview .mec-event-grid-classic .mec-labels-normal,
    html.codex-android-webview .mec-event-grid-classic .mec-labels-normal * {
        font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
        font-style: normal !important;
        font-weight: 400 !important;
        letter-spacing: 1px !important;
        -webkit-font-smoothing: antialiased !important;
        text-shadow: none !important;
    }

    html.codex-mobile-browser .mec-event-grid-classic .mec-labels-normal .mec-label-normal,
    html.codex-android-webview .mec-event-grid-classic .mec-labels-normal .mec-label-normal {
        font-size: 14px !important;
        line-height: 1.3 !important;
        padding: 3px 6px 2px !important;
    }

    .mec-event-grid-classic .mec-event-article[data-codex-event-type="EVENT"] .mec-event-title,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="EVENT"] .mec-event-title a,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="YEARLY"] .mec-event-title,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="YEARLY"] .mec-event-title a,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title a,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title a {
        font-family: "RamabhadraGrid", sans-serif !important;
        font-weight: 400 !important;
        -webkit-font-smoothing: antialiased !important;
        text-shadow: none !important;
    }

    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="EVENT"] .mec-event-title,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="EVENT"] .mec-event-title a,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="YEARLY"] .mec-event-title,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="YEARLY"] .mec-event-title a,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title a,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title a,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="EVENT"] .mec-event-title,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="EVENT"] .mec-event-title a,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="YEARLY"] .mec-event-title,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="YEARLY"] .mec-event-title a,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title a,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title,
    html.codex-android-webview .mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title a {
        font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
        font-size: 20px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        letter-spacing: 1px !important;
        line-height: 1.58 !important;
    }

    .mec-event-grid-classic .mec-event-article[data-codex-event-type="BORN"] .mec-event-title,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="BORN"] .mec-event-title a,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="BORN"] .mec-event-label-captions,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="DEATH"] .mec-event-title,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="DEATH"] .mec-event-title a,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="DEATH"] .mec-event-label-captions {
        font-family: "NTR", sans-serif !important;
    }

    html.codex-android-webview .mec-event-grid-classic,
    html.codex-android-webview .mec-event-grid-classic * {
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    html.codex-android-webview .mec-event-grid-classic .mec-event-title,
    html.codex-android-webview .mec-event-grid-classic .mec-event-title a {
        font-size: 19px !important;
        line-height: 1.22 !important;
    }

    .mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="ADVANCED"] .mec-event-title a,
    body.single-mec-events.codex-mec-style-advanced .mec-single-title,
    body.single-mec-events.codex-mec-style-advanced .mec-single-title a {
        color: #00bfff !important;
    }

    .mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title,
    .mec-event-grid-classic .mec-event-article[data-codex-event-type="CUSTOM"] .mec-event-title a,
    body.single-mec-events.codex-mec-style-custom .mec-single-title,
    body.single-mec-events.codex-mec-style-custom .mec-single-title a {
        color: #32cd32 !important;
    }

    html.codex-android-webview .mec-event-grid-classic .mec-event-content,
    html.codex-android-webview .mec-event-grid-classic .mec-event-content p,
    html.codex-android-webview .mec-event-grid-classic .mec-categories-wrapper,
    html.codex-android-webview .mec-event-grid-classic .mec-categories-wrapper .mec-category,
    html.codex-android-webview .mec-event-grid-classic .mec-categories-wrapper .mec-category a {
        font-size: 19px !important;
        line-height: 1.45 !important;
    }

    html.codex-android-webview .mec-event-grid-classic .mec-categories-wrapper,
    html.codex-android-webview .mec-event-grid-classic .mec-categories-wrapper .mec-category,
    html.codex-android-webview .mec-event-grid-classic .mec-categories-wrapper .mec-category a {
        font-size: 21px !important;
    }

    html.codex-android-webview .mec-event-grid-classic .mec-event-label-captions,
    html.codex-android-webview .mec-event-grid-classic .mec-labels-normal .mec-label-normal {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    html.codex-mobile-browser .mec-event-footer .mec-reference-button,
    html.codex-mobile-browser .mec-event-footer .codex-mec-wiki-link,
    html.codex-mobile-browser .codex-mec-wiki-link {
        font-size: 17px !important;
        line-height: 1 !important;
    }

    html.codex-mobile-browser .codex-mec-reference-list a {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

    html.codex-mobile-browser .single-mec-events .mec-event-footer .mec-reference-button,
    html.codex-mobile-browser .single-mec-events .mec-event-footer .codex-mec-reference-toggle,
    html.codex-mobile-browser .single-mec-events .mec-event-footer a.mec-booking-button:not(.codex-mec-wiki-link),
    html.codex-android-webview .single-mec-events .mec-event-footer .mec-reference-button,
    html.codex-android-webview .single-mec-events .mec-event-footer .codex-mec-reference-toggle,
    html.codex-android-webview .single-mec-events .mec-event-footer a.mec-booking-button:not(.codex-mec-wiki-link) {
        font-size: 19px !important;
        line-height: 1.35 !important;
    }

    html.codex-mobile-browser .mec-event-grid-classic .mec-event-footer .mec-reference-button,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-footer .codex-mec-reference-toggle,
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-footer a.mec-booking-button:not(.codex-mec-wiki-link),
    html.codex-mobile-browser .mec-event-grid-classic .mec-event-footer .codex-mec-wiki-link,
    html.codex-android-webview .mec-event-grid-classic .mec-event-footer .mec-reference-button,
    html.codex-android-webview .mec-event-grid-classic .mec-event-footer .codex-mec-reference-toggle,
    html.codex-android-webview .mec-event-grid-classic .mec-event-footer a.mec-booking-button:not(.codex-mec-wiki-link),
    html.codex-android-webview .mec-event-grid-classic .mec-event-footer .codex-mec-wiki-link {
        font-size: 19px !important;
        line-height: 1.35 !important;
    }
}

.codex-share-shot-overlay {
    align-items: stretch;
    background: #000;
    bottom: 0;
    display: none;
    justify-content: stretch;
    left: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
}

.codex-share-shot-overlay.is-open {
    display: flex;
}

.codex-share-shot-panel {
    background: #000;
    border: 0;
    box-sizing: border-box;
    height: 100vh;
    max-height: none;
    max-width: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100vw;
}

.codex-share-shot-preview {
    align-items: center;
    background: #000;
    display: flex;
    justify-content: center;
    inset: 0;
    max-height: none;
    min-height: 0;
    overflow: auto;
    position: absolute;
    -webkit-overflow-scrolling: touch;
}

.codex-share-shot-preview img {
    display: block;
    height: auto;
    max-width: none;
    width: 100%;
}

.codex-share-shot-status {
    display: none;
}

.codex-share-shot-playstore {
    display: none;
}

.codex-share-shot-actions {
    display: none;
}

.codex-share-shot-actions button {
    background: #262626;
    border: 1px solid #5a5a5a;
    border-radius: 2px;
    color: #c1c1c1;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    min-height: 34px;
    padding: 7px 10px;
}

.codex-share-shot-actions button:disabled {
    cursor: default;
    opacity: 0.55;
}

.codex-share-processing {
    align-items: center;
    background: rgba(0, 0, 0, 0.22);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999998;
}

.codex-share-processing.is-open {
    display: flex;
}

.codex-share-processing-dots {
    align-items: center;
    background: rgba(0, 0, 0, 0.46);
    border-radius: 999px;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 15px 22px;
}

.codex-share-processing-dot {
    animation: codex-share-processing-dots 0.9s ease-in-out infinite;
    border-radius: 999px;
    display: block;
    height: 10px;
    opacity: 0.48;
    transform: scale(0.72);
    width: 10px;
}

.codex-share-processing-dot-red {
    background: #e53935;
}

.codex-share-processing-dot-green {
    animation-delay: 0.14s;
    background: #22c55e;
}

.codex-share-processing-dot-gold {
    animation-delay: 0.28s;
    background: #f5c542;
}

@keyframes codex-share-processing-dots {
    0%, 80%, 100% {
        opacity: 0.48;
        transform: scale(0.72);
    }

    40% {
        opacity: 1;
        transform: scale(1.18);
    }
}

@media (min-width: 768px) {
    .codex-share-shot-overlay {
        display: none !important;
    }
}