#page-container #et-boc .opusmeds-3-columns-layout > .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--regular-space);

    article.et_pb_post {
        display: flex;
        flex-direction: column;
        margin: 0;

        p.post-meta {
            order: 2;
            text-align: left;
            padding: 0 var(--regular-space);

            a {
                font-size: var(--font-size-small-text);
                font-weight: 400;
                color: var(--color-black) !important;
            }
        }

        h2.entry-title {
            order: 3;
            text-align: left;
            padding-left: var(--regular-space);
            padding-bottom: var(--xsm-space);
            padding-right: var(--regular-space);
        }

        .entry-featured-image-url {
            margin-bottom: var(--xsm-space);
        }
    }

    .pagination a {
        color: var(--color-black) !important;
        font-size: var(--font-size-small-text);
    }

    @media screen and (max-width: 1099px) {
        grid-template-columns: repeat(2v, 1fr);
    }

    @media screen and (max-width: 767px) {
        grid-template-columns: repeat(1, 1fr);
    }
}

.search-results article {
    padding: var(--small-space);
    img {
        display: block;
        height: 300px;
        width: auto;
        margin: 0 auto;
    }
}

.search-results #left-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--regular-space);

    @media screen and (max-width: 767px) {
        grid-template-columns: repeat(1, 1fr);
    }

    .pagination {
        grid-column: 1 / -1;
        padding-bottom: var(--regular-space);
    }
}

.opusmeds-questionnaire-banner {
    text-align: center;
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--regular-space);
    box-sizing: border-box;
}

.opusmeds-questionnaire-banner p {
    color: var(--color-main-dark);
    margin: 0;
    font-size: 1.2em;
    line-height: 1.5;
}

.opusmeds-questionnaire-banner a {
    font-weight: bold;
    color: #e8a6b8 !important;
    text-decoration: underline;
}

.opusmeds-questionnaire-banner a:hover {
    color: #d88fa5 !important;
}

@media (max-width: 767px) {
    .opusmeds-questionnaire-banner {
        padding: var(--small-space) 15px;
        margin-top: -100px;
    }
    
    .opusmeds-questionnaire-banner p {
        font-size: 14px;
    }
}