#cff.cff-masonry {
box-sizing: border-box;
}
#cff.cff-masonry .cff-item:first-child,
#cff.cff-masonry .cff-item {
padding-top: 0;
}
#cff.cff-masonry .cff-item,
#cff.cff-masonry .cff-likebox{
float: none;
display: inline-block;
width: 30%;
margin: 0 1.5%;
margin-bottom: 20px;
}
#cff.cff-masonry.masonry-4-desktop .cff-item{
width: 22%;
margin: 0 1.5%;
}
#cff.cff-masonry .cff-item:first-child,
#cff.cff-masonry .cff-item {
padding-top: 0;
}
#cff.cff-masonry.masonry-5-desktop .cff-item{
width: 17%;
margin: 0 1.5%;
}
#cff.cff-masonry.masonry-6-desktop .cff-item{
width: 13.516%;
margin: 0 1.5%;
}
#cff.cff-masonry .cff-comments-box {
position: relative;
z-index: 999;
}
#cff.cff-masonry .cff-comment-attachment,
#cff.cff-masonry .cff-comment-replies-box {
max-width: 100%;
}
@media (max-width: 780px){
#cff.cff-masonry .cff-item,
#cff.cff-masonry.masonry-4-desktop .cff-item,
#cff.cff-masonry.masonry-5-desktop .cff-item,
#cff.cff-masonry.masonry-6-desktop .cff-item{
width: 100%;
margin: 0;
}
#cff.cff-masonry.masonry-2-mobile .cff-item{
width: 47%;
}
} #cff.cff-masonry.cff-masonry-css {
width: 100%;
overflow: hidden;
margin-bottom: 20px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-column-fill: auto;
-moz-column-fill: auto;
column-fill: auto;
} #cff.cff-masonry.cff-masonry-css {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css .cff-likebox {
float: none;
display: inline-block;
width: 100%;
margin: 0 0 12px 0;
}
#cff.cff-masonry.cff-masonry-css .cff-likebox {
width: 99.5%;
}
@media only screen and ( max-width: 780px ) {
#cff.cff-masonry.cff-masonry-css,
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop,
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop,
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#cff.cff-masonry.cff-masonry-css.masonry-2-mobile {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-2-mobile {
width: 100%;
}
}