:root {
--ft-main-width: 100%;
--ft-medium-width: 1200px;
--ft-small-width: 950px;
--ft-very-small-width: 800px;
}
.wp-block-group{
max-width: calc(100% - 32px);
width: 100%;
margin: 0 auto; }
@media (max-width: 992px) {
.wp-block-group {
max-width: calc(100% - 32px);
}
} .block-editor-writing-flow .wp-block-group{
border: 4px solid #f1f1f1;
padding: 8px 16px;
}
.wp-block-group.is-style-medium{
max-width: var(--ft-medium-width);
}
.wp-block-group.is-style-small{
max-width: var(--ft-small-width);
}
.wp-block-group.is-style-very-small{
max-width: var(--ft-very-small-width);
}
@media (max-width: 1200px) {
.wp-block-group.is-style-medium{
max-width: calc(100% - 32px);
}
}
@media (max-width: 950px) {
.wp-block-group.is-style-small{
max-width: calc(100% - 32px);
}
}
@media (max-width: 800px) {
.wp-block-group.is-style-very-small{
max-width: calc(100% - 32px);
}
} .wp-block-gallery {
display: grid !important;
gap: 1em !important;
margin: 0;
} .wp-block-gallery.columns-default {
grid-template-columns: repeat(3, 1fr) !important;
} .wp-block-gallery figure.wp-block-image {
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden;
}
.wp-block-gallery figure.wp-block-image img {
width: 100% !important;
height: auto !important;
display: block !important;
max-width: 100% !important;
} .wp-block-gallery.is-cropped figure.wp-block-image {
aspect-ratio: 1 !important;
overflow: hidden !important;
}
.wp-block-gallery.is-cropped figure.wp-block-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
max-width: 100% !important;
} .wp-block-gallery.columns-1 { grid-template-columns: 1fr !important; }
.wp-block-gallery.columns-2 { grid-template-columns: repeat(2, 1fr) !important; }
.wp-block-gallery.columns-3 { grid-template-columns: repeat(3, 1fr) !important; }
.wp-block-gallery.columns-4 { grid-template-columns: repeat(4, 1fr) !important; } @media (max-width: 768px) {
.wp-block-gallery.columns-default,
.wp-block-gallery.columns-3,
.wp-block-gallery.columns-4 {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 480px) {
.wp-block-gallery {
grid-template-columns: 1fr !important;
}
}