/*
    MBO hub colorpalette
*/

.mbo-hub-purple {
    color: #5E3289;
}

.mbo-hub-red {
    color: #E03344;
}

.mbo-hub-blue {
    color: #43B3C4;
}

.mbo-hub-yellow {
    color: #EFBF0D;
}

.mbo-hub-bg-purple {
    background-color: #5E3289;
}

.mbo-hub-bg-red {
    background-color: #E03344;
}

.mbo-hub-bg-blue {
    background-color: #43B3C4;
}

.mbo-hub-bg-yellow {
    background-color: #EFBF0D;
}

/*
    MBO hub fonts
*/
@font-face {
    font-family: 'Gopher';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Gopher-Regular.otf') format("otf"); 
    src: url('../fonts/Gopher-Regular.ttf') format("truetype"); 
}

@font-face {
    font-family: 'GopherBlack';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Gopher-Black.otf') format("otf"); 
    src: url('../fonts/Gopher-Black.ttf') format("truetype"); 
}

.font-gopher {
    font-family: 'Gopher';
}

.font-gopher-black {
    font-family: 'GopherBlack';
}

/*
    MBO hub navigation
*/

.mbo-hub-nav-purple {
    background-color: #5E3289;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 0.5rem;
}

.mbo-hub-nav-red {
    background-color: #E03344;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 0.5rem;
}

.mbo-hub-nav-blue {
    background-color: #43B3C4;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 0.5rem;
}

.mbo-hub-nav-yellow {
    background-color: #EFBF0D;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 0.5rem;
}