:root {
    --color-main-green: #7a8c73;
    --color-main-green-dark: #5e6b58;
    --color-main-beige: #f0e9e4;
    --color-main-gray: #ddd;

    --color-white: #fff;
    --color-black: #000;
    --color-off-white: #e2e2e2;
    --color-blue: #196fb2;
    --color-turqoise: #20c5bf;
    --color-yellow: #ffea6a;

    --color-resource-light: #d3ffd5;
    --color-resource: #01c604;
    --color-resource-dark: #00b625;
    --color-organization-light: #d3e2ff;
    --color-organization: #004ce1;
    --color-organization-dark: #003cff;
    --color-influencer-light: #fff3d3;
    --color-influencer: #ffd034;
    --color-influencer-dark: #ffab00;
    --color-health-facility-light: #e3d3ff;
    --color-health-facility: #7a34ff;
    --color-health-facility-dark: #4800ff;

    --color-tag-body-text: #333;
    --color-tag-a: var(--color-main-turqoise);
    --color-tag-strong: var(--color-main-purple);
    --color-tag-main-bg: var(--color-main-beige);

    --color-card-bg: var(--color-white);

    --color-section-bg-light: #d6d8cc;
    --color-section-text-dark: var(--color-main-green-dark);

    --color-label-bg: var(--color-main-green);
    --color-label-text: var(--color-white);

    --color-button-bg-cta: var(--color-main-green);
    --color-button-text-cta: var(--color-white);
    --color-button-bg-cta-hover: var(--color-white);
    --color-button-text-cta-hover: var(--color-black);

    --color-event-listing-bg: #ffffff;
}

/* Overrides */

.theme-lperth .card-date {
    position: absolute;
    top: 139px;
    display: flex;
    padding: 0 15px;
    height: 40px;
    background: var(--color-label-bg);
    line-height: 50px;
    font-weight: 500;
    font-size: 1em;
    text-align: center;
    color: var(--color-label-text);
    align-items: center;
}

/* Custom styles */

.view-all-btn {
    text-align: center;
    margin-top: 20px;
}

.view-all-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 1.1em;
    font-weight: 500;
    color: var(--color-main-green-dark);
}

.view-all-btn a:hover {
    background: #cacfc9;
    border-radius: 7px;
}

.view-all-btn a i {
    margin-left: 5px;
}