.widgets-grid-layout {
width: 100%;
}
.widgets-grid-layout::before,
.widgets-grid-layout::after {
content: " ";
display: table;
}
.widgets-grid-layout::after {
clear: both;
}
.widget-grid-view-image {
float: left;
max-width: 50%;
}
.widget-grid-view-image a {
display: block;
margin: 0 2px 4px 0;
}
.widget-grid-view-image:nth-child(even) {
float: right;
}
.widget-grid-view-image:nth-child(even) a {
margin: 0 0 4px 2px;
}
.widgets-grid-layout .widget-grid-view-image img {
max-width: 100%;
height: auto;
} .widgets-multi-column-grid ul {
overflow: hidden;
padding: 0;
margin: 0;
list-style-type: none;
}
.widgets-multi-column-grid ul li {
background: none;
clear: none;
float: left;
margin: 0 -5px -3px 0;
padding: 0 8px 6px 0;
border: none;
list-style-type: none !important;
}
.widgets-multi-column-grid ul li a {
background: none;
margin: 0;
padding: 0;
border: 0;
}
.widgets-multi-column-grid .avatar {
vertical-align: middle;
} .widgets-list-layout {
padding: 0;
margin: 0;
list-style-type: none;
}
.widgets-list-layout li::before,
.widgets-list-layout li::after {
content:"";
display:table;
}
.widgets-list-layout li::after {
clear:both;
}
.widgets-list-layout li {
zoom:1;
margin-bottom: 1em;
list-style-type: none !important;
}
.widgets-list-layout .widgets-list-layout-blavatar {
float: left;
width: 21.276596%;
max-width: 40px;
height: auto;
}
.widgets-list-layout-links {
float: right;
width: 73.404255%;
}
.widgets-list-layout span {
opacity: 0.5;
}
.widgets-list-layout span:hover {
opacity: 0.8;
}.wpcom-instagram-images {
display: grid;
grid-gap: 0.5rem;
grid-auto-columns: 1fr;
}
.wpcom-instagram-images::before,
.wpcom-instagram-images::after {
content: none;
}
.wpcom-instagram-images a {
display: block;
margin: 4px 2px;
}
.wpcom-instagram-columns-2 a,
.wpcom-instagram-columns-3 a {
display: inline-block;
vertical-align: top;
}
.wpcom-instagram-columns-2 a {
width: calc(50% - 8px);
}
.wpcom-instagram-columns-3 a {
width: calc(33.3333% - 8px);
}
.wpcom-instagram-images .sq-bg-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 0;
overflow: hidden;
padding-bottom: 100%;
}
.wpcom-instagram-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.wpcom-instagram-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
@supports (display:grid) {
.wpcom-instagram-images a {
display: block;
margin: 0;
}
.wpcom-instagram-columns-2 a,
.wpcom-instagram-columns-3 a {
width: auto;
}
}