/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

/* Primary color #e20613 */
:root {
    --bs-primary: #e20613;
    --bs-primary-rgb: 226, 6, 19;
    --bs-link-color: #e20613;
    --bs-link-color-rgb: 226, 6, 19;
    --bs-link-hover-color: #b40510;
    --bs-btn-bg: #e20613;
    --bs-btn-border-color: #e20613;
}

.btn-primary {
    --bs-btn-bg: #e20613;
    --bs-btn-border-color: #e20613;
    --bs-btn-hover-bg: #b40510;
    --bs-btn-hover-border-color: #b40510;
    --bs-btn-active-bg: #a0040e;
    --bs-btn-active-border-color: #a0040e;
}

.nav-link:hover, .nav-link:focus {
    color: #e20613 !important;
}

.bg-primary {
    background-color: #e20613 !important;
}

.text-primary {
    color: #e20613 !important;
}

.border-primary {
    border-color: #e20613 !important;
}

/* Montserrat typography */
body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.navbar,
.navbar-brand,
.nav-link,
.navbar-nav .nav-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.siteBody {
    padding: 1.5rem 0;
}

/* Login */

#com-users-login__form {
    width: 50%;
    margin: 5rem auto;
}

#com-users-login__form fieldset > div {
    padding: .5rem 0;
}

.com-users-login__options {
    display: none;
}

.com-users-logout {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}