.post-detail__thumb figure {
  background: white;
}

.landing-block__logo {
  margin-top: 0px;
}

a.portfolio-preview__item.schetsen {
}

.portfolio-preview__item.schetsen .portfolio-preview__caption {
}

.modal {
  display: none;
  position: fixed;
  z-index: 100;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

.modal .thumbnails {
  display: grid;
  grid-template-columns: repeat(auto-fill, 150px);
  grid-gap: 15px;
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Diensten pagina extra CSS */
.box {
  clear: both;
}

.box p.highlight {
  background: #fafafa;
  margin: 30px -15px;
  padding-top: 25px;
  padding-bottom: 35px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: bold;
}

/* projecten extra css */
.author-block .wp-block-button a {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .mobile-back-btn {
    display: none;
  }

  .post-detail__content {
    padding: 377px 100px 0 85px;
  }

  .post-detail__thumb {
    height: 377px;
  }

  .banner,
  .sub-page .feature-img {
    max-height: 647px;
  }
}

@media (min-width: 992px) {
  .post-detail__content {
    padding: 491px 100px 0 85px;
  }

  .post-detail__thumb {
    height: 491px;
  }
}

@media (min-width: 1400px) {
  .sidebar {
    max-width: calc((100% - 450px) / 2);
    margin-left: 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 450px) / 2);
    flex: 0 0 calc((100% - 450px) / 2);
  }

  .post-detail__content {
    padding: 653px 100px 0 85px;
  }

  .post-detail__thumb {
    width: 930px;
    height: 653px;
  }

  .container-fluid {
    max-width: 1400px;
  }
}

@media (min-width: 1900px) {
  .banner,
  .sub-page .feature-img {
    background: #00addc;
  }

  .theme-green .banner,
  .theme-green .sub-page .feature-img {
    text-align: right;
    background: #bacd00;
  }

  .banner img,
  .sub-page .feature-img img {
    width: inherit;
  }
}

#gform_wrapper_4 .gform_footer,
#gform_wrapper_3 .gform_footer {
  position: relative;
  padding-left: 0;
  left: 0;
  margin-top: 28px;
}

.news-overview__caption {
  opacity: 1;
}

.preview-block.blue .preview-block__content {
  background-color: #00addc;
}
.preview-block.green .preview-block__content {
  background-color: #bacd01;
}
.preview-block.orange .preview-block__content {
  background-color: #fdb914;
}

@media (min-width: 1470px) {
  .footer__right {
    padding-bottom: 0px !important;
  }
}

/***
Pop up btn */
a.btn-sticky {
  z-index: 100;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 220px;
  height: 60px;
  padding: 10px 15px;
  background: orange;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px 0 0 0;
}
a.btn-sticky.hold{
  position:absolute;
}
span.text {
  color: #fff;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.25;
}
@media (max-width: 992px) {
  span.hide_mobile {
    display: none;
  }
  #wrapper{
    position: relative;
  }
}

@media (min-width: 768px) {
  .footer__right {
    padding: 25px 6px 20px !important;
  }
}

.landing-block__inner::after{
    border-top: 0px;
    border-bottom: 0px;
}

.landing-block::before{
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 2918.2 1423.1' style='enable-background:new 0 0 2918.2 1423.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23D4D4D4;stroke-linecap:round;stroke-linejoin:round;%7D .st1%7Bfill:none;stroke:%23D4D4D4;%7D .st2%7Bfill:none;stroke:%23D4D4D4;stroke-width:1.2269;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg id='Studio-S3-project'%3E%3Cg id='Desktop-HD-Introscherm-1'%3E%3Cg id='Group-2' transform='translate(0.000000, -0.358209)'%3E%3Cg id='Group-3'%3E%3Cpath id='Stroke-1' class='st0' d='M2037.3,1566c-6.6-13.4-16.3-28.4-22.4-38.6l-100.2-173.1l-201.8-348.6l-18-31l-111.5-192.5 L1445.1,543l-12-20.7c-24.8,12.2-48.1,27.3-68.9,41.2c-13.5,8.8-35.3,25.7-51.6,50.3c-7.3,11-29.6,47.7-29.6,89.7 c0,67.5,22.6,124.6,56.4,181.8l99,171l201.7,348.7l18,31l111.4,192.6l138.4,239.1l12,20.7c24.9-12.2,48.9-26.8,69.8-41 c13.1-9.1,26.9-19.7,37.6-31.3c26.5-28.6,42.8-66.8,42.8-108.9C2070,1656.5,2058.2,1608.6,2037.3,1566z'/%3E%3Ccircle id='Oval-Copy-3' class='st1' cx='1765.5' cy='667.9' r='131.5'/%3E%3Cpath class='st0' d='M1684,2.4v1426'/%3E%3Cpath id='Stroke-15' class='st0' d='M1634,2.4v1426'/%3E%3Cpath id='Stroke-17' class='st0' d='M1282.5,2.4v1426'/%3E%3Cpath id='Stroke-19' class='st0' d='M1233,2.4v1426'/%3E%3Cpath id='Stroke-21' class='st0' d='M1458.5,1428.4V2.4'/%3E%3Cpath id='Stroke-3' class='st2' d='M2918.2,886.9H-2.2'/%3E%3Cpath id='Stroke-3-Copy' class='st2' d='M2918.2,537.4H-2.2'/%3E%3Cpath id='Stroke-3-Copy-2' class='st2' d='M2918.2,711.9H-2.2'/%3E%3Ccircle id='Oval' class='st1' cx='1458.5' cy='711.9' r='175.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.quotes-block__slider-item p {
  color: #404041;

  
}

p.vision-block__title {
  font-size: 1.9375rem;
  line-height: calc(39 / 31);
  font-family: "Lora", Arial;
  width: 64%;
}
@media(max-width:768px){
  p.vision-block__title {
      width: 100%;
  }
}
.vision-block__list p {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
}

.vision-block__list span {color: #fff;font-size: 3.0625rem;margin: 1rem 0rem;max-width: 80px;}

.vision-block__list span::before {
  width: 10px;
  height: 10px;
}

p.our-design-block__desc {
  color: #fff;
}

.landing-block__top{
  background-position: center center;
  background-size: cover;
}
.landing-block__bottom{
  background-position: center center;
  background-size: cover;
}
.banner__content banner__content-right h1 strong{
  margin-top:0px;
}

.banner__content h1 strong{
  margin-top:0px;
}