/* Mobile */

/* Reset core style */
@media (max-width: 639px) {
  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
    grid-template-columns: 1fr;
  }
}

/* Cover with sidebar reversed */
.is-style-cover-sidebar .wp-block-post .wp-block-post-title,
.is-style-sidebar-cover .wp-block-post .wp-block-post-title {
    font-size: var(--wp--preset--font-size--base);
}

.is-style-cover-sidebar .wp-block-post .is-subtitle,
.is-style-sidebar-cover .wp-block-post .is-subtitle {
    line-height: var(--wp--custom--line-height--snug);
}

.is-style-cover-sidebar .wp-block-post:first-child .wp-block-post-title, 
.is-style-sidebar-cover .wp-block-post:first-child .wp-block-post-title {
    font-size: var(--wp--preset--font-size--large);
}

.is-style-cover-sidebar .wp-block-post:not(:first-child) .is-subtitle,
.is-style-sidebar-cover .wp-block-post:not(:first-child) .is-subtitle {
    display: none;
}


/* Wide mobile and tablet */
@media only screen and (min-width: 640px) and (max-width: 781px) {
    .is-layout-grid.wp-block-post-template-is-layout-grid.is-style-cover-sidebar,
    .is-layout-grid.wp-block-post-template-is-layout-grid.is-style-sidebar-cover {
        grid-template-columns: repeat(auto-fit, minmax(min(240px,100%), 1fr));
    }
    .is-style-cover-sidebar .wp-block-post:first-child,
    .is-style-sidebar-cover .wp-block-post:first-child,
    .is-style-cover-sidebar .wp-block-post:nth-child(4),
    .is-style-sidebar-cover .wp-block-post:nth-child(4)  {
        grid-column: 1 / -1;
    }
}

/* Desktop */
@media only screen and (min-width: 782px) {
    .is-style-sidebar-cover .wp-block-post:first-child {
        grid-column: 2/span 2;
        grid-row: 1/span 2;
    }
    .is-style-cover-sidebar .wp-block-post:first-child {
        grid-column: 1/span 2;
        grid-row: 1/span 2;
    }
    .is-style-cover-sidebar .wp-block-post:nth-child(n+2) .is-subtitle,
    .is-style-sidebar-cover .wp-block-post:nth-child(n+2) .is-subtitle {
        /* display: none; */
    }

}

/* Wide mobile and tablet */
@media only screen and (min-width: 640px) and (max-width: 929px) {
    .is-layout-grid.wp-block-post-template-is-layout-grid.is-style-centered-cover,
    .is-layout-grid.wp-block-post-template-is-layout-grid.is-style-spanning-cover {
        /* grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); */
    }    
    .is-layout-grid.is-style-centered-cover .wp-block-post:first-child,
    .is-layout-grid.is-style-centered-cover .wp-block-post:last-child:not(:nth-child(odd)),
    .is-layout-grid.is-style-spanning-cover .wp-block-post:first-child,
    .is-layout-grid.is-style-spanning-cover .wp-block-post:last-child:not(:nth-child(odd)) {
        /* grid-column: 1/span 2; */
    }
    
    /* .is-layout-grid.is-style-spanning-cover .wp-block-post:last-child, */
    .is-layout-grid.is-style-spanning-cover .wp-block-post:first-child {
        grid-column: 1 / -1;
    }
    
    .is-layout-grid.is-style-centered-cover .wp-block-post:last-child:not(:nth-child(odd)),
    .is-layout-grid.is-style-spanning-cover .wp-block-post:last-child:not(:nth-child(odd)) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--wp--preset--spacing--small);
        align-self: self-start;
    }
}

/* Wide mobile, tablet and above */
@media only screen and (min-width: 640px) {
    /* two columns */
    .is-layout-grid.is-style-centered-cover.columns-2 .wp-block-post:first-child,
    .is-layout-grid.is-style-centered-cover.columns-2 .wp-block-post:last-child:not(:nth-child(odd)),
    .is-layout-grid.is-style-spanning-cover.columns-2 .wp-block-post:first-child,
    .is-layout-grid.is-style-spanning-cover.columns-2 .wp-block-post:last-child:not(:nth-child(odd)) {
        grid-column: 1/span 2;
    }
    
    .is-layout-grid.is-style-centered-cover.columns-2 .wp-block-post:last-child:not(:nth-child(odd)),
    .is-layout-grid.is-style-spanning-cover.columns-2 .wp-block-post:last-child:not(:nth-child(odd)) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--wp--preset--spacing--small);
        align-self: self-start;
    }
}

/* Desktop */

@media only screen and (min-width: 930px) {
    /* Spanning Cover */
    .wp-block-post-template-is-layout-grid.is-style-spanning-cover .wp-block-post:first-child {
        grid-column: 1 / -1;
    }
    



    .is-layout-grid.is-style-spanning-cover .wp-block-post {
        /* grid-template-columns: 1fr; */
    }
    /* three columns */
    .is-layout-grid.is-style-spanning-cover.columns-3 li:first-child {
        /* grid-column: 1/span 3; */
    }
    /* four columns */
    .is-layout-grid.is-style-spanning-cover.columns-4 li:first-child {
        /* grid-column: 1/span 4; */
    }
    /* five columns */
    .is-layout-grid.is-style-spanning-cover.columns-5 li:first-child {
        /* grid-column: 1/span 5; */
    }
    /* six columns */
    .is-layout-grid.is-style-spanning-cover.columns-6 li:first-child {
        /* grid-column: 1/span 6; */
    }

    /* Centered cover  */
    .is-layout-grid.is-style-centered-cover li:first-child:not(.columns-1 *) {
        grid-column: 1/span 2;
    }
    .is-layout-grid.is-style-centered-cover li:first-child:not(.columns-1 *):not(.columns-2 *) {
        grid-row: 1/span 9999;
    }
    
    /* four columns */    
    .is-layout-grid.is-style-centered-cover.columns-4 li:first-child {
        grid-column: 2/span 2;
    }
    .is-layout-grid.is-style-centered-cover.columns-4 li:nth-child(n+4) {
        grid-column-start: 4;
    }
    .is-layout-grid.is-style-centered-cover.columns-4 li:nth-child(2) {
        grid-row-start: 1;
    }
    .is-layout-grid.is-style-centered-cover.columns-4 li:nth-child(4) {
        grid-row-start: 1;
    }
}

/* Archive and blog pages */

.blog .wp-block-post .wp-block-post-title,
.archive .wp-block-post .wp-block-post-title {
    font-size: var(--wp--preset--font-size--base);
}

.blog .wp-block-query:not(.news-round-up) .wp-block-post:first-child,
.archive .wp-block-post:not(.job_listing):first-child {
    /* grid-column: 1 / -1; */
}

/* Archive and blog */

.archive  .wp-block-post .is-subtitle,
.blog .wp-block-post .is-subtitle {
    display: none;
}

@media only screen and (min-width: 782px) {
    
    .archive  .wp-block-post:first-child .is-subtitle,
    .blog .wp-block-post:first-child .is-subtitle {
        display: block;
    }

    .blog .wp-block-query:not(.news-round-up) .wp-block-post:first-child,
    .archive .wp-block-post:not(.job_listing):first-child {
        grid-column: 1/span 2;
        grid-row: 1/span 2;
    }

    .blog .wp-block-post:first-child .wp-block-post-title,
    .archive .wp-block-post:first-child .wp-block-post-title {
        font-size: var(--wp--preset--font-size--large);
    }
    
    .blog .wp-block-post:first-child  .wp-block-post-featured-image,
    .archive .wp-block-post:not(.job_listing):first-child .wp-block-post-featured-image {
        aspect-ratio: 16 / 11 !important;
    }
}

/* job Listings */
.archive.category .wp-block-query .is-layout-grid.wp-block-post-template-is-layout-grid:has(.job_listing),
.single-post .wp-block-query .is-layout-grid.wp-block-post-template-is-layout-grid:has(.job_listing),
.home .wp-block-query .is-layout-grid.wp-block-post-template-is-layout-grid:has(.job_listing) {
    grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
}

@media only screen and (min-width: 782px) {
    .archive.category .wp-block-query .is-layout-grid.wp-block-post-template-is-layout-grid:has(.job_listing),
    .single-post .wp-block-query .is-layout-grid.wp-block-post-template-is-layout-grid:has(.job_listing),
    .home .wp-block-query .is-layout-grid.wp-block-post-template-is-layout-grid:has(.job_listing) {
        grid-template-columns: repeat(auto-fit, minmax(min(8rem, 100%), 1fr));
    }
}

/* News round up */

#news-round-up .wp-block-query .wp-block-post.current-post {
    display: none;
}