.wp-block-gallery:not(.is-cropped) {
padding: 1.5em;
max-width: 960px;
margin-right: auto;
margin-left: auto;
} .wp-block-gallery:not(.is-cropped) .blocks-gallery-grid {
columns: 1;
column-gap: 10px;
} .wp-block-gallery:not(.is-cropped) .blocks-gallery-grid li {
display: inline-block;
vertical-align: top;
width: 100%;
margin-right: 0;
display: inline-block;
margin: 5px 0;
margin-bottom: 10px;
filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
transition: filter .25s ease-in-out;
} .wp-block-gallery:not(.is-cropped) .blocks-gallery-grid li figure {
border-radius: 4px;
overflow: hidden;
} .wp-block-gallery:not(.is-cropped) .blocks-gallery-grid li figure img {
width: 100%;
} .wp-block-gallery:not(.is-cropped) .blocks-gallery-grid {
display: block;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) { .wp-block-gallery:not(.is-cropped) li {
width: auto;
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) { .wp-block-gallery:not(.is-cropped).columns-2 .blocks-gallery-grid {
columns: 2;
} .wp-block-gallery:not(.is-cropped).columns-3 .blocks-gallery-grid {
columns: 2;
} .wp-block-gallery:not(.is-cropped).columns-4 .blocks-gallery-grid {
columns: 2;
} .wp-block-gallery:not(.is-cropped).columns-5 .blocks-gallery-grid {
columns: 2;
} .wp-block-gallery:not(.is-cropped).columns-6 .blocks-gallery-grid {
columns: 3;
} .wp-block-gallery:not(.is-cropped).columns-7 .blocks-gallery-grid {
columns: 3;
} .wp-block-gallery:not(.is-cropped).columns-8 .blocks-gallery-grid {
columns: 4;
}
}
@media only screen and (min-width: 1024px) { .wp-block-gallery:not(.is-cropped).columns-2 .blocks-gallery-grid {
columns: 2;
} .wp-block-gallery:not(.is-cropped).columns-3 .blocks-gallery-grid {
columns: 3;
} .wp-block-gallery:not(.is-cropped).columns-4 .blocks-gallery-grid {
columns: 4;
} .wp-block-gallery:not(.is-cropped).columns-5 .blocks-gallery-grid {
columns: 5;
} .wp-block-gallery:not(.is-cropped).columns-6 .blocks-gallery-grid {
columns: 6;
} .wp-block-gallery:not(.is-cropped).columns-7 .blocks-gallery-grid {
columns: 7;
} .wp-block-gallery:not(.is-cropped).columns-8 .blocks-gallery-grid {
columns: 8;
}
} .wp-block-gallery:not(.is-cropped) li:hover {
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.9));
}