@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Prata|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext");

:root {
    --headerColor: #121212;
    --paragraphColor: #303030;

    --linkColor: var(--allianceColor);
}

h1, h1 a  {
    font-size: 1.3rem;
    font-family: "Prata";
    margin-block-start: 4vh;
    color: var(--headerColor);
    line-height: 1.4;
}

h2, h2 a  {
    font-size: 1.2rem;
    font-family: "Prata";
    margin-block-start: 4vh;
    color: var(--headerColor);
    line-height: 1.4;
}

h3, h3 a {
    font-size: 1.1rem;
    font-family: "Prata";
    margin-block-start: 4vh;
    color: var(--headerColor);
    line-height: 1.2;
}

h4, h4 a  {
    font-size: 1.1rem;
    font-family: "Roboto";
    margin-block-start: 4vh;
    color: var(--headerColor);
    line-height: 1.2;
}

h5, h5 a  {
    font-size: 0.975rem;
    font-family: "Roboto";
    margin-block-start: 4vh;
    color: var(--headerColor);
    line-height: 1.2;
}

h6, h6 a  {
    font-size: 0.975rem;
    font-family: "Prata";
    margin-block-start: 4vh;
    color: var(--headerColor);
    font-style: italic;
    line-height: 1.2;
}

.article-body :is(h1, h2, h3, h4, h5, h6, p):empty {
    margin-block-start: 0;
}

p {
    font-size: 0.975rem;
    font-family: "Roboto";
    margin-block-start: 2vh;
    color: var(--paragraphColor);
    line-height: 1.6;
}
span {
    font-size: 0.975rem;
    font-family: "Roboto";
    color: var(--paragraphColor);
    line-height: 1.6;
}

.subtitle {
    font-weight: 300;
    font-family: 'Roboto';
    text-transform: uppercase;
    color: var(--paragraphColor);
}

.alliance-color {
    color: var(--linkColor) !important;
}

.alliance-color * {
    color: var(--linkColor) !important;
}

ul {
    padding-inline-start: 0;
}

ul li {
    list-style: none;
    color: var(--paragraphColor);
}

ol li {
    list-style-type: decimal;
    list-style-position: inside;
    font-size: 0.975rem;
    margin-block-start: 2vh;
    color: var(--paragraphColor);
}

/* -------------------- Article body -------------------- */

.article-body h1 {
    margin-block-start: 24px;
}

.article-body h2 {
    margin-block-start: 24px;
}

.article-body h3 {
    margin-block-start: 24px;
}

.article-body h4 {
    margin-block-start: 24px;
}

.article-body h5 {
    margin-block-start: 24px;
}

.article-body h6 {
    margin-block-start: 24px;
    font-size: 0.975rem;;
    font-weight: 800;
    font-family: 'roboto';
    font-style: normal;
}

.article-body p {
    margin-block-start: 2vh;
}

.article-body ul {
    margin-block-start: 1.5vh;
    margin-block-end: 0.5vh;
}

.article-body ul li {
    list-style: disc;
    list-style-position: inside;
    font-size: 0.975rem;
    margin-block-start: 1vh;
    line-height: 1.5;
    padding-inline-start: 20px;
}

@media only screen and (min-width: 600px) {
    h1, h1 a {
        font-size: 2rem;
        margin-block-start: 12vh;
    }

    h2, h2 a {
        font-size: 1.6rem;
        margin-block-start: 12vh;
    }

    h3, h3 a {
        font-size: 1.4rem;
        margin-block-start: 12vh;
    }

    h4, h4 a {
        font-size: 1.4rem;
        margin-block-start: 12vh;
    }

    h5, h5 a {
        font-size: 1.2rem;
        margin-block-start: 12vh;
    }

    h6, h6 a {
        font-size: 1.2rem;
        margin-block-start: 12vh;
    }

    p {
        font-size: 1.1rem;
        line-height: 1.5;
        margin-block-start: 2vh;
    }
    span {
        font-size: 1.1rem;
        line-height: 1.5;
    }
    span.smallSpan {
        font-size: 0.975rem;
    }

    .article-body ul li {
        font-size: 1.1rem;
    }

    ol li {
        list-style-type: decimal;
        list-style-position: inside;
        font-size: 1.1rem;
    }
}

/* Keyword */
.keyword {
    background-color: yellow;
}