/*!
 * Start Bootstrap - Landing Page v5.0.8 (https://startbootstrap.com/themes/landing-page)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
 */
body {
    font-family: Montserrat, sans-serif;
    color: #1a1a1a;
    --accent-color: #9d5fac;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.nav-page {
    padding: 0;
    border-bottom: 2.5rem solid var(--accent-color);
}

/* --- */
.navbar {
    color: #1a1a1a;
    display: flex;
    align-items: center;
    color: inherit;
    font-weight: 600;
    width: 100%;
    padding-block: 0;
    padding-inline: 1.5rem;
    max-width: 80rem;
    margin: 0 auto;
    justify-content: space-between;
    gap: 1rem;
}

.nav-page .navbar .navbar-brand {
    display: flex;
    align-items: center;
    color: inherit;
    font-size: 0;
    font-weight: 600;
    margin: 0;
    padding: 0;
}


    .nav-page .navbar .navbar-brand::before {
        display: block;
        content: url("logo.svg");
        width: 3.875rem;
        height: 3.5rem;
        margin-block-start: 0.5rem;
        margin-inline-end: 1.5rem;
    }

    .nav-page .navbar .navbar-brand::after {
        content: "Voorkomen Medicatie-Incidenten (VMI)";
        font-size: 1rem;
    }

.navbar-nav {
    display: none;
}

/* --- */

.container {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding-inline: 1.5rem;
}

    .container .col-sm-6 {
        flex: none;
        max-width: calc(40rem + 30px);
    }

.card {
    border: none;
    border-radius: 0;
}

.card-header {
    padding: 0;
    margin-block: 1.5rem;
    border: none;
    background-color: transparent;
}

.card-body {
    padding: 0;
}


/* --- */

.numberedlist {
    padding-inline: 1rem;
}

a, a:hover {
    color: #7e3a8e;
    text-decoration: underline;
}

form {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: flex-end;*/
    align-items: center;
    column-gap: 1rem;
}

.form-group {
    inline-size: 100%;
}

.form-group--align-right {
    display: flex;
    justify-content: flex-end;
}

label {
    font-weight: 600;
}

.form-control {
    height: auto;
    padding: 0.2rem 0.5rem;
    color: #1a1a1a;
    background-clip: padding-box;
    border: 1px solid #767676;
    border-radius: 0.15rem;
    transition: none;
}

    .form-control:focus {
        color: #1a1a1a;
        border-color: #767676;
        outline: 1px solid #000;
        box-shadow: none;
    }

form a {
    margin-inline-end: auto;
}

.text-danger {
    color: #ea0000 !important;
}

.validation-summary-errors ul {
    list-style: none;
    padding-inline: 0px;   
}

button.btn {
    border-radius: 2rem;
    padding: 0.33rem 1rem;
    font-weight: 600;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
}

button.btn-primary,
button.btn-primary:focus,
button.btn-primary:not(:disabled):not(.disabled):active {
    order: 2;
    background-color: #7e3a8e;
    border-color: transparent;
    color: #fff;
}

    button.btn-primary:hover {
        background-color: #9d5fac;
        border-color: transparent;
        color: #fff;
    }

button.btn-secondary,
button.btn-secondary:focus,
button.btn-secondary:not(:disabled):not(.disabled):active {
    display: none;
    /* --- */
    order: 1;
    background-color: #d8bfde;
    border-color: transparent;
    color: #1a1a1a;
}

    button.btn-secondary:hover {
        color: #1a1a1a;
        border-color: transparent;
        background-color: #f7f2f8;
    }

#btn_submit_reset_password + a {
    display: none;
}

/* --- */

.alert {
    display: grid;
    grid: auto/auto 1fr auto;
    column-gap: 1rem;
    align-items: center;
    max-width: 40rem;
    padding: 0.5rem 1rem;
    border-radius: 0;
}

    .alert ul {
        padding-inline-start: 2rem;
        margin: 0;
    }

.alert-danger {
    color: #1a1a1a;
    margin-block-start: 1.5rem;
    border: 1px solid #c70000;
    background-color: #f4cccc;
}

    .alert-danger::before {
        display: block;
        content: url("triangle-exclamation-solid.svg");
        width: 1.25rem;
        height: 1.25rem;
    }

    .alert-danger strong {
        display: none;
    }

.PostLogoutRedirectUri {
    display: block;
    float: left;
    text-transform: capitalize;
    margin-block-start: -1rem;
}

    .PostLogoutRedirectUri::before {
        content: "< ";
    }

.validation-summary-valid {
    display: none;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(./montserrat.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(./montserrat.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(./montserrat.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(./montserrat.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(./montserrat.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
