/* DO NOT MODIFY THIS FILE. IT IS GENERATED. MODIFY style.css INSTEAD. */

/* BODY */
body {
    background: [[background_color]] !important;
    color: [[text_color]] !important;
}

/* Containers */
.card {
    background: [[container_bg_color]] !important;
}

.card-title {
    color: [[title_color]] !important;
}

.card-text {
    color: [[text_color]] !important;
}

/* PRIMARY */
.btn-primary {
    background: [[button_color]] !important;
    color: [[button_text_color]] !important;
    border-color: [[button_border_color]] !important;
}

.btn-primary:hover {
    background: [[button_hover_color]] !important;
    color: [[button_text_color]] !important;
    border-color: [[button_border_color]] !important;
}

.btn-outline-primary {
    background: [[background_color]] !important;
    color: [[text_color]] !important;
    border-color: [[button_border_color]] !important;
}

.btn-outline-primary:hover {
    background: [[button_color]] !important;
    color: [[button_text_color]] !important;
    border-color: [[button_border_color]] !important;
}

/* SECONDARY */
.btn-secondary {
    background: [[second_button_color]] !important;
    color: [[second_button_text_color]] !important;
    border-color: [[second_button_border_color]] !important;
}

.btn-secondary:hover {
    background: [[second_button_hover_color]] !important;
    color: [[second_button_text_color]] !important;
    border-color: [[second_button_border_color]] !important;
}

.btn-outline-secondary {
    background: [[second_button_hover_color]] !important;
    color: [[second_button_text_color]] !important;
    border-color: [[second_button_border_color]] !important;
}

.btn-outline-secondary:hover {
    background: [[second_button_color]] !important;
    color: [[second_button_text_color]] !important;
    border-color: [[second_button_border_color]] !important;
}

/* LINKS */
a {
    color: [[link_color]] !important;
}

/* ALERTS */
.alert-info {
    background: [[info_color]] !important;
    color: [[text_color]] !important;
}

.alert-danger {
    background: [[error_color]] !important;
    color: [[text_color]] !important;
}

.alert-success {
    background: [[success_color]] !important;
    color: [[text_color]] !important;
}

/* ACCENTS */
.accent-1-bg {
    background: [[accent_color_1]] !important;
}

.accent-1-fg {
    color: [[accent_color_1]] !important;
}

.accent-2-bg {
    background: [[accent_color_2]] !important;
}

.accent-2-fg {
    color: [[accent_color_2]] !important;
}

/* FORM */
form {
    background: [[form_field_bg]];
}

.form-control {
    color: [[form_field_fg]];
}

/* FOOTER */
.footer-bg {
    background: [[footer_bg]] !important;
}

/* TEXT */
.ndr-text-fg {
    color: [[text_color]] !important;
}

.ndr-text-fg:hover {
    color: [[accent_color_2]] !important;
}

h1, h2, h3, h4, h5, h6 {
    color: [[title_color]];
}

p {
    color: [[text_color]];
}

/* NAVIGATION */
.nav-link.active {
    color: [[title_color]] !important;
    text-decoration: none;
    font-weight: bold;
}

.nav-link.active:hover {
    text-decoration: none;
}

.nav-link.active:hover {
    text-decoration: underline;
}