@import "_custom-properties.css";

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


/* stylelint-disable */

body,
button,
input,
select,
optgroup,
textarea {
    color: var(--global-font-color);
    font-family: var(--global-font-family);
    font-size: var(--font-size-regular);
    line-height: var(--global-font-line-height);
}


/* stylelint-enable */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--highlight-font-family);
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--color-link);
    line-height: 1.4;
    clear: both;
}

h1 {
    font-size: 30px;
    color: var(--color-h1);
}

h2 {
    font-size: 24px;
    color: var(--color-h2);
}

h3 {
    font-size: 22px;
    color: var(--color-h3);
}

h4 {
    font-size: 20px;
    color: var(--color-h4);
}

h5 {
    font-size: 18px;
    color: var(--color-h5);
}

h6 {
    font-size: 16px;
    color: var(--color-h6);
}

.entry-header h1.entry-title,
.page-header .page-title {
    line-height: 1.4;
    margin-top: 15px;
    margin-bottom: 1em;
}

.entry-layout .entry-header h1.entry-title,
.entry-layout .page-header .page-title {
    line-height: 1.4;
    margin-bottom: 1em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote,
q {
    quotes: "" "";
}

blockquote {
    border-left: 4px solid var(--color-quote-border);
    margin: 0;
}

blockquote {
    padding-left: 1em !important;
    margin-left: 1.5rem;
}

@media (--content-query) {
    .entry-content>blockquote {
        margin-left: auto;
    }
}

blockquote cite {
    color: var(--color-quote-citation);
    font-size: 13px;
    margin-top: 1em;
    position: relative;
    font-style: normal;
}

address {
    margin: 0 0 1.5em;
}


/* stylelint-disable */

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.5em;
    max-width: 100%;
    overflow: auto;
    padding: 1.5em;
}


/* stylelint-enable */

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 0.8rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}