@font-face {
    font-family: cd-reg;
    src: url("assets/Fonts/UCLF/ChampionsDisplayLTN-Regular.woff2") format("opentype");
}

@font-face {
    font-family: cd-italic;
    src: url("assets/Fonts/UCLF/ChampionsDisplayLTN-Ritalic.woff2") format("opentype");
}

@font-face {
    font-family: EN-Regular;
    src: url("assets/Fonts/UECLF/") format("opentype");
}

@font-face {
    font-family: EN-Bold;
    src: url("assets/Fonts/UECLF/") format("opentype");
}

@font-face {
    font-family: EN-ExtraBold;
    src: url("assets/Fonts/UECLF/") format("opentype");
}

.uclf{
    font-family: 'EN-Regular', 'Arial', sans-serif !important;
}

.uclf #main-container{
    background: #010056
}

.uclf nav {
    background-color: #010056;
    border-bottom: 5px solid #0232ff;
}

.uclf nav h3{
    font-family: 'cd-reg', 'Arial', sans-serif !important;
}

.uclf .screen-ctrl.btn.active {
    background-color: #16d9ab;
    color: #010056;
}


.uclf .screen-ctrl.btn:hover {
    background-color: #16d9ab;
    color: #010056;
    font-weight: 600;
}

.uclf #viewSelector {
    background-color: #010056;
    color: #fff;
}

.uclf .gateflow{
    background-color: #000029;
}

.uclf .screen-title{
    background-color: rgb(1 0 86 / 35%);
}

.uclf .gf-card{
    background-color: #00003d;
}

.uclf .weather .small{
    background-color: #000029;
}

.uclf .feed-ph{
    background-color: #000029;
}