/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block[data-type="factorysnc/posts-archive-block"] {
  width: 100% !important;
  max-width: 100% !important; }

/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block[data-type="factorysnc/posts-archive-block"] {
  width: 100% !important;
  max-width: 100% !important; }

@-webkit-keyframes pulse {
  0% {
    background-color: #ffffff; }
  50% {
    background-color: #cccccc; }
  100% {
    background-color: #ffffff; } }

@keyframes pulse {
  0% {
    background-color: #ffffff; }
  50% {
    background-color: #cccccc; }
  100% {
    background-color: #ffffff; } }

.wp-block-factorysnc-posts-archive-block.no-post {
  background: yellow;
  -webkit-animation: none;
  animation: none; }

.wp-block-factorysnc-posts-archive-block.loading {
  -webkit-animation: pulse 3s infinite;
  animation: pulse 3s infinite; }

.wp-block-factorysnc-posts-archive-block.has-post {
  -webkit-animation: none;
  animation: none; }

.wp-block-factorysnc-posts-archive-block .block-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-flow: dense;
  gap: 1rem; }
  .wp-block-factorysnc-posts-archive-block .block-grid::before {
    content: "";
    width: 0;
    padding-bottom: 100%;
    grid-row: 1 / 1;
    grid-column: 1 / 1; }
  .wp-block-factorysnc-posts-archive-block .block-grid > *:first-child {
    grid-row: 1 / 1;
    grid-column: 1 / 1; }
  .wp-block-factorysnc-posts-archive-block .block-grid .item {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .wp-block-factorysnc-posts-archive-block .block-grid .item:hover {
    background-position: 30% 60%; }
  @media screen and (min-width: 48em) and (max-width: 80em) {
    .wp-block-factorysnc-posts-archive-block .block-grid {
      grid-template-columns: repeat(3, minmax(8rem, 1fr)); }
      .wp-block-factorysnc-posts-archive-block .block-grid .item:nth-child(7n + 1) {
        grid-column: span 2;
        grid-row: span 2; }
      .wp-block-factorysnc-posts-archive-block .block-grid .item:nth-child(7n - 3) {
        grid-column: span 2; }
      .wp-block-factorysnc-posts-archive-block .block-grid .item:nth-child(7n) {
        grid-column: span 2; } }
  @media screen and (min-width: 80em) {
    .wp-block-factorysnc-posts-archive-block .block-grid {
      grid-template-columns: repeat(5, minmax(8rem, 1fr)); }
      .wp-block-factorysnc-posts-archive-block .block-grid .item:nth-child(12n + 1),
      .wp-block-factorysnc-posts-archive-block .block-grid .item:nth-child(12n + 8) {
        grid-column: span 2;
        grid-row: span 2; }
      .wp-block-factorysnc-posts-archive-block .block-grid .item:nth-child(12n + 2),
      .wp-block-factorysnc-posts-archive-block .block-grid .item:nth-child(12n + 7) {
        grid-column: span 2; } }
  @media screen and (min-width: 48em) {
    .wp-block-factorysnc-posts-archive-block .block-grid .item:first-child {
      grid-row: 1 / span 2;
      grid-column: 1 / span 2; } }

.wp-block-factorysnc-posts-archive-block .block-grid > *:first-child {
  grid-row: 1 / 1;
  grid-column: 1 / 1; }

.is-mobile-class .hide-child .child {
  opacity: 1; }

@media screen and (min-width: 48em) {
  .is-mobile-class .hide-child .child {
    opacity: 0; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block[data-type="factorysnc/posts-archive-block"] {
  width: 100% !important;
  max-width: 100% !important; }

/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block[data-type="factorysnc/posts-archive-block"] {
  width: 100% !important;
  max-width: 100% !important; }