@font-face {
    font-family: et-block-bold;
    src: url("assets/Fonts/UELF/EuropaTitleBlock-Bold.woff2") format("opentype");
}

@font-face {
    font-family: et-bold;
    src: url("assets/Fonts/UELF/EuropaTitle-Bold.woff2") format("opentype");
}

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

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

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

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

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

.uelf nav {
    background-color: #000;
    border-bottom: 5px solid #ff6900;
}

.uelf nav h3{
    font-family: 'et-bold', 'Arial', sans-serif !important;
}

.uelf .screen-ctrl.btn.active {
    background-color: #ff6900;
    color: #000;
}


.uelf .screen-ctrl.btn:hover {
    background-color: #ff6900;
    color: #000;
    font-weight: 600;
}

.uelf #viewSelector {
    background-color: #000;
    color: #ff6900;
}

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

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

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

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

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