/* --------------------------------------------------------------- */
/* --- FACEBOOK -------------------------------------------------- */
/* --------------------------------------------------------------- */

.fb-btn {
    display:inline-block;
    width:auto;
    padding:5px 10px;

    float:right;
    margin-right: 0px;
    border: 1px solid #fff;
    background:#008eab;
    color:#fff !important;
}

.fb-btn:hover {
    background:#fff;
    color:#008eab !important;
    opacity: 1;
    border: 1px solid #fff;
}

.tx-ws-socialmediawall img {
    display:block;
}

.tx-ws-socialmediawall ul {
    overflow:hidden;
    margin: 0 -10px;
    display:flex;
    flex-wrap:wrap;
}

.tx-ws-socialmediawall li {
    display:flex;
    width: 33.333%;
    padding: 10px;
    margin:0;
}

.tx-ws-socialmediawall li:nth-child(4n+1) {
    clear:both;
}

.tx-ws-socialmediawall .teaser-caption {
    color:#000;
    background-color:#fff;
}

.tx-ws-socialmediawall .inner-article {
    width: 100%;
    background: #fff;
}

.tx-ws-socialmediawall .teaser-caption p {
    margin-bottom:0;
    padding: 15px;
}

.tx-ws-socialmediawall .photo-mask {
    position:relative;
    height:0;
    padding-bottom:50%;
    overflow:hidden;
    background:#e6edee;
}

.tx-ws-socialmediawall .teaser-image {
    max-height: 290px;
    overflow:hidden;
}


.tx-ws-socialmediawall .photo-mask .teaser-photo {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    max-height: 290px;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}

.tx-ws-socialmediawall ul li a {
    display: flex;
    overflow:hidden;
    opacity: 1;
    width: 100%;
}

.tx-ws-socialmediawall .border-rtl {
    width: 100%;
    padding: 3px;
    display:flex;
    align-items: stretch;
}

/* Facebook on Homepage*/
.teaser-subpages-content .tx-ws-socialmediawall ul {
    margin-top:20px;
}


.teaser-subpages-content .all-posts {
    display:none !important;
}



@media (max-width:800px) {
    .tx-ws-socialmediawall li {
        width:50%;
    }
    .tx-ws-socialmediawall li:nth-child(3n+1) {
        clear:none;
    }
    .tx-ws-socialmediawall li:nth-child(2n+1) {
        clear:both;
    }
}

@media (max-width:568px) {
    .tx-ws-socialmediawall li {
        width:100%;
    }
    .tx-ws-socialmediawall li:nth-child(2n+1) {
        clear:none;
    }
    .tx-ws-socialmediawall li:nth-child(1n+1) {
        clear:both;
    }
}