.page-template-template-programme_reference .badge {
    --badge-height: 300px;
}

.page-template-template-programme_reference .badge__img {
    object-fit: contain;
    width: var(--badge-height, 300px);
    height: var(--badge-height, 300px);
}

.page-template-template-programme_reference .badge__content {
    --content-padding: 1rem;
    
    padding: var(--content-padding);
    margin-top: calc(-0.5 * var(--badge-height, 300px));
    padding-top: calc(0.5 * var(--badge-height, 300px) + var(--content-padding));
}

@media screen and (min-width: 768px) {
    .page-template-template-programme_reference .badge__content {
        --content-padding: 3rem;
    }
}

.page-template-template-programme_reference .badge__title {
    font-family: 'DrukWide-Super', Impact, Arial, sans-serif;
    font-size: 1.1rem;
    color: var(--color-secondary);
}

.page-template-template-programme_reference .badge__border {
    border-color: var(--color-secondary);
}

.page-template-template-programme_reference .blue_subtitle {
    font-size: 1em;
    font-family: 'DrukWide-Super', Impact, Arial, sans-serif;
    color: var(--color-primary);
}


.page-template-template-programme_reference .rules__title {
    font-family: 'DrukWide-Super', Impact, Arial, sans-serif;
    font-size: 1.1rem;
    color: var(--color-secondary);
}

.page-template-template-programme_reference .rules__border {
    border-color: var(--color-secondary);
}