.facebook-section {
display: flex;
flex-wrap: nowrap;
}
@media only screen and (max-width: 992px) {
.facebook-section {
flex-direction: column;
}
}
.facebook-section .facebook-post {
padding: 15px;
flex-basis: 33.3333333333%;
min-width: 33.3333333333%;
}
.facebook-section .facebook-post img {
width: 100%;
display: block;
}
@media only screen and (max-width: 500px) {
.facebook-section .facebook-post img {
width: 65%;
}
}
@media only screen and (max-width: 400px) {
.facebook-section .facebook-post img {
width: 80%;
}
}
.facebook-section .content-facebook {
flex-basis: 80%;
display: flex;
flex-direction: column;
padding: 0 10px 0 20px;
}
.facebook-section .content-facebook .profile {
padding-bottom: 10px;
}
.facebook-section .content-facebook .profile a {
text-decoration: none !important;
display: flex;
}
.facebook-section .content-facebook .profile img {
height: 35px;
width: auto;
margin-right: 10px;
}
.facebook-section .content-facebook .profile .profile-container {
display: flex;
flex-direction: column;
text-align: left !important;
}
.facebook-section .content-facebook .profile .profile-name {
font-weight: 700;
line-height: 20px;
padding-top: 2px;
}
.facebook-section .content-facebook .profile .date-facebook {
font-size: 12px;
}
.facebook-section .content-facebook .post-text {
word-wrap: break-word;
}
.facebook-section .content-facebook .fa.fa-image:before {
padding: 3px 5px;
background-color: #f5f5f5;
border-radius: 4px;
border-style: solid;
border-width: 0.3px;
border-color: #dcdada;
}
.facebook-section .content-facebook .photoLink {
font-size: 16px;
color: #59788d;
font-weight: bolder;
margin: 13px 0;
}
.facebook-section .content-facebook .post-links {
margin-top: auto;
text-align: left;
font-size: 13px;
}