@font-face {
    font-family: "Maison Mono Medium";
    src: url("../fonts/Maison Mono Medium.eot");
    src: url("../fonts/Maison Mono Medium.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/Maison Mono Medium.woff2") format("woff2"), 
        url("../fonts/Maison Mono Medium.woff") format("woff"), 
        url("../fonts/Maison Mono Medium.ttf") format("truetype"), 
        url("../fonts/Maison Mono Medium.svg#Maison Mono Medium") format("svg");
}


html, body {
    font-family: 'Maison Mono Medium', sans-serif;
}


.hero-image {
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0px;
}



.pagetitle {
    color: #ffffff !important;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: space-around;
    display: flex;
    float: none;
    vertical-align: middle;
    position: relative;
    top: 35%;
    transform: translateY(-50%);
    text-shadow: 5px 5px 5px #333;
    font-size: calc(20px + (94 - 20) * ((40vw - 1px) / (1500 - 1)));
}

.rijnracedatum {
    color: #ffffff !important;
    
    width: 100%;
    margin: 0 auto;
    
    align-items: center;
    justify-content: space-around;
    display: flex;
    float: none;
    vertical-align: middle;
    position: relative;
    top: 40%;
    transform: translateY(-50%);
    text-shadow: 5px 5px 5px #333;
    font-size: calc(18px + (94 - 18) * ((40vw - 1px) / (1500 - 1)));
}


/* set a max-width for horizontal fluid layout and make it centered */
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px; /* or 950px */
}


.rr{text-align: right;}
.readonly{background-color: gainsboro !important;}


tr th {
    background-color: #198754 !important;
    color: #ffffff !important;
    border: 0 !important;
    font-weight: normal;
}

a {
    color: #874076;
    font-weight: bold; 
}

    a:hover {
        color: #198754;
        font-weight: bold;
    }

     




img {
    border: 0 !important;
}

.bg-paars {
    background-color: #874076 !important;
}
.fg-paars {
    color: #874076 !important;
}

.is-info {
    background-color: #874076 !important;
    color: white !important 
}

.fg-white{color: #ffffff !important ;}
 

.readonly {
    background-color: gainsboro;
}

.navbar-menu, nav.navbar.is-primary {
    background-color: #198754 !important;
    color: #ffffff !important;
}
.navbar-burger {
    background-color: #198754 !important;
    color: #ffffff !important;
}
.navbar-item {
    background-color: #198754 !important;
    color: #ffffff !important;
}

.foxbox{
    color: gainsboro !important ;
}


.is-nowrap {
    white-space: nowrap;
}