/*mobile stuff*/
#w-wrapper {
    min-width: auto;
    max-width: 1280px;
}
#special_issues_guideline .toggle {
    margin-top: 0;
    position: relative;
    top: 2px;
    margin-left: -5px;
}

.mobile-metrics ul{
    list-style: none;
    border: 1px solid;
    padding: 0 0 5px 10px;
    border-radius: 3px;
}

.mobile-metrics li:not(:last-of-type) {
    border-bottom: 1px solid;
    min-height: 50px;
}

.mobile-metrics ul li span.co_journal_metrics_value_label_per_row{
    line-height: 2em;
    display: inline-table;
    margin-left: 9rem;
}

.mobile-metrics ul li.co_journal_metrics_item {
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.mobile-metrics ul li img.co_journal_metrics_icon_per_row{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    margin: auto;
}

.co_journal_metrics_last_factor {
    margin-top: 5px;
}

.btn-iframe{
    background-color: #1A6692;
    color: white;
    text-align: center;
    width: 100%;
    border: 2px solid #1A6692;
    border-radius: 3px;
    cursor: pointer;
}

#mobile-navigation-wrapper{
    text-align: left;
    line-height: 1.5;
}

.pswp__caption__center{
    max-width: 900px;
}

.noscroll {
    overflow: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.j-additional-nav ul.j-link-list {
    top: 0;
}

.co-overlay,
.doi-link-mobile {
    display: none;
}

.co-tablet-hide {
    display: initial;
}

.co-mobile-hide {
    display: initial;
}

.co-desktop-hide {
    display: none;
}

#js-co-show-subject-area-table {
    display: none;
    cursor: pointer;
    color: #1A6692;;
}

.wrapper-1-columns {
    width: 100%;
}

.wrapper-1-columns .column-1 {
    float: left;
    width: 100%;
}

.wrapper-2-columns {
    width: 100%;
}

.wrapper-2-columns .column-1,
.wrapper-2-columns .column-2 {
    float: left;
    width: 48%;
    margin-left: 6px;
}

.wrapper-3-columns {
    width: 100%;
}

.wrapper-3-columns .column-1,
.wrapper-3-columns .column-2,
.wrapper-3-columns .column-3 {
    float: left;
    width: 31%;
    margin-left: 6px;
}

.editorial-board .content * {
    padding: 0;
    margin-left: 0;
}

.about-contact{
    padding-left:45px;
}

.about-contact .header,
.border-bottom {
    border-bottom: 1px solid rgb(175, 175, 175);
}

.border-top{
    border-top: 1px solid rgb(175, 175, 175);
}

#c-wrapper .editorial-board{
    margin-bottom: 2em;
}

.editorial-board .header{
    margin-bottom: 0;
    padding-left: 0;
}

.no-profil-photo .header {
    padding-top: 0;
}

.editorial-board .content{
    padding: 0.75em 0;
}

.about-contact .stuff{
    border-bottom: 1px solid rgb(175, 175, 175);
    padding: 10px 10px 5px 0;
}

.about-contact .header *,
.about-contact .stuff *{
    padding:0;
}

.about-contact .stuff .photo{
    width: 160px !important;
    margin-right: 20px;
}

.padding-top__2{
    padding-top: 2em;
}

@media(min-width:992px) and (max-width:1205px){
    .get_users_by_group_result_photo img,
    .get_users_by_group_excluding_result_photo img{
        width: 100%;
        height: auto;
    }
}

/* Tablets */
@media only screen and (max-width: 991px) {

    .container {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }

    #special-issues-scheduled-content .triangle_special_issues{
        background-position: left 0.5em;
    }

    .co_photo_column.hide-on-mobile .get_users_by_group_result_photo,
    .co_photo_column.hide-on-mobile .get_user_by_id_result_photo{
        text-align: right;
    }

    #j-topic {
        background-image: url(https://www.earth-system-science-data.net/graphic_ESSD_Logo_Head_mobile.png);
    }
    .j-table{
        display: block;
        overflow-x: auto;
    }

    .j-table.j-skin th, .j-table.j-skin td {
        min-width: 90px
    }

    #w-wrapper,
    #c-wrapper,
    #w-body{
        box-shadow: none;
    }

    body {
        font-size: 16px;
    }

    .h1{
        height: auto;
    }

    #j-topic{
        height:102px;
    }
    .co-mobile-hide {
        display: initial;
    }

    .co-desktop-hide {
        display: initial;
    }

    .co-tablet-hide {
        display: none;
    }

    .j-navigation .menu_level1 li:not(:last-child) {
        margin-bottom: 0.125em
    }

    div#js-mobile-navigation ul.co-desktop-hide > li,
    div#main-navigation ul.co-desktop-hide > li {
        width: 33%;
    }

    .link_level1 {
        font-weight: 600;
    }

    div#main-navigation li,
    div#js-mobile-navigation li {
        list-style: none;
    }

    .j-navigation .menu_level2 li {
        margin-left: 0;
    }

    div#mobile-search {
        line-height: 1.8125em;
        background-color: #1A6692;
        color: #fff;
        bottom: 0;
        width: 100%;
        display: none;
        height: 1.9375em
    }

    .mobile-search-fixed{
        position: fixed;
        top: 60px;
        z-index: 1;
    }

    input.jo_search {
        line-height: 1;
        width: 45%;
        font-size: 1em;
        margin-top: 0.1875em;
        color: initial;
    }

    button.start-search {
        margin-left: 10px;
        border: 1px solid #1A6692;
        background-color: #1A6692;
        color: white;
        padding: 1px;
        font-size: 1.5em;
    }

    select.search-type {
        line-height: 1;
        width: 35%;
        font-size: 1em;
        margin-top: 0.1875em;
        color: initial;
        margin-left: 10px;
    }

    #jo_lp-description-container {
        padding-top: 3.1875em
    }

    .j-feature {
        width: auto;
    }

    div#mobile-nav i:not(:first-of-type), .co-mobile-article, .co-mobile-pdf,
    div#mobile-nav-scrolled i:not(:first-of-type), .co-mobile-article{
        margin-left: 5px;
        position: relative;
    }

    .j-link-list {
        display: none !important;
    }

    .publication-general_contact_editorial_support {
        padding-left: 10px;
        padding-right: 10px;
        width: 90%
    }

    #page_colum_left_container_wrapper,
    #page_colum_right_container {
        display: none;
    }

    #j-header {
        left: 0;
        top: 2px;
        position: absolute;
        padding-left: 10px;
    }

    #j-name {
        font-size: 2em;
        font-weight: 800;
    }

    .j-news-item-date {
        position: inherit !important;
        margin: 0.75em 0 0.75em 0;
        display: block;
    }

    #w-body {
        padding: 0.625em 10px;
    }

    #w-head {
        min-height: 91px;
        text-align: center;
        height: auto;
    }

    #j-mobile-banner {
        height: 60px;
    }

    #j-mobile-banner a {
        text-decoration: none;
    }

    .j-banner-fixed{
        webkit-box-shadow: 0px 10px 5px -10px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 10px 5px -10px rgba(0,0,0,0.5);
        box-shadow: 0px 10px 5px -10px rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        opacity: 1;
        background-color: white;
        height: 60px;
    }

    #page_colum_left_container {
        min-width: 0;
        display: block;
    }

    #quicklaunch_buttons,
    #main-navigation,
    #js-mobile-navigation,
    #login_box,
    #journal_metrics,
    #abstract_indexed,
    .desktop-links-OAI {
        display: none;
    }

    #j-cover {
        display: none;
    }

    #j-topic {
        top: -41px;
    }

    #j-secondary-nav {
        font-size: 0.875em;
        text-align: center;
        position: initial;
    }

    .j-additional-nav ul.j-link-list {
        position: initial;
    }

    .co-overlay {
        background-color: #f0f0f0;
        top: 92px;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        opacity: 0.5;
        z-index: 10;
    }

    .j-navigation a.link_level1{
        padding-left: 1em;
    }

    @-moz-document url-prefix() {
        .j-navigation a.link_level1{
            padding: 1px 3px 3px 1em;
        }
    }

    .j-navigation .menu_level2{
        padding-left: 34px;
    }

    .j-navigation {
        margin-top: 0;
    }

    #mobile-nav {
        display: initial;
        position: absolute;
        left: 0;
        padding-left: 10px;
        font-size: 1.66em;
        z-index: 10;
    }

    .mobile-links-OAI {
        display: block;
    }

    #highlight_articles .j-news-item-header div {
        margin-right: 0;
    }

    .j-news-item .expanded-text {
        margin-right: 20px;
    }

    .j-image-presenter img {
        width: 100%;
    }

    #page_content_container p,
    #page_content_container ul,
    #page_content_container li,
    #page_content_container div,
    #page_content_container span,
    #page_content_container a {
        line-height: 1.7;
    }

    #js-mobile-navigation,
    #main-navigation {
        font-size: 1em;
        background-color: white;
        height: auto;
        width: 33%;
        position: fixed;
        bottom: 0;
        left: 0;
        overflow: scroll;
        z-index: 11;
        top: 92px;
        padding: 0.625em 10px;
        -webkit-overflow-scrolling: auto;
    }

    ul.menu_level1 li {
        height: 2.0625em;
        font-size: 1em;
        padding-top: 0.225em
    }

    ul.menu_level2{
        display: none;
        margin-top: 4px;
        height:0;
    }

    .doi-link {
        display: none;
    }

    .doi-link-mobile {
        display: initial;
        font-size: 1em;
    }

    .j-subject-areas, .co-table-default {
        max-width: 100vw;
        word-break: keep-all;
        display: block;
        overflow-x: auto;
    }

    #js-co-show-subject-area-table {
        display: initial;
    }

    #js-co-subject-area-table {
        display: none;
    }

    .j-news-item-content {
        padding-left: 0;
    }

    .j-news-item-thumb {
        float: none;
        margin-bottom: 1em;
    }

    .j-news-item-header h4 {
        margin-right: 0;
    }

    #jo_lp-cover-container {
        display: none;
    }

    .icon-border{
        border: 2px solid #1A6692;
        color: white;
        padding: 2px;
        border-radius: 3px;
        font-size: 1.6em;
        background-color: #1A6692;
    }

    #mobile-nav-scrolled{
        position: fixed;
        top: 15px;
        right: 10px;
        z-index: 3;
        display: none;
        font-size: 0.875em;
    }
}

@media only screen and (max-width: 830px) {

    #js-mobile-navigation {
        width: 50%;
    }
}

/* Phones */
@media only screen and (max-width: 767px) {

    body {
        font-size: 16px;
        line-height: 1.7;
    }

    #w-wrapper, #w-body {
        line-height: 1.7;
    }

    .co_photo_column{
        text-align: left;
    }

    .margin-right-desktop-15{
        margin-right:0;
    }

    .about-contact{
        font-size: 1em;
        line-height: 1.5;
    }
    #js-mobile-navigation{
        width: 50%;
    }

    .co-tablet-hide {
        display: initial;
    }

    .co-desktop-hide {
        display: initial;
    }

    .co-mobile-hide {
        display: none;
    }

    #j-topic {
        width: 70%;
    }
    h1,.h1,h2,h3{
        line-height:1.3em;
    }
}
@media only screen and (max-width: 580px) {
    #js-mobile-navigation{
        width: 100%;
    }

}
/*Safary only styles*/
@supports (-webkit-overflow-scrolling: touch) {
    div#mobile-search {
        height: 2.5em !important;
    }
}

.pswp[area-hidden="true"]{
    display: none;
}


@media only screen and (min-width: 768px) {
    .co_photo_column .get_users_by_group_result_photo,
    .co_photo_column .get_user_by_id_result_photo,
    .co_photo_column .get_users_by_group_excluding_result_photo {
        margin-top: -2.3rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .co_photo_column .get_users_by_group_result_photo,
    .co_photo_column .get_user_by_id_result_photo,
    .co_photo_column .get_users_by_group_excluding_result_photo {
        margin-top: -2.75rem;
    }
}

@media (min-width: 992px) and (max-width: 1100px){
    .jo_journal-features .j-feature:last-of-type{
        display: none;
    }
}