/* base tags */
body {
    font-family: Verdana, sans-serif;
    margin:0;
    background-color: #323339 !important;
}

img {
    vertical-align: middle;
    border-radius: 10px;
}

h1 { 
    color: #111; 
    font-family: 'Helvetica Neue', sans-serif; 
    font-size: 275px; 
    font-weight: bold; 
    letter-spacing: -1px; 
    line-height: 1;
}

h2 { 
    color: #111; 
    font-family: 'Open Sans', sans-serif; 
    font-size: 22px !important; 
    line-height: 32px !important; 
    font-weight: bold !important; 
    margin: 0 0 20px;
}

footer {
    font-size: 11px;
    background-color: #323339;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

nav {
    background-color: #323339;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

nav a {
    color: #F6F4F2 !important;
    font-size: initial;
}

a {
    color: #696969 !important;
    font-size: large;
}

li {
    font-size: large;
    padding-bottom: 5px;
    text-align: left;
}

nav li {
    padding-bottom: 0px;
}

iframe {
    border-radius: 10px;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

p {
    text-align: left;
    font-size: large;
    color: #111;
    line-height: 1.6;
}

/* card for address */
.card {
    margin: 1rem 0;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

.card-body {
    font-size: 16.5px;
}

/* Containers */
.divContainer {
    padding: 5rem 0;
}

.divContainer1 {
    background-color: #F6F4F2;
}

.divContainer2 {
    background-color: #D7CEC7;
}

.divContainer3 {
    background-color: #C6AD8F;
}

/* Parallax */
.captionParallax {
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    text-align: center;
    color: #000;
}

.captionParallax span {
    background-color: #D7CEC7;
    color: #323339;
    padding: 15px;
    letter-spacing: 7px;
    font: 400 18px/50px "Lato", sans-serif !important;
    border-radius: 10px;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

.parallax {
    /* The image used */
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20173%22%3E%3Cfilter%20id%3D%22prefix__a%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%3E%3C%2FfeGaussianBlur%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23323c4c%22%3E%3C%2Frect%3E%3Cg%20filter%3D%22url(%23prefix__a)%22%3E%3Cg%20fill-opacity%3D%22.5%22%20transform%3D%22translate(.6%20.6)%20scale(1.17188)%22%3E%3Cellipse%20cx%3D%22124%22%20cy%3D%22107%22%20fill%3D%22%23feffff%22%20rx%3D%22255%22%20ry%3D%2264%22%3E%3C%2Fellipse%3E%3Cellipse%20cx%3D%22145%22%20cy%3D%2298%22%20fill%3D%22%239bf8fc%22%20rx%3D%22255%22%20ry%3D%2253%22%3E%3C%2Fellipse%3E%3Cellipse%20cx%3D%22132%22%20cy%3D%2218%22%20fill%3D%22%23091419%22%20rx%3D%22254%22%20ry%3D%2229%22%3E%3C%2Fellipse%3E%3Cpath%20fill%3D%22%237f9fac%22%20d%3D%22m267.7%2060.4-14.8-16.1-77.7.1-58.7%2011.9z%22%3E%3C%2Fpath%3E%3Ccircle%20r%3D%221%22%20fill%3D%22%23a8dbe8%22%20transform%3D%22matrix(-.37483%20-11.4049%2045.0964%20-1.48212%2018.3%2056.8)%22%3E%3C%2Fcircle%3E%3Cellipse%20cx%3D%22137%22%20cy%3D%2233%22%20fill%3D%22%233e5057%22%20rx%3D%22159%22%20ry%3D%227%22%3E%3C%2Fellipse%3E%3Cpath%20fill%3D%22%2373939e%22%20d%3D%22M0%2086h114L44%2067z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%239cd3d7%22%20d%3D%22M255.4%20162%20271%2047.9l-48.4-1.4L17.9%20147.2z%22%3E%3C%2Fpath%3E%3Cellipse%20cx%3D%2239%22%20cy%3D%228%22%20fill%3D%22%230f1120%22%20rx%3D%22177%22%20ry%3D%2217%22%3E%3C%2Fellipse%3E%3Cpath%20fill%3D%22%23758a9a%22%20d%3D%22M111%2052h135v5H111z%22%3E%3C%2Fpath%3E%3Ccircle%20r%3D%221%22%20fill%3D%22%23a5d1d6%22%20transform%3D%22matrix(21.02%20.12281%20-.56298%2096.35769%203.8%20141)%22%3E%3C%2Fcircle%3E%3Cpath%20fill%3D%22%2307151e%22%20d%3D%22M40%2039h110v6H40z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23528183%22%20d%3D%22M0%2045h92v3H0z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23617882%22%20d%3D%22m227.8%2041.1%2011.3-5.3%208.7-6.2-8.4-2.8z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23a2d1df%22%20d%3D%22M0%2048h100v21H0z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2381a7b0%22%20d%3D%22M6%2071h63v18H6z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23a2d5dc%22%20d%3D%22M1%2077h88v5H1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23b4c6ce%22%20d%3D%22m120.4%2038.4-1%20.1-1.8-12.9%201-.1z%22%3E%3C%2Fpath%3E%3Cellipse%20cx%3D%22204%22%20cy%3D%2242%22%20fill%3D%22%230b1920%22%20rx%3D%2273%22%20ry%3D%223%22%3E%3C%2Fellipse%3E%3Cpath%20fill%3D%22%23add8e3%22%20d%3D%22M143%2048h113v3H143z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2352666e%22%20d%3D%22M132%2031h69v4h-69z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23050f18%22%20d%3D%22M150%2033h11v12h-11z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%230f1724%22%20d%3D%22m183.3%2019.2%209.7%2020.4%201.8-21.8-27%2020.7z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2319202e%22%20d%3D%22M203%200h19v43h-19z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23788f95%22%20d%3D%22m59%2038-7-1%2012-12z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  
    /* Set a specific height */
    min-height: 550px; 
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Modal */
.modal-content {
    background-color: #F6F4F2 !important;
    border-radius: 10px !important;
}


/* Links */
.telLink {
    font-weight: bold;
}

.cleanLink {
    color: inherit;
    text-decoration: inherit;
}

.smallLink {
    font-size: inherit;
}

.nav-link {
    border-radius: 10px;
}

.nav-link:hover {
    background-color: #D7CEC7 !important;
    border-radius: 10px;
    color: #323339 !important;
}

/* images */
.imgSlides {
    width: 45rem; 
    height: 35rem; 
    object-fit: cover;
    object-position: 50% 50%;
}

.profilePic {
    display: block;
    width: 75%;
    border-radius: 50%;
    margin: 20px auto;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

/* Align */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* News list */
#newsTabs {
    max-height: 25rem;
    overflow: scroll;
}

#newsTabs::-webkit-scrollbar {
  display: none;
}

#nav-tabContent .articleText {
    max-height: 25rem;
    overflow: scroll;
}

#nav-tabContent .articleText::-webkit-scrollbar {
  display: none;
}

.list-group {
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    border-radius: 10px !important;
}

.list-group-item {
    color: #D7CEC7 !important;
    background-color: #323339 !important;
    border-color: #6c757d!important;
}

.list-group-item.active {
    z-index: 2;
    color: #323339 !important;
    background-color: #D7CEC7 !important;
    border-color: #D7CEC7 !important;
}

.articleText {
    text-align: left;
    font-size: large;
    color: #111;
    line-height: 1.6;
}

.articleSubTitle {
    padding: 20px 0 10px 0;
}

.tab-pane a {
    padding-top: 20px;
}

/* ID's*/
#newsButton {
    position:fixed;
	width:60px;
	height:60px;
	bottom:50px;
	left:50px;
	background-color: #323339;
    color: #F6F4F2 !important;
	border-radius:50px;
    z-index: 3;
    border: none;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

#cookies {
    float: right;
}

#carouselCaptions {
    margin-bottom: 50px;
}

.carousel-inner {
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    border-radius: 10px;
}

/* Media */
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

@media only screen and (max-width: 520px) {
    #cookies {
        float: inherit;
    }

    footer {
        text-align: center;
    }
}

@media only screen and (max-width: 991px) {
    .captionParallax {
        display: none;
    }

    .parallax {
        display: none;
    }

    #nieuws {
        padding-top: 6rem;
    }

    #newsContent {
        width: 100%;
    }

    #newsButton {
        left: 40px;
        bottom: 40px;
    }

    #newsList {
        padding: 1rem 1rem 2rem 1rem;
        width: 100%;
    }

    #artsen .col {
        width: 50%;
        flex: 0 0 auto;
        padding-bottom: 20px;
    }

    #afspraken .row {
        flex-direction: column;
    }

    #afspraken .col {
        padding-bottom: 20px;
    }

    #contact .row {
        flex-direction: column;
    }
}