Posts Masonry

.masonry_grid_fullwidth { margin-bottom: 20px; display: flex;flex-wrap: wrap;flex-direction: row; } .small_post { padding: 20px 25px;position: relative; float: left; background-color: #fff; display: flex !important;flex-wrap: wrap;justify-content: space-between;flex-direction: row;} .masonry_grid_fullwidth .small_post { border: 1px solid #e3e3e3; } .masonry_grid_fullwidth.loaded .small_post { display: block; } .masonry_grid_fullwidth.loaded { background: none transparent; min-height: 10px; padding-bottom: 20px } .small_post > p { font-size: 14px; color: #666; margin-bottom: 15px; line-height: 18px } .small_post h2 {font-size: 20px; line-height: 22px; } .small_post .meta, .small_post h2 { clear: both } .small_post figure > a { width: 100%; } .small_post figure > a img { width: 100%; height: auto; } .small_post .wprc-container{position: absolute; z-index: 999; bottom:0; left: 0; opacity: 0; transition: all 0.4s ease; margin: 0 !important} .small_post:hover .wprc-container{opacity: 1} .small_post .wprc-container .wprc-switch{ float: left;} .small_post .wprc-content img.loading-img{width: auto !important; height: auto !important;} .small_post:hover .social_icon_inimage{ right: 10px; opacity: 1} .small_post:hover .favour_in_image{opacity: 1} .social_icon_inimage{ position: absolute; z-index: 10; top:50px; right: -100px; opacity: 0; transition: all 0.4s ease;} .social_icon_inimage span.share-link-image{ width: 50px; height: 50px; line-height: 50px; display:block; margin-bottom: 5px; font-size: 24px} .small_social_inimage.social_icon_inimage span.share-link-image{ width: 38px; height: 38px; line-height: 38px; font-size: 19px;} .social_icon_inimage span:hover{ top:0; right: 2px} @media screen and (max-width: 1023px) and (min-width: 768px) { .col_wrap_three .small_post, .col_wrap_fourth .small_post, .col_wrap_fifth .small_post {width: 47%; margin: 0 1.5% 20px;} } @media (max-width: 767px) { .social_icon_inimage span.share-link-image{width: 35px; height: 35px; line-height: 35px; font-size: 18px; margin-bottom: 15px} .small_post .social_icon_inimage {right: 10px;opacity: 1;} .small_post .favour_in_image{opacity: 1} .small_post .wprc-container {opacity: 1;} }