/* ***
* Mixin:	Respond To
* Description: 	Provides a simple mixin for handling canonical responsive breakpoints on the site
* Warning:      This mixin needs to match the corresponding mixin from the theme
* ***/
/* ***
* Target/Focus:	Post Card
* Description: 	Some helpful styling
* ***/
.post__image {
  aspect-ratio: 3/2;
  width: 100%;
  position: relative;
}
.post__image img {
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 782px) {
  .wp-block-post-collection.layout-desktop--grid .wp-block-post-collection__inner-container {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: var(--wp--preset--spacing--md);
  }
  .wp-block-post-collection.layout-desktop--grid .wp-block-post-collection__inner-container[data-desktop-cols="1"] {
    grid-template-columns: 100%;
  }
  .wp-block-post-collection.layout-desktop--grid .wp-block-post-collection__inner-container[data-desktop-cols="2"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .wp-block-post-collection.layout-desktop--grid .wp-block-post-collection__inner-container[data-desktop-cols="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
  .wp-block-post-collection.layout-desktop--grid .wp-block-post-collection__inner-container[data-desktop-cols="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
  .wp-block-post-collection.layout-desktop--grid .wp-block-post-collection__inner-container[data-desktop-cols="5"] {
    grid-template-columns: repeat(5, 1fr);
  }
  .wp-block-post-collection.layout-desktop--grid .wp-block-post-collection__inner-container[data-desktop-cols="6"] {
    grid-template-columns: repeat(6, 1fr);
  }
  .wp-block-post-collection.layout-desktop--bento .wp-block-post-collection__inner-container {
    display: grid;
    gap: var(--wp--preset--spacing--md);
    grid-template-rows: 1fr 1fr 30%;
    grid-template-columns: 2fr 1fr 1fr 2fr;
  }
  .wp-block-post-collection.layout-desktop--bento .post:first-child {
    grid-column: 1/span 2;
    grid-row: 1/span 2;
  }
  .wp-block-post-collection.layout-desktop--bento .post:nth-child(2) {
    grid-column: 3/span 2;
    grid-row: 1;
  }
  .wp-block-post-collection.layout-desktop--bento .post:nth-child(3) {
    grid-column: 3/span 2;
    grid-row: 2;
  }
  .wp-block-post-collection.layout-desktop--bento .post:nth-child(4) {
    grid-column: 1;
    grid-row: 3;
  }
  .wp-block-post-collection.layout-desktop--bento .post:nth-child(5) {
    grid-column: 2/span 2;
    grid-row: 3;
  }
  .wp-block-post-collection.layout-desktop--bento .post:nth-child(6) {
    grid-column: 4;
    grid-row: 3;
  }
}
@media (max-width: 781px) {
  .wp-block-post-collection.layout-mobile--grid .wp-block-post-collection__inner-container {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
  .wp-block-post-collection.layout-mobile--grid .wp-block-post-collection__inner-container[data-mobile-cols="1"] {
    grid-template-columns: 100%;
  }
  .wp-block-post-collection.layout-mobile--grid .wp-block-post-collection__inner-container[data-mobile-cols="2"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .wp-block-post-collection.layout-mobile--grid .wp-block-post-collection__inner-container[data-mobile-cols="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
  .wp-block-post-collection.layout-mobile--grid .wp-block-post-collection__inner-container[data-mobile-cols="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
  .wp-block-post-collection.layout-mobile--grid .wp-block-post-collection__inner-container[data-mobile-cols="5"] {
    grid-template-columns: repeat(5, 1fr);
  }
  .wp-block-post-collection.layout-mobile--grid .wp-block-post-collection__inner-container[data-mobile-cols="6"] {
    grid-template-columns: repeat(6, 1fr);
  }
}

/* ***
* Target/Focus:	Tab Collection Block
* Description: 	Admin specific styling
* ***/
.block-editor-block-list__layout .wp-block-tab-collection {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
}
.block-editor-block-list__layout .wp-block-tab__trigger {
  margin-bottom: -1px;
  padding: 1.5rem;
  width: 33.333%;
  background-color: #555;
  color: white;
}
.block-editor-block-list__layout .wp-block-tab__trigger h4 {
  margin: 0 0 0.5rem;
}
.block-editor-block-list__layout .wp-block-tab__trigger p {
  margin-bottom: 0;
}
.block-editor-block-list__layout .wp-block-tab__content {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: #ddd;
}