/* Open Arts Highlights 2.0.3 */

/* Masthead highlight -------------------------------------------------------
 * Highlights is an editorial notice, not a second navigation bar. The shell
 * remains visually continuous; a thin blue rule marks the changing content.
 */
html.oahHighlightsActive .oafSiteShell .oafSpotlight,
html.oahHighlightsActive .oafSiteShell .oafSiteShell__menuToggle,
html.oahHighlightsActive .oafSiteShell .oafSiteShell__nav {
    display: none !important;
}

.oahHighlights {
    align-items: center;
    align-self: center;
    background: transparent;
    border: 0;
    border-left: 2px solid #4db2ec;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    margin-left: auto;
    min-width: 0;
    position: relative;
}
.oafSiteShell .oahHighlights {
    flex: 0 1 500px;
    max-width: 43vw;
}
.oahHighlights__viewport {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}
.oahHighlights__item {
    align-items: center;
    box-sizing: border-box;
    display: none;
    height: 40px;
    min-width: 0;
    padding: 0 12px 0 14px;
}
.oahHighlights__item:first-child { display: flex; }
.oahHighlights.is-ready .oahHighlights__item { display: none !important; }
.oahHighlights.is-ready .oahHighlights__item.is-active { display: flex !important; }
.oahHighlights__copy {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
}
.oahHighlights__eyebrow {
    color: #75c5ef;
    display: block;
    font: 600 9px/1.05 Raleway,"Segoe UI",Arial,Helvetica,sans-serif;
    letter-spacing: .085em;
    margin: 0 0 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.oahHighlights__title {
    background: transparent;
    border: 0;
    color: #f4f6f7 !important;
    display: block;
    font: 600 15px/1.15 Raleway,"Segoe UI",Arial,Helvetica,sans-serif;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-decoration: none !important;
    text-overflow: ellipsis;
    text-shadow: none !important;
    white-space: nowrap;
}
.oahHighlights__title:hover,
.oahHighlights__title:focus {
    color: #75c5ef !important;
    outline: 0;
    text-decoration: none !important;
}

.oahHighlights__control {
    align-items: center;
    background: transparent;
    border: 0;
    color: #8199a6;
    cursor: pointer;
    display: flex;
    flex: 0 0 22px;
    font: 300 20px/1 Arial,Helvetica,sans-serif;
    height: 40px;
    justify-content: center;
    margin: 0;
    opacity: .72;
    padding: 0;
}
.oahHighlights__control:hover,
.oahHighlights__control:focus {
    background: transparent;
    color: #75c5ef;
    opacity: 1;
    outline: 0;
}
.oahHighlights__control--previous { margin-left: 3px; }
.oahHighlights__control--next { margin-right: 2px; }

/* Administrative utility: deliberately quieter than the editorial content. */
.oahHighlights__manage {
    align-items: center;
    background: transparent;
    border: 0;
    color: #8397a3 !important;
    display: flex;
    flex: 0 0 auto;
    font: 500 10px/1 Raleway,"Segoe UI",Arial,Helvetica,sans-serif;
    height: 28px;
    margin: 0 4px 0 5px;
    padding: 0 5px;
    text-decoration: none !important;
    text-transform: none;
}
.oahHighlights__manage:hover,
.oahHighlights__manage:focus {
    color: #75c5ef !important;
    outline: 0;
    text-decoration: underline !important;
}

.oahHighlights__empty { color: #aebdc5; font: 500 13px/1.2 Raleway,"Segoe UI",Arial,Helvetica,sans-serif; }
.oahHighlights__item--empty { padding: 0; }
.oahHighlights__emptyLink {
    align-items: center;
    box-sizing: border-box;
    color: #fff !important;
    display: flex;
    gap: 10px;
    height: 40px;
    justify-content: flex-start;
    padding: 0 14px;
    text-decoration: none !important;
    width: 100%;
}
.oahHighlights__emptyLink strong {
    color: #75c5ef;
    font: 600 11px/1 Raleway,"Segoe UI",Arial,Helvetica,sans-serif;
    text-transform: none;
}
.oahHighlights__emptyLink:hover,
.oahHighlights__emptyLink:focus { background: rgba(255,255,255,.035); }

/* Stock/third-party XenForo fallback when OAF Site Shell is absent. */
.oahHighlightsStandalone {
    background: #0b1013;
    border-top: 1px solid rgba(255,255,255,.1);
    box-sizing: border-box;
}
.oahHighlightsStandalone > .pageWidth > .pageContent { box-sizing: border-box; padding: 6px 0; }
.oahHighlightsStandalone .oahHighlights { margin-left: 0; max-width: none; width: 100%; }

/* Front-end manager ------------------------------------------------------- */
.oahManager { margin: 20px auto 40px; max-width: 920px; }
.oahManager__intro {
    align-items: center;
    background: #f5f8fa;
    border: 1px solid #d8e2e8;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 16px 18px;
}
.oahManager__intro p { color: #52636e; margin: 0; }
.oahManager__add {
    background: #12679a;
    border: 1px solid #12679a;
    border-radius: 3px;
    color: #fff !important;
    flex: 0 0 auto;
    font-weight: 600;
    padding: 10px 14px;
    text-decoration: none !important;
}
.oahManager__editor {
    background: #fff;
    border: 1px solid #cfd9df;
    border-top: 4px solid #4db2ec;
    margin-bottom: 20px;
    padding: 20px;
}
.oahManager__editor h2 { color: #0c537d; font-size: 20px; margin: 0 0 16px; }
.oahField { margin: 0 0 14px; }
.oahField label { color: #263945; display: block; font-weight: 600; margin-bottom: 5px; }
.oahField input {
    border: 1px solid #b8c8d1;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 15px;
    padding: 10px 11px;
    width: 100%;
}
.oahField__hint { color: #6a7881; display: block; font-size: 12px; margin-top: 4px; }
.oahAdvanced { border-top: 1px solid #e3e9ed; margin-top: 16px; padding-top: 12px; }
.oahAdvanced summary { color: #0c537d; cursor: pointer; font-weight: 600; }
.oahAdvanced__grid { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; margin-top: 14px; }
.oahEditorActions { align-items: center; display: flex; gap: 10px; justify-content: flex-end; margin-top: 18px; }
.oahEditorActions .primaryButton {
    background: #12679a;
    border: 1px solid #12679a;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    padding: 10px 16px;
}
.oahEditorActions .secondaryButton {
    background: #f5f8fa;
    border: 1px solid #b8c8d1;
    border-radius: 3px;
    color: #0c537d;
    padding: 10px 14px;
    text-decoration: none;
}
.oahManager__empty {
    background: #fff;
    border: 1px dashed #b8c8d1;
    color: #52636e;
    padding: 28px;
    text-align: center;
}
.oahList { margin: 0; }
.oahRow {
    align-items: center;
    background: #fff;
    border: 1px solid #d4dde3;
    box-sizing: border-box;
    display: flex;
    gap: 12px;
    margin: 0 0 10px;
    min-height: 72px;
    padding: 12px;
}
.oahRow.is-dragging { opacity: .45; }
.oahRow__drag {
    background: transparent;
    border: 0;
    color: #7d8c95;
    cursor: grab;
    flex: 0 0 28px;
    font-size: 22px;
    padding: 8px 4px;
}
.oahRow__copy { flex: 1 1 auto; min-width: 0; }
.oahRow__label { color: #67808f; display: block; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.oahRow__title { color: #172a35; display: block; font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oahRow__meta { color: #73818a; font-size: 12px; margin-top: 4px; }
.oahStatus { border-radius: 12px; display: inline-block; font-size: 11px; font-weight: 700; margin-right: 7px; padding: 3px 8px; text-transform: uppercase; }
.oahStatus--live { background: #e6f5eb; color: #21663a; }
.oahStatus--paused,.oahStatus--ended { background: #f1f2f3; color: #68747a; }
.oahStatus--scheduled { background: #e7f1fa; color: #245d86; }
.oahRow__actions { align-items: center; display: flex; flex: 0 0 auto; gap: 6px; }
.oahRow__actions form { display: inline; margin: 0; }
.oahRow__actions a,.oahRow__actions button {
    background: #f6f8f9;
    border: 1px solid #c8d2d8;
    border-radius: 3px;
    color: #2e5267;
    cursor: pointer;
    font: 600 12px/1 Arial,Helvetica,sans-serif;
    padding: 8px 9px;
    text-decoration: none;
}
.oahRow__actions a:hover,.oahRow__actions button:hover { background: #edf3f6; }
.oahRow__actions .oahDelete { color: #8b2f2f; }

@media (max-width: 900px) {
    .oafSiteShell .oahHighlights { flex-basis: 420px; max-width: 46vw; }
    .oahHighlights__eyebrow { display: none; }
    .oahHighlights__title { font-size: 14px; }
    .oahManager__intro { align-items: stretch; flex-direction: column; }
    .oahManager__add { text-align: center; }
    .oahAdvanced__grid { grid-template-columns: 1fr; }
    .oahRow { align-items: stretch; flex-wrap: wrap; }
    .oahRow__copy { min-width: calc(100% - 50px); }
    .oahRow__actions { flex: 1 1 100%; flex-wrap: wrap; padding-left: 40px; }
}

@media (max-width: 650px) {
    .oafSiteShell .oahHighlights {
        flex: 1 1 auto;
        max-width: calc(100% - 155px);
    }
    .oahHighlights { height: 36px; }
    .oahHighlights__item { height: 36px; padding-left: 10px; padding-right: 8px; }
    .oahHighlights__title { font-size: 13px; }
    .oahHighlights__control { display: none; }
    .oahHighlights__manage {
        font-size: 0;
        height: 26px;
        margin-left: 1px;
        padding: 0 4px;
    }
    .oahHighlights__manage:after {
        color: #8397a3;
        content: 'Edit';
        font-size: 9px;
    }
    .oahHighlightsStandalone > .pageWidth > .pageContent { padding-left: 8px; padding-right: 8px; }
    .oahManager { margin-left: 8px; margin-right: 8px; }
}