
/* MMG KHOEMACAU CYCLE CLASSIC - RED THEME */

:root {
    --mmg-red: #E31B23;
    --mmg-dark: #202A35;
    --mmg-copper: #B87333;
    --mmg-white: #FFFFFF;
}

/* Main header */
.jumbotron .container,
.register-custom-header {
    background-color: var(--mmg-red);
}

/* Navigation */
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: var(--mmg-red);
    border-color: var(--mmg-red);
}

/* Links */
a,
.footer-wrapper a {
    color: var(--mmg-red);
}

a:hover,
.footer-wrapper a:hover {
    color: var(--mmg-dark);
}

/* Sidebar */
.event-group .event-sidebar h3 {
    background: var(--mmg-red);
    border-color: var(--mmg-red);
    color: var(--mmg-white);
}

/* Registration buttons */
.btn-primary {
    background: var(--mmg-red);
    background-image: none;
    border-color: var(--mmg-red);
    color: var(--mmg-white);
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--mmg-dark);
    border-color: var(--mmg-dark);
    color: var(--mmg-white);
}

/* Registration wizard */
.wizard-steps .active-step a {
    background: var(--mmg-red);
}

.wizard-steps .active-step a:before {
    border-top-color: var(--mmg-red);
    border-bottom-color: var(--mmg-red);
}

.wizard-steps .active-step a:after {
    border-left-color: var(--mmg-red);
}

/* Results table */
#resultsTable th {
    background-color: var(--mmg-red);
    color: var(--mmg-white);
}

/* Participant headings */
.participant-container h3 {
    background-color: var(--mmg-red);
    color: var(--mmg-white);
}

/* Registration section headings */
.well.well-white.well-with-header h4 {
    background-color: var(--mmg-red);
    color: var(--mmg-white);
}

/* Standard footer */
#plStandardFooter {
    background-color: var(--mmg-dark);
    color: var(--mmg-white);
}

/* Copper accent */
.event-nav-box .nav-pills > li.active a,
.event-nav-box .nav-pills > li > a:hover {
    border-bottom: 5px solid var(--mmg-copper);
}

/* Header background */
#pnlCustomHeader {
    background-color: var(--mmg-white);
}
