a.ccm-block-page-list-rss-feed {
    position: absolute;
    top: 0;
    right: 0;
}

div.ccm-block-page-list-wrapper {
    position: relative;
}

div.ccm-block-page-list-page-entry-horizontal {
    display: table;
    width: 100%;
}

div.ccm-block-page-list-page-entry-horizontal,
div.ccm-block-page-list-page-entry {
    margin-bottom: 10px;
}


div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail {
    display: table-cell;
    vertical-align: top;
    width: 1px;
}

div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
    width: 300px !important;
    max-width: none !important;
}


div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}

div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title {
    font-weight: bold;
}

div.ccm-block-page-list-page-entry-read-more {
    margin-top: 20px;
}



/* Ensure clickability in edit mode */
.ccm-edit-mode div.ccm-block-page-list-wrapper {
    z-index: 1 !important;
}

.ccm-edit-mode div.ccm-block-page-list-page-entry a {
    pointer-events: auto;
}

@media (max-width: 900px) {
    div.ccm-block-page-list-page-entry-horizontal {
        display: block !important; /* Force parent to use block layout, overriding table */
        width: 100%; /* Ensure full width for stacking */
    }

    div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail {
        display: block !important; /* Force thumbnail to stack as a block */
        width: 100% !important; /* Full width to prevent floating or table-cell behavior */
        text-align: center; /* Optional: Center the thumbnail */
    }

    div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text {
        display: block !important; /* Force text to stack below as a block */
        width: 100% !important; /* Ensure full width */
        padding-left: 0 !important; /* Remove left padding */
        padding-top: 10px !important; /* Add spacing between thumbnail and text */
        vertical-align: top; /* Remove table-cell alignment */
    }

    div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
        width: 300px !important; /* Set thumbnail width to 300px */
        max-width: 100% !important; /* Ensure it doesn’t exceed container */
        height: auto !important; /* Maintain aspect ratio */
    }
}