:root {
    --green: #344E41;
    --darkGreen: #1A2B1D;
    --secondaryHover: #243426;
    --navyBlue: #495561;
    --navyBlueHover: #3e4c57;
    --danger: #C92A2A;
    --grey: #E5E1DC;
    --darkGrey: #777777;
}

.nav-link {
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
}

.nav-link:hover, .nav-link:focus {
    color: #ffffff;
}

.nav-item {
    display: flex;
    align-items: center;
}

.navbar-toggler {
    color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%283255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.btn {
    font-family: 'Raleway', sans-serif;
    border: none;
}

.btn-primary {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    border-radius: 500px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus-visible {
    background-color: var(--darkGreen) !important;
    border-color: var(--darkGreen) !important;
}

.btn-secondary {
    background-color: var(--navyBlue) !important;
    border-color: var(--navyBlue) !important;
    color: #ffffff !important;
    border-radius: 500px !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:focus-visible  {
    background-color: var(--navyBlueHover) !important;
    border-color: var(--navyBlueHover) !important;
    color: #ffffff !important;
}

.alert-success {
    background-color: var(--green) !important;
    border-color: var(--darkGreen) !important;
    color: #ffffff !important;
}

.alert-danger {
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
    color: #ffffff !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--green) !important;
    color: #ffffff !important;
}

.accordion-button:focus, .accordion-button:focus-visible {
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round"%3e%3cpath d="m2 5 6 6 6-6"/%3e%3c/svg%3e') !important;
}