/* Base spacing for internal use */
/* Default transition */
/* -----------------------------------------------------------------------------
 * 
 * # GTM Grid Tile
 * 
 * -------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero,
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero-2 {
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "header side" "main side";
  }
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero > :nth-child(3n+1),
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero-2 > :nth-child(3n+1) {
    grid-area: header;
  }
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero > :nth-child(3n+2),
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero-2 > :nth-child(3n+2) {
    grid-area: side;
  }
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero > :nth-child(3n+3),
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero-2 > :nth-child(3n+3) {
    grid-area: main;
  }
}

@media (min-width: 768px) {
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero-2 {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "side header" "side main";
  }
}

@media (min-width: 768px) {
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero.breadly-grid-tile-no-post-thumbnail,
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero-2.breadly-grid-tile-no-post-thumbnail {
    grid-template-columns: 1fr;
    grid-template-areas: "header" "main";
  }
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero.breadly-grid-tile-no-post-thumbnail > :nth-child(3n+2),
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--logo-hero-2.breadly-grid-tile-no-post-thumbnail > :nth-child(3n+2) {
    grid-area: side;
    display: none;
  }
}

/* Image Hero 1 Style */
.wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--image-hero-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: var(--gtm--space--4xl);
}
@media (max-width: 1199.98px) {
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--image-hero-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: var(--gtm--space--2xl);
  }
}
.wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--image-hero-1 > :first-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--image-hero-1 > :nth-child(2) {
  -ms-flex-preferred-size: var(--wp--custom--gutenmate--sidebar-width, 350px);
      flex-basis: var(--wp--custom--gutenmate--sidebar-width, 350px);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

/* Image Hero 2 Style */
.wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--image-hero-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: var(--gtm--space--4xl);
}
@media (max-width: 1199.98px) {
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--image-hero-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: var(--gtm--space--xl);
  }
}
@media (min-width: 1200px) {
  .wp-block-gtm-grid-tile.is-style-breadly--gtm-grid-tile--image-hero-2 > * {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}