/* Breadcrumb stuff */
ol.breadcrumb-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;

    padding: 5px 10px;

    background: var(--accent);
    color: #000;

    list-style-position: inside;
}

/* Make it responsive for mobile */
@media (max-width: 684px) {
    ol.breadcrumb-holder {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* remove bullet points */
ol.breadcrumb-holder li:before {
    content: "";
}

/* give some space */
ol.breadcrumb-holder li {
    list-style: none;
    margin-left: 0.3em;
    margin-right: 0.3em;
}

/* remove normal underlines */
ol.breadcrumb-holder li a {
    text-decoration: none;
}

/* add underline for currently active */
ol.breadcrumb-holder li.active a {
    text-decoration: underline;
    text-decoration-color: #000;
    text-decoration-thickness: .15em;
    text-underline-offset: .05em;
    text-decoration-style: dashed;
}

/* Misc stuff */

.header .menu {
    margin: 0.5em 0.3em;
}

.header .menu__inner li {
    margin-bottom: 0px !important;
}

/* Subsection style */
div.subsection {
 margin-top: 1em;
}

div.subsection h4 {
    margin-top: 0.7em;
    margin-bottom: 0em;
}

ol.subsection-list {
    margin-left: 0.5em;
    margin-top: 0.2em;
}

ol.subsection-list li:before {
    content: "";
    display: none;
}

ol.subsection-list li.subsection-entry h5 {
    margin-bottom: 1px;
    margin-top: 1em;
}

ol.subsection-list li.subsection-entry a {
    text-decoration: none;
}

ol.subsection-list li.subsection-entry a.subsection-title {
    margin-bottom: 0em;
    margin-top: 0.2em;
    display: block;
    font-size: 1.1rem;
}

.subsection-list .subsection-entry a.subsection-post {
    margin-left: 1em;
}

span.subsection-date {
    margin-left: 1.5em;
}

/* outline */

.outline {
    border-left:  0.3rem double var(--accent);
    padding-left: 0.5em;
}

/* button hitbox fix */
.button a {
    display:inline-block;
    width:100%;
    height:100%;
}

/* checkmarks */

input[type=checkbox]:checked {
    outline: 7px solid var(--accent);
    outline-offset: -30px;
}

/* post meta */

/* pins */
div.post-meta{
    display: flex;
}
div.post-meta span.pinned {
    font-weight: bold;
    margin-left: auto;
}

/* draft */
sup.draft{
    margin-left: 0.4em;
    font-size: 0.77em;
    font-weight: 500;
}

/* page meta spacing fix */
div.content > div.post > div.post-meta > span {
    white-space:pre
}