body{color: var(--font-colour);}

.content.special-bkg{color: black;}

.light-circle {
    display: block;
    position: fixed;
    top: 42vw;
    left: 42vw;
    z-index: -1;
    width: 5vw;
    height: 5vw;
    border-radius: 8vw;
    filter: blur(30px);
    background-color: var(--font-colour);
}

/* ol {
    list-style-type: none;
    font-size: 0.8em;
    font-style: italic;
    border-top: 2px solid var(--font-colour);
    padding: 20px;
    margin-top: 10vh;
} */

.gradient div { width: calc(100% / 3);}
.gradient div:nth-child(1){text-align: left;}
.gradient div:nth-child(2){text-align: center;}
.gradient div:nth-child(3){text-align: right;}

.logo h1 {
    color: var(--font-colour);
    font-weight: initial;
    font-size: 1.7em;
    text-shadow: 0 0 6px var(--font-colour);
}
.issue-title{font-family: 'Main Font', sans-serif;}

.issue-index { counter-reset: section;}

.issue-index h2::before {
    counter-increment: section;
    content: "0" counter(section);
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
}
.issue-index h2:first-of-type::before {counter-set: section;}
.issue-index h2 a {
    width: 95%; 
    display: inline-block; 
    text-align: center; 
    font-family: 'Main Font', sans-serif;
    font-style: normal;
    font-size: 1.5em;
    line-height: 0.7;
}

p.numbering{margin: 0; padding-left: 5%;}
h1.title{
    font-size: 3.1em !important;
    text-align: center;
    font-family: 'Main Font', sans-serif;
    margin: 0;
    line-height: 0.7;
}
h1.title.bad-blood{
    text-transform: none; 
    font-size: 5rem;
    position: sticky;
    top: 15px;
    z-index: 4;}
h3 {
    text-transform: uppercase;
    font-family: 'Main Font';
    font-size: 1.7em;
    line-height: 1;
}
ul.author{
    font-size: 1.5em;
    margin: 0;
    padding-right: 5%;
    text-align: right;
    font-style: italic;
    list-style: none;
}
ul.author li{margin: 0;}
.gradient.bottom{font-family: 'Main Font', sans-serif; text-transform: uppercase;}
.gradient.bottom div a{transition: all 0.7s;}
.gradient.bottom div a:hover{text-shadow: 0 0 17px var(--font-colour);}
/* .articles-nav.prev a h2::before {content: ' V ';} */
/* .articles-nav.next a h2::after {content: ' G ';} */

/* .content figure{display: block;} */
.content img{
    border: 3px solid var(--font-colour);
    box-shadow: 0 0 15px var(--font-colour);
}

/* lightbox */
figure.lightbox.shown{
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--font-colour);
    filter: none;
}
figure.lightbox.shown img{
    height: 85vh;
    margin-left: 0;
    max-width: 90vw;
}
/* Audio player */
.audio-player-container {
    text-align: center;
    margin: 5vh 0;
}
.material-icons.play-icon {
    background: none;
    color: inherit;
    border: none;
    font-family: 'Romana BT', serif;
    font-size: 1.5em;
    font-style: italic;
}

.seek-slider { width: 50%; accent-color: var(--font-colour); background: rgba(255, 0, 0, 0.3);}


@media screen and (max-width: 805px) {
    .gradient.top{justify-content: space-between;}
    .gradient.top div:nth-child(2){flex-grow: 2;}
    .gradient.top div:nth-child(3){display: none;}

    .issue-title { font-size: 0.9em;}
    .logo h1 { font-size: 1.4em;}

    .gradient.bottom{font-size: 0.8em;}
}