/*
 * Vantage homepage programme/service cards.
 *
 * This file owns the visual treatment of the four homepage programme cards.
 * Keep programme-card changes here instead of layering temporary CSS in
 * WordPress Additional CSS or appending overrides to vantage-shared.css.
 */

.vh .vh-programme {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    border: 1px solid var(--va-line, rgba(201, 169, 97, 0.35));
    border-radius: 60px;
    box-shadow: 0 0 15px -10px #000;
}

.vh .vh-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

.vh .vh-service-image {
    display: block;
    margin: 0 auto;
}

.vh .vh-programme h3 {
    text-align: center;
}

/* Older homepage HTML copies may still contain the previous arrow element. */
.vh .vh-programme b {
    display: none;
}

@media (max-width: 760px) {
    .vh .vh-programme {
        border-radius: 42px;
    }
}