:root {
    --main-text-color: #525258;
    --common-shadow: 0 4px 10px 2px rgba(18, 18, 18, 0.0527344);
    --horizontal-gap: 4rem;
    --horizontal-fix: -2rem;

    --cover-placeholder: #4C8FA0 url('/i/cover-bg.svg') no-repeat center / 60%;


    --outer-offset: 7rem;
    --outer-offset-fix: -7rem;

    --huge-gap: 6rem;
    --huge-gap-fix: -6rem;

    --big-gap: 3rem;
    --big-gap-fix: -3rem;

    --normal-gap: 2rem;
    --normal-gap-fix: -2rem;

    --small-gap: 2rem;
    --small-gap-fix: -2rem;

    --tiny-gap: 1.4rem;
    --tiny-gap-fix: -1.4rem;

    --focus-shadow: 0 0 0 .3rem hsla(220, 100%, 50%, 80%);
}

html {
    height: 100%;
    font-size: 10px;
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    text-decoration: none;
    background: none;
    border-collapse: collapse;
    box-sizing: border-box;
}

body {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    min-height: 100%;
    font: 400 1.6rem/2.4rem Roboto, sans-serif;
    color: var(--main-text-color);
}

a {
    color: inherit;
    cursor: pointer;
}

ul {
    margin-left: 2rem;
}

:focus {
    outline: none;
    box-shadow: var(--focus-shadow) !important;
}

.main-title {
    font: 400 2.6rem/3.1rem Roboto;
    color: #243C50;
}

.common-title {
    font: 400 2.2rem/2.7rem Roboto;
    color: #243C50;
}

.common-title-subm-instruction {
    font: 400 2.8rem/2.4rem Roboto;
    color: #007399;
    display: inline-block;
    cursor: pointer;
}

.common-title-subm-instruction:after {
    content: '';
    float: right;
    width: 0;
    height: 0;
    margin-left: 2.2rem;
    margin-top: 0.8rem;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
}

.common-title-subm-instruction_down:after {
    border-top: 1rem solid #819DB9;
    border-bottom: 0 solid transparent;
}

.common-title-subm-instruction_up:after {
    border-top: 0 solid transparent;
    border-bottom: 1rem solid #819DB9;
}

.text-title {
    font: 700 1.6rem/2.4rem Roboto;
}

.text-title-areas {
    margin-top: var(--normal-gap);
}

.common-text {
    text-align: justify;
    /*font: 400 1.6rem/2.4rem Roboto;*/
}

.common-text p + p {
    margin-top: 1rem !important;
}

.common-text > * + * {
    margin-top: 2rem;
}

.common-text ul {
    list-style: none;
}

.common-text ul > li, .common-text ol > li {
    list-style: none;
    margin-left: 3.6rem;
}

.common-text ul > li:before {
    content: '';
    float: left;
    width: 1rem;
    height: 1rem;
    margin: .7rem 0 0 -3.6rem;
    border-radius: 50%;
    background: #819DB9;
}

.common-text ul.for_authors {
    margin-left: 0;
}
.common-text ul.for_authors li:not(:last-child) {
    padding-bottom: 2rem;
}



.common-text a {
    color: #007399;
}

.common-text * + .text-title {
    margin-top: var(--normal-gap);
}

.common-text * + .common-title {
    margin-top: var(--huge-gap);
}

.gray-zone {
    margin-bottom: var(--huge-gap-fix);
    padding: var(--huge-gap) 0;
    background-color: #F5F5F5;
}

.common-rows .gray-zone {
    margin-top: var(--huge-gap) !important;
}

.a-j { text-align: justify !important; }
.a-c { text-align: center !important; }
.a-r { text-align: right !important; }
.a-l { text-align: left !important; }
.f-r { float: right; }
.f-l { float: left; }

.nowrap { white-space: nowrap; }
.hidden { display: none !important; }

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.jq-tooltip, .jq-tooltip a {
    cursor: help !important;
}

.breadcrumbs-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: var(--huge-gap);
    margin-bottom: var(--huge-gap-fix) !important;
}

.breadcrumbs {
    max-width: 50%;
    font: 400 1.2rem/1.5rem Roboto, sans-serif;
    color: #007399;
}

.breadcrumbs > * + * {
    content: ' > ';
}

.breadcrumbs > *:not(:last-child):after {
    content: ' > ';
}

.breadcrumbs > *:last-child {
    color: #525258;
}

.publishing-covi19-link {
    display: block;
    color: #ffffff;
    font: 700 4.8rem/6rem Roboto;
    margin-left: auto;
    margin-right: 2rem;
    text-align: right;
    letter-spacing: 0.4rem;
}

.volume-list-item {
    margin-bottom: 3rem;
    border-bottom: 1px solid #D3DEE1;
    padding-bottom: 1rem;
}

.volume-list-item > .volume-issues {
    display: none;
}
.volume-title, .volume-title-refs {
    font: 400 2rem/2.4rem Roboto;
    color: #007399;
    cursor: pointer;
}

.volume-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.volume-title:after {
    content: '';
    width: 2rem;
    height: 1rem;
    border: 1rem solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 1rem solid #819DB9;
}

.issues_visible > .volume-issues {
    display: block;
}

.issues_visible > .volume-title:after {
    border-top: 0 solid transparent;
    border-bottom: 1rem solid #819DB9;
}

.volume-issue {
    font: 400 1.6rem/2.4rem Roboto;
    color: #525258;
    margin-top: 1.5rem;
    display: flex;
    flex-flow: row nowrap;
}

.volume-issue span {
    padding-right: 2rem;
}

.volume-issue-refs {
    font: 400 1.6rem/2.4rem Roboto;
    color: #525258;
    margin-top: 1.5rem;
    display: flex;
    flex-flow: column;
}

.volume-issue-refs span {
    padding-left: 2rem;
}

.volume-issue-info {
    display: flex;
    flex-flow: column;
    padding: 0 4rem 0 2rem;
}

.volume-issue-link {
    color: #007399;
    padding-bottom: .5rem;
}

.issue-header {
    padding-bottom: 4rem;
    border-bottom: 1px solid #D3DEE1;
}

.issue-description {
    display: flex;
    align-items: flex-start;
}

.issue-description p {
    margin-top: 1.5rem;
}

.issue-title {
}

.issue-section-title{
    font: 700 2rem/2.4rem Roboto;
}

.issue-article {
    display: flex;
    flex-flow: column;
}

.issue-article + .issue-article {
    margin-top: 2.5rem;
    border-top: 1px solid #D3DEE1;
    padding-top: 2.5rem;
}

.article-metrics {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #D3DEE1;
}
.article-metrics-hidden > .article-metrics-circles {
    display: none;
}
.article-metrics-numbers {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font: 400 1.4rem/2.4rem Roboto;
}
.article-metrics-numbers>span {
    text-align: center;
    flex: 1 1 auto;
}
.article-metrics-numbers>span:first-child {
    text-align: left;
}
.article-metrics-numbers>span:last-child {
    text-align: right;
}
.article-metrics-numbers>span:not(:first-child){
    border-left: 1px solid #D3DEE1;
}
.article-metrics-numbers b {
    font-weight: 600;
    font-size: 1.6rem;
}
.article-metrics-toggle {
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.article-metrics-toggle:after {
    content: '';
    margin-left: 1.5rem;
    border: 0.5rem solid transparent;
    border-top: 0;
    border-bottom-color: #819DB9;
}
.article-metrics-hidden .article-metrics-toggle:after {
    transform: rotate(180deg);
}

.article-metrics-circles {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 2.5rem;
}
.article-metrics-circles > span {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.circle {
    width: 7.6rem;
    height: 7.6rem;
    border: 1px solid #819DB9;
    border-radius: 3.8rem;
    margin: 2.2rem 0 1rem 0;
    font: 600 2rem/2rem Roboto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.circle-link {
    border-color: #007399;
}
.circle-link-text{
    font-size: 1rem;
    color: var(--main-text-color);
}
.circle-title {
    font: 400 1.2rem/2rem Roboto;
}

.article-pages {
    font-weight: 500;
    margin-top: 1rem;
}

.article-title {
    font: 400 2.8rem/3.6rem Roboto;
}

.article-authors {
    font: 400 1.4rem/1.8rem Roboto;
}

.article-author {
    margin-bottom: 1.5rem;
}

.article_abstract-title{
    font: 700 1.6rem/2.4rem Roboto;
    margin-bottom: 2rem;
}

.article-figures-title{
    font: 700 1.8rem/2.4rem Roboto;
    margin-bottom: 1rem;
}

.article-details {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end
}

.article_get_access_link {
    font: 400 1.4rem/1.8rem Roboto;
    color: #007399;
    margin-left: 1rem
}

.article_get_access_link > img{
    padding-right: 0.5rem;
}

.article_type {
    color: #FFF;
    background-color: #007399;
    display: inline-block;
    padding: .2rem 1rem;
}

.article_dates {
    font-size: 1.4rem;
    margin-top: .5rem;
}

.article_dates span {
    white-space: nowrap;
    display: inline;
}

.article_dates span:after {
    content: " ";
    word-spacing: 1rem;
    background-image: linear-gradient(
            to right,
            transparent 0 calc(50% - 0.05rem),
            #CBCBCD 0 calc(50% + 0.05rem),
            transparent 0
    );
}

.search_keywords a {
    color: #007399;
}

.article-references {
    padding-bottom: 2rem;
    border-bottom: 1px solid #D3DEE1;
}

.article-references-title {
    font-weight: 700;
    padding-bottom: 1.5rem;
    cursor: pointer;
}

.article-references_list {
    margin-left: 1.5rem;
}
.article-references_list li {
    padding-left: 1rem;
}

.article-references_list li a {
    color: #007399;
}

.article-references-title:before {
    content: '';
    float: left;
    width: 0;
    height: 0;
    margin-right: 2.2rem;
    margin-top: 0.8rem;
    border: .8rem solid transparent;
    border-top: 0;
    border-bottom-color: #819DB9;
}

.article-references-hidden > .article-references_list {
    display: none;
}

.article-references-hidden > .article-references-title:before {
    transform: rotate(180deg);
}

.article-reviewers {
    padding-bottom: 2rem;
    border-bottom: 1px solid #D3DEE1;
}

.article-reviewers-title {
    font-weight: 700;
    padding-bottom: 1.5rem;
    cursor: pointer;
}

.article-reviewers-title:before {
    content: '';
    float: left;
    width: 0;
    height: 0;
    margin-right: 2.2rem;
    margin-top: 0.8rem;
    border: 1rem solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 0.8rem solid #819DB9;
}

.article-reviewers-hidden > .article-reviewer {
    display: none;
}

.article-reviewers-hidden > .article-reviewers-title:after {
    border-top: 0 solid transparent;
    border-bottom: 0.8rem solid #819DB9;
}

/*login form*/
.login-form {
    width: 70%; margin: 0 auto
}

.login-form a {
    color: #007399;
}

.forgot-password-link {
    padding-right: 3rem;
}

.shibboleth_login {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    color: #007399;
}
.shibboleth_login:before {
    content: '';
    float: left;
    width: 0;
    height: 0;
    border: 0.5rem solid transparent;
    border-left-color: #819DB9;
}

/*collections*/
.collection-items > * + * {
    margin-top: var(--normal-gap);
}

/*Databases*/
.database-toc {
    display: flex;
    flex-flow: column;
}

.database-toc > a {
    font: 700 1.6rem/6rem Roboto;
    color: #819DB9;
    border-bottom: 1px solid #D3DEE1;
}

.database-toc > a:last-child {
    border-bottom: none;
}

/* TrendMD*/

#trendmd-suggestions .trendmd-widget {
    font: 400 1.6rem/2.4rem Roboto, sans-serif !important;
    color: var(--main-text-color) !important;
}
#trendmd-suggestions .trendmd-widget-list-item__link {
    font: 700 1.6rem/2.2rem Roboto !important;
    color: #819DB9 !important;
}
#trendmd-suggestions .trendmd-widget-list-item__meta {
    font: 400 1.4rem/2.2rem Roboto !important;
    color: var(--main-text-color) !important;
}
#trendmd-suggestions  .trendmd-widget-header__heading {
    font: 400 2.2rem/2.7rem Roboto !important;
}
.gray-zone #trendmd-suggestions {
    margin-top: -3rem !important;
    margin-bottom: 4rem !important;
}


@media (max-width: 1439px) {
    :root {
        --outer-offset: 5rem;
        --outer-offset-fix: -5rem;
    }
    .big-tablet-hide {
        display: none !important;
    }

    .big-tablet-full-width {
        margin-left: var(--outer-offset-fix) !important;
        margin-right: var(--outer-offset-fix) !important;
    }
}

.block { display: block; }

@media (max-width: 1023px) {
    .breadcrumbs > *:not(last-of-type){
        display: none;
    }

    .breadcrumbs > *:not(:last-child):after {
        display: none;
    }

    .breadcrumbs > a:last-of-type {
        font-weight: 500;
        display: flex;
        align-items: center;
        padding: var(--normal-gap) 0;
        color: #007399;
    }

    .breadcrumbs > a:last-of-type:before {
        content: '';
        display: block;
        width: 0.6rem;
        height: 1rem;
        background: url("/i/chevron-left.svg") no-repeat center;
        margin-right: 1rem;
    }

    .tablet-hide {
        display: none !important;
    }

    .tablet-full-width {
        margin-left: var(--outer-offset-fix) !important;
        margin-right: var(--outer-offset-fix) !important;
    }

    .publishing-covi19-link {
        display: none;
    }
}

@media (max-width: 767px) {
    :root {
        --outer-offset: 2rem;
        --outer-offset-fix: -2rem;

        --huge-gap: 3rem;
        --huge-gap-fix: -3rem;

        --big-gap: 2rem;
        --big-gap-fix: -2rem;

        --normal-gap: 1.5rem;
        --normal-gap-fix: -1.5rem;

        --small-gap: 1rem;
        --small-gap-fix: -1rem;

        --tiny-gap: .7rem;
        --tiny-gap-fix: -.7rem;
    }

    html { font-size: 2.6666vw; }

    body {
        font: 400 1.2rem/1.8rem Roboto, sans-serif;
    }

    .mobile-hide {
        display: none !important;
    }

    .mobile-full-width {
        margin-left: var(--outer-offset-fix) !important;
        margin-right: var(--outer-offset-fix) !important;
    }

    .main-title {
        font: 400 2.6rem/3rem Roboto;
    }

    .common-title {
        font: 400 2.2rem/2.6rem Roboto;
        color: #243C50;
    }

    .text-title {
        font: 700 1.4rem/2rem Roboto;
    }

    .common-text * + .text-title {
        margin-top: .8rem;
    }

    .common-text * + .common-title {
        margin-top: 1.6rem;
    }

    .common-text table tr {
        display: grid;
    }

    .gray-zone {
        margin-bottom: -3.7rem;
        padding: 3.7rem 0;
    }

    .common-title-subm-instruction {
        font: 400 2.2rem/2.6rem Roboto;
    }

    .volume-title, .volume-title-refs {
        font: 400 2.2rem/2.6rem Roboto;
        color: #007399;
        cursor: pointer;
    }

    .volume-issue {
        font: 400 1.2rem/1.8rem Roboto;
        margin-top: 1.5rem;
    }

    .issue-header {
        padding-bottom: 2.2rem;
    }

    .issue-section-title {
        font: 700 1.6rem/2rem Roboto;
    }

    .article-metrics-circles {
        column-gap: 1rem;
    }

    .circle {
        width: 5.6rem;
        height: 5.6rem;
        border-radius: 2.8rem;
        margin: 2.2rem 0 1rem 0;
    }

    .article-title {
        font: 400 2.0rem/3rem Roboto;
    }

    .article-authors {
        font: 400 1.2rem/1.8rem Roboto;
    }

    .article-author {
        margin-bottom: 1.3rem;
    }

    .article_abstract-title{
        font: 700 1.4rem/2.4rem Roboto;
        margin-bottom: 1rem;
    }

    .article_dates span {
        font-size: 0.9rem;
        line-height: 1.3rem;
        display: block;
    }

    .article_dates span:after {
        content: "";
    }

    .login-form {
        width: auto;
        margin: 0;
    }

    .forgot-password-link {
        font-size: 1.2rem;
    }
}