.gmfgb-mg-grid { box-sizing: border-box;
* {
box-sizing: border-box;
}
}
.gmfgb-pg-grid { box-sizing: border-box;
* {
box-sizing: border-box;
}
} .gmfgb-mg-grid .gmfgb-pg-grid,
.gmfgb-pg-grid .gmfgb-mg-grid { all: unset;
display: block;
} .gmfgb-mg-grid.isotope-initialized { display: block !important;
position: relative !important;
}
.gmfgb-pg-grid.isotope-initialized { display: block !important;
position: relative !important;
} .gmfgb-mg-grid.isotope-initialized .gmfgb-mg-media {
position: absolute !important; flex: none !important;
flex-basis: auto !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
}
.gmfgb-pg-grid.isotope-initialized .wp-block-post {
position: absolute !important; flex: none !important;
flex-basis: auto !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
} .gmfgb-mg-grid,
.gmfgb-pg-grid {
margin: 0;
padding: 0;
} .gmfgb-mg-grid {
z-index: 1;
position: relative;
}
.gmfgb-pg-grid {
z-index: 1;
position: relative;
} .gmfgb-mg-grid::after,
.gmfgb-pg-grid::after {
content: "";
display: table;
clear: both;
} @media (min-width: 1024px) {
.gmfgb-mg-grid[data-grid-desktop] .gmfgb-mg-media,
.gmfgb-pg-grid[data-grid-desktop] .wp-block-post { box-sizing: border-box;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.gmfgb-mg-grid[data-grid-tablet] .gmfgb-mg-media,
.gmfgb-pg-grid[data-grid-tablet] .wp-block-post { box-sizing: border-box;
}
}
@media (max-width: 767px) {
.gmfgb-mg-grid[data-grid-mobile] .gmfgb-mg-media,
.gmfgb-pg-grid[data-grid-mobile] .wp-block-post { box-sizing: border-box;
}
} body:not(.wp-admin) .gmfgb-pg-grid[data-grid-desktop][data-grid-tablet][data-grid-mobile] {
display: flex !important;
flex-wrap: wrap !important;
row-gap: 20px !important;
column-gap: var(--gap, 20px) !important;
} body:not(.wp-admin) .gmfgb-pg-grid .wp-block-query {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--gap, 20px);
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
body:not(.wp-admin) .gmfgb-pg-grid .wp-block-query ul {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--gap, 20px);
margin: 0 !important;
padding: 0 !important;
width: 100%;
list-style: none !important;
}
body:not(.wp-admin) .gmfgb-pg-grid .wp-block-query .wp-block-post-template {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--gap, 20px);
margin: 0 !important;
padding: 0 !important;
width: 100%;
} .gmfgb-mg-grid.debug,
.gmfgb-pg-grid.debug {
border: 2px solid red;
background: rgba(255, 0, 0, 0.1);
}
.gmfgb-mg-grid.debug .gmfgb-mg-media,
.gmfgb-pg-grid.debug .wp-block-post {
border: 1px solid blue;
background: rgba(0, 0, 255, 0.1);
}.editor-styles-wrapper { .gmfgb-mg-grid { box-sizing: border-box;
z-index: 1;
position: relative;
* {
box-sizing: border-box;
}
}
.gmfgb-pg-grid { box-sizing: border-box;
z-index: 1;
position: relative;
* {
box-sizing: border-box;
}
} .gmfgb-mg-grid .gmfgb-pg-grid,
.gmfgb-pg-grid .gmfgb-mg-grid { all: unset;
display: block;
} .gmfgb-mg-grid { display: flex !important;
flex-wrap: wrap !important;
gap: 20px;
margin: 0;
padding: 0;
.gmfgb-mg-media {
position: relative !important;
left: unset !important;
top: unset !important;
margin: 0;
box-sizing: border-box;
}
} .gmfgb-pg-grid { display: flex !important;
flex-wrap: wrap !important;
gap: var(--gap, 20px);
margin: 0;
padding: 0;
row-gap: 20px;
column-gap: var(--gap, 20px); .wp-block-query {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--gap, 20px);
margin: 0 !important;
padding: 0 !important;
width: 100%; ul {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--gap, 20px);
margin: 0 !important;
padding: 0 !important;
width: 100%;
list-style: none !important;
} .wp-block-post-template {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--gap, 20px);
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
}
.wp-block-post {
position: relative !important;
left: unset !important;
top: unset !important;
margin: 0 !important;
box-sizing: border-box;
} .gmfgb-pg-cta-button {
position: relative !important;
z-index: 10;
margin-top: 30px;
clear: both;
width: 100%;
.wp-block-buttons {
position: relative !important;
left: unset !important;
top: unset !important;
}
}
} .gmfgb-pg-grid[data-grid-desktop][data-grid-tablet][data-grid-mobile] { }
.gmfgb-pg-grid[data-grid-desktop][data-grid-tablet][data-grid-mobile] .wp-block-post { margin: 0 !important;
padding: 0 !important;
position: relative !important;
left: unset !important;
top: unset !important;
} .gmfgb-mg-grid.isotope-initialized {
display: block !important;
.gmfgb-mg-media {
position: absolute !important;
}
}
.gmfgb-pg-grid.isotope-initialized {
display: block !important;
.wp-block-post {
position: absolute !important;
}
} .gmfgb-mg-grid,
.gmfgb-pg-grid {
margin: 0;
padding: 0;
} .gmfgb-mg-grid::after,
.gmfgb-pg-grid::after {
content: "";
display: table;
clear: both;
} @media (min-width: 1024px) {
.gmfgb-mg-grid[data-grid-desktop] .gmfgb-mg-media,
.gmfgb-pg-grid[data-grid-desktop] .wp-block-post { box-sizing: border-box;
}
.gmfgb-pg-grid[data-grid-desktop][data-grid-tablet][data-grid-mobile] .wp-block-post {
width: calc((100% - (var(--gap, 20px) * (var(--grid-desktop, 2) - 1))) / var(--grid-desktop, 2)) !important;
flex: 0 0 calc((100% - (var(--gap, 20px) * (var(--grid-desktop, 2) - 1))) / var(--grid-desktop, 2)) !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.gmfgb-mg-grid[data-grid-tablet] .gmfgb-mg-media,
.gmfgb-pg-grid[data-grid-tablet] .wp-block-post { box-sizing: border-box;
}
.gmfgb-pg-grid[data-grid-desktop][data-grid-tablet][data-grid-mobile] .wp-block-post {
width: calc((100% - (var(--gap, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;
flex: 0 0 calc((100% - (var(--gap, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;
}
}
@media (max-width: 767px) {
.gmfgb-mg-grid[data-grid-mobile] .gmfgb-mg-media,
.gmfgb-pg-grid[data-grid-mobile] .wp-block-post { box-sizing: border-box;
}
.gmfgb-pg-grid[data-grid-desktop][data-grid-tablet][data-grid-mobile] .wp-block-post {
width: calc((100% - (var(--gap, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;
flex: 0 0 calc((100% - (var(--gap, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;
}
}
} .wp-admin .gmfgb-mg-grid,
.wp-admin .gmfgb-pg-grid { z-index: 1;
position: relative;
} .editor-styles-wrapper .gmfgb-mg-grid.debug,
.editor-styles-wrapper .gmfgb-pg-grid.debug {
border: 2px solid red;
background: rgba(255, 0, 0, 0.1);
}
.editor-styles-wrapper .gmfgb-mg-grid.debug .gmfgb-mg-media,
.editor-styles-wrapper .gmfgb-pg-grid.debug .wp-block-post {
border: 1px solid blue;
background: rgba(0, 0, 255, 0.1);
}