/* 
Kleuren

Donkerblauw:    #0D1F2D
Donkergroen:    #495F41
Okergeel:       #F5A614

*/


html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}
body {
    margin-bottom: 40px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #F5A614;
    border-top: 1px solid white;
    
}

span.subtle {
    color: gray;
    font-style: italic;
}

.container > p.SVR-footertext {
    margin: 10px 0;
    color: white;
    font-size: 0.9em;
}

.SVR-topmenu li > a {
    line-height: 30px;
}

.SVR-navbarlogo {
    opacity: 0;
    margin-top: 5px;
    transition: all 1s;
    padding: 5px 20px !important;
}
.SVR-navbarlogo-scroll {
    opacity: 1 !important;
}

.fadeIn {
    opacity: 0;
    transition: opacity 0.5s;
}
.fadedIn {
    opacity: 1 !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    /*background-image: -webkit-linear-gradient(top,#dbdbdb 0,#F5A614 100%);
    background-image: -o-linear-gradient(top,#dbdbdb 0,#F5A614 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#F5A614));
    background-image: linear-gradient(to bottom,#dbdbdb 0,#F5A614 100%);*/
}
h1 {
    text-shadow: black 1px 2px 0.1em;
}
@media (max-width: @screen-xs) {
    h1.block{font-size: 24px !important;}
}

@media (max-width: @screen-sm) {
    h1.block{font-size: 36px !important;}
}


.main-bg {
    background-color: #0D1F2D;
    background-image: url("img/main bg.jpg");
    padding: 60px 15px 0;
    overflow: hidden;
    background-size: auto 110%;
    background-position: center center;
    /*transition: all 30s ease-in-out;*/
}

/*
.main-blocks {
    width: 100%;
    position : absolute;
    bottom   : 0;
}*/

.main-block-colour {
    border-radius: 5px;
    background-color: #F5A614;
    padding: 15px;
    color: white;
    margin-bottom: 30px;
}

div.center {
    text-align: center;
}

div.stemacteur {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 50vh;
    border-top: 1px solid white;
    background-color: #0D1F2D;
    color: white;
}

div.presentator {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 50vh;
    border-top: 1px solid white;
    background-color: #9EA3B0;
   color: white;
}

div.overrobbert {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 50vh;
    border-top: 1px solid white;
    background-color: #F5A614;
    color: white;
}

img.robbert {
    max-width: 300px;
    width: 30%;
    margin: 20px 40px;
    float: left;
}

.is-invalid { 
    border: 2px solid red;
}

img.main-logo {
    width: 100%;
    margin: 50px 0px;
}

img.nav-logo {
    display: block;
    height: 100%;
}

#carousel {
    display: block;
    width: 100%;
}