.publications-showcase{
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.publications-showcase h2{
    color:black !important;
}

.publications-showcase .publications-showcase-col{
    width:49%;
    flex-shrink: 0;
}

.publications-showcase .publications-showcase-col:nth-child(1){
    padding-top:120px;
    margin-right:2%;
}

.publications-showcase-thumbnail{
    position:relative;
    overflow:hidden;
    margin-bottom:16px;
    display:block;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
}

.publications-showcase-thumbnail.a-venir{
    cursor:default;
}

.publications-showcase-thumbnail img{
    display:block;
    width:100%;
    border-radius:3px;
}

.publication-showcase-hover-overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(255,255,255,0.2);
    z-index:1;
    opacity:0;
    transition:all 200ms ease;
}

.publication-showcase-hover-cta{
    position:absolute;
    z-index:2;
    bottom:0;
    left:0;
    right:0;
    padding:10px;
    background-color:black;
    color:white;
    transform:translateY(40px);
    opacity:0;
    transition:all 200ms ease;
}

.publications-showcase-thumbnail:hover .publication-showcase-hover-overlay{
    opacity:1;
}

.publications-showcase-thumbnail:hover .publication-showcase-hover-cta{
    opacity:1;
    transform:translateY(0);
}

.publication-showcase-horizontal{
    position:relative;
    width:30%;
    margin-left:1.5%;
    margin-right:1.5%;
    margin-bottom:16px;
    padding-bottom:50%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    display:block;
    border:1px solid white;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    border-radius:3px;
}

.publication-showcase-horizontal.a-venir{
    cursor:default;
}

.publication-showcase-horizontal-overlay,
.publication-showcase-horizontal-overlay-content{
    transition:all 200ms ease;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.publication-showcase-horizontal-overlay{
    opacity:0.75;
    background-color:black;
    z-index:1;
}

.publication-showcase-horizontal-overlay-content{
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content: center;
    padding:5px;
}

.publication-showcase-horizontal-overlay-content h3,
.publication-showcase-horizontal-overlay-content h4{
    margin:5px 0;
}
.publication-showcase-horizontal-overlay-content h3{
    font-weight:400;
}
.publication-showcase-horizontal-overlay-content h4{
    letter-spacing:0px;
}


.publication-showcase-horizontal:hover .publication-showcase-horizontal-overlay,
.publication-showcase-horizontal:hover .publication-showcase-horizontal-overlay-content{
    opacity:0;
}

.publication-showcase-horizontal-cta{
    position:absolute;
    z-index:3;
    bottom:0;
    left:0;
    right:0;
    background-color:black;
    color:white;
    padding:10px;
    text-align:center;
    opacity:0;
    transition:opacity 200ms ease;
}

.publication-showcase-horizontal:hover .publication-showcase-horizontal-cta{
    opacity:1;
}

@media (max-width:781px){
    .publication-showcase-horizontal{   
        margin-bottom:16px;
    }
    
    .publication-showcase-horizontal .publication-showcase-horizontal-overlay,
    .publication-showcase-horizontal .publication-showcase-horizontal-overlay-content{
        opacity:0;
    }

    .publication-showcase-horizontal .publication-showcase-horizontal-cta{
        opacity:1;
    }
}

@media (max-width:599px){
    .publication-showcase-horizontal{
        width:48%;
        margin-left:1%;
        margin-right:1%;    
        margin-bottom:10px;
        padding-bottom:75%;
    }
}