/* Askómedas standalone theme 1.0.2 — classic-menu clearance and contrast. */

/*
 * The original Croma child-theme path relied on classic.js to calculate this
 * padding after window.load. Keep the same measured spacing as a CSS fallback
 * so page titles never rise into the fixed menu during a cold load or PJAX.
 */
@media (min-width: 1144px) {
    html.askomedas-menu-reserved #wrapper,
    body.askomedas-menu-reserved #wrapper {
        padding-top: var(--askomedas-classic-menu-clearance, 158px) !important;
    }
}

/*
 * A non-overlay classic menu belongs to the normal pale header area. Force the
 * dark logo/text treatment here instead of relying on pixel sampling. Pages
 * whose menu deliberately overlays artwork keep Music Core's automatic mode.
 */
html.askomedas-menu-reserved .classic-menu:not(.mini) > ul > li > a,
html.askomedas-menu-reserved .classic-menu:not(.mini) > ul > li.languages-selector a,
html.askomedas-menu-reserved .classic-menu:not(.mini) .classic-menu-hot-links a,
html.askomedas-menu-reserved .classic-menu:not(.mini) .classic-menu-hot-links a i,
html.askomedas-menu-reserved .classic-menu:not(.mini) .hotlink a,
html.askomedas-menu-reserved .classic-menu:not(.mini) .hotlink a i,
html.askomedas-menu-reserved .classic-menu:not(.mini) .responsive-header a,
html.askomedas-menu-reserved .classic-menu:not(.mini) .sandwich-icon,
html.askomedas-menu-reserved ul.header-top-menu li a,
body.askomedas-menu-reserved .classic-menu:not(.mini) > ul > li > a,
body.askomedas-menu-reserved .classic-menu:not(.mini) .classic-menu-hot-links a,
body.askomedas-menu-reserved .classic-menu:not(.mini) .classic-menu-hot-links a i {
    color: #131112 !important;
}

html.askomedas-menu-reserved .classic-menu:not(.mini) .classic-menu-logo,
html.askomedas-menu-reserved .classic-menu:not(.mini) > ul > li.logo img,
html.askomedas-menu-reserved .classic-menu:not(.mini) .site-logo img,
body.askomedas-menu-reserved .classic-menu:not(.mini) .classic-menu-logo,
body.askomedas-menu-reserved .classic-menu:not(.mini) > ul > li.logo img {
    filter: brightness(0) saturate(100%) !important;
}

html.askomedas-menu-reserved .menu-toggle rect,
html.askomedas-menu-reserved .menu-toggle path,
html.askomedas-menu-reserved .menu-toggle polygon,
html.askomedas-menu-reserved .classic-menu:not(.mini) svg rect,
html.askomedas-menu-reserved .classic-menu:not(.mini) svg path,
html.askomedas-menu-reserved .classic-menu:not(.mini) svg polygon,
body.askomedas-menu-reserved .menu-toggle rect,
body.askomedas-menu-reserved .menu-toggle path,
body.askomedas-menu-reserved .menu-toggle polygon {
    fill: #131112 !important;
}

/* --------------------------------------------------------------------------
 * Full-width informational/legal pages.
 * -------------------------------------------------------------------------- */
.askomedas-legal-layout {
    min-height: 0;
    padding-bottom: 80px;
}

.askomedas-legal-layout > .boxed {
    width: auto;
    max-width: 1040px !important;
    margin: 0 auto !important;
}

.askomedas-legal-layout .page-title {
    margin-bottom: 46px;
}

.askomedas-legal-article {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.askomedas-legal-content {
    box-sizing: border-box;
    padding: 0 24px 30px;
    font-size: 15px;
    line-height: 1.72;
}

.askomedas-legal-content p,
.askomedas-legal-content li {
    font-size: inherit;
    line-height: inherit;
}

.askomedas-legal-content h2 {
    margin: 2.25em 0 0.75em;
    font-size: 22px;
    line-height: 1.28;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.askomedas-legal-content h3 {
    margin: 1.9em 0 0.65em;
    font-size: 17px;
    line-height: 1.35;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.askomedas-legal-content ul,
.askomedas-legal-content ol {
    margin: 0.8em 0 1.4em;
    padding-left: 1.5em;
}

.askomedas-legal-content a {
    color: #1f5fc4;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.askomedas-legal-content a:hover,
.askomedas-legal-content a:focus {
    color: #111;
}

.askomedas-legal-content table {
    width: 100%;
    margin: 1.3em 0 2em;
    border-collapse: collapse;
    background: #fff;
}

.askomedas-legal-content th,
.askomedas-legal-content td {
    padding: 12px 14px;
    border: 1px solid #d3d3d3;
    text-align: left;
    vertical-align: top;
}

.askomedas-legal-content th {
    background: #131112;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
}

/* Legal links live in the standalone theme instead of dead Croma options. */
.askomedas-footer-legal {
    clear: both;
    padding-top: 10px;
    text-align: center;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.askomedas-footer-legal a {
    color: #fff;
    opacity: 0.78;
    transition: opacity 0.2s ease;
}

.askomedas-footer-legal a:hover,
.askomedas-footer-legal a:focus {
    color: #fff;
    opacity: 1;
}

.askomedas-footer-legal span {
    display: inline-block;
    margin: 0 10px;
    color: rgba(255, 255, 255, 0.45);
}

@media (max-width: 767px) {
    .askomedas-legal-layout {
        padding-bottom: 50px;
    }

    .askomedas-legal-layout .page-title {
        margin-bottom: 28px;
    }

    .askomedas-legal-content {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px;
    }

    .askomedas-legal-content h2 {
        font-size: 19px;
        letter-spacing: 3px;
    }

    .askomedas-legal-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}