/* Custom overrides for Bootstrap - applied after Bootstrap CSS via WebJars */

html, body {
    height: 100%;
    font-family: 'Conv_Dunant-Medium', sans-serif;
}

p {
    font-family: 'Conv_Dunant-Light', sans-serif;
}

/* Primary color override */
.btn-primary {
    background-color: #b70e0c;
    border-color: #b70e0c;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #9a0c0a;
    border-color: #9a0c0a;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 14, 12, 0.5);
}
.btn-outline-primary {
    color: #b70e0c;
    border-color: #b70e0c;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #b70e0c;
    border-color: #b70e0c;
    color: #fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(183, 14, 12, 0.5);
}
a {
    color: #b70e0c;
}
a:hover {
    color: #9a0c0a;
}

/* Layout helpers */
.logo {
    max-width: 350px;
    margin: 0 auto;
}

.centered-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.bottom-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* Responsive container */
@media (min-width: 901px) {
    .container {
        height: 80dvh;
    }
}