#social-feed-wrap p {
color : #5f5f5f;
display : inline-block;
font-size : 0.85em;
line-height : 1.4em;
min-height : 75px;
}
#social-feed-wrap h3 {
margin-top : 15px;
margin-bottom : 15px;
font-weight : 400;
color : #000;
font-size : 1.3em;
letter-spacing : -1px;
line-height : 25px;
}
#social-feed-wrap .strong {
font-size : 17px;
font-weight : 400;
}
#social-feed-wrap .social-source-image-fb {
width : 31px;
height : 31px;
display : inline-block;
background : url(../img/social-icons.svg) 31px 0;
}
#social-feed-wrap .social-source-image-tw {
width : 31px;
height : 31px;
display : inline-block;
background : url(../img/social-icons.svg) 0 0;
}
#social-feed-wrap .social-source-text {
display : inline-block;
padding-left : 10px;
line-height : 16px;
}
#social-feed-wrap .social-source-text a {
color : #50abf1;
text-decoration : none;
}
#social-feed-wrap .social-source-text a:hover {
text-decoration : underline;
}
#social-feed-wrap .mason-item {
vertical-align : text-top;
min-height : 420px;
display : inline-block;
background : #fff;
margin : 12px;
text-align : left;
width : 345px;
border-radius : 5px;
border : #e1e8ed solid 1px;
box-sizing : border-box;
}
#social-feed-wrap .mason-item-cushion {
padding : 15px;
}
#social-feed-wrap .mason-fb-image {
height : 230px;
border-top-left-radius : 5px;
border-top-right-radius : 5px;
}
#social-feed-wrap .datetime {
text-transform : uppercase;
color : #92d025;
font-size : 0.7em;
}
.rtw {
background-color : #19cf86;
color : white;
font-size : 0.8em;
padding-top : 2px;
padding-right : 4px;
padding-bottom : 2px;
padding-left : 4px;
border-radius : 5px;
}
.masonry a {
color : #188bd2;
}
#social-feed-wrap .readmore-text a {
display : inline-block;
margin-top : 8px;
margin-left : 0;
position : absolute;
}
#social-feed-wrap .readmore-text:after {
content : " >";
font-size : 1.3em;
}
#social-feed-wrap .mason-text-p a {
color : #50abf1;
}
#social-feed-wrap .readmore {
text-align : right;
}
#social-feed-wrap .readmore a {
text-transform : uppercase;
color : #009bf9;
font-size : 0.9em;
text-decoration : none;
}
#social-feed-wrap .readmore a:hover {
text-decoration : underline;
}
#social-feed-wrap .mason-item-popup-img {
background : linear-gradient(to bottom, rgba(0, 40, 187, 0.66) 0%, rgba(0, 0, 0, 0.67) 100%);
position : relative;
width : 100%;
height : 230px;
text-align : center;
margin-top : -230px;
opacity : 0;
border-radius : 4px;
transition : opacity 0.35s ease-in-out;
}
#social-feed-wrap .mason-item-popup-img:hover {
opacity : 1;
}
.mason-container {
width : 1340px;
margin : 0 auto;
}
@media only screen and (max-width:1359px) {
.mason-container {
width : 1150px;
margin : 0 auto;
padding-left : 25px;
}
}
@media only screen and (max-width:1180px) {
.mason-container {
width : 100%;
margin : 0 auto;
padding-left : 25px;
}
}
@media only screen and (max-width:1019px) {
.mason-container {
width : 780px;
margin : 0 auto;
}
}
@media only screen and (min-width:875px) and (max-width:1025px) {
#social-feed-wrap .mason-item {
width : 310px;
margin : 5px;
}
#social-feed-wrap .mason-item-cushion {
padding : 12px;
}
}
@media only screen and (max-width:768px) {
.mason-container {
width : 90%;
margin : 0 auto;
}
#social-feed-wrap .mason-item {
width : 330px;
margin : 5px;
}
}
@media only screen and (max-width:641px) {
#social-feed-wrap .mason-item {
width : 310px;
}
#social-feed-wrap .mason-item-cushion {
padding : 10px;
margin : 5px;
}
}
@media only screen and (max-width:380px) {
.mason-container {
width : 100%;
margin : 0 auto;
margin-left : -11px;
}
}