.social_wall_container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
grid-gap: 30px;
grid-auto-flow: dense;
padding: 0;
} .social_wall_container .social_wall_item:nth-child(6n+1) {
grid-column-end: span 2;
grid-row-end: span 2;
align-content: center;
align-items: center;
} .social_wall_container .social_wall_item {
padding-bottom: 100%;
position: relative;
overflow: hidden;
border-radius: 15px;
} .social_wall_container .social_wall_item img,
.social_wall_item_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
width: 100%;
margin: auto;
} .social_wall_item .social_wall_item_overlay {
background: var(--overlay-background-color, var(--e-global-color-eac0328));
z-index: 1;
color: var(--overlay-text-color, var(--e-global-color-8b7710f));
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
column-gap: 10px;
transition: .2s ease-in-out;
opacity: 0;
font-family: var(--e-global-typography-text-font-family), Sans-serif;
font-size: 14px;
font-weight: var(--e-global-typography-accent-font-weight);
} .social_wall_item_likes,
.social_wall_item_comments {
display: flex;
align-items: center;
color: inherit; } .social_wall_item_likes svg,
.social_wall_item_comments svg {
width: 16px;
height: auto;
margin-right: 5px;
fill: currentColor; } body[data-elementor-device-mode='desktop'] .social_wall_item:hover .social_wall_item_overlay,
body[data-elementor-device-mode='laptop'] .social_wall_item:hover .social_wall_item_overlay {
opacity: 1;
} body[data-elementor-device-mode='laptop'] .social_wall_container {
grid-gap: 15px;
}
body[data-elementor-device-mode='mobile'] .social_wall_container {
display: block;
}
body[data-elementor-device-mode='mobile'] .social_wall_container .social_wall_item {
padding-bottom: inherit;
display: inline-block;
height: 38vw;
width: calc(50% - 14px);
margin: 5px 7px;
}
body[data-elementor-device-mode='mobile'] .social_wall_container .social_wall_item:nth-child(5n) {
height: 76vw;
width: calc(100% - 14px);
}