/* adelle bold / Headline Font */
@font-face {
    font-family: Adelle;
    font-style: normal;
    font-weight: 700;
    src:
            url('../fonts/adelle/adelle-bold.woff2') format('woff2'),
            url('../fonts/adelle/adelle-bold.woff') format('woff');
}

/* adelle sans oetztal regular / Text font */
@font-face {
    font-family: 'Adelle sans oetztal';
    font-style: normal;
    font-weight: 400;
    src:
            url('../fonts/adelle-sans-oetztal/adelle-sans-oetztal-regular.woff2') format('woff2'),
            url('../fonts/adelle-sans-oetztal/adelle-sans-oetztal-regular.woff') format('woff');
}

/* adelle sans oetztal bold // Button font */
@font-face {
    font-family: 'Adelle sans oetztal';
    font-style: normal;
    font-weight: 700;
    src:
            url('../fonts/adelle-sans-oetztal/adelle-sans-oetztal-bold.woff2') format('woff2'),
            url('../fonts/adelle-sans-oetztal/adelle-sans-oetztal-bold.woff') format('woff');
}

body {
    font-family: 'Adelle sans oetztal', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;

    --pf-c-check__label--FontSize: 0.875rem;
}

.oetztal-inside {
    --pf-global--primary-color--100: #b00932;
    --pf-global--primary-color--200: #8d0728;
    --pf-global--primary-color--dark-100: #24353f;
    --pf-c-form__label--FontSize: 0.875rem;
}

.oetztal-inside a {
    color: var(--pf-global--primary-color--100);
}

.oetztal-inside a:hover, .oetztal-inside a:focus {
    color: var(--pf-global--primary-color--200);
}

#kc-header-wrapper {
    color: transparent;
    padding: 0;
    margin-top: 3rem;
    margin-inline: auto;
    height: 4rem;
    width: 16.6533rem;
    max-width: 100%;
    background-image: url('../img/oetztal-inside-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    user-select: none;
    pointer-events: none;
}

#kc-page-title {
    font-family: Adelle, sans-serif;
    font-weight: 700;
}

button#kc-current-locale-link::after {
    content: 'v';
}

#kc-locale + div .subtitle {
    display: none;
}

#kc-locale + div .col-md-10 {
    width: 100%;
}

#kc-form-buttons .pf-c-button,
#kc-social-providers .pf-c-button {
    padding: 1rem;
    font-size: 1rem;
    font-weight: 700;
}

#kc-social-providers .pf-c-button {
    border: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 2rem 0 rgba(0, 0, 0, 0.16);
}

#kc-social-providers .pf-c-button:hover,
#kc-social-providers .pf-c-button:focus,
#kc-social-providers .pf-c-button:active {
    color: #363636;
    background-color: #f5f5f7;
    text-decoration: none;
}

#kc-social-providers .pf-c-button::after {
    display: none;
}

#kc-register-form .form-group:last-of-type {
    margin-top: 1rem;
}

.pf-c-form-control {
    --pf-c-form-control--focus--PaddingBottom: 0.75rem;
    --pf-c-form-control--focus--PaddingTop: 0.75rem;
    --pf-c-form-control--Height: 3rem;
    border: 1px solid rgba(12 1 1 / 50%);
}

.pf-c-button.pf-m-control::after {
    border-color: var(--pf-global--primary-color--100);
}

.pf-c-check {
    --pf-c-check__label--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-check__label--Color: #333333;
}

.social-provider {
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.social-provider-facebook {
    background-image: url(../img/facebook-logo.svg);
}

.social-provider-google {
    background-image: url(../img/google-logo.svg);
}

.oetztal-inside .kc-social-item {
    display: flex;
    margin-bottom: var(--pf-global--spacer--md);
    gap: var(--pf-global--spacer--sm);
    justify-content: center;
    align-items: center;
}

.oetztal-inside .kc-social-provider-logo {
    display: inline-block;
    float: none;
}

.oetztal-inside .kc-social-icon-text {
    left: 0;
}