body{
    /*font-family: 'Source Sans Pro', sans-serif;*/
}
p {
    font-size: 21px;
    font-weight: 300;
}

a{
    font-weight:500;
}

h1, h2, h3, h4, h5, h6, a {
    color: #1E6FB6;
}


h2 { font-weight: 600;}


/*.collapse.navbar {
    background-color: #1E6FB6;
    padding-bottom: 50px;
    margin-top: 20px;
    padding-right: 15px;
}*/

#LogoMSWhite {
    height: 70px;
    margin-top: 20px;
}

.bg-img {
    /* The image used */
    background-image: url("../images/achtergrondafbeelding.png");

    min-height: 380px;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    /* Needed to position the navbar */
    position: relative;
}

.btn-icon{
    padding-left: 42px;
    padding-right: 22px;
}

/* Position the navbar container inside the image */
.container.nav-container {
/*
    position: absolute;
    margin: 20px;
    width: auto;
    */
}

.navbar {
    font-size: 18px;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}

.navbar-dark .navbar-nav .nav-link:hover {
/*    color: #71AD49;
    font-weight: 600;*/
}


.navbar-nav > li{
    margin-left:15px;
    margin-right:15px;
}

#ContactBtn {
    margin-left:15px;

}


.custom-toggler.navbar-toggler {
    border-color: rgb(255,255,255);
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.jb-homepage{
    background-color: transparent;
}

@media (min-width: 576px) {
    .jb-homepage {
        padding: 25px 15px 25px 15px;
    }
}

.my-4 {
    border-top: 1px solid rgba(255,255,255,.6)
}

.display-4 {
    line-height: 61px;
}


.filter-color-blue {
    background: rgba(30, 111, 182, 0.8);
    height: 100%;
    right: 0;
    top: 0;
    left: 0;
    min-height: 380px;

}


.bg-blue{
    background-color: #1E6FB6;
}



.bottom-align-text {
    position: absolute;
    bottom: 0;
    left: 0;

    float: left;
}

.btn-primary {
    color: #fff;
    background-color: #1E6FB6;
    border-color: #1E6FB6;
}

.my-auto{
    margin-left: auto!important;
    margin-right: auto!important;
}

.btn-wide{
    padding-left: 42px;
    padding-right: 42px;
}


@media (max-width: 575px) {
    .row-even {
        background-color: #ffffff;
    }
    .row-odd {
        background-color: #E2EDF7;
    }
    .justify-content-md-center {

        justify-content: left!important;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
    }
}

@media (max-width: 991px) {
    .collapsed-nav {
        background: #1E6FB6;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 9px;
        border: 1px white solid;
        border-radius: 10px;
    }
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .row-even {
        background-color: #ffffff;
    }
    .row-odd {
        background-color: #E2EDF7;
    }

    .justify-content-md-center {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: left!important;
        padding-right: 15px;
        padding-left: 15px;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .row-even {
        background-color: #ffffff;
    }
    .row-odd {
        background-color: #ffffff;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .row-even {
        background-color: #ffffff;
    }
    .row-odd {
        background-color: #ffffff;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .cust-offset-2 {
        margin-left: 16.666667%;
    }
    .row-even {
        background-color: #ffffff;
    }
    .row-odd {
        background-color: #ffffff;
    }
}


/* FAQ pagina ===================================================================================================== */
/* Style the button that is used to open and close the collapsible content */
.faq-parent{
    overflow: hidden;
    position: relative;
    width: 100%;
}


.btn-link{
    color: #1E6FB6;
    font-size: 18px;
}
.btn-faq{
    font-weight: 400;
    color: #1E6FB6;
    background-color: transparent;
}
.i-faq{
    color: #1E6FB6;
    font-size: 14px;
}

.card{
    margin-bottom: 4px;
}

.card-header{
    background-color: white;
    margin-bottom: 5px;
}

.card-body, .card-body > p{
    font-size: 18px;
}
.faq-bold{
    font-weight: 600;
}
.faq-italic{
    font-style: italic;
}