@use 'sass:math';
/* All values are in px */
.post-grid {
  display: grid;
  grid-template-columns: [col1] 1fr [end];
  column-gap: 3.75rem;
  margin-bottom: 3.75rem; }
  @media only screen and (min-width: 782px) {
    .post-grid {
      grid-template-columns: [col1] 1fr [col2] 1fr [end]; } }
  @media only screen and (min-width: 1024px) {
    .post-grid {
      grid-template-columns: [col1] 1fr [col2] 1fr [col3] 1fr [end]; } }
  @media only screen and (max-width: 1023px) {
    .post-grid {
      grid-template-columns: repeat(2, 1fr);
      column-gap: var(--wp--preset--spacing--60); } }
  @media only screen and (min-width: 782px) {
    .post-grid.post-grid-1 {
      grid-template-columns: [col1] 1fr [end]; } }
  @media only screen and (min-width: 1024px) {
    .post-grid.post-grid-2 {
      grid-template-columns: [col1] 1fr [col2] 1fr [end]; } }
  @media only screen and (min-width: 1024px) {
    .post-grid.post-grid-4 {
      grid-template-columns: [col1] 1fr [col2] 1fr [col3] 1fr [col4] 1fr [end]; } }
  @media only screen and (min-width: 1024px) {
    .post-grid.post-grid-5 {
      grid-template-columns: [col1] 1fr [col2] 1fr [col3] 1fr [col4] 1fr [col4] 1fr [end]; } }
  @media only screen and (min-width: 782px) {
    .post-grid.post-grid-6 {
      grid-template-columns: [col1] 1fr [col2] 1fr [col3] 1fr [end]; } }
  @media only screen and (min-width: 1024px) {
    .post-grid.post-grid-6 {
      grid-template-columns: [col1] 1fr [col2] 1fr [col3] 1fr [col4] 1fr [col5] 1fr [col6] 1fr [end]; } }
  .post-grid.post-grid-4 .hentry, .post-grid.post-grid-5 .hentry, .post-grid.post-grid-6 .hentry {
    min-height: auto; }
  .post-grid .post-tile {
    position: relative;
    margin-bottom: 1.875rem; }
  .post-grid .entry-permalink {
    text-decoration: none; }
    .post-grid .entry-permalink:hover .wp-post-image {
      transform: translateY(-50%) scale(1.1) !important; }
    .post-grid .entry-permalink:hover .entry-title {
      transition: all 0.5s; }
  .post-grid .entry-permalink,
  .post-grid .no-wrap-link {
    display: block;
    height: 100%; }
  .post-grid .hentry {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 26.875rem; }
    .post-grid .hentry .entry-thumbnail {
      position: relative;
      overflow: hidden; }
      .post-grid .hentry .entry-thumbnail:before {
        display: block;
        width: 100%;
        padding-top: 57.3%;
        content: ""; }
      .post-grid .hentry .entry-thumbnail.thumbnail-shape-square:before {
        width: 100%;
        padding-top: 100%; }
      .post-grid .hentry .entry-thumbnail .wp-post-image {
        position: absolute;
        top: 50%;
        display: block;
        width: 100%;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        margin: 0;
        transition: all 0.5s;
        transform: translateY(-50%);
        object-fit: cover; }
    .post-grid .hentry .entry-header {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 0; }
    .post-grid .hentry .entry-meta {
      margin-top: auto;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.125rem;
      text-transform: uppercase; }
    .post-grid .hentry .entry-title {
      margin-bottom: 0;
      font-size: var(--wp--preset--font-size--small);
      font-weight: 500;
      line-height: 1.5625rem; }
      @media only screen and (max-width: 1023px) {
        .post-grid .hentry .entry-title {
          font-size: var(--wp--preset--font-size--medium);
          line-height: 1.3rem;
          margin-bottom: 5px; } }
      .post-grid .hentry .entry-title a {
        text-decoration: none; }
    .post-grid .hentry .post-role {
      margin: 0;
      font-weight: 400;
      line-height: 1.5625rem;
      color: var(--wp--preset--color--dark-blue); }
      @media only screen and (max-width: 1023px) {
        .post-grid .hentry .post-role {
          line-height: 1.3rem; } }
    .post-grid .hentry .entry-excerpt {
      margin-bottom: 1.875rem;
      font-size: 1rem;
      line-height: 1.25rem; }
      .post-grid .hentry .entry-excerpt:last-child {
        margin-bottom: 0; }
    .post-grid .hentry .entry-label {
      margin-bottom: 0.625rem;
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 0.5rem;
      text-transform: uppercase; }
    .post-grid .hentry .posted-on {
      margin-right: 0.625rem; }
    .post-grid .hentry .byline a {
      text-decoration: none; }

/*# sourceMappingURL=post-grid.min.css.map */
