/* ===================
   Loaded conditionally in home.txt only, by header.php
   =================== */

/* --- Home (category-h) --- */
body.category-h {
    --current-accent: #000;
    --font-display: 'Crimson Pro', serif;
    --font-primary: 'Crimson Pro', serif
}

body.category-h .asym-container,
body.category-h .asym-content {
    font-size: 1.3rem
}

body.category-h .asym-container {
    max-width: 42rem
}

body.category-h .asym-content {
    max-width: 45rem
}

/* Home page h1 size */
body.category-h h1 {
    font-size: 2.375rem
}

/* Home page cover card: autumn palette echoing "Waiting" by Mahmoud Elmardi */
body.category-h .cover-card {
    background-color: #FEE2CB;
    border: 1px solid #d8c3a5;
    border-radius: 10px;
    padding: 1.75rem;
    margin: 1.5rem 0
}
body.category-h .cover-masthead {

    overflow: hidden
}

body.category-h .cover-masthead-image + p {
    margin-top: 0
}

body.category-h .cover-masthead-image {
    float: right;
    width: 55%;
    max-width: 55%;
    margin: 0 0 0 1rem
}

body.category-h .cover-image {
    width: 100%;
    border-radius: 6px;
    display: block;
    margin: 0
}

body.category-h .cover-caption {
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: .8rem;
    color: #050505;
    margin: .35rem 0 0
}

@media (max-width: 700px) {
    body.category-h .cover-masthead-image {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 0 1rem 0
    }
}

body.category-h .asym-content table {
    font-size: .8rem;
    border: 1px solid #d8c3a5;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06)
}

body.category-h .asym-content th,
body.category-h .asym-content td {
    border: none;
    border-bottom: 1px solid #e3d3ba;
    padding: 10px 12px;
    line-height: 1.35;
    vertical-align: top
}

body.category-h .asym-content th {
    border-top: none;
    border-bottom: 2px solid #5c6b2e;
    background-color: #f3ead5
}

body.category-h .asym-content tbody tr.row-dark {
    background-color: #f7efdd
}

body.category-h .asym-content tbody tr.row-light {
    background-color: #fdf8ee
}

body.category-h .asym-content td.section-row {
    background-color: #5c6b2e;
    color: #fff;
    font-weight: 700;
    font-size: .78rem;
    letter-spacing: .1em;
    text-align: center;
    padding: 5px 12px;
    border-bottom: none
}

body.category-h .asym-content td.theme-row {
    text-align: center;
    font-variant: small-caps;
    font-size: .85rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding: 1px 0 1px 0;
    font-weight: 500
}

div ul li {
    padding: 0 0 5px 3px;
}


body.category-h .asym-content td a {
    color: #7a2020;
    font-weight: 400;
    text-decoration: underline
}

body.category-h .asym-content td ul {
    margin: .25em 0 0;
    padding-left: 1.1em;
    font-size: .9em;
    color: #555;
    list-style: none
}

body.category-h .asym-content td ul li {
    position: relative;
    padding-left: .1em
}

body.category-h .asym-content td ul li::before {
    content: "\2013";
    position: absolute;
    left: -1em
}