@font-face {
    font-family: 'Wask New';
    src: url("../assets/fonts/wask_new/wask_new-webfont.1e3e594eea70.woff") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --pretix-brand-primary-darken-15: var(--pretix-brand-primary);
    --pretix-brand-secondary: var(--pretix-brand-danger);
}

.page-header h1 > a{
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Wask New', sans-serif;
}

.panel-default > .panel-heading {
    background-color: var(--pretix-brand-primary);
    border-color: var(--pretix-brand-primary);
    color: white;
}

.accordion-panel legend .panel-heading {
    background-color: rgba(40,81,112,.15);
}

.btn {
    text-transform: uppercase;
}

.btn:focus,
.btn:active:focus {
    outline: none;
}

.btn:focus-visible {
    outline: 2px solid var(--pretix-brand-primary-darken-15);
}

.btn-primary {
    background-color: var(--pretix-brand-secondary);
    border: 1px solid var(--pretix-brand-secondary);
    box-shadow: none !important;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.btn-primary:focus-visible {
    outline: 2px solid var(--pretix-brand-secondary);
}

.btn-primary:hover,
.btn-primary:hover:focus {
    background-color: white;
    border: 1px solid var(--pretix-brand-secondary);
    color: var(--pretix-brand-secondary);
    box-shadow: none;
}

.btn-primary:focus {
    background-color: var(--pretix-brand-secondary);
    border: 1px solid var(--pretix-brand-secondary);
}

.btn-primary:active {
    background-color: white !important;
    border: 1px solid var(--pretix-brand-secondary) !important;
    color: #9d1922 !important;
}

.btn-default {
    color: var(--pretix-brand-primary);
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.btn-default:hover,
.btn-default:active,
.btn-default:active:focus {
    background-color: var(--pretix-brand-secondary);
    color: white;
    box-shadow: none;
}

.full-width-list > .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}