html {
  font-size: 18px;
}
body{
  --primary: #333333;
  --primary-light: #404040;
  --secondary: #605F5D;
  --secondary-light: #777571;
  --light-color: #ffffff;
  --font: futura-pt, sans-serif;
  font-family: var(--font);
}
.u-body{
  color: var(--light-color);
}
main > section.u-sheet + section.u-section-9{
  margin-top: 5rem;
}
main > section.u-section-9 + section.u-sheet + section.u-section-9{
  margin-top: 0;
}
a {
  font-family: var(--font);
  color: var(--light-color);
}
p a {
  font-family: var(--font);
  color: var(--light-color);
  text-decoration: underline;
  opacity: 1;
  transition: all .3s ease;
}
p a:hover{
  color: var(--light-color);
  opacity: .6;
  text-decoration: none;
}
body.home main{
  background: linear-gradient(0deg, rgba(96,95,93,1) 0%, rgba(51,51,51,1) 100%);
  display: grid;
}
main{
  background: linear-gradient(0deg, rgba(96,95,93,1) 0%, rgba(42,42,42,1) 100%);
  display: grid;
}
.wp-block-columns{
  color: var(--light-color);
}
.wp-block-button__link{
  background-color: transparent;
  padding: 0;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: var(--font);
  display: inline-flex;
  align-items: center;
  text-transform: lowercase;
}
.wp-block-button__link::after {
  content: '';
  background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-right-white-small.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: block;
  margin-left: 1rem;
  margin-right: 0;
  transition: all .3s ease;
}
.wp-block-button__link:hover::after {
  margin-left: 1.5rem;
  margin-right: -.5rem;
}
.w-33{
  width: 33.3333%;
}
.text-right{
  text-align: right;
}
.u-body,
.u-custom-font,
.u-header .u-nav-1,
p:not(.u-text-variant){
  font-family: var(--font);
}
h1,h2,h3,h4,h5,h6{
  font-family: var(--font) !important;
}
h1,
h1:not(.u-title),
h2:not(.u-subtitle),
.h2{
  /* font-size: 2.25rem; */
  font-size: 1.8rem;
  letter-spacing: 1px;
  text-transform: lowercase;
}
.u-btn-2{
  color: var(--light-color) !important;
  font-family: var(--font) !important;
  letter-spacing: 1px;
  font-size: 1.1rem;
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 auto !important;
}
.u-btn-2::after{
  content: '';
  background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-right-white-small.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: block;
  margin-left: 1rem;
  margin-right: 0;
  transition: all .3s ease;
}
.u-btn-2:hover::after{
  margin-right: -.5rem;
  margin-left: 1.5rem;
}
.flex-right{
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}
.nav-links{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.nav-links .nav-previous,
.nav-links .nav-next{
  font-family: var(--font);
  text-transform: lowercase;
  letter-spacing: 1px;
  font-size: 1.1rem;
  margin-top: 2rem;
  display: grid;
}
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover{
  color: #ffffff;
}
.nav-links .nav-next{
  justify-self: end;
}
.nav-links .nav-previous p::before{
  content: '';
  background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-right-white-small.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: block;
  margin-right: 1rem;
  transform: rotate(180deg);
  display: inline-flex;
}
.nav-links .nav-next p::after{
  content: '';
  background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-right-white-small.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: block;
  margin-left: 1rem;
}
.nav-links .meta-nav {
  display: flex;
  align-items: center;
}
.single-post .wp-post-image {
  width: 100%;
  height: 380px;
  object-fit: cover;
}


header.u-header{
  background-color: var(--primary);
}
.u-button-style.u-nav-link.u-text-active-white.u-text-hover-white{
  opacity: 1;
  transition: all .3s ease;
}
.u-button-style.u-nav-link.u-text-active-white.u-text-hover-white:hover{
  opacity: .6;
}
.u-header .u-sheet-1 {
  min-height: 100px;
}
.u-header .u-menu-1 {
  margin: -64px 0 22px auto;
}
.u-nav-item{
  text-transform: lowercase;
  font-size: 1.1rem;
  letter-spacing: 1px;
}
.u-logo-image.u-logo-image-1 {
  position: absolute;
  top: 1rem;
  height: 120px;
  width: auto;
}
.u-nav-popup ul{
  padding-top: 33px;
}
.u-nav-popup li a{
  padding: .5rem 1rem;
  background: var(--secondary);
  width: 250px;
}
.u-nav-popup li:first-child a{
  padding: .75rem 1rem .5rem !important;
}
.u-nav-popup li:last-child a{
  padding: .5rem 1rem .75rem !important;
}

/* slider */
.u-block-4e91-1 .u-carousel{
  margin-left: 6rem;
}
  .u-carousel .u-image .u-sheet {
  min-height: 541px;
  }
  .u-carousel .u-btn{
    position: absolute;
    bottom: 2rem;
    right: 2.5rem;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    padding: 1.2rem 2rem 1.2rem 2rem;
    font-size: 1.1rem;
    letter-spacing: 1px;
  }
  .u-carousel .u-btn::after{
    content: '';
    background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-left.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: block;
    margin-left: 1rem;
    margin-right: 0;
    transition: all .3s ease;
  }
  .u-carousel .u-btn:hover{
    background: var(--light-color);
  }
  .u-carousel .u-btn:hover::after{
    margin-right: -.5rem;
    margin-left: 1.5rem;
  }
  .u-carousel .u-carousel-indicators{
    justify-content: left;
    left: 2rem;
  }
  .u-carousel .u-carousel-indicators li{
    width: 10px;
    height: 10px;
    border: 1px solid var(--light-color);
  }
  .u-carousel .u-carousel-indicators li.u-active{
    background: var(--light-color);
  }
  .u-carousel .u-carousel-control-next,
  .u-carousel .u-carousel-control-prev{
    opacity: .5;
    transition: all .3s ease;
  }
  .u-carousel .u-carousel-control-next:hover,
  .u-carousel .u-carousel-control-prev:hover{
    opacity: 1;
  }
  .u-carousel .u-carousel-control-prev{
    left: 2rem;
    top: 50% !important;
    transform: translateY(-50%) rotate(180deg);
  }
  .u-carousel .u-carousel-control-next{
    right: 2rem;
  }

.scroll-down{
  position: absolute;
  left: 1.5rem;
  bottom: 0;
  background: var(--primary);
  width: 50px;
  height: 50px;
  background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-right-white-small.svg');
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}


.u-grey-60.u-section-2,
.u-grey-60.u-section-3,
.u-grey-60.u-section-5,
.u-grey-60.u-section-9,
.u-grey-60.u-section-15,
.u-grey-60.u-section-21{
  background: transparent;
}

.breadcrumbs #breadcrumbs{
  text-align: right;
}
.breadcrumbs #breadcrumbs{
  text-transform: lowercase;
  font-size: .9rem;
}
.archive-header {
  margin-top: 2.5rem;
  margin-bottom:.5rem;
}
.archive-section{
  margin-bottom: 2rem;
  min-height: 38vh;
}
.archive-section::before{
  display: none !important;
}
.archive-header .u-layout-row {
  align-items: center;
}
.filter {
  display: flex;
  flex-flow: row wrap;
  justify-content: end;
  gap: 2.5rem;
}
.filter a {
  border-style: none;
  font-family: var(--font);
  padding: 0;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  text-transform: lowercase;
  transition: all .3s ease;
}
.filter a::after {
  content: '';
  background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-right-white-small.svg');
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
  width: 18px;
  height: 18px;
  display: block;
  margin-left: 1rem;
  margin-right: 0;
  transition: all .3s ease;
  font-family: var(--font);
}
.filter a:hover{
  color: var(--light-color);
  opacity: .6;
}
.filter a:hover::after {
  margin-right: -.5rem;
  margin-left: 1.5rem;
}


.u-section-3{
  padding-bottom: 2rem;
}
  .u-section-3::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 6rem;
    top: 4rem;
    bottom: 0;
    background: var(--primary);
  }
  .u-section-3 a{
    color: #111111;
  }
  .u-section-3 a:hover{
    color: #111111;
  }
  .u-section-3:hover {
    min-height: 348px;
  }
  .u-section-3 .u-repeater-1 .u-list-item-1{
    overflow: hidden;
    height: 355px;
  }
  .u-section-3 .u-list-item-1 .u-container-layout-1{
    position: relative;
  }
  .u-section-3 .u-list-item-1 .u-container-layout-1 a{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
  }
  .u-section-3 .u-list-item-1 .u-container-layout-1:hover .text-wrapper{
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
  }
  .u-section-3 .u-list-item-1 .u-container-layout-1:hover .excerpt{
    margin-top: 0;
  }
  .u-section-3 .text-wrapper{
    height: 130px;
    overflow: hidden;
    transition: all .3s ease;
    background: #ffffff;
    top: 222px;
    position: absolute;
  }
  .u-section-3 .excerpt{
    margin: 30px;
  }
  .u-section-3 .excerpt p{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .u-section-3 .read-more {
    padding: 0 30px 15px 30px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: lowercase;
    display: block;
  }
  .u-section-3 .read-more::after {
    content: '';
    background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-left.svg');
    background-size: contain;
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 30px;
  }
  .u-section-3 .u-text-1{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 1rem;
    margin: 30px auto 0 30px;
  }
  .u-section-3 .u-text-2{
    min-height: 50px;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-family: var(--font);
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    margin: 2px auto 0 30px;
  }
  .multi-item-carousel .u-carousel-inner > .u-carousel-item {
    transition: 500ms ease-in-out left;
  }
  .multi-item-carousel .u-carousel-inner .u-active.left {
    left: -33%;
  }
  .multi-item-carousel .u-carousel-inner .u-active.right {
    left: 33%;
  }
  .multi-item-carousel .u-carousel-inner .next {
    left: 33%;
  }
  .multi-item-carousel .u-carousel-inner .prev {
    left: -33%;
  }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .u-carousel-inner > .u-carousel-item {
      transition: 500ms ease-in-out left;
      transition: 500ms ease-in-out all;
      -webkit-backface-visibility: visible;
              backface-visibility: visible;
      transform: none !important;
    }
  }


.u-section-5 .u-repeater-1{
  min-height: auto;
}
.u-section-5 .u-repeater img{
  aspect-ratio: 1/1;
  width: 100%;
  display: block;
  min-height: unset;
  height: auto;
}
.u-section-5 .u-repeater a{
  position: unset;
}
.u-section-5 .u-repeater .overlay{
  position: absolute;
  top: 110%;
  left: 1.5rem;
  right: 1.5rem;
  bottom: -110%;
  background: #605F5DE8;
  display: grid;
  text-align: center;
  color: var(--light-color);
  padding: 1.5rem;
  transition: all .3s ease;
}
.u-section-5 .overlay .overlay-title{
  align-self: center;
  line-height: 1;
  margin-top: 3rem;
}
.u-section-5 .overlay .overlay-title b{
  display: block;
  font-size: 1.4rem;
  text-transform: lowercase;
  margin-bottom: .5rem;
}
.u-section-5 .overlay .overlay-more{
  align-self: end;
  margin: 0;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 1.1rem;
}
.u-section-5 .overlay .overlay-more::after{
  content: '';
  background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-right-white-small.svg');
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}
.u-section-5 .u-similar-container{
  overflow: hidden;
  padding-bottom: 0;
}
.u-section-5 .u-similar-container:hover .overlay{
  top: 1.5rem;
  bottom: 1.5rem;
}


.u-section-9{
  margin-bottom: 2rem;
}
.u-section-9 .u-sheet-1 {
  min-height: unset;
}
.u-section-9 .u-text-2 {
  margin: 1rem 0 0;
}
.u-section-9 .u-text-1 {
  margin: 0;
  margin-bottom: 1rem;
}
.u-section-9 .u-container-layout-1 {
  padding: 2rem 2rem .75rem;
}
.u-section-9 .u-palette-1-base{
  background-color: var(--primary);
}
.text-wrapper.columns{
  column-count: 2;
  column-gap: 2rem;
}
.text-wrapper.columns p{
  margin-top: 0;
  break-inside: avoid;
}
.u-sheet + .u-section-9{
  margin-top: -1rem;
}
.u-sheet + .u-section-9 .u-layout-wrap-1{
  margin-top: 0;
}


.u-section-2 .u-btn-2{
  text-transform: lowercase;
}


.u-section-13 .u-text-2 {
  margin: 1rem 0 0;
}
.u-section-13 .u-text-1 {
  margin: 0;
  margin-bottom: 1rem;
}
.u-section-13 .u-container-layout-1 {
  padding: 2rem 2rem .75rem;
}
.u-section-13 .u-text.u-text-1 {
  font-size: 1.8rem;
}
.parralax-effect{
  background-attachment: fixed;
}


.u-sheet + .u-section-15{
  margin-top: -1rem;
}
.u-sheet + .u-section-15 .u-layout-wrap-1{
  margin-top: 0;
}
.u-section-9 + .u-sheet + .u-section-15{
  margin-top: -2.5rem;
}
.u-section-9 + .u-sheet + .u-section-15 .u-layout-wrap-1{
  margin-top: 0;
}
.u-section-15 .u-palette-1-base{
  background-color: var(--primary-light);
}
.u-section-15 .u-sheet-1 {
  min-height: unset;
}


.u-section-21 .u-text-1{
  font-family: var(--font);
}
.u-section-21 .u-btn-2 {
  font-size: 1rem;
  text-transform: lowercase;
  background: var(--light-color);
  padding: .5rem 2.5rem .5rem 1rem;
  color: var(--primary) !important;
  background-image: url('/wp-content/themes/vdbijgaartarchitect/assets/images/arrow-left.svg');
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center right 1rem;
  transition: all .3s ease;
  cursor: pointer;
}
.u-section-21 .u-btn-2:hover {
 background-position: center right .75rem;
}
.u-section-21 .u-container-layout-3 .u-text-2{
  text-align: left;
}
.u-section-21 .u-text-9{
  font-size: 1.8rem;
  margin: 0;
}
.u-section-21 .u-form-1 {
  margin: 0;
  margin-top: 1.5rem;
}
.u-section-21 .u-text-2 {
  font-size: 1rem;
}
label{
  font-family: var(--font);
  text-transform: lowercase;
}
.wpcf7-form-control {
  background: none;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid var(--light-color);
  padding: .5rem;
  font-family: var(--font);
  margin-bottom: 1.9rem;
}
.u-section-21 .u-container-layout-5 {
  padding: 2rem 2rem .75rem;
}


section.project{
  margin-top: 2.5rem;
}
#project-gallery {
  margin-top: 0;
}
.lSPager.lSGallery::before {
  display: none !important;
}
.lSPager.lSGallery {
  width: 100% !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: .5rem;
}
.lSPager.lSGallery li {
  width: 95px !important;
  margin-right: 0 !important;
}
.lslide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
section.project .text-wrapper {
  background: var(--primary);
  padding: .5rem 2rem 1.5rem;
}
section.project .slider-wrapper {
  padding-right: 3rem;
  margin-bottom: 2rem;
}
.place-name{
  text-transform: capitalize;
}
figure.wp-block-image.size-full{
	margin-bottom: 0;
}

/* Footer */
.u-footer .u-text-1 {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: .5rem;
}
.u-footer .u-text-2,
.u-footer .u-text-3,
.u-footer .u-text-5{
  font-size: 1rem;
}
.u-footer .u-text-3{
  margin: 1rem 0;
}
.u-footer .u-image-1,
.u-footer .u-image-2{
  object-fit: contain;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.u-footer .u-position-2 {
  width: auto;
}
.u-footer .u-file-icon.u-icon.u-text-white {
  margin-left: 1rem;
  font-size: .8rem;
}
.social-icon {
  background: var(--secondary);
  border-radius: 50%;
  height: 45px;
  width: 45px;
  display: inline-flex;
  align-items: center;
  margin-left: .2rem;
  transition: all .3s ease;
}
.social-icon:hover {
  background: var(--secondary-light);
}
.u-footer .u-container-layout-3 {
  justify-content: end;
  display: flex;
  gap: .5rem;
  padding-right: 0;
}
.privacy {
  margin-left: auto;
  display: inline-block;
}
.u-text.u-text-default.u-text-3{
  display: flex;
  width: 100%;
}main section.u-sheet > h2:first-of-type,main section.u-sheet > h1:first-of-type {  margin-top: 6rem;}
@media screen and (min-width: 992px) {	
	.wpcf7-form-control.wpcf7-textarea {	  
		min-height: 270px;	
	}
}
@media screen and (min-width:992px) and (max-width: 1199px) {	
	#primary-menu-list li > .u-nav-link {	  
		padding: 10px 10px !important;	
	}	
	.u-section-3 .u-repeater-1, 	
	.u-section-5 .u-repeater-1{		
		grid-gap: 20px 20px;		
		grid-template-columns: calc(33.3333% - 13px) calc(33.3333% - 13px) calc(33.3333% - 13px);	
	}	
	.u-section-3 .u-image-1 {	  
		height: 222px;	
	}	
	.wp-block-image {
		margin: 0;	
	}	
	.u-section-21 .u-repeater-1 {	
		grid-template-columns: repeat(2, calc(50% - 15.75px));	
	}
}

@media screen and (max-width: 991px) {
	.u-section-3 .u-repeater-1, 
	.u-section-5 .u-repeater-1 {
	  grid-gap: 20px 20px;
	  grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	}
	.u-section-3 .u-image-1 {
	  height: 222px;
	}
	.u-section-3 {
	  padding-bottom: 4rem;
	}
	.u-section-3::before {
		left: 0;
		right: 0;
		top: 4rem;
		bottom: 0;
	}
	.u-section-5 .u-sheet-1 {
	  min-height: auto;
	}
	.u-section-5 .u-list-1 {
		margin-bottom: 3rem;
	}
	.u-footer .u-layout-wrap-1{
		margin-top: 2rem;
	}
	.u-footer .u-position-1 {
	  width: auto;
	}
	.u-footer .u-layout-cell-1 {
	  min-height: auto;
	  margin-bottom: 1rem;
	}
	.u-block-content.u-spacing-6{
		padding: 0;
	}
	.u-footer .u-file-icon.u-icon.u-text-white:first-of-type{
		margin-left: 0;
	}
	.u-footer .u-layout-cell-2,
	.u-footer .u-layout-cell-3,
	.u-footer .u-position-2	{
	  min-height: auto;
	}
	.u-footer .u-container-layout-3{
		margin-top: 1rem;
		justify-content: start;
	}
	.u-position.u-position-3 {
	  display: none;
	}
	.u-logo-image.u-logo-image-1 {
	  position: absolute;
	  top: -14px;
	  height: 100px;
	  width: auto;
	  left: 0;
	}
	header .u-clearfix.u-sheet.u-valign-middle.u-sheet-1 {
	  margin-left: 0 !important;
	  padding-right: 2rem !important;
	  width: 100% !important;
	}
	.u-block-4e91-1 .u-carousel {
		margin-left: 0;
	}
	.u-carousel .u-carousel-indicators {
	  justify-content: left;
	  left: 6rem;
	  bottom: 1.2rem;
	}
	section.project .text-wrapper {
	  margin-bottom: 3rem;
	}
	.lSAction > a{
		z-index: 19;
	}
	.wpcf7-form-control-wrap {
	  width: 100%;
	  display: block;
	}
	.wpcf7-form-control-wrap .wpcf7-form-control{
		width: 100%;
	}
	.u-logo-image.u-logo-image-1{
		top: -8px;
		height: 100px;
	}
	.u-carousel .u-image .u-sheet {
	  min-height: 380px;
	}
	.u-carousel-control{
		height: 45px;
		width: 45px;
	}
	.u-absolute-vcenter.u-carousel-control.u-block-4e91-6 img{
		height: 100%;
		width: 100%;
	}	
	section.project .slider-wrapper{
		padding-right: 0;
	}
}

@media screen and (max-width: 575px) {
	.scroll-down{
		display: none;
	}
	.u-carousel-indicators.u-block-4e91-7{
		display:none;
	}
	.u-section-3 .u-repeater-1, 
	.u-section-5 .u-repeater-1{
		grid-template-columns: 100%;
	}
	.u-carousel .u-btn{
		right: 1rem;
		left: 1rem;
	}
	.u-section-2 .u-container-layout-6 {
		padding: 0;
		margin-bottom: 1rem;
	}
	.u-section-2 .u-layout-cell-6,
	.u-section-2 .u-layout-cell-1,
	.u-section-2 .u-sheet-1	{
	  min-height: auto;
	}
	.u-section-2 .u-container-layout-1 {
	  padding: 30px 0 10px;
	}
	.u-clearfix.u-expanded-width.u-gutter-0.u-layout-wrap.u-layout-wrap-1{
		margin: 0;
	}
	footer{
		padding-top: 2rem;
	}
	.u-text.u-text-default.u-text-3{
		flex-flow: row wrap;
	}
	.lSPager.lSGallery{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.text-wrapper.columns {
	  column-count: 1;
	  column-gap: 1rem;
	}
	.u-section-13 .u-text.u-text-1{
		line-height: 1.2;
	}
	.u-carousel .u-border-none.u-btn.u-button-style.u-custom-font.u-white{
	  justify-content: space-between;
	}

}