 /*
 Put your custom overlay styles in here
 You can use your northpass color palette in this file

{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/

.red-bar{
    background: red;
}

.red-text,
.red-status{
    color: red;
}

.yellow-bar{
    background: yellow;
}

.yellow-text,
.yellow-status{
    color: yellow;
}

.green-bar{
    background: green;
}

.green-text,
.green-status{
    color: green;
}

.course-duration-lp {
    color: #de352a;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 5px;
}

.text-center {
    text-align: center;
}