/* Ageing Well Expo - Be a Part of It page pattern */

.awe-participation-page {
    --awe-orange: #e47234;
    --awe-gold: #e89540;
    --awe-navy: #21404f;
    --awe-green: #7d9a43;
    --awe-blue: #20a6c7;
    --awe-cream: #faf4ea;
    --awe-pale-blue: #eaf3f5;
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
}

/* The active theme adds decorative leaves to headings and separators. */
.awe-participation-page .wp-block-heading::before,
.awe-participation-page .wp-block-heading::after {
    content: none !important;
    display: none !important;
}

.awe-participation-page .wp-block-button__link {
    border-radius: 7px !important;
}

/* Four participation cards: equal height with buttons in one exact row. */
.awe-participation-page .awe-pathway-cards,
.awe-participation-page-live .awe-pathway-cards {
    align-items: stretch !important;
    width: calc(100% - 48px) !important;
    max-width: 1140px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    gap: 22px !important;
}

.awe-participation-page .awe-pathway-cards > .wp-block-column,
.awe-participation-page-live .awe-pathway-cards > .wp-block-column {
    display: flex !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    align-self: stretch !important;
}

.awe-participation-page .awe-pathway-cards > .wp-block-column > .wp-block-group,
.awe-participation-page-live .awe-pathway-cards > .wp-block-column > .wp-block-group {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 410px !important;
    box-sizing: border-box !important;
}

/* Let the description absorb the variable space, then anchor every button. */
.awe-participation-page .awe-pathway-cards > .wp-block-column > .wp-block-group > .wp-block-buttons,
.awe-participation-page-live .awe-pathway-cards > .wp-block-column > .wp-block-group > .wp-block-buttons {
    margin-top: auto !important;
    padding-top: 18px !important;
}

.awe-participation-page .awe-pathway-cards .wp-block-buttons,
.awe-participation-page .awe-pathway-cards .wp-block-button,
.awe-participation-page .awe-pathway-cards .wp-block-button__link,
.awe-participation-page-live .awe-pathway-cards .wp-block-buttons,
.awe-participation-page-live .awe-pathway-cards .wp-block-button,
.awe-participation-page-live .awe-pathway-cards .wp-block-button__link {
    width: 100% !important;
}

.awe-participation-page .awe-pathway-cards .wp-block-button__link,
.awe-participation-page-live .awe-pathway-cards .wp-block-button__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    padding: 12px 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
}

/* Preserve the four pathway colours even when the theme remaps button presets. */
.awe-participation-page .awe-pathway-cards > .wp-block-column:nth-child(1) .wp-block-button__link,
.awe-participation-page-live .awe-pathway-cards > .wp-block-column:nth-child(1) .wp-block-button__link {
    background: #e47234 !important;
}

.awe-participation-page .awe-pathway-cards > .wp-block-column:nth-child(2) .wp-block-button__link,
.awe-participation-page-live .awe-pathway-cards > .wp-block-column:nth-child(2) .wp-block-button__link {
    background: #e89540 !important;
}

.awe-participation-page .awe-pathway-cards > .wp-block-column:nth-child(3) .wp-block-button__link,
.awe-participation-page-live .awe-pathway-cards > .wp-block-column:nth-child(3) .wp-block-button__link {
    background: #20a6c7 !important;
}

.awe-participation-page .awe-pathway-cards > .wp-block-column:nth-child(4) .wp-block-button__link,
.awe-participation-page-live .awe-pathway-cards > .wp-block-column:nth-child(4) .wp-block-button__link {
    background: #7d9a43 !important;
}

/* Provincial, Regional and Community cards use one shared row height. */
.awe-participation-page #partner .wp-block-columns {
    align-items: stretch !important;
}

.awe-participation-page #partner .wp-block-column {
    display: flex !important;
}

.awe-participation-page #partner .wp-block-column > .wp-block-group {
    width: 100% !important;
    min-height: 190px !important;
    box-sizing: border-box !important;
}

/* Present section: top-aligned columns and compact information card. */
.awe-participation-page #present .wp-block-columns {
    align-items: flex-start !important;
}

.awe-participation-page #present .wp-block-column {
    align-self: flex-start !important;
}

.awe-participation-page #present .wp-block-column:last-child > .wp-block-group {
    padding: 28px !important;
    row-gap: 16px !important;
}

.awe-participation-page #present .wp-block-separator {
    display: none !important;
}

@media (max-width: 781px) {
    .awe-participation-page .awe-pathway-cards,
    .awe-participation-page-live .awe-pathway-cards {
        width: calc(100% - 32px) !important;
    }

    .awe-participation-page .awe-pathway-cards > .wp-block-column > .wp-block-group,
    .awe-participation-page-live .awe-pathway-cards > .wp-block-column > .wp-block-group,
    .awe-participation-page #partner .wp-block-column > .wp-block-group {
        min-height: 0 !important;
    }
}