/* Base */

.factsheet-container {
    width: 100%;
    float: left;
}

.factsheet-container.affix {
    width: inherit;
}

.factsheet {
    display: block;
    /* margin-top: 27px; */
    text-decoration: none !important;
}


.factsheet-title {
    color: #484848;
    font-size: 23px;
    font-weight: 400;
    text-align: center;
}

.factsheet-subline {
    color: #747474;
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin: 9px auto 15px;
    text-align: center;
}

.factsheet-image {
    display: block;
    margin: 25px auto;
    width: 138px;
    height: 173px;
}

.factsheet-hover {
    opacity: 0;
}

.factsheet:hover > div > .factsheet-hover {
    animation: fadein .5s ease forwards;
}

.factsheet:hover > .factsheet-title {
    color: #009947 !important;
}

@keyframes fadein {
    to {
        opacity: 1;
    }
}


/* SMALL VERSION */


.factsheet-container-editors-and-advisors.small {
    margin-top: 30px;
}

.factsheet-container.small .factsheet-image {
    float: left;
    height: 133px;
    width: 104px;
    margin-right: 15px;
    margin-top: 0;
}

.factsheet-container.small .factsheet-title,
.factsheet-container.small .factsheet-subline {
    text-align: left;
    float: left;
}

.factsheet-container.small .factsheet-title {
    font-size: 18px;
}

.factsheet-container.small .factsheet-subline {
    margin-top: 6px;
    width: 150px;
}






/* PAGE PLACEMENT TWEAKS */

/* Guidelines */

.factsheet-container-guidelines {
    border-top: 1px solid #e3e3e3;
    margin-top: 30px;
    padding-top: 10px;
}

.factsheet-container-faq {
    margin-top: 30px;
    padding-top: 10px;
}

.factsheet-container-guidelines.small {
    padding-top: 25px;
}

/* Editors and Advisors */

.factsheet-container-editors-and-advisors {
    /* fixes search results bing pushed down the page */
    margin-bottom: -100px;
}

.factsheet-container-editors-and-advisors.affix {
    margin-top: -50px;
}

.factsheet-container-editors-and-advisors.affix-top {
    position: absolute;
    width: inherit;
}

/* Subjects */

.factsheet-container-subjects {
    padding-top: 18px;
}

.factsheet-container-subjects.affix {
    margin-top: -150px;
}

/* Editors by subject */

.factsheet-container-editors-by-subjects {
    margin-bottom: -160px;
}

/* Benefits */

.factsheet-container-benefits.factsheet-container {
    padding-bottom: 30px;
    width: 162px;
}

.factsheet-container-benefits .factsheet-subline {
    width: 100%;
}

.benefits-fixednav-container {
    width: inherit;
}

@media (min-width: 1200px) {
    .factsheet-container-benefits.small .factsheet-subline {
        width: 130px;
    }
}



/* GENERAL MEDIA QUERIES */

@media (max-width: 1200px) {

    .factsheet-container.small .factsheet-image {
        float: none;
        margin: 0 auto 20px;
    }

    .factsheet-container.small .factsheet-title,
    .factsheet-container.small .factsheet-subline {
        float: none;
        text-align: center;
    }

}

@media (min-width: 1200px) {
    .factsheet-subline {
        width: 84%;
    }
}
a {
    color:#1b77ba;
}

.body-home {
    background: #fff;
}

.home-main {
    top: -55px;
    position: relative;
    background: #ffffff;
    padding-bottom: 60px;
}

/* .homepage-benefits-info-icon {
    text-decoration: none !important;
}

.homepage-benefits-info-icon i {
    font-size: 3em;
    position: absolute;
    top: 50px;
    right: 15px;
    color: #fff;
    opacity: 0.6;
    transition: opacity 0.5s ease-out;
    cursor: pointer;
    display: inline-block;
    z-index: -1;
}
.homepage-benefits-info-icon i:hover {
    opacity: 1.0;
}*/

.featured-image-info {
    margin: 0 !important;
    padding: 0 !important;
    height: 110px !important;
}

.home-header-text {
    display: block;
    font-size: 1.4em;
    color: #252525;
    line-height: 1.5;
    padding: 0 0 17px;
}

.theme--dark .home-header-text {
    color: #eee;
}

.home-items-section {
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

.home-sidebar {
    width: 370px;
    float: none;
    box-sizing: border-box;
    overflow: hidden;
}

.home-section-heading {
    border-bottom: 1px solid #6b6b6b;
    width: 100%;
    padding-bottom: 7px;
    margin-bottom: 25px;
    overflow: hidden;
    clear:both;
}

.home-section-heading.orange {
    border-bottom: 1px solid #ce7e00;
}

.home-section-heading.blue {
    border-bottom: 1px solid #006EA3;
}

.home-section-heading h2 {
    font-size: 24px;
    color: #252525;
    float:left;
    line-height: 1.3;
    margin:0;
    font-weight: 500;
}

.home-section-heading.orange h2 {
    color: #d78300;
}

.home-section-heading.blue h2 {
    color: #4c79bd;
}

.home-heading-span-bullet {
    margin-right: 20px;
}

.home-section-introtext {
    display: block;
    font-size: 20px;
    margin: -7px 0 28px;
    color: #252525;
    line-height: 1.5;
}

.home-items-section:not(:nth-of-type(2)):not(:nth-of-type(3)) {
    margin-top: 30px;
}

.featured-image-info {
    height: 330px;
}

.home-feedback-section {
    padding-top: 0 !important;
}

.home-feedback-section .quote-sub-line {
    font-size: 2em;
    line-height: 1.3;
    text-align: right;
}

/* General */

.home-sidebar-section .btn-cta {
    background-color: #0067b0;
    color: #fff !important;
    font-size: 18px;
    border: none;
    padding: 10px 9px 11px;
    width: 100% !important;
}

.home-sidebar-section .btn-cta:hover {
    background-color: #0078cd;
}

/* Brand */

.home-logo {
    max-width: 100%;
    width: 100%;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 15px;
}

.home-journal-subline {
    color: #006ebc;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 17px;
}

.home-impact-metrics-link {
    color: #656565;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
    text-decoration: underline;
    width: 100%;
    margin: 7px auto 32px;
}

.btn-home-submit {
    margin-bottom: 9px !important;
}

.btn-home-submit.cs {
    margin-bottom: 46px !important;
}

/* BUTTONS */

.btn-home-benefits {
    margin-top: 0;
    padding-top: 8px;
}

.home-mission-section > .btn-cta,
.home-feedback-section > .btn-cta {
    margin-top: 20px;
}

.home-factsheet-section > .btn-cta {
    margin-top: 15px;
}

.home-feedback-section > .btn-cta {
    margin-top: 10px;
}

.home-brand-section > .home-brand > .btn-cta {
    background-color: #4a4a4a;
    margin-bottom: 10px;
}

.btn.home-items-more,
.btn.home-more {
    padding: 10px 9px 11px;
    margin: 0 auto;
    display: block;
    font-size: 16px;
}

.btns-institution > .btn {
    display: inline-block;
}

@media (min-width: 480px) {
    .home-main {
        padding-top:50px;
    }
}

@media (min-width: 768px) {

    .featured-image-info {
        height: 180px !important;
    }

    .home-logo {
        width: 280px;
    }

    .home-main {
        padding-top: 55px;
    }

    .body-home {
        /* LINK TO EDITOR FOR THIS GRADIENT: http://www.colorzilla.com/gradient-editor/#ffffff+0,9f8f7e+100&1+0,0.2+100;Custom */
        /* background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(90, 90, 90, 0.2) 100%); /* FF3.6+ */
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(90, 90, 90, 0.2))); /* Chrome,Safari4+ */
        /*background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(90, 90, 90, 0.2) 100%); /* Chrome10+,Safari5.1+ */
        /*background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(90, 90, 90, 0.2) 100%); /* Opera 11.10+ */
        /*background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(90, 90, 90, 0.2) 100%); /* IE10+ */
        /*background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(90, 90, 90, 0.2) 100%); /* W3C */
    }

    .home-items-section {
        padding-left:20px;
        padding-right:20px;
    }

    .homepage-benefits-info-icon i {
        font-size: 4.3em;
        top: 60px;
        right: 33px;
    }
}

@media (min-width: 980px) {
    .home-header-text {
        line-height: 1.5;
        font-size: 1.4em;
        padding: 0 0 13px 0;
        border-top: none;
    }

    .home-items-section {
        width: 570px;
        padding: 0 30px;
        float: left;
    }

    .home-main {
        padding-top: 82px;
    }

    .home-items-section, .featured-image-info,
    .featured-image-info.open {
        padding-left: 40px;
        padding-right: 40px;
    }

    /* featured col */
    .home-items-section {
        width: 620px;
    }

    .home-item {
        padding: 23px 24px 24px 24px;
    }

    .home-sidebar {
        width: 276px;
        float: right;
    }

    .home-sidebar-section {
        padding-right: 0;
        margin-right: 40px;
    }

    .home-articles.home-items .home-article.home-item {
        max-width: 280px !important;
        width: 300px !important;
        margin-bottom: 20px !important;
    }
}

@media (min-width: 1200px) {
    .home-main {
        padding-top: 92px;
    }

    /* featured col */
    .home-items-section {
        width: 570px;
    }

    .home-sidebar {
        width: 330px;
    }

    .home-sidebar-section {
        padding-right: 0;
        margin-right: 50px;
    }

    .home-articles.home-items .home-article.home-item {
        max-width: 368px !important;
        width: 368px !important;
        margin-bottom: 20px !important;
    }

    .home-items .home-item-title {
        font-size: 22px;
        font-weight: 400;
        line-height: 1.3;
        margin: 4px 0 14px 0;
    }

    .home-items .home-item-date {
        font-weight: 200;
        letter-spacing: .02em;
        margin-left: 0;
        color: #8d8d8d;
        font-size: 14px;
    }


    .home-items-section, .featured-image-info,
    .featured-image-info.open {
        padding-left: 50px;
    }
}

.tokens-button {
    background-color: #a2009c !important;
    color: #fff !important; 
    width: 100% !important;
    font-size: 18px !important;
    border: none !important;
    padding: 12px 25px 12px !important;
    font-weight: 500 !important;
    margin: 0 auto !important;
    display: block;
    width: 100% !important;
    box-sizing: border-box;
}
.tokens-icon {
    max-width: 30% !important;
    margin: 0 auto !important;
    display: block;
    margin-bottom: 20px !important;
}
.tokens-text {
    text-align: center;
    padding-bottom: 7px;
}

@media only screen and (min-width: 768px) {
    .tokens-button { 
        width: auto !important;
    }
    .tokens-icon {
        max-width: 100% !important;
    }
    .tokens-text {
        text-align: left;
        padding-bottom: 3px;
    }
}

@media (min-width: 1264px) {

    .home-items-section {
        width: 840px;
    }

    /* .home-sidebar {
        width: 330px;
    } */

}

@media (max-width: 980px) {
    .home-items-section.home-header {
        padding-left: 20px;
        padding-right: 20px;
    }
}


.home-items-more,
.home-more {
    color: #767676;
    display: block;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    margin: 15px auto 0;
    width: 240px;
}

.home-item {
    background-color: #fff;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.home-item:hover {
    cursor: pointer;
    position: relative;
}

.home-item p {
    font-size: 15px;
    color: #727272;
    line-height: 1.4em;
}

.home-item-link {
    color: inherit;
}

.home-item-link:hover {
    text-decoration: none;
    color: #1a4680;
}

.home-item-journal-label {
    color: #fff !important;
    letter-spacing: 0.005em;
    line-height: 1em;
    display: inline-block;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 2px 0;
    padding: 5px 8px;
    font-size: 11px;
}

.home-sections {
    margin-bottom: 45px;
}

/*.home-nav-sections {*/
/*    width: 150px;*/
/*    font-weight: 500;*/
/*}*/

.home-sections-heading {
    padding: 0 20px;
    margin-bottom: 25px;
}

.home-sections-heading h2 {
    margin-bottom: 12px;
}

.load-section-subscribers,
.load-section-citeaverage {
    font-weight: 500;
}

.home-sections-heading-label {
    margin-bottom: 8px;
}

.home-item-image {
    position: relative;
}

.home-item-image img {
    width: 90%;
    max-height: 500px;
    margin: 10px auto 0;
    display: block;
}

.home-item-date {
    color: #919191;
    font-size: 14px;
}

.home-item-title {
    font-family: Georgia, "Times New Roman", Times, serif;
    display: block;
    font-size: 22px;
    color: #424242;
    line-height: 1.3em;
    margin: 2px 0 12px
}

.home-item-title p {
    font-size: 30px;
    font-weight: 200;
}

.home-item-subjects {
    margin: 10px 0;
}

.home-item-subject {
    color: #858585;
    background-color: #ebebeb;
    letter-spacing: 0.005em;
    line-height: 1em;
    display: inline-block;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 2px 0;
    padding: 5px 8px;
    font-size: 11px;
}

/* Article Subject rollover */
/*
.home-item-subject:hover {
    color: #ffffff !important;
    background-color: #13262F; !important;
    cursor: pointer;
}
*/

/* Article Subjects style lightening */
.home-item:hover .home-item-subject {
    color: #698491;
    background-color: #d5e7f0;
    letter-spacing: .005em;
    line-height: 1em;
}

.home-item-citations,
.home-item-citations .home-item-counter {
    font-weight: 700;
    color: #ff8c00;
    font-size:15px;
}

.home-item-authors,
.home-item-counters {
    margin-top: 10px;
}

.home-item-counters {
    font-size:15px;
}

.home-item-counter {
    font-size:15px;
}

.home-featured-article .home-item-authors {
    margin-top: 20px;
}

.home-item-author {
    font-size:15px;
    color: #7c7c7c;
}

.home-item-description {
    color: gray;
    margin: 10px 0;
}

.home-featured-article .home-item,
.home-collections .home-item {
    width: 100%;
    max-width: 100%;
}

.home-featured-article .home-item-title,
.home-collections .home-item-title {
    font-size: 26px;
    line-height: 1.1;
}

.home-featured-article .home-item-title:hover,
.home-collections .home-item-title:hover {
    text-decoration: none;
}

.home-featured-article .home-item-subjects {
    margin-top: 16px;
}

.home-featured-article .home-item-title {
    margin: 5px 0 10px 0;
}

.home-featured-article .home-item-date {
    font-weight: 200;
    letter-spacing: .02em;
    margin-left: 2px;
    color: #8d8d8d;
    font-size: 14px;
}

.home-collections .home-item-title p {
    font-size: 25px;
    line-height: 1.1;
}

.home-collection .home-item-image img {
    margin-bottom: 0;
    margin-top: 15px;
}

/* Article box on:hover state */
.home-item:hover .home-item-title {
    color: #006dbe;
}

.home-collections .home-item-description a {
    line-height: 1.4em;
}

.home-items .home-item-title {
    font-size: 22px;
    display: block;
    color: #424242;
    margin: 2px 0 12px;
    line-height: 1.3em;
}

.home-items .home-item-date {
    font-size: 12px;
}

.icon-arrow-down:before {
    content: "\f0d7";
    font-size: 18px;
    margin-left: 3px;
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .home-item {
        border: none;
        background-color: #fff;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 20px;
        box-sizing: border-box;
        padding: 20px;
    }

    /* .home-item {
        border-left: 1px solid white !important;
    } */

    .home-item:hover {
        /* border-left: 1px solid #006EA3 !important; */
        background-color: #e7f5ff;
    }

    .home-item-image img {
        width: 99%;
        max-height: none;
        margin: 20px auto;
    }

    .home-featured-article .home-item-title,
    .home-collections .home-item-title {
        font-size: 28px;
    }
}

@media (min-width: 768px) {
    .home-featured-article .home-item-title,
    .home-collections .home-item-title {
        font-size: 33px;
    }
}

@media (max-width: 979px) {
    .home-items-columns {
        width: 100%;
        float: none;
        clear: both;
    }

    .home-item-subject {
        margin: 0 0 3px 0;
        padding: 6px 9px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .home-items-section {
        float: none;
        clear: both;
    }
}

@media (min-width: 980px) {
    .home-items .home-item-title {
        font-size: 18px;

    }

    .home-items .home-item-date {
        font-size: 12px;
    }
}

.subject-article {
    display: block;
    color: inherit;
   /* : 1px solid transparent; */
    line-height: 1.2;
    margin: 5px 0 15px 0;
    padding: 18px;
    background: rgba(249, 249, 249, 0.35);
    position: relative;
}

a.subject-article {
    color: #226bbf !important;
    text-decoration: none !important;
}

a.subject-user {
    text-decoration: none !important;
}


.subject-article:not(:last-of-type) {
    margin-bottom: 23px;
}

.subject-article:hover {
    text-decoration: none;
    /* border-left-color: #4c79bd; */
    background: #e7f5ff;
}

.subject-article-date {
    font-weight: 200;
    color: #717171;}

.subject-article-preprint {
    color: #DD8B26;
    margin-left: 10px;
}

.subject-article-authors {
    margin: 0 0 14px;
    line-height: 1.46em;
}

.subject-article-author {
    font-size: 14px;
}

.subject-publications.section .subject-article-author {
    font-size: 16px;
}

.subject-article:hover .subject-article-authors {
    color: #424242;
}

.subject-article-counters {
    color: #4872b3;
    font-size:15px;
    font-weight:300;
}

.subject-article-image {
    max-height: 200px;
    overflow-y: hidden;
}

.subject-article-image img {
    width: 100%
}

.subject-article-full .subject-article-counters {
    margin-top: 18px;
}

.subject-article:hover .subject-article-image {
    border-color: #4c79bd;
}

.subject-article-title,
.subject-collection-title {
    font-size: 1.7em;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.subject-article-full .subject-article-title {
    margin-top: 4px;
    line-height: 1.23em;
    width: 90%;    
    color: #226bbf;
}

.subject-article.subject-preprint:hover {
    /* border-left: 1px solid #dd8b26; */
    background: #FFE8D6;
}

.subject-article.subject-preprint:hover .subject-article-title {
    color: #c86e00;
}

.subject-article .preprint-label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFA500;
    padding: 3px 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: 200;
}

.article-item-interest-container {
    position: relative;
    margin-top: 12px;
    padding: 14px 18px 17px;
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: 12%;
    background-position-x: 1%;
    background-position-y: 1%;
    background-image: url('https://s3.amazonaws.com/static.peerj.com/sections/quotation-mark.svg');
    background-color: #3460a1;
}

.article-item-interest-container img {
    width: 45px;
}

.editor-comment,
.subject-article-title {
    letter-spacing: 0.02em;
    user-select: all;
}

.peerj-cs-background-image-container {
    opacity: 0.7;
}

.peerj-cs-background-image-info .featured-image-title {
    font-size: 30px;
    font-weight: 100;
}

.featured-image-info {
    height: 330px;
    margin-bottom: 0 !important;
}
.home-cs-community-tweet {
    margin: 25px 0;
    position: relative;
    background: #f9f9f9;
    font-size: 18px;
    color: #0D8CC9;
    border-radius: 2px;
    font-weight: 200;
}

a:hover .home-cs-community-tweet {
    background: #83CEF4;
    color: #373737;
    text-decoration: none;
}

.home-cs-community-tweet-inner {
    padding: 25px;
}

.home-cs-community-tweet-meta {
    margin-top: 15px;
    color: #666;
    font-size: 13px;
}

.home-cs-community-tweet-image {
    border-radius: 2px;
}

.home-cs-community-tweet-name {
    font-size: 14px;
}

.home-cs-community-tweet-handle, .home-cs-community-tweet-handle a {
    color: #666;
    font-size: 12px;
    margin-top: -5px;
}

.home-cs-community-tweet-date {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background: #0D8CC9;
    font-size: 12px;
    padding: 4px 8px;
    border-bottom-right-radius: 2px;
}

.home-cs-community-more-feedback {
    background: #eee;
    color: #444;
    padding: 4px;
    font-weight: 200;
    text-align: center;
    margin: 0 auto;
    width: 300px;
    margin-top: 50px;
    font-size: 14px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.home-cs-community-more-feedback:hover {
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.1s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.56);
}

@media (min-width: 580px) {
    .home-cs-community-tweet-meta .span2 {
        width: 10%;
    }
}
/* PAGINATION */
.pagination.home-editors-pagination {
    text-align: center;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
}

.pagination ul > li > a, .pagination ul > li > span {
    padding: 0 6px;
    font-size: 10.5px;
}

@media (min-width: 580px) {
    .pagination ul > li:first-child > a, .pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:first-child > span {
        border-left-width: 1px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
    }

    .pagination ul > li > a, .pagination ul > li > span {
        padding: 4px 12px;
        font-size: 13px;
        border-left-width: 0;
    }
}

/* Editor lists */
a.home-ae-url:hover .span4, a.home-ae-url:hover .span4 .home-edboard-name{
    background: #83CEF4 !important;
    color: #444 !important;
}

.home-edboard .span4 {
    position: relative;
    padding: 8px 15px 10px;
    margin: 0 10px 10px 0;
    background: #F9F9F9;
    border-right: 1px solid #FFF;
}

.span4.home-advisor-block {
    background: none !important;
}

.home-advisor-block .home-edboard-image {
    float: left;
    width: 18%;
}

.home-advisor-block .home-edboard-image img {
    width: 34px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.home-advisor-block .home-edboard-info {
    margin-left: 58px;
}

.home-edboard-name {
    font-weight: 600;
    font-size: 16px;
    color: #666;
}

.home-edboard-meta {
    font-size: 12px;
    line-height: 13px;
    color: #666;
}

.theme--dark .home-edboard-name,
.theme--dark .home-edboard-meta {
    color: #eee;
}

.home-edboard-advisor-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #0D8CC9;
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    padding: 2px 8px;
}

@media (min-width: 580px) and (max-width: 767px) {
    .home-edboard .span4 {
        width: 48% !important;
        float: left !important;
    }
}

@media (min-width: 979px) and (max-width: 1200px) {

    /* Stops editors with long description text running into one another. */
    .home-edboard .span4.home-advisor-block {
        padding: 15px 0 0;
    }
}

@media (min-width: 580px) {
   .home-edboard .span4 {
        height: 70px;
        padding: 15px 15px 4px;
        width: 31.492%;
   }

    .home-advisor-block .home-edboard-image {
        width: 26%;
    }

    .home-advisor-block .home-edboard-image img {
        width: 50px;
    }
}
#generate-offer {
    line-height: 1.5em;
}

.btn-black {
    display: table;
    font-size: 15px;
    margin: 0 auto;
    padding: 15px 10px;
    font-weight: 300;
    letter-spacing: 0.025em;
}

.sidebar-hidden {
    display: block;
}

.btn-black span.peerj {
    color:#57c6ff;
    font-weight:400;
}

.btn-black:hover span.peerj,
.btn-black:active span.peerj {
    color:#fff;
}


.home-cs-cta-tagline {
    display: table;
    font-size: 16px;
    margin: 6px auto;
}

.home-cs-cta-tagline a {
    color: #D3008D;
}

.home-cs-cta-tagline a:hover,
.home-cs-cta-tagline a:active{
    text-decoration: underline !important;
}

.home-cs-header-submit-now {
    color: #032549;
    text-decoration: none;
}


@media (min-width: 480px) {
    .sidebar-hidden {
        display: inline;
    }
}

@media (min-width: 570px) {
    .btn-black {
        padding: 15px 26px;
        font-size: 21px;
    }

}

/* Big blue free publishing notice */

.home-notice {
    width: 100%;
    display: block;
    background: #843c62;
    /* margin-top: -95px; */
    height: 50px;
    text-decoration: none !important;
    color: #ffffff !important;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.03em;
    /* margin-bottom: 46px; */
}

.home-notice:hover {
    background: #6f1e49;
}

.home-notice-icon {
    margin-left: 8px;
    opacity: 0;
}

.home-notice:hover .home-notice-icon {
    opacity: 1;
}

@media (min-width: 979px) {
    .home-notice-text {
        font-size: 19px;
    }
}

@media (min-width: 769px) {
    .home-notice-text {
        font-size: 19px;
    }
}
#submit-announce-alert {
    display: none !important;
}

.home-main-cs {
    background: #ffffff !important;
    padding-top: 0;
    padding-bottom: 80px;
    margin-bottom: 50px;
    position: relative;
    top: 0;
}

.home-items-section {
    background: none;
}

.home-item-cs {
    background: none;
    margin-bottom: 40px;
}

.subject-preprint .subject-article-counters {
    color:#dd8b26;
}

.home-item.home-item-cs a:hover {
    text-decoration: none;
}


.home-item-cs p {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    line-height: 1.5;
}

.anchor {
    margin-top: -65px;
    position: absolute;
}

.home-sidebar-section:not(:last-of-type):not(:first-of-type) {
    border-bottom: 1px solid #83acd4;
}

@media (min-width: 980px) {
    .home-item-cs {
        margin-bottom: 0;
    }

    .home-items-section {
        float: left;
        width: 72%;
    }
}
.home-cs-overview-follow {
    font-size: 12px;
    background: #eee;
    color: #717171;    padding: 2px 4px;
    cursor: pointer;
}

.home-cs-overview-follow .icon-twitter {
    color: #0D8CC9;
}

a:hover .home-cs-overview-follow, a:active .home-cs-overview-follow {
    background: #83CEF4;
    color: #252525;
    text-decoration: none;
}

.home-cs-overview-benefits {
    font-size: 16px;
    font-weight: 300;
    color: #666;
    margin: 20px 0;
}

.home-cs-overview-benefit-row {
    margin-bottom: 10px;
}

.home-cs-benefits-icon {
    display: block;
    float: left !important;
    color: #078AC9;
    font-size: 29px;
    width: 5% !important;
}

.home-cs-benefits-text {
    display: block;
    float: left !important;
    margin-left: 10px !important;
    width: 40% !important;
}

@media (min-width: 1200px) {
    .home-cs-benefits-icon {
        margin-top: -5px;
    }
}
.home-cs-sidebar-quote-container {
    padding: 0 10px 10px 10px;
}

.home-cs-sidebar-quote {
    color: #707070;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.325;
    margin: 0 0 15px;
}

@media (min-width: 1200px) {
    .home-cs-sidebar-quote {
        font-size: 23px;
    }
}

.home-cs-sidebar-quote-name {
    font-weight: 600;
    font-size: 18px;
    color: #666;
    margin-bottom: 8px;
}

.home-cs-sidebar-quote-bio {
    font-size: 13px;
    line-height: 1.2;
    color: #666;
}

.home-cs-sidebar-quote-image img {
    width: 65px;
    border-radius: 2px;
}
/* loader */
.home-cs-bubblingG {
    text-align: center;
    width: 100%;
    height: 50px;
    display: none;
}

.home-cs-bubblingG span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 25px auto;
    background: #b9305f;
    -moz-border-radius: 50px;
    -moz-animation: home-cs-bubblingG 1.2s infinite alternate;
    -webkit-border-radius: 50px;
    -webkit-animation: home-cs-bubblingG 1.2s infinite alternate;
    -o-border-radius: 50px;
    -o-animation: home-cs-bubblingG 1.2s infinite alternate;
    -ms-border-radius: 50px;
    -ms-animation: home-cs-bubblingG 1.2s infinite alternate;
    border-radius: 50px;
    animation: home-cs-bubblingG 1.2s infinite alternate;
}

#home-cs-bubblingG_1 {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
}

#home-cs-bubblingG_2 {
    -moz-animation-delay: 0.36s;
    -webkit-animation-delay: 0.36s;
    -o-animation-delay: 0.36s;
    -ms-animation-delay: 0.36s;
    animation-delay: 0.36s;
}

#home-cs-bubblingG_3 {
    -moz-animation-delay: 0.72s;
    -webkit-animation-delay: 0.72s;
    -o-animation-delay: 0.72s;
    -ms-animation-delay: 0.72s;
    animation-delay: 0.72s;
}

@-moz-keyframes home-cs-bubblingG {
    0% {
    width: 10px;
    height: 10px;
    background-color:#b9305f;
    -moz-transform: translateY(0);
    }

    100% {
    width: 24px;
    height: 24px;
    background-color:#FFFFFF;
    -moz-transform: translateY(-21px);
    }

}

@-webkit-keyframes home-cs-bubblingG {
    0% {
    width: 10px;
    height: 10px;
    background-color:#b9305f;
    -webkit-transform: translateY(0);
    }

    100% {
    width: 24px;
    height: 24px;
    background-color:#FFFFFF;
    -webkit-transform: translateY(-21px);
    }

}

@-o-keyframes home-cs-bubblingG {
    0% {
    width: 10px;
    height: 10px;
    background-color:#b9305f;
    -o-transform: translateY(0);
    }

    100% {
    width: 24px;
    height: 24px;
    background-color:#FFFFFF;
    -o-transform: translateY(-21px);
    }

}

@-ms-keyframes home-cs-bubblingG {
    0% {
    width: 10px;
    height: 10px;
    background-color:#b9305f;
    -ms-transform: translateY(0);
    }

    100% {
    width: 24px;
    height: 24px;
    background-color:#FFFFFF;
    -ms-transform: translateY(-21px);
    }

}

@keyframes home-cs-bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color:#b9305f;
        transform: translateY(0);
    }

    100% {
        width: 24px;
        height: 24px;
        background-color:#FFFFFF;
        transform: translateY(-21px);
    }
}

@media (max-width: 979px) {
    .home-sidebar-cs-register-heading .span2 {
        float: left;
        width: 45px;
    }

    .home-sidebar-cs-register-heading .span10 {
        float: left;
        margin-left: 5px;
        width: 190px;
    }
}

@media (min-width: 610px) {
    .home-cs-sidebar-top-container {
        float: left;
        width: 50%;
    }

    .home-sidebar-cs-register-heading {
        float: left;
        width: 250px;
    }
}

@media (min-width: 768px) {
    .home-cs-sidebar-top-container {
        width: 30%;
    }

    .home-sidebar-cs-register-heading {
        float: left;
        width: 300px;
    }
}

@media (min-width: 980px) {
    .home-cs-sidebar-top-container {
        float: none;
        width: 100%;
    }

    .home-sidebar-cs-register-heading {
        float: none;
        width: 100%;
        padding: 20px 7px 10px 8px;
    }
}
.your-credit-count {
    font-size: 16px;
    margin-top: 6px;
    position: absolute;
    right: 249px;
    color: #1b77ba;
}

.home-item.spread-the-news {
    cursor: auto !important;
    border: 1px solid #f3bae0 !important;
    position: inherit !important;
}

.home-sidebar-cs-credit-icon {
    border: 1px dashed #1B77BA;
    background: #F5FAFE;
    display: inline-block;
    position: relative;
}

.spread-the-news-credits {
    float: right;
}

.home-sidebar-cs-credit-icon-filled {
    background: #1B77BA;
    color: #F5FAFE;
}

.home-sidebar-cs-credit-icon-last {
    position: absolute;
    top: -4px;
    left: 9px;
    color: #1B77BA;
}

.home-sidebar-cs-credit-icon {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.home-sidebar-cs-credit-icon .icon-user,
.icon-slider-user {
    font-size: 17px;
    left: 8px;
    position: absolute;
    top: 6px;
}

.spread-the-news-title {
    float:left;
    font-size: 27px;
    font-weight: 300;
    width:auto;
    border-bottom:0;
    line-height:1.1em;
    margin-top:0;
    color: #d3008d;
}

.spread-the-news-top hr {
    display:none;
}

.spread-the-news-url {
    color: #d3008d;
    font-weight: 400;
    display:inline;
}

.home-item.spread-the-news {
    border: 1px solid white !important;
}

.home-cs-cta-tagline {
    margin: 10px auto 16px;
}

.home-sidebar-cs-share-title {
    color: #b9305f !important;
}

.home-sidebar-cs-share-subtitle p {
    color: #b9305f;
    font-size: 16px;
    text-decoration: underline;
    margin: 3px 0 20px 0;
    font-weight: 400;
}

a.home-sidebar-cs-share-button {
    background: #d3008d none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    padding: 14px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
    margin-bottom: 5px;
}

a.home-sidebar-cs-share-button.raised {
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.1s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

a.home-sidebar-cs-share-button:hover {
    transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.1s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.56);
}


.spread-the-news {
    background:white;
}

.spread-the-news-top {
    margin-bottom: 5px;
    overflow: hidden;
}

.spread-the-news-body .home-sidebar-cs-share-button:nth-child(4) {
    margin-right:0;
}

.credit-info {
    display:none;
    margin: 25px 0 20px;
    padding-top: 10px;
    overflow: hidden;
}

#offer-container {
    padding-bottom: 35px;
}

#offer-container > .credit-info {
    padding:0 30px;
}

#offer-container p {
    color: #484848;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4em;
}

.credit-info img {
    display: block;
    margin: 15px auto 0;
}

.credit-info-title {
    color: #BE007F;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 13px;
    line-height:1.2em;
}

.span6.right {
    margin-top:30px;
}

.span6.right .credit-info-title {
    color:#484848;
}

.spread-the-news-body i {
    font-size:16px;
    margin-right:1px;
    line-height:20px;
}

.spread-the-news-body i.icon-twitter {
    font-size:24px;
    margin-right:2px;
    vertical-align: text-bottom;
}

.spread-the-news-body i.icon-twitter {
    margin-right:5px;
}

#credit-info-more-link {
    color: #d61195;
    cursor: pointer;
    cursor: hand;
}

#credit-info-more-link.registered {
    color: #7b7b7b;
    font-size: 15px;
    margin-top: 3px;
    padding-top: 11px;
    text-align: center;
    width: 100%;
    display:block;
}

#credit-info-more-link .caret {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #e94799;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 3px;
    margin-top: 7px;
    vertical-align: top;
    width: 0;
}

#credit-info-more-link.inner .caret,
#credit-info-more-link .caret {
    margin-top: 8px;
}

#credit-info-more-link.registered .caret {
    border-top-color:#b6b6b6;
}

#credit-info-more-link.registered.open {
    border-top: 1px solid #e4e4e4;
    clear: both;
    display: inline-block;
    margin-top: 20px;
}

#credit-info-more-link.open .caret {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}

.referral-welcome-message {
    color: #484848;
    font-size: 16px;
    text-align: center;
    width: 100%;
}


@media (min-width: 610px) {
    .home-sidebar-cs-share-button {
        width:100%;
    }
}

@media (min-width: 768px) {
    .home-cs-share-container {
        float: left;
        width: 45%;
        margin-left: 16%;
        margin-bottom: 20px;
    }

    .span6.right {
        margin-top:0px;
    }


    .spread-the-news-title {
        font-size: 23px;
    }

    a.home-sidebar-cs-share-button {
        width:30.9%;
        font-size:15px;
    }
}

@media (min-width: 980px) {
    .home-cs-share-container {
        float: none;
        width: 100%;
        background: #FFEFF2;
        padding: 10px;
        margin-left: 0;
    }
    .spread-the-news-body i {
        font-size: 20px !important;
        margin-right: 3px !important;
    }
    a.home-sidebar-cs-share-button {
        font-size:14px;
    }
}

@media (min-width: 1200px) {
    .your-credit-count {
        right: 255px;
    }
    .credit-info-title {
        font-size: 25px;
    }
    a.home-sidebar-cs-share-button {
        font-size:17px;
    }
}


.home-cs-subject-list .span4:nth-child(3n) {
    margin-right: 5px !important;
}

ul.home-cs-subject-list li {
    display: inline-block;
    margin: 0 5px 5px 0 !important;
}

ul.home-cs-subject-list a {
    color: #016cbb;
    font-size: 16px;
    line-height:1.35em;
    letter-spacing: -0.02em;
}

@media (min-width: 580px) and (max-width: 767px) {
    ul.home-cs-subject-list li {
        width: 48% !important;
        float: left !important;
    }
}

@media (min-width: 768px) {
    ul.home-cs-subject-list li {
        margin: 0 12px 3px 0 !important;
    }

    .home-cs-subject-list .span4:nth-child(3n) {
        margin-right: 0 !important;
    }
}
.chemistry-main {
    padding: 0 40px;
}

.chemistry-row {
    margin-bottom: 65px;
}

.chemistry-h1-title {
    font-size: 43px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #292929
}

.chem-notice {
    background:#546E7A
}

.chemistry-sidebar-icon-container {
    margin-bottom: 65px;
    text-align: center
}

.home-chemical-icon {
    margin: 20px;
    width: 112px;
    height: auto;
}

.chemical-tiles-container {
    margin: 20px 0 20px 15px;
}

.chemical-tiles {
    height: 55px;
}

.chemical-tiles-title {
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0 0 82px;
    text-align: left;
}

.chemistry-award-hp {
    position: relative;
    margin-bottom: 15px;
    padding: 72px 8px 11px;
    min-height: 126px;
    text-align: center;
    line-height: 1.4;
    font-size: 19px;
    background: #9C27B0;
    border-radius: 2px;
    color: #F3E5F5;
    font-weight: 300;
    border: 2px solid #9C27B0;
}

.chemistry-award-link .chemistry-award-hp {
    background: #fff;
    color: #7B1FA2;
    border: 2px solid #9C27B0;
    font-weight: 300;
    padding-top: 38px;
    padding-bottom: 45px;
}

.chemistry-award-value {
    position: absolute;
    top: -10px;
    left: 8px;
    font-size: 28px;
    background: #F3E5F5;
    color: #9c27b0;
    padding: 8px;
}

.chemistry-award-hp span {
    font-weight: bold
}

.chemistry-award-link span {
    text-decoration: underline;
}

a.chemistry-award-link:hover {
    text-decoration: none;
}

a.chemistry-award-link .chemistry-award-hp:hover {
    background: #f3e5f5;
    text-decoration: none;
}

@media (min-width:768px) and (max-width:1200px) {
    .chemical-tiles-title {
        margin: 0;
    }
}

.sidebar-features-list {
    background: #f1f1f1;
    padding: 3px 8px;
    text-align: center;
    margin-bottom: 10px;
}

.peerj-box-tabbable {
    margin-bottom: 60px;
}

.peerj-box-tabbable .nav-tabs {
    font-size: 16px;
    font-weight: 400;
    border: none;
}

.peerj-box-tabbable .nav-tabs > li > a {
    padding: 5px;
    width: 176px;
    margin: 0 12px 10px 0;
    border: none;
    border-bottom: 2px solid #ccc;
    color: #aaa;
    font-size: 23px;
    line-height: 1.3;
    text-align: center;
    display: inline-block;
    font-weight: 200;
}

.peerj-box-tabbable .nav-tabs > .active > a,
.peerj-box-tabbable .nav-tabs > .active > a:hover,
.peerj-box-tabbable .nav-tabs > .active > a:focus {
    background: #f1f1f1;
    color: #111;
    padding: 5px;
    border: none;
    border-bottom: 2px solid #555;
    font-weight: 400;
}

.chem-journal-icon {
    background: #31303b;
    font-size: 16px;
    width: 40px;
    height: 40px;
    color: #fff !important;
    padding: 5px;
    margin: 0 5px 5px 0;
    float: left;
    text-align: left;
}

.journal-icon {
    font-size: 35px;
    margin-bottom: 20px !important;
    background: none !important;
}

.journal-pchem {
    color: #4872c1;
    background: #4872c1;
}
.journal-ochem {
    color: #6f6abb;
    background: #6f6abb;
}
.journal-ichem {
    color: #855CA3;
    background: #855CA3;
}
.journal-achem {
    color: #894A82;
    background: #894A82;
}
.journal-matsci {
    color: #843C62;
    background: #843C62;
}



/*
.nav-tabs .active > a.journal-box-pchem,
.nav-tabs > .active > a.journal-box-pchem:hover,
.nav-tabs > .active > a.journal-box-pchem:focus {
    background: #FFEBEE;
}

.nav-tabs .active > a.journal-box-ochem,
.nav-tabs > .active > a.journal-box-ochem:hover,
.nav-tabs > .active > a.journal-box-ochem:focus {
    background: #fff3e0;
}

.nav-tabs .active > a.journal-box-ichem,
.nav-tabs > .active > a.journal-box-ichem:hover,
.nav-tabs > .active > a.journal-box-ichem:focus {
    background: #e8f5e9;
}

.nav-tabs .active > a.journal-box-achem,
.nav-tabs > .active > a.journal-box-achem:hover,
.nav-tabs > .active > a.journal-box-achem:focus {
    background: #e3f2fd;
}

.nav-tabs .active > a.journal-box-matsci,
.nav-tabs > .active > a.journal-box-matsci:hover,
.nav-tabs > .active > a.journal-box-matsci:focus {
    background: #f3e5f5;
} */

/*reset borders*/
.active .journal-box {
    border-right: none !important;
    /* border-bottom: 6px solid #696969; */
}
/*.active .journal-box-pchem {
    border-color: #5586E3 !important;
}
.active .journal-box-ochem {
    border-color: #6f6abb !important;
}
.active .journal-box-ichem {
    border-color: #855CA3 !important;
}
.active .journal-box-achem {
    border-color: #894A82 !important;
}
.active .journal-box-matsci {
    border-color: #843C62 !important;
}*/


.home-main {
    font-family: 'Roboto', sans-serif;
}

#boards .journal-image-tab {
    width: 80%;
    opacity: .2;
}

#boards .active .journal-image-tab {
    opacity: 1;
}

.chem-home-logos a:hover img {
    transition: all .2s ease-out;
}

.chem-home-logos a:hover img {
    transform: scale(.95);
}

@media (max-width: 525px) {
    .peerj-box-tabbable .nav-tabs li {
        width: 40%;
        display: flex;
    }
}



.home-sidebar-section {
    box-sizing: border-box;
    line-height: 1.4;
}

.home-sidebar-section:not(:last-of-type):not(:first-of-type) {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #435eaa;
}

.home-sidebar .home-sidebar-section.home-stats-section {
    /* padding-bottom: 30px !important; */
    width: 100%;
    padding: 5px 10px 30px 20px !important;
}

.home-quotes-section {
    padding-bottom: 40px;
}

.home-sidebar-link-block {
    cursor: pointer;
    color: inherit;
    display: block;
}

.home-sidebar-link-block:hover {
    text-decoration: none;
}

.home-sidebar-more-link {
    display: block;
    color: #3084AD;
    text-decoration: underline;
}

.home-sidebar-heading {
    color: #0073AB;
    font-size: 37px;
    line-height: 1;
}

.home-sidebar-team-heading {
    font-size: 33px;
}

.home-logo {
    max-width: 100%;
    width: 100%;
    border-radius: 2px;
}

a.home-impact-factor-link:hover,
a.home-impact-factor-link:focus {
    color: #fff;
    text-decoration: none;
}

.home-impact-factor-banner {
    margin: 6px 0;
    font-size: 20px;
    font-weight: 300;
    background: #F44336;
    padding: 3px 4px;
    opacity: .83;
    color: #fff;
    width: 97%;
    max-width: 97%;
    border-radius: 2px;
    text-align: center;
}

.home-impact-factor-banner:hover {
    background: #c62828;
}

.home-sidebar-section.home-brand-section {
    border-bottom: none !important;
}

.home-brand-description {
    color: #727272;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25em;
    padding: 35px 0 41px;
    border-top: 1px solid #435eaa;
    border-bottom: 1px solid #435eaa;
    margin-top: 47px;
}

.home-stat-link {
    display: block;
    margin-bottom: 10px;
}

.home-stat {
    cursor: pointer;
    margin: 30px 0;
    display: table;
    width: 95%;
}

.home-stat-icon,
.home-stat-icon-hover,
.home-stat-details {
    display: table-cell;
    vertical-align: top;
}

.home-stat-icon,
.home-stat-icon-hover {
    width: auto;
}

.home-stat-icon-hover {
    display: none;
}

.home-stat:hover .home-stat-icon {
    display: none;
}

.home-stat:hover .home-stat-icon-hover {
    display: inline-block;
}

.home-stat:hover .home-stat-heading, a.home-stat-benefits:hover {
    color: #009E5A;
}

.home-stat:hover .home-stat-tagline {
    /* color: #0076b2; */
}

.home-stat-details {
    color: #424242;
    font-weight: 400;
    width: 75%;
}

.home-stat-heading {
    color: #6a6a6a;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.3em;
}

a.home-stat-benefits {
    font-size: 16px;
    font-weight: 200;
    margin: 30px;
    color: #717171;}

.home-twitter-link {
    font-size: 150%;
    color: #5ba0ff;
    display: block;
    margin-bottom: 0;
}

.home-twitter-link:hover {
    text-decoration: none;
}

.home-quote {
    color: #505050;
    font-size: 30px;
    font-weight: 100;
    line-height: 1.2;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
    width: 250px;
}

.home-quote-image {
    float: right;
    border-radius: 50%;
}

.home-quote-name {
    margin-top: 20px;
    color: #525252;
    font-size: 15px;
    font-weight: 700;
}

.home-quote-description {
    color: #414141;
    font-size: 15px;
    line-height: 1.3;
}

.home-institutions {
    text-align: center;
}

.home-institutions-description {
    font-weight: 300;
    color: #666;
}

.home-team-description {
    color: #5e5e5e;
    font-weight: 300;
    line-height: 1.3em;
}

.home-team-member {
    margin: 0 auto;
    text-align: center;
}

.home-team-member-image {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: block;
    margin: 10px auto;
}

.home-team-member-name {
    color: #0073AB;
    line-height: 1;
    font-weight: 400;
}

.home-team-member-description {
    color: #686868;
    font-size: 17px;
}

.home-awards {
    font-size: 120%;
    font-weight: 200;
    display: table;
    width: 100%;
}

.home-awards-icon,
.home-awards-description {
    display: table-cell;
    vertical-align: top;
}

.home-mission {
    color: #686868;
    font-size: 20px;
    margin: 10px 0 0;
}

.theme--dark .home-mission {
    color: #eee;
}

.home-mission-link {
    color: #84AABD;
    text-decoration: underline;
    font-size: 16px;
}

.home-blog {
    text-align: center;
}

.home-blog-heading-title {
    font-weight: 300;
    color: #616161;
}

.home-blog-heading-title:hover {
    text-decoration: none;
}

.home-blog-heading-icon {
    height: 1em;
    margin-top: -7px;
}

.home-blog-title {
    color: #4A4A4A;
    font-weight: 200;
}

.theme--dark .home-blog-title {
    color: #eee;
}

/* General righ col box spacing */
.home-sidebar-section:not(:first-of-type) {
    padding-top: 36px;
    padding-bottom: 33px;
}

/* Bottom padding tweak */
.home-stats-section {
    padding-bottom: 17px;
    padding-top: 0;
    margin-top: 0;
    padding-left: 0;
    display: none;
}

/* Stats box */
.home-sidebar-section.home-stats-section {
    padding: 0 30px;
}

/* Mission box */
.home-sidebar-section.home-mission-section {
    padding-bottom: 33px;
    padding-left: 2px;
}

.home-sidebar-section.home-mission-section a {
    /* text-decoration: none;
    color: #c4c4c4; */
}

.home-sidebar-section.home-mission-section:hover .home-mission-link {
    color: #0073ab !important;
}

.home-sidebar-heading {
    font-size: 29px;
    font-weight: 200;
    letter-spacing: .004em;
}

.home-mission {
    font-weight: 400;
    color: #5e5e5e;
}

/* Harald box */
.home-sidebar-section.home-quote-section {
    padding-bottom: 47px;
}

.home-quote {
    font-size: 34px;
    width: 250px;
    font-weight: 100 !important;
    color: #505050 !important;
    line-height: 1.2em;
}

.home-quote-name {
    margin-top: 27px;
    font-size: 14px;
    font-weight: 500;
}

.home-quote-description {
    font-size: 13px;
    line-height: 1.35em;
    margin-top: 4px;
}

/* Award box */
.home-sidebar-section.home-awards-section {
    padding-bottom: 39px;
    padding-left: 1px;
}

.home-awards-description {
    font-weight: 300;
    color: #5e5e5e;
    padding-left: 10px;
}

/* Institutions box */
.home-sidebar-section.home-institutions-section {
    padding-bottom: 37px;
}

.home-institutions-description {
    line-height: 1.3em;
    font-weight: 300;
    color: #5e5e5e;
}

/* Tweet box */
.home-sidebar-section.home-twitter-section {
    padding-bottom: 28px;
}

.home-twitter-link {
    color: #29a2fd;
    line-height: 1.28em;
    font-weight: 300;
}

.home-team-member-image {
    margin-top: 25px;
    margin-bottom: 13px;
}

.home-team-member-position {
    line-height: 1;
    font-weight: 400;
    color: #818181;
}

/* Team box */
.home-sidebar-section.home-team-section {
    padding-bottom: 43px;
    text-align: center;
}

/* Blog box */
.home-sidebar-section.home-blog-section {
    padding-bottom: 43px;
    border-bottom: 1px solid #0073ab;
}

/* Factsheet box */

.home-factsheet-section {
    padding-top: 0px;
}
.home-factsheet-section .factsheet-image {
    margin-bottom: 16px;
    margin-top: 7px;
}
.home-factsheet-section .factsheet-title {
    font-size: 29px;
    font-weight: 300;
    letter-spacing: 0.004em;
    color: #0073ab;
    line-height: 1;
}
.home-factsheet-section .factsheet {
    padding: 3px 0 5px;
}
.home-factsheet-section .factsheet-subline {
    font-size: 16px;
    color: #5e5e5e;
    font-weight: 400;
}

.theme--dark .home-factsheet-section .factsheet-subline {
    color: #eee;
}

/* Lead text */
.home-lead span {
    line-height: 1.2em;
    letter-spacing: 0;
    display: inline;
}

/* Lead text line 2 */
.home-lead span.home-lead-end {
    letter-spacing: 0.004em;
}

.home-lead span {
    font-size: .985em;
}

@media (min-width: 380px) {
    .home-lead span {
        font-size: 1.19em;
    }
}

@media (min-width: 480px) {
    .home-lead span {
        font-size: 1em;
    }

    .home-stats-section {
        display: block;
    }
}

@media (min-width: 640px) {
    .home-lead span {
        font-size: 1.16em;
    }
}

@media (min-width: 980px) {
    .home-lead span {
        font-size: .894em;
    }
}

@media (min-width: 1200px) {
    .home-lead span {
        font-size: 1.065em;
    }
}

/* Intro text */
.home-brand-description {
    /* color: #727272; */
}

/* Intro text */
.home-brand-description {
/*     font-size: 14px;
    margin-top: 15px;
    margin-bottom: 30px; */
}

/* Home Stats */

.home-stat {
    margin: 0 20px 20px 20px;
}

.home-stat-icon,
.home-stat-icon-hover {
    height: 45px;
    width: 45px;
}

.home-stat-heading {
    font-size: 16px;
}

.home-stat-tagline {
    color: #6a6a6a;
    line-height: 1.5em;
    margin-top: 3px;
    font-size: 13px;
}

/* TODO: fragile */
#twitter-widget-0 {
    width: 100% !important;
}

@media (min-width: 480px) and (max-width: 980px) {
    .home-sidebar {
        margin-top: 20px;
    }
    .home-sidebar-section.home-stats-section {
        padding-left: 0;
        padding-right: 0;
    }

}

@media (max-width: 979px) {
    .home-sidebar-section.home-stats {
        border-bottom: none;
    }

    .home-sidebar {
        width: 100%;
        max-width: 100%;
        clear: both;
    }

    .home-brand-section,
    .home-stats-section {
        width: 49%;
        float: left;
    }

    .home-brand {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .home-stats-section {
        border-bottom: none !important;
    }

    .home-stat {
        margin: 20px 15px;
    }

    .home-sidebar-section {
        padding-right: 0;
    }

    .home-stat-details {
        width: 80%;
    }
}

@media (max-width: 479px) {
    .home-brand-section,
    .home-stats-section {
        width: 100%;
        float: none;
    }
    .home-brand-description {
        padding-bottom: 26px;
    }
}

@media (min-width: 768px) {
    .home-stat {
        margin: 0 0 20px 0 !important;
    }

    .home-stat-details .home-stat-icon,
    .home-stat-details .home-stat-icon-hover {
        height: 45px;
        width: 45px;
    }

    .home-stat-details .home-stat-heading {
        font-size: 18px;
    }

    .home-stat-details .home-stat-tagline {
        font-size: 16px;
        line-height: 1.42em;
        margin-top: 3px;
    }

    /* v2 TOP HALF */
    .temp-harald-class {
        width: 300px;
        height: 400px !important;
        position: absolute;
        top: 240px;
        display: none;
    }

    .temp-harald-class .home-quote-container {
        margin-left: 100px;
    }

    .home-quote {
        font-size: 20px;
    }

    .home-quote-image {
        width: 115px;
        margin-top: -35px !important;
        margin-right: 0;
    }

    .home-quote-name,
    .home-quote-description {
        font-size: 12px;
    }

    .home-quote-name {
        margin-top: 24px;
    }

    .home-quote-description {
        margin-top: 3px;
        width: 105px;
    }

    /* Intro text
    .home-brand-description {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 30px;
    } */

    /* Home Stats */
    .home-stat {
        margin: 0 0 20px 0 !important;
    }

    .home-stat-icon,
    .home-stat-icon-hover {
        height: 45px;
        width: 45px;
    }

    .home-stat-heading {
        font-size: 16px;
    }

    .home-stat-tagline {
        line-height: 1.5em;
        margin-top: 3px;
        font-size: 13px;
    }

    a.home-stat-benefits {
        margin: 17px;
    }

    /* Bottom padding tweak */
    .home-stats-section {
        padding: 0 20px 0 30px;
    }
}

@media (min-width: 980px) {

    .home-lead span {
        font-size: 19px;
    }

    /* Intro text */
    .home-brand-description {
        /* font-size: 14px;
        margin-top: 15px;
        margin-bottom: 30px; */
    }

    /* Home Stats */
    .home-stat {
        margin: 0 0 20px 0 !important;
    }

    .home-stat-icon,
    .home-stat-icon-hover {
        height: 45px;
        width: 45px;
    }

    .home-stat-heading {
        font-size: 16px;
    }

    .home-stat-tagline {
        line-height: 1.5em;
        margin-top: 3px;
        font-size: 13px;
    }

    /* Bottom padding tweak */
    .home-stats-section {
        padding: 0 0 0 0;
    }

    .home-sidebar-heading {
        font-size: 28px;
    }

    .home-mission {
        font-size: 14px;
        margin-top: 11px;
    }

    .home-mission-link {
        font-size: 14px;
    }

    .home-quote {
        font-size: 30px;
    }

    .home-quote-image {
        width: 115px;
        margin-top: -35px !important;
        margin-right: 2px;
    }

    .home-quote-name,
    .home-quote-description {
        font-size: 11px;
    }

    .home-quote-name {
        margin-top: 24px;
    }

    .home-quote-description {
        margin-top: 3px;
        width: 105px;
    }

    /* AWARDS */
    .home-awards-icon {
        width: 3.7em;
    }

    .home-awards-icon img {
        margin-right: 12px;
        max-height: 3.7em;
        margin-top: 1px;
    }

    .home-awards-description {
        font-size: 17px;
        line-height: 1.28em;
    }

    /* INSTITUTIONS */
    .home-institutions-description {
        font-size: 17px;
        line-height: 1.3em;
        margin-top: 9px;
        margin-bottom: 3px;
    }

    .home-sidebar-more-link {
        font-size: 12px;
    }

    /* TWITTER PANEL */
    .home-twitter-link {
        font-size: 17px;
    }

    /* TEAM */
    .home-team-heading {
        font-size: 25px;
    }

    .home-team-description {
        margin: 12px 0;
        font-size: 16px;
        line-height: 1.4;
    }

    .home-team-member-name {
        font-size: 17px;
    }

    .home-team-member-position {
        font-size: 13px;
        margin-top: 7px;
    }

    /* BLOG */
    .home-blog-heading-title {
        font-size: 25px;
    }

    .home-blog-heading-icon {
        height: 2em;
        margin-top: -14px;
        margin-right: 4px;
    }

    .home-blog-title {
        font-size: 19px;
        margin: 8px 26px 3px 26px;
        line-height: 1.3em;
    }
}

@media (min-width: 1200px) {
    .home-lead {
        margin: 12px 0 0 0;
    }

    .home-lead span {
        font-size: 22px;
    }

    .home-brand-description {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Home Stats */
    .home-stat-icon,
    .home-stat-icon-hover {
        height: 50px;
        width: 50px;
        margin-right: 20px;
    }

    .home-stat {
        margin: 0 0 26px 0 !important;
    }

    .home-stat-heading {
        font-size: 20px;
    }

    .home-stat-tagline {
        line-height: 1.5em;
        margin-top: 3px;
        font-size: 14px;
    }

    /* Bottom padding tweak */
    .home-stats-section {
        padding: 0 0 97px 0;
    }

    .home-mission {
        font-size: 16px;
        margin-top: 11px;
        width: 269px;
    }

    .home-quote {
        font-size: 34px;
    }

    .home-quote-image {
        width: 142px;
        margin-right: 3px;
    }

    .home-quote-name,
    .home-quote-description {
        font-size: 13px;
    }

    .home-quote-name {
        margin-top: 27px;
    }

    .home-quote-description {
        margin-top: 2px;
    }

    /* AWARDS */
    .home-awards-icon {
        width: 4.7em;
    }

    .home-awards-icon img {
        margin-right: 14px;
        max-height: 4.7em;
        margin-top: 2px;
    }

    .home-awards-description {
        font-size: 20px;
        line-height: 1.3em;
    }

    /* INSTITUTIONS */
    .home-institutions-description {
        font-size: 20px;
        line-height: 1.3em;
        font-weight: 300;
        color: #5e5e5e;
        margin-top: 15px;
        margin-bottom: 2px;
    }

    .home-sidebar-more-link {
        font-size: 15px;
    }

    /* TWITTER PANEL */
    .home-twitter-link {
        font-size: 18px;
    }

    /* TEAM */
    .home-team-heading {
        font-size: 29px;
    }

    .home-team-description {
        margin: 12px 0;
        font-size: 20px;
    }

    .home-team-member-image {
        width: 150px;
        height: 150px;
    }

    .home-team-member-name {
        font-size: 20px;
    }

    .home-team-member-position {
        font-size: 15px;
        margin-top: 7px;
    }

    /* BLOG */
    .home-blog-heading-title {
        font-size: 27px;
    }

    .home-blog-heading-icon {
        height: 2em;
        margin-top: -14px;
        margin-right: 4px;
    }

    .home-blog-title {
        font-size: 20px;
        margin: 10px 35px 3px 35px;
        line-height: 1.3em;
    }
}

/**
* publication video modal with css animation arrow
*/

.video-modal-link {
    background-size: cover;
    display: block;
    position: relative;
    height: 125px;
    width: 223px;
    border: 1px solid #d7d6d6;
    background-image: url("https://s3.amazonaws.com/static.peerj.com/images/home/video/video-thumb.png");
}

.video-modal-link:hover {
    background-image: url("https://s3.amazonaws.com/static.peerj.com/images/home/video/video-thumb-hover.png");
}

.video-play-arrow {
    position: absolute;
    left: 15px;
    transition: left 1.5s;
    height: 20px;
    top: 92px;
}

@media (min-width: 1200px) {
    .video-modal-link {
        height: 160px;
        width: 280px;
    }

    .video-play-arrow {
        top: 100px;
        height: 40px;
    }
}

.video-modal-link:hover .video-play-arrow {
    left: 100px;
}

#publication-video-modal .modal-body {
    padding: 0;
}

.home-stat-link-wide {
    display: block;
    margin-bottom: 10px;
}

.home-stat-wide {
    cursor: pointer;
    margin: 30px 0;
    display: table;
    width: 95%;
}

.home-stat-icon-wide,
.home-stat-icon-hover-wide,
.home-stat-details-wide {
    vertical-align: top;
}

.home-stat-icon-wide,
.home-stat-icon-hover-wide {
    width: auto;
    margin-bottom: 11px;
}

.home-stat-wide:hover .home-stat-icon-wide-hover {
    display: inline-block;
}

.home-stat-wide:hover .home-stat-heading-wide {
    color: #009E5A;
}

.home-stat-details-wide {
    color: #424242;
    font-weight: 400;
    width: 75%;
}

.theme--dark .home-stat-details-wide {
    color: #eee;
}

.home-stat-heading-wide {
    color: #6a6a6a;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.3em;
    font-size: 19px;
}

.theme--dark .home-stat-heading-wide {
    color: #eee;
}

a.home-stat-benefits-wide {
    font-size: 16px;
    font-weight: 200;
    margin: 30px;
    color: #717171;}

.home-wide-link-block {
    width: 20%;
    float: left;
    text-decoration: none !important;
}

.home-stat-icon-wide {
    width: 79%;
    height: auto;
}

.home-stat-details-wide {
    width: 100%;
}

.home-stats-wide {
    margin-bottom: 30px;
    text-align: center;
}

.home-stat-heading-wide {
    color: #1c6eab;
}

.home-stat-tagline-wide {
    margin-top: 7px;
    font-size: 14px;
}

.home-stat-wide {
    margin: 0 0 46px !important;
}

/* Mobile view */

.home-sidebar .home-stat-details-wide {
    float: left;
    margin-left: 5%;
    text-align: left;
    width: 70%;
}

.home-sidebar .home-stat-heading-wide {
    color: #1c6eab;
}

.home-sidebar .home-wide-link-block {
    float: left;
    text-decoration: none !important;
    width: 50%;
}

.home-sidebar .home-stat-icon-wide {
    float: left;
    height: 23%;
    width: 23%;
}

.home-sidebar .home-stat-tagline-wide {
    margin-top: 3px;
}

.home-sidebar .home-stat-wide {
    margin-bottom: 25px !important;
}

.home-sidebar-section .home-stats-wide {
    margin-bottom: 0;
}

@media (max-width: 479px) {
    .home-sidebar-section .home-stats-wide {
        margin-top: 42px;
    }
    .home-sidebar .home-wide-link-block {
        width: 100%;
    }
}
.institution-logo {
    width: 100%;
    text-align: center;
}

.institution-name,
.society-name {
    color: #666;
    font-size: 14px;
    text-align: center;
}

.theme--dark .institution-name,
.society-name {
    color: #aaa;
}

.institution-name {
    text-align: center;
}

.institution-logo-row {
    float: left;
    margin: 12px 0 21px;
    width: 100%;
}

.institution-container {
    float: left;
    margin-bottom: 15px;
    width: 33%;
    text-align: center;
}

.institution-container .institution-logo {
    max-width: 100px;
}

/* Centered double-CTA */

.btns-institution {
    text-align: center;
    margin-bottom: 40px;
}

.btn-institution-signup,
.btn-find-your-institutions {
    display: inline-block;
}

.btn-find-your-institutions {
    margin-right: 15px;
}

/* */

.society-logo-row {
    float: left;
    margin: 2px 0 14px;
    width: 100%;
}

.society-container {
    float: left;
    width: 33.3333%;
}

.society-name {
    padding: 0 20px;
}

.home-section-introtext.society {
    margin-bottom: 9px;
}

@media (min-width: 480px) {
    .institution-name,
    .society-name {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .institution-logo-row {
        width: 50%;
    }

    .institution-name {
        text-align: center;
    }
}