@font-face {
    font-family: conference-twist-bold;
    src: url("assets/Fonts/UECLF/ConferenceTwist-Bold.woff2") format("opentype");
}

@font-face {
    font-family: conference-twistblock-bold;
    src: url("assets/Fonts/UECLF/ConferenceTwistBlock-Bold.woff2") format("opentype");
}

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

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

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

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

.ueclf #main-container{
    background: #000
}

.ueclf nav {
    background-color: #000;
    border-bottom: 5px solid #00be14;
}

.ueclf nav h3{
    font-family: 'EN-ExtraBold', 'Arial', sans-serif !important;
}

.ueclf .screen-ctrl.btn.active {
    background-color: #00be14;
    color: #000;
}


.ueclf .screen-ctrl.btn:hover {
    background-color: #00be14;
    color: #000;
    font-weight: 600;
}

.ueclf #viewSelector {
    background-color: #000;
    color: #00be14;
}

.ueclf .gateflow{
    background-color: #161616;
}

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

.ueclf .gf-card{
    background-color: #111;
}

.ueclf .weather .small{
    background-color: #161616;
}

.ueclf .feed-ph{
    background-color: #161616;
}