:root {

    /* PROJECT MAIN COLORS */
    --primary: #012F4A; /* dark denim blue */
    --primary-sui: #012F4A; /* dark denim blue */
}

/* --------------------------------------------- */
/* ================== BANNER =================== */
/* --------------------------------------------- */

/* Background color behind system banner */
#navHeaderMain {
    background-color: #051129;
}

/* Event info bar */
.event-info-bar {
    background: linear-gradient(to right, #012F4A, #420517) !important;
}

/* --------------------------------------------- */
/* ================ BACKGROUND ================= */
/* --------------------------------------------- */

/* Custom background */
body {
    background-image: url('../../images/bg/624_desktop.jpg');
    background-size: 100% 100%;
    background-attachment: fixed;

}

/* Footer */
footer {
    background: linear-gradient(to right, #020202, #3E3E3E) !important;
}

/* --------------------------------------------- */
/* ========= MISCELLANEOUS ADJUSTMENTS ========= */
/* --------------------------------------------- */


/* Step Icons */
.step-item.active .step-num {
    background-color: #7D1421 !important;
    border-color: #7D1421 !important;
}

/* Step texts */
.step-item.active  {
        color: #420517 !important;
    }