/* --- Defaults --- */
h2, h3, h4 {
    font-family: "helveticaneueultralight", "Helvetica Neue", sans-serif;
    font-weight:lighter;
}

p {
    font-family: 'Open Sans', sans-serif;
    line-height:18px;
}
body {
    font-family: 'Open Sans', sans-serif;

}
.blok p { text-align: justify; }
article p { text-align:left; }
.info p { text-align: justify; }

.c-wit {
    color:#fff;
}

.c-grijs {
    color:#A6A6A6;
}

.c-liblue {
    color: rgb(137,184,234);
}

.bg-grijs {
    background-color: #b1b3b6;
}
.bg-bruin {
    background-color: rgb(128,107,73);
}
.bg-groen {
    background-color: rgb(136,143,86);
}
.bg-beige {
    background-color: rgb(184,176,156);
}
.bg-liblue {
    background-color: rgb(141,183,226);
}
.bg-paars {
    background-color: rgb(134,33,131);
}
.bg-oranje {
    background-color: rgb(212,171,17)
}
.bg-lichtgrijs {
    background-color: #e6e7e8;
}
.bg-rood {
    background-color: rgb(204,117,41)

}
.margin-top-10 {
    margin-top:10px;
}

.margin-top-20 {
    margin-top:20px;
}

.margin-top-30 {
    margin-top:30px;
}

.margin-top-40 {
    margin-top:40px;
}

.margin-top-50 {
    margin-top:50px;
}

.margin-top-60 {
    margin-top:60px;
}

.margin-top-70 {
    margin-top:70px;
}

.margin-bottom-10 {
    margin-bottom:10px;
}

.margin-bottom-20 {
    margin-bottom:20px;
}

.margin-bottom-30 {
    margin-bottom:30px;
}

.margin-bottom-40 {
    margin-bottom:40px;
}

.margin-bottom-50 {
    margin-bottom:50px;
}

.margin-bottom-60 {
    margin-bottom:60px;
}

.margin-bottom-70 {
    margin-bottom:70px;
}
.padding-top-bot-60 { padding-top: 60px; padding-bottom:60px; }

a.link {
    padding:10px 20px;
    border:2px solid white;
    margin-top:30px;
    display:block;
    width:270px;
    color:white;
    position:relative;
    font-family:'Open Sans', sans-serif;
    font-weight:bold;
    text-shadow:#333 0px 0px 5px;
}

a.link:after {
    content: url('layout/pijlen.png');
    position:absolute;
    right:10px;
    top:10px;
}
a.link-wit { border-color: rgb(135,135,134); color:rgb(135,135,134); width: 400px; text-shadow:none;}


a.link.link-wit:after {
    content: url('layout/pijlengrijs.png') !important;
}
/* --- Header --- */

.logo-container h1 {
    text-align: center;
    margin-top:30px;
}
.top-nav {
    margin-top:30px;
}
.top-nav h2 {
    text-align:right;
    margin-right:50px;
    font-size:18px;
    color: rgb(137,184,234);
    font-weight:bold;
}

/* SLIDER */

.slide-container {
    padding:0 !important;
    position: relative;
}
#dots .slick-dots {
    bottom: 50px;
    right: 20px;
    text-align: right;
}
#dots .slick-dots li button:before {
    font-size:20px;
    color:#ddd;

}

.slide-container img { display:block; }
.slide-container #slider div { position:relative; }
.slide-container h2 { position:absolute; bottom:40px; left:7%; font-size:110px; z-index:70000; color:#fff; line-height:90px;}
.slick-dotted.slick-slider { margin-bottom:0; }
.navbar {
    margin-bottom:0px;
    margin-top:30px;
}
.nav>li>a {
    padding:0px 8px;
    color: #A6A6A6;
    font-weight:bold;
    font-size:16px;
}

.nav>li>a:hover {
    background:none;
    color: rgb(137,184,234);
}
.nav > li {
    border-right: 1px solid rgb(137,184,234);
}

.nav > li:last-child {
    border-right: 0px;
}
.nav > li.active > a { color: rgb(137,184,234);}
#menu-navigatie {
    float:right;
    margin-right:25px;
}

/* ------ FRONTPAGE ------ */
#woordenwolk .caption p {
    line-height: 40px;
}
.caption {
    width:100%;
    text-align:center;
    margin:0 auto;
    padding:60px 0;
    font-size:24px;
    line-height:40px;
    color: rgb(99, 146, 179);
    font-family: 'Open Sans', sans-serif;
}
.caption span {
    font-weight:bold;
}

/** BELEEF **/

#inleiding {
    padding:80px 0;
}

#inleiding h1 {
    color:#fff;
    font-size:78px;
    font-family:'helveticaneueultralight';
}

#inleiding p {
    margin-top:30px;
    color:#fff;
    font-size:14px;
    line-height:30px;
    text-align:justify;
}
#inleiding.bg-wit h1 {
    color: rgb(141,183,226);
}
#inleiding.bg-wit p { color:#9d9fa2; }

#inleiding.bg-bruin h1 {
    font-size:50px;
    line-height:70px;
}

/** BLOKKEN **/
#blokken .blok {
    padding:30px 60px;
    min-height:480px;
    position: relative;
}
#blokken .blok img {  width:100%; }
#blokken .afbeelding-blok { padding:0; margin:0; }
#blokken .blok a.link{
    position: absolute;
    left:60px;
    bottom:30px;

}

#blokken .blok h2 {
    font-size:96px;
    line-height:78px;
    color:#fff;
    text-shadow: #333 0px 0px 10px;
}
#blokken .col { padding:2px; margin:0px; }

.blok p { font-size:22px; color:#fff; line-height:34px; margin-top:55px;}

.blokken-4-rechts .blok { height: 488px; }
/** PRESENTATIE **/

.backstretch {
    padding-top:120px;
    padding-bottom:160px;
}
.backstretch h2 {
    font-size:94px;
    color:#fff;
}
.backstretch p {
    color:#fff;
    line-height:28px;
    text-align:justify;
}
.backstretch a.link{
    position: absolute;
    left:15px;
    bottom:-50px;
    width:95%;
}
#backstretch_kop {
    padding-top:120px;
    padding-bottom:120px;
}
#backstretch_kop h2 {
    font-size:120px;
    color:#fff;
}
#backstretch_kop p {
    color:#fff;
    line-height:28px;
    text-align:justify;
}
#backstretch_kop a.link{
    position: absolute;
    left:15px;
    bottom:-50px;
    width:95%;
}

#backstretch_gecentreerde_kop h2 {
    padding-top: 600px;
    padding-bottom:80px;
    text-align: center;
    font-size:150px;
    text-shadow: 3px 3px 6px rgba(0,0,0,0.6);
    color:#fff;
}
/** AFSPRAAK **/
#afspraak {
    padding-top:60px;
    padding-bottom:60px;
}
#afspraak h2 {
    font-size:70px;
    color:#999;
}
#afspraak p {
    font-size:16px;
    color: rgb(135,135,134);
    line-height: 32px;
}
#afspraak p span {
    font-size:18px;
    color: rgb(109,139,167);
    font-weight:bold;
    /*display:block;*/
    margin-top:20px;

}
#afspraak figure img {
    -webkit-box-shadow: 2px 1px 5px 2px rgba(153,153,153,0.5);
    -moz-box-shadow: 2px 1px 5px 2px rgba(153,153,153,0.5);
    box-shadow: 2px 1px 5px 2px rgba(153,153,153,0.5);
}
#afspraak figcaption {
    margin-top:30px;
    font-size:16px;
    color:#9d9fa2;
}
/** --- END FRONTPAGE --- **/


/** --- BOUW EN BEREIKBAARHEID --- **/
#bouwintro {
    padding:80px 0;
}
#bouwintro h2 {
    color:#fff;
    font-size:78px;
}
#bouwintro p {
    margin-top:30px;
    color:#fff;
    font-size:14px;
    line-height:30px;
    text-align:justify;
}

/** --- END BOUW & BEREIKBAARHEID --- **/



/** --- WIND & WATER --- **/
#waterintro {
    padding:80px 0;
}
#waterintro h2 {
    color:#fff;
    font-size:78px;
}
#waterintro p {
    margin-top:30px;
    color:#fff;
    font-size:14px;
    line-height:30px;
    text-align:justify;
}
#weerblokken h2 { font-size:70px; color:#fff; }
#weerblokken p { line-height:30px; color:#fff; font-size:14px;}
#weerblokken .bovenblok { margin-bottom:4px; position:relative; }
#weerblokken .videoblok { text-align: center; display:block; transition: all 1s; }
#weerblokken .videoblok img { width:100%; display:block; transition: all 1s;}
#weerblokken .videoblok .play-icon {
    width:50px;
    position:absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}
#weerblokken .videoblok:hover img:not(.play-icon) {
    -webkit-filter: hue-rotate(120deg) blur(1px); /* Chrome, Safari, Opera */
    filter: hue-rotate(120deg) blur(1px);
}
#weerblokken .bovenblok { min-height: 472px; }
#weerblokken .onderblok { min-height: 472px; }
#weerblokken p { margin: 0; }
#weerblokken .info {
    padding:10%;
}
#weerblokken .info.one-column {
    padding:64px;
    min-height:476px;
}
.info.bg-wit h2 {
    color: rgb(128,107,73) !important;
}
.info.bg-wit p {
    color:#9d9fa2 !important;
}
#weerblokken .weerbericht { text-align:center; }
#weerblokken .weerbericht iframe { margin:0 auto; margin-top:5%; margin-bottom:5%; }

#weerblokken > .container-fluid > .row { margin-top: 3px; margin-bottom:3px; }
/** --- END WIND & WATER --- **/


/** --- BANEN & ECONOMIE --- **/
#verhaal {
    padding-top:140px;
    padding-bottom:180px;
}
#verhaal h2 {
    font-size:94px;
    color:#fff;
    margin-bottom:70px;
}
#verhaal p {
    color:#fff;
    line-height:28px;
    text-align:justify;
}
#verhaal a.link{
    position: absolute;
    left:15px;
    bottom:-50px;
    width:95%;
}


/** -- ARTIKELEN -- **/
.artikel-container {
    background-color:#e6e7e8;
    padding-top:45px;
    padding-bottom:45px;
    border-bottom:1px solid #999;
}
.artikel-container.bg-wit {
    background-color:#fff;

}
.artikel-container.bg-lichtgrijs {
    background-color:#e6e7e8;
}
.artikel-container h2 {
    color:#b1b3b6;
    font-size:90px;
    margin-top:0;

}
.artikel-container h3 {
    color:#999;
    margin:0;
    font-weight:normal;
}
.artikel-container h4 {
    margin-top:20px;
    margin-bottom:5px;
    font-size:28px;

}
.artikel-container p {
    line-height:26px;
    color:rgb(135,135,134);
}
.artikel-container.foto-links-onder img {
    margin-top:15px;
}
.artikel-container.foto-links-en-rechtsonder img:not(:nth-child(1)){
    margin-top:20px;
}

.artikel-container ol {
    color:rgb(135,135,134);
    list-style-position: outside;
}
.artikel-container ol li {
    margin-bottom:15px;
}
.artikel-container ul {
    color:rgb(135,135,134);
    list-style-position: outside;
    padding-left:17px;
}
.artikel-container ul li {
    margin-bottom:15px;
}

em.quote {
    display:block;
    background:rgb(141,183,226);
    padding:20px;
    color:white;
}
em.quote strong {
    font-size:20px;
}
em.quote a {
    display:block;
    background:white;
    padding:5px;
    padding-left:15px;
    margin-top:15px;
    margin-bottom:0;
}
.contact-header {
    padding-top:100px;
    padding-bottom:80px;
}
.contact-header h2 {
    color:white;
    font-size:50px;
    margin-bottom:0;
}
.contact-header h3 {
    color:white;
    margin-top:15px;
}

.contact-header p {
    color:white;
    line-height:30px;
    margin-top:20px;
}
.contact-header a {
    color:white;
    text-decoration: underline;
}


/** FOOTER **/

footer {
    padding-top:30px;
    padding-bottom:30px;
    background: #e6e7e8;
    color:#b1b3b6;
    border-top:2px solid #999;
}

footer p {
    line-height:30px;
}

.navbar-toggle {
    float:left;
}
.navbar-toggle:hover {cursor: pointer}
.navbar-toggle .icon-bar {background-color: #bfd9ef}
.slick-list.draggable {height: 100% !important}
body {overflow-x: hidden}

.padding-0 {padding: 0}
.padding-20 { padding:20px; }
#homeblokken {
    margin-top:30px;
}
.homeblok {
    padding:50px;
    height:570px;
}
.homeblok h2 {
    color:white;
    font-size:40px;
    margin-top:0;
}

.homeblok p {
    color:white;
    line-height:30px;
}

.tekst_2_kolommen {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom:1px solid rgb(135,135,134);
}
.tekst_2_kolommen p {
    line-height:30px;
    text-align: justify;
}
.tekst_2_kolommen h2 {
    text-align:center;
    font-size:50px;
}
.tekst_2_kolommen a.link { border-color: rgb(135,135,134); color:rgb(135,135,134); width: 400px; text-shadow:none;}
.tekst_2_kolommen a.link:after {
    content: url(<?=get_template_directory_uri()?>'/layout/pijlengrijs.png') !important;
}
.cijferskolommen {
    background:rgb(204,117,41);
}
.cijferskolommen h2 {
    text-align:right;
    color:white;
    font-size:60px;
}
.cijferskolommen ul {
    line-height:36px;
    font-size:16px;
    color:white;
}
.cijferskolommen ul li {
    margin-bottom:20px;
    text-align:justify;
}
.cijferskolommen p strong {
    font-size:18px;
}
.cijferskolommen ul { padding-left:10px; color:white; }

.has-success .form-control-feedback {
    color: rgb(136,143,86);
    right:-7px;
    background:white;
    border-radius:5px;
    width:20px;
    border: 1px solid rgb(136,143,86);
}
.has-error .form-control-feedback {
    right: -7px;
    background: white;
    border-radius: 5px;
    width: 20px;
    border: 1px solid #a94442;

}
.bg-success {
    background-color:rgb(136,143,86);
}



.loginbox {
    border-radius:15px;
    border:1px solid grey;
    height:375px;
    background:rgba(30,30,30,0.50);
    padding:30px
}

.faq_box {
    padding:20px;
    border-radius:5px;
}
.faq_box.bg-bruin, .faq_box.bg-paars {
    color:white;
}
.faq_box.bg-bruin p, .faq_box.bg-paars p {
    color:#333;
}
.faq_box h2 {
    margin-top:0;
}