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

    --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;

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

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: 0 0 0 0.3rem hsla(220, 100%, 50%, 80%) !important;
}

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

.common-title {
    font: 400 2.2rem/2.6rem 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-quote {
    font: 400 1.8rem/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: 2rem;
}

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

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



.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: 4rem !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; }

.vertical-align { vertical-align: middle; }

.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;
}

.title-download {
    margin-bottom: -2rem !important;
}

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

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

.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: 60%;
    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: .4rem;
}

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

.block { display: block; }
@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;
    }
}

/* 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;
}

.begell-logo {
    display: flex;
    align-items: center;
}

.logo-decoding {
    margin: 0 0 0 12px ;
}

.button.btn_nominations, .button.btn_members_council, .button.btn_members_steering_committee {
    min-width: 42rem;
}

.button.btn_nominations {
    margin-left: 55px;
}

.button.btn_members_steering_committee {
    margin-right: 55px;
}

.products-grid.products-grid-william {
    gap: var(--big-gap) var(--big-gap);
}

@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;
    }

    .button.btn_nominations, .button.btn_members_steering_committee, .button.btn_members_council {
        min-width: 32rem;
    }

    .button.btn_members_steering_committee {
        margin-right: 20px;
    }

    .button.btn_nominations {
        margin-left: 10px;
    }
}

@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.2rem/2.6rem Roboto;
    }

    .common-title {
        font: 400 1.8rem/2.2rem 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;
    }

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

    .database-text > table tr {
        display: flex;
        flex-direction: column;
    }

    .forgot {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .button.btn_nominations, .button.btn_members_steering_committee, .button.btn_members_council {
        min-width: 32rem;
        margin: 0;
    }

    .button.btn_nominations {
        margin-top: 20px;
    }
}