/* =====================================================
   PUBLICATIONS
===================================================== */

.publications-wrapper {
   background-color: #f5f5f5;
   z-index: 1;
   position: relative;
}

.publications{
    max-width:1200px;
    margin:0px auto 0px;
    padding:120px 20px 300px;

}

.publication-card{
    display:flex;
    justify-content:space-between;
    background:#fff;
    border-radius:8px;
    margin-bottom:20px;
    overflow:hidden;
    transition:.30s;
    box-shadow:0 2px 8px rgba(0,0,0,.16);
}

.publication-card:hover{
    box-shadow:0 10px 30px rgba(0,0,0,.18);
}


/* =====================================================
   LEFT CONTENT
===================================================== */

.publication-content{
    flex:1;
    padding:50px 45px 50px 60px;
}

.publication-content h2{
    font-size:24px;
    line-height:1.4em;
    color:#1D7DC1;
    font-weight:700;
    margin-bottom:15px;
    letter-spacing: 0;
}

.authors{
    font-size:12px;
    line-height:1.65;
    color:#54595F;
    margin-bottom:20px;
}

.publication-date{
    display:block;
    font-size:14px;
    font-weight:600;
    line-height: 10px;
    color:#888888;
}


/* =====================================================
   RIGHT CONTENT
===================================================== */

.publication-download{
    /*width:260px;*/
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 50px;
    position:relative;
}

.publication-download a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#1DA4DE;
    transition:.25s;
}

.publication-download span{
    margin-top:10px;
    font-size:17px;
    font-weight:600;
    text-align:center;
    line-height:1.4;
}

.publication-download::before{
    content:"";
    position:absolute;
    left:0;
    top:45px;
    bottom:50px;
    width:1px;
    background:#CCCCCC;
}

.fa{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 35px;
    line-height: inherit;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

.publication-download a:hover{
    color:#1D7DC1;
}

/*=============================================================
   BACKGROUND IMAGES
=============================================================*/
.publications-mancha-v3 {
    position: absolute;
    top: 0%;
    z-index: -1;
}

.publications-mancha-limpa {
    position: absolute;
    bottom: 0%;
    z-index: -1;
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width:991px){

    .publication-content{
        padding:40px;
    }

    .publication-content h2{
        font-size:21px;
    }

    .publication-download{
        width:210px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:767px){

    .publications{
        margin:40px auto;
        padding:0 14px;
    }

    .publication-card{
        display:block;
    }

    .publication-content{
        padding:32px;
    }

    .publication-download{
        width:100%;
        border-left:none;
        padding:0 32px 32px;
        justify-content:flex-start;
    }

    .publication-download a{
        align-items:flex-start;
    }

    .publication-download span{
        text-align:left;
    }

    .publication-content h2{
        font-size:23px;
    }

    .authors{
        margin-bottom:22px;
    }

}