.rich27-full-tile-link-container {
    position: relative;
}

.rich27-full-tile-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-indent: -9999px;
    width: 100%;
    height:100%;
}

.rich27-loop .wp-block-post-featured-image{
    overflow:hidden;
}


.rich27-full-tile-link-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}


.rich27-full-tile-link-container:hover img {
    transform: scale(1.05);
}



@media screen and (max-width: 728px) {
    .rich27-loop .wp-block-post-featured-image{
        width:100% !important;
    }

    .rich27-loop ul.columns-2, .rich27-loop ul.columns-4 {
        grid-template-columns: 1fr !important;
    }
    
}

@media (max-width: 1024px) {
    .rich27-loop .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: repeat(2, minmax(0, 1fr));
    }
  }


.wp-block-post-title {
    transition: color 0.3s ease;
}

.rich27-full-tile-link-container:hover .wp-block-post-title{
    color: var(--wp--preset--color--accent-1);
}

/* Query Pattern Specific */
.rich27-date-title-columns,
.rich27-date-title-image-columns,
.rich27-date-title-image-loop-read-more,
.rich27-date-title-image-loop-date {
    transition: all 0.3s ease;
}
.rich27-date-title-group:hover .rich27-date-title-columns,
.rich27-date-title-image-group:hover .rich27-date-title-image-columns{
    border-color: var(--wp--preset--color--contrast) !important;
}

.rich27-full-tile-link-container:hover .rich27-date-title-loop-date,
.rich27-full-tile-link-container:hover .rich27-date-title-image-loop-read-more,
.rich27-full-tile-link-container:hover .rich27-date-title-image-loop-date {
    color: var(--wp--preset--color--contrast) !important;
}

@media screen and (max-width: 728px) {
    .rich27-date-title-image-columns {
        flex-direction: column-reverse;
      }
    .rich27-date-title-image-loop-read-more{
        display: none;
    }

    .rich27-date-title-image-columns .wp-block-post-featured-image {
        margin-bottom: var(--wp--preset--spacing--40);
    }

    .rich27-date-title-image-loop-date{
        margin-top: var(--wp--preset--spacing--20) !important;
    }
}

/* Fix for when no feature image is present */
.wp-block-group.overflow-clip:empty {
    display: none;
  }

/* Pagination Base Styles */
.page-numbers:not(.dots),
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-comments-pagination-previous,
.wp-block-comments-pagination-next {
    padding: 0.9em 1.25em;
    background: var(--wp--preset--color--neutral-3);
    color: var(--wp--preset--color--contrast);
    margin: 0 0.25rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0; /* Prevent buttons from shrinking */
    border-radius: var(--border-radius, 0px); /* Fallback to 4px */
    transition: all 0.3s ease;
}

.page-numbers.current:not(.dots),
.page-numbers:not(.dots):hover,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
    background: var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--base);
}

.page-numbers.dots {
    background: none;
    padding: 0.9em 1.5em;
}

/* Hide default arrow characters */
.is-arrow-chevron,
.is-arrow-arrow {
    font-size: 0;
    line-height: 0;
}

/* Common icon styles */
.wp-block-query-pagination-previous .is-arrow-chevron::before,
.wp-block-query-pagination-previous .is-arrow-arrow::before,
.wp-block-query-pagination-next .is-arrow-chevron::before,
.wp-block-query-pagination-next .is-arrow-arrow::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

/* Apply SVG masks */

/* Chevron SVG (original design) */
/* Chevron SVG (original design) */
.wp-block-query-pagination-previous .is-arrow-chevron::before,
.wp-block-query-pagination-next .is-arrow-chevron::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M10 22 L0 12 10 2 l1.775 1.775 L3.55 12 l8.225 8.225 Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M10 22 L0 12 10 2 l1.775 1.775 L3.55 12 l8.225 8.225 Z'/></svg>");
}

/* Arrow SVG (original design provided by you) */
.wp-block-query-pagination-previous .is-arrow-arrow::before,
.wp-block-query-pagination-next .is-arrow-arrow::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='m12 20 -8-8 8-8 1.425 1.4 -5.6 5.6 H20 v2 H7.825 l5.6 5.6 Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='m12 20 -8-8 8-8 1.425 1.4 -5.6 5.6 H20 v2 H7.825 l5.6 5.6 Z'/></svg>");
}

/* Flip icons for "next" links */
.wp-block-query-pagination-next .is-arrow-chevron::before,
.wp-block-query-pagination-next .is-arrow-arrow::before {
    transform: scaleX(-1);
}

/* Adjust icon spacing */
.wp-block-query-pagination-previous .is-arrow-chevron::before,
.wp-block-query-pagination-previous .is-arrow-arrow::before {
    margin-right: 0.5em;
}

.wp-block-query-pagination-next .is-arrow-chevron::before,
.wp-block-query-pagination-next .is-arrow-arrow::before {
    margin-left: 0.5em;
}

/* Icon hover effect */
.wp-block-query-pagination-previous:hover .is-arrow-chevron::before,
.wp-block-query-pagination-previous:hover .is-arrow-arrow::before,
.wp-block-query-pagination-next:hover .is-arrow-chevron::before,
.wp-block-query-pagination-next:hover .is-arrow-arrow::before {
    background-color: var(--wp--preset--color--base);
}

/* Adjust the pagination container for larger screens using Flexbox */
.wp-block-query-pagination {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.wp-block-query-pagination-previous {
    flex: 0 0 auto;
}

.wp-block-query-pagination-next {
    flex: 0 0 auto;
}

.wp-block-query-pagination-numbers {
    flex: 1 0 0;
    display: flex;
    justify-content: center;
}

/* Media query for viewports below 1024px */
@media (max-width: 1024px) {
    /* Hide the pagination numbers and dots */
    .wp-block-query-pagination-numbers {
        display: none;
    }

    /* Adjust the pagination container */
    .wp-block-query-pagination {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* Remove margins to align buttons properly */
    .wp-block-query-pagination-previous,
    .wp-block-query-pagination-next {
        margin: 0;
    }

    /* Align only one button correctly */
    .wp-block-query-pagination-next:only-child {
        margin-left: auto;
        margin-right: 0;
    }

    .wp-block-query-pagination-previous:only-child {
        margin-left: 0;
        margin-right: auto;
    }

    /* Center the single button if only one is present */
    .wp-block-query-pagination-previous:only-child,
    .wp-block-query-pagination-next:only-child {
        margin-left: auto;
        margin-right: auto;
    }
}