body {
    background-color: #fafafa;
}

.navbar {
    background-color: #0D1921;
}

.hero.is-leids {
    background-color: #D62410;
    color: #fff;
}

.is-leids h1, 
.is-leids h2,
.is-leids .subtitle {
    color: #fff;
}


.logo {
    width: 7.5rem;
    height: auto;   
}

.orderCta {
    position: fixed;
    right: 2rem;
    top: 1rem;
}

td.column-opvragen {
    text-align: center; 
    vertical-align: middle;   
}

tr .row-checked {
    font-size: 2.4em;
    visibility: hidden;
}

tr.is-selected .row-checked {
    visibility: visible;
}

tr:hover {
    cursor: pointer;
}


/* MAP */

#map {
    height: 420px;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform !important;
    }


.pageloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f73e49;
    z-index: 999998;
    transition: transform .35s ease-out;
    transform: translateY(-100%);
    will-change: transform;
}

.pageloader::before {
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    animation: d 1.5s infinite ease-in;
}
.pageloader::after, .pageloader::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border-radius: 100%;
    content: "";
    z-index: 999999;
}

.pageloader::after {
    margin-top: -100px;
    margin-left: -100px;
    width: 200px;
    height: 200px;
    background-color: hsla(0,0%,100%,.5);
    border: 3px solid hsla(0,0%,100%,.75);
    animation: c 1.5s infinite ease-out;
}

.infraloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: -1;
    opacity: 0;
    transition: opacity .35s;
}