/*!
Theme Name:         Callactive
Theme URI:          https://www.callactive.nl
Description:        Custom thema voor Callactive, door Redduck
Version:            1.0.1
Author:             Redduck
Author URI:         https://www.redduck.nl
Tags: 				editor-style, featured-images,post-formats, translation-ready
License:            MIT License
License URI:        https://www.opensource.org/licenses/mit-license.php
Template:     		redduck-base
Text Domain:  		redduck-callactive
*/



:root {
	color-scheme: light;
	--base-font-family : 'Century Gothic Paneuropean', sans-serif;
	--header-font-family : 'Century Gothic Paneuropean', sans-serif;
	--body-bg : #FFFFFF;
	--header-bg : #FFF;
	--header-color : #000;
	--header-accent : var(--header-color);
	--text-color : #333;
	--text-color-light : #888;
	--title-color : #000;
	--link-color : #000;
	--link-color-hover : #000;
	--border-color : #c5c5c5;
	--accent-color : #463b4f;
	--accent-color-light : #463b4f;
	--price-color : #00AB2E;
	--button-bg : var(--accent-color);
	--button-text : #FFF;
	--input-bg: #FFF;
	--footer-button-bg : #DDD;
	--footer-button-text : #222;	
	--shop-button-bg : #FFCE00;
	--shop-button-bg-hover : #FFAE00;
	--shop-button-text : #000;	
	--facebook : #1877f2;
	--twitter : #1d9bf0;
	--linkedin : #0a66c2;
	--whatsapp : #25d366;
	--mail : #127bd6;
	--border-radius : 0;
	--button-border-radius : 0;
	--header-height : 4.5rem;
	--footer-text-color: #222;
	--footer-link-color: #333;
}



.callactive-navigation {width: auto;}
.callactive-navigation .menu-wrapper {position: fixed;top:0;right:-60vw;bottom:0;width:50vw;background:var(--accent-color);display:flex;align-items: center;justify-content: center;flex-direction:column;text-align: center;transition: .3s;}
.callactive-navigation .menu-wrapper.active {right:0;}
.callactive-navigation .menu-wrapper svg {width:32%;fill:#FFF;margin-bottom:4rem;}
.callactive-navigation .menu-wrapper a {color:#FFF;font-size:2rem;text-decoration: none;text-transform: lowercase;font-weight: 300;transition: .1s}
.callactive-navigation .menu-wrapper li a:hover,
.callactive-navigation .menu-wrapper li.current_page_item a {opacity: .5;}
.callactive-menu-toggle {position: absolute;top:0;right:1vw;bottom:0;width:var(--header-height);display: flex;align-items: center;justify-content: center;z-index:9;cursor:pointer;}
.callactive-menu-toggle .bars {width:24px;height:26px;position: relative;display:block;}
.callactive-menu-toggle .bars .bar {width:100%;height:2px;position: absolute;background:#000;content: "";transition:.1s;transform-origin: center;}
.callactive-menu-toggle .bars .bar-1 {top:4px}
.callactive-menu-toggle .bars .bar-2 {top:12px;}
.callactive-menu-toggle .bars .bar-3 {top:20px;}
.callactive-navigation.active .bars .bar-1 {top:12px;background:#FFF;transform: rotate(-45deg);}
.callactive-navigation.active .bars .bar-2 {opacity: 0;}
.callactive-navigation.active .bars .bar-3 {top:12px;background:#FFF;transform: rotate(45deg);}
.menu-overlay {position: fixed;top:0;right: 0;bottom:0;cursor: pointer;}
.callactive-navigation.active .menu-overlay {left: 0;}

.post-thumbnail {position:relative;margin: 0;}
.post-thumbnail img {inline-size:100%;aspect-ratio: 1 / 1;object-fit: cover;}  
a.cta {text-decoration: none;display:flex;align-items: center;gap:1rem;text-transform: lowercase;line-height: 1;}
.footer-block a,
body.page-template-page-team .member a {display: flex;align-items: center;gap:.25rem;}
a.cta i,
a i {transform: translateX(0);transition: .2s;}
a.cta:hover i,
a:hover i {transform: translateX(10%);}
body.admin-bar .callactive-navigation .menu-wrapper {top:32px;}
body.sticky .site-content,
body .site-content {padding-top:0;}

.site-header {position: fixed;right: 0;left: 0;border-bottom:1px solid var(--border-color);}
.site-header > .container {max-width:100%;padding-inline:2.35vw;}
.site-header .row {height: var(--header-height);}

body.page-template-default .site-content {padding-block:12rem 7rem;font-size:1.1rem;}

body.home .hero {overflow: hidden;height: 100vh;height: 100svh;position: relative;border:solid 2rem #FFF;}
body.home .hero video {position: absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit: cover;}

body.home .introduction .container-fluid > .row {font-size:2.95rem;padding-block: 4.35rem 8rem;line-height: 1.125;}

body.home .projects .overlay {position: absolute;inset:0;background:rgb(70, 59, 79, .7);color:#FFF;display: flex;align-items: center;justify-content: center;text-align: center;opacity: 0;transition: .3s;}
body.home .projects .post-thumbnail:hover .overlay {opacity: 1;}
body.home .projects .project-content {padding: .25rem 1.5rem;text-decoration: none;font-size: 1.1rem;display: block;border-left:2px solid #000;margin:3rem 0 7.5rem;}
body.home .projects .project-content > * {margin: 0;}
body.home .projects .project-content h3 {font-size:1.35rem;}

body.home .impression .container-fluid .row {padding-block:5rem;}
body.home .impression .post-thumbnail img {aspect-ratio:111 / 214;}

body.home .tagline .container-fluid .row {position: relative;}
body.home .tagline .container-fluid h3 {font-size: 6rem;line-height: 1.5;}
body.home .tagline .container-fluid a.cta {font-size: 1.2rem;}
body.home .tagline .container-fluid a.cta i {font-size:2.35rem}

body.home .office .container-fluid {padding-bottom:6.5rem;}
body.home .office .container-fluid .row {padding-block:2.5rem;align-items: center;}
body.home .office .container-fluid h2 {font-size:2.75rem;margin-block:2rem .75rem;}
body.home .office .container-fluid p {font-size:1.1rem;}
body.home .office .container-fluid a.cta {font-size: 1.1rem;}
body.home .office .container-fluid a.cta i {font-size:2.35rem}


body.page-template-page-contact .google img {width:100%;aspect-ratio:1 / 1;object-fit: cover;} 
body.page-template-page-contact .col.address {padding-top:5.5rem;font-size:1.85rem;line-height: 1.25;display:flex;flex-direction: column;}
body.page-template-page-contact .col.address .contact {display:flex;flex-direction: column;font-size: 1.35rem;padding-top:.5rem;}
body.page-template-page-contact .col.address a {text-decoration: none;}
body.page-template-page-contact .col.address .row {margin-top:auto;justify-content: space-between;}
body.page-template-page-contact .col.address .row .coffee {text-align: center;align-items: center;justify-content: flex-end;display: flex;flex-direction: column;}
body.page-template-page-contact .col.address .row .coffee a.cta-anchor .circle {display:flex;flex-direction:column;width:7.9vw;height:7.9vw;border-radius:999rem;color:#FFF;background:var(--accent-color);font-size:1.05rem;align-items: center;justify-content: center;margin-bottom:2rem;}
body.page-template-page-contact .col.address .row .coffee a.cta-anchor {display: flex;flex-direction: column;}
body.page-template-page-contact .col.address .row .coffee a.cta-anchor i {transform: translateY(0);transition: .2s;}
body.page-template-page-contact .col.address .row .coffee a.cta-anchor:hover i {transform: translateY(10px)} 


body.page-template-page-contact section.coffee {padding-block:6rem;}
body.page-template-page-contact section.coffee .col.form {display:flex;flex-direction: column;}
body.page-template-page-contact section.coffee h2 {font-size:2.75rem;line-height: 1;margin-bottom: 1rem;}
body.page-template-page-contact section.coffee p {font-size: 1.1rem}
body.page-template-page-contact section.coffee .wpforms-container {margin:0;margin-top:auto;}



body.page-template-page-about .introduction .container-fluid > .row {font-size:2rem;padding-block: 6rem 0;line-height: 1.35;}
body.page-template-page-about .introduction .container-fluid p {margin-bottom:3.15rem;}
body.page-template-page-about .introduction h1.entry-title {padding-block:3.7vw;font-size:4.4rem}
 
body.page-template-page-about .impression .container-fluid {}
body.page-template-page-about .impression .container-fluid .row {padding-block:5rem 1.8rem;}
body.page-template-page-about .impression .post-thumbnail img {aspect-ratio:1 / 1;}

body.page-template-page-about .tagline .container-fluid .row {position: relative;}
body.page-template-page-about .tagline .container-fluid h3 {font-size: 6rem;line-height: 1.5;margin-bottom:2.5rem}
body.page-template-page-about .tagline .container-fluid p {font-size:2rem;}
body.page-template-page-about .tagline .container-fluid a.cta {font-size: 1.2rem;}
body.page-template-page-about .tagline .container-fluid a.cta i {font-size:2.35rem}

body.page-template-page-about .since .container-fluid .row {align-items: center;padding-block:8rem 0;position: relative;font-size:1.3rem;}
body.page-template-page-about .since .container-fluid .row h2 {font-size:2.77rem;}

body.page-template-page-about .concept .container-fluid .row {align-items: center;justify-content:space-between;padding-block:6rem 11rem;position: relative;font-size:1.3rem;}
body.page-template-page-about .concept .container-fluid .row h2 {font-size:2.77rem;}


body.page-template-page-projecten .projects {padding-block:var(--header-height);}
body.page-template-page-projecten .projects .container-fluid .row {justify-content: space-between;margin-bottom:11rem;}
body.page-template-page-projecten .projects .container-fluid .col.image {flex:0 0 40%;position: relative;}
body.page-template-page-projecten .projects .container-fluid .col.image .post-thumbnail {margin-bottom:1rem;}
body.page-template-page-projecten .projects .container-fluid .col.image .project-label {display:block;padding:.5rem 1.3vw;border-left:2px solid #000;font-size: 1rem;margin-top:1rem;text-decoration: none;position: absolute;top:100%;}
body.page-template-page-projecten .projects .container-fluid .col.image .project-label h3 {font-size:1.4rem;font-weight:400;}
body.page-template-page-projecten .projects .container-fluid .col.image .project-label * {margin: 0;}
body.page-template-page-projecten .projects .container-fluid .col.text {flex:0 0 60%;font-size:1.45rem;line-height: 1.15;}



body.page-template-page-team .hero {overflow: hidden;position: relative;border:solid 2rem #FFF;}
body.page-template-page-team .hero img {display:block;aspect-ratio: 3 / 2;object-fit: cover;}

body.page-template-page-team .introduction .row {padding-block:1.5vw 4.5vw;}
body.page-template-page-team .introduction h1.entry-title {font-size:3rem;margin-bottom:2rem;}
body.page-template-page-team .introduction p {font-size:2rem;line-height: 1.25}

body.page-template-page-team .team .container-fluid .row {justify-content: space-between;}
body.page-template-page-team .team .anchor {position: relative;top:-4rem;}
body.page-template-page-team .member {margin-bottom:7.5rem;}
body.page-template-page-team .member a {text-decoration: none;}
body.page-template-page-team .member .col.image {padding-bottom:1rem;flex-basis:100%;}
body.page-template-page-team .member .col.text {display:flex;flex-direction: column;flex-basis:100%;}
body.page-template-page-team .member .col.text .contact {display:flex;flex-direction: column;padding:1rem;border-left:2px solid #000;font-size:1.15rem;line-height: 1.3;}
body.page-template-page-team .member .col.text .contact h2 {margin: 0;font-size:1.2rem;font-weight:600;}
body.page-template-page-team .member .col.text .contact .function {margin-bottom:.7rem;}
body.page-template-page-team .member .col.text .content {margin-top:2rem;font-size:1.48rem;line-height: 1.2;}

body.page-template-page-team .illustration .post-thumbnail img {aspect-ratio: 3 / 1}

body.page-template-page-team .jobs .container-fluid .row {position: relative;padding-block:0 7rem;}
body.page-template-page-team .jobs .container-fluid h3 {font-size: 4rem;line-height: 1.5;margin-bottom:2.5rem}
body.page-template-page-team .jobs .container-fluid p {font-size:2rem;line-height:1.15}
body.page-template-page-team .jobs .container-fluid a.cta {font-size: 1.2rem;}
body.page-template-page-team .jobs .container-fluid a.cta i {font-size:2.35rem}



body.single-project .introduction {padding-top:var(--header-height);}
body.single-project .introduction .container-fluid .row {justify-content: space-between;}
body.single-project .introduction .col.image {flex:0 0 45%;}
body.single-project .introduction .col.text {flex:0 0 55%;padding-top:3rem;position: relative}
body.single-project .introduction .col.text .icon {position: absolute;top:0;right:0;width:3rem;}
body.single-project .introduction .col.text h1 {font-weight: 700;padding-right: 6vw;margin-bottom:1.5rem;}
body.single-project .introduction .project-meta {display:flex;flex-wrap: wrap;gap:1rem;}
body.single-project .introduction .project-meta .meta-block {width:calc(50% - 1rem);margin-top:1rem;}
body.single-project .introduction .project-meta .meta-block label,
body.single-project .introduction .project-content label {opacity: .7;font-size:.8rem;line-height: 1;text-transform: lowercase;}
body.single-project .introduction .project-content {margin-top:3rem;}
body.single-project .introduction .project-content .text {position: relative;}
body.single-project .introduction .project-content .text::before {position: absolute;width:2px;height:calc(100% - .8rem);top:.5rem;left:-1.25rem;content: "";background:#000;}
body.single-project .introduction .hover,
body.single-project .introduction .hover img {position: absolute;inset:0;aspect-ratio: 1 / 1;object-fit: cover;}
body.single-project .introduction .hover {opacity: 0;transition: .2s;}
body.single-project .introduction .post-thumbnail:hover .hover {opacity: 1;}

body.single-project .content-block .container-fluid .row {justify-content: space-between;align-items: flex-start;}
body.single-project .content-block .container-fluid .row.block-1 {padding-block:6rem;}
body.single-project .content-block .container-fluid .row.block-2 {padding-block:1rem 0;align-items: center;}
body.single-project .content-block .container-fluid .row.block-3 {padding-block:5.5rem 0;}
body.single-project .content-block .col.text {flex:0 0 50%;font-size:1.25rem;line-height: 1.25;}
body.single-project .content-block .col.text h3 {opacity: .7;font-size:.8rem;line-height: 1;text-transform: lowercase;}
body.single-project .content-block .col.image {flex:0 0 50%;}
body.single-project .content-block .col.image-left {flex:0 0 50%;}

body.single-project .project-footer .container-fluid {padding-block:0 2rem;}
body.single-project .project-footer .container-fluid .row {}
body.single-project .project-footer h3 {font-size:.8rem;text-transform: lowercase;font-weight: 600;}
body.single-project .project-footer ul {display:flex;list-style: none;margin:0;padding: 0;gap:.275vw;}
body.single-project .project-footer ul li {width:10rem;}
body.single-project .project-footer .member {text-decoration: none;}
body.single-project .project-footer .member .name {font-size:.6rem;font-weight:600;display:flex;align-items:center;height:1.5rem;}
body.single-project .project-footer .col.right {flex:0 0 50%;align-items: center;display:flex;}
body.single-project .project-footer .col.right a.cta {font-size: 1.1rem;}
body.single-project .project-footer .col.right a.cta i {font-size: 2.5rem;}




.site-footer {padding-block:4vw;font-size:.75rem;border-top:1px solid var(--border-color);position: relative;}
.site-footer .footer-block {display:flex;}
.site-footer .footer-block .label {padding-right: 1.25rem;font-weight: 700;}
.site-footer .footer-block .field {border-left:2px solid #000;padding-left:.75vw;display:flex;flex-direction: column;}
.site-footer .copyright {position: absolute;right:0;bottom:0;padding:2.15vw;font-size:.6rem;opacity: .4;}	



@media screen and (max-width:1599px) {
	.site-header .site-branding {padding-left: 2rem;}
	.site-footer .container-fluid {width:960px;max-width: 100%;--bs-gutter-x:2.35rem;}
	body.page-template-page-team .illustration .post-thumbnail {margin-bottom:2rem;}
	
	
	body.home .tagline .container-fluid h3,
	body.page-template-page-about .tagline .container-fluid h3,
	body.page-template-page-team .jobs .container-fluid h3,
	body.page-template-page-about .introduction h1.entry-title,
	body.page-template-page-team .introduction h1.entry-title {font-size:5.5rem;line-height: 1.35;}

	body.page-template-page-about .tagline .container-fluid p,
	body.home .introduction .container-fluid > .row,
	body.page-template-page-about .introduction .container-fluid > .row,
	body.page-template-page-team .introduction p,
	body.page-template-page-team .jobs .container-fluid p {font-size: 2.5rem;line-height: 1.35;}

	body.page-template-page-about .since .container-fluid .row h2,
	body.page-template-page-about .concept .container-fluid .row h2 {font-size:4rem;line-height: 1.35;}
	
	body.page-template-page-about .since .container-fluid .row,
	body.page-template-page-about .concept .container-fluid .row,
	body.page-template-page-team .member .col.text .content {font-size:2rem;line-height: 1.35;}	
	
	
}



@media screen and (max-width:1200px) {
	body.home .tagline .container-fluid h3,
	body.page-template-page-about .tagline .container-fluid h3 {font-size: 4rem;}
	body.page-template-page-contact .entry-content .col,
	body.page-template-page-about .concept .container-fluid .row .col,
	body.page-template-page-about .since .container-fluid .row .col {flex-basis:100%;}
	body.page-template-page-contact .entry-content .col.google,
	body.page-template-page-about .concept .col.image,
	body.page-template-page-about .since .col.image {order:2;}
	body.page-template-page-contact .entry-content .col.image img,
	body.page-template-page-contact .google iframe {aspect-ratio:2 / 1;margin-bottom: 2rem;}
	body.page-template-page-contact .entry-content .col.address .contact {margin-bottom:2rem;}
	body.page-template-page-contact .entry-content .col.address .coffee,
	body.page-template-page-contact section.coffee .col.image {display:none;}
	
	
	body.home .tagline .container-fluid h3,
	body.page-template-page-about .tagline .container-fluid h3,
	body.page-template-page-team .jobs .container-fluid h3,
	body.page-template-page-about .introduction h1.entry-title,
	body.page-template-page-team .introduction h1.entry-title {font-size:3.75rem;line-height: 1.35;}

	body.page-template-page-about .tagline .container-fluid p,
	body.home .introduction .container-fluid > .row,
	body.page-template-page-about .introduction .container-fluid > .row,
	body.page-template-page-team .introduction p,
	body.page-template-page-team .jobs .container-fluid p {font-size: 2.25rem;line-height: 1.35;}

	body.page-template-page-about .since .container-fluid .row h2,
	body.page-template-page-about .concept .container-fluid .row h2 {font-size:2.5rem;line-height: 1.35;}
	
	body.page-template-page-about .since .container-fluid .row,
	body.page-template-page-about .concept .container-fluid .row,
	body.page-template-page-team .member .col.text .content {font-size:1.25rem;line-height: 1.35;}	
	
	
}

@media screen and (max-width:991px) {
	body.home .office .image {order:-1;padding-bottom:2rem;}
	.site-footer .footer-block {margin-bottom:2rem;}
	.site-footer .footer-block .label {display:none;}
	.site-footer .footer-block .field {padding-left:0;border:none;}
	.site-footer .container-fluid {width: 720px;}
	
	

body.page-template-page-projecten .projects .container-fluid .col.image {flex:0 0 100%;position: relative;}
body.page-template-page-projecten .projects .container-fluid .col.image .post-thumbnail {margin-bottom:1rem;}
body.page-template-page-projecten .projects .container-fluid .col.image a.project-label {margin-bottom:2rem;position: relative;top:auto;}
body.page-template-page-projecten .projects .container-fluid .col.text {flex:0 0 100%;}
	
	
body.single-project .introduction .col.image {flex:0 0 100%;order:2;padding-top:3rem;}
body.single-project .introduction .col.text {flex:0 0 100%;}	
body.single-project .project-footer .col.left {padding-block:3rem;}	
	
	
	body.home .tagline .container-fluid h3,
	body.page-template-page-about .tagline .container-fluid h3,
	body.page-template-page-team .jobs .container-fluid h3,
	body.page-template-page-about .introduction h1.entry-title,
	body.page-template-page-team .introduction h1.entry-title {font-size:2.5rem;line-height: 1.35;}

	body.page-template-page-about .tagline .container-fluid p,
	body.home .introduction .container-fluid > .row,
	body.page-template-page-about .introduction .container-fluid > .row,
	body.page-template-page-team .introduction p,
	body.page-template-page-team .jobs .container-fluid p {font-size: 1.5rem;line-height: 1.35;}

	body.page-template-page-about .since .container-fluid .row h2,
	body.page-template-page-about .concept .container-fluid .row h2 {font-size:2rem;line-height: 1.35;}
	
	body.page-template-page-about .since .container-fluid .row,
	body.page-template-page-about .concept .container-fluid .row,
	body.page-template-page-team .member .col.text .content {font-size:1.25rem;line-height: 1.35;}
	
	
	
}

@media screen and (max-width: 767px) {
  .site-footer .container-fluid {width: 540px;}

	.callactive-navigation .menu-wrapper {right:-80vw;width:75vw;}
	
	
body.single-project .content-block .col.text,
body.single-project .content-block .block-1 .col.image,
body.single-project .content-block .block-3 .col.image,
	body.single-project .project-footer .col.right {flex:0 0 100%;}
	
body.single-project .content-block .block-1 .col.image,
	body.single-project .content-block .block-3 .col.image {padding-top:2rem;}	
	
}
@media screen and (max-width: 575px) {
	.callactive-navigation .menu-wrapper {right:-110vw;width:100vw;}
	.site-footer .row {flex-direction: column;padding-top:3rem;}
	.site-footer .footer-block {flex-direction: column;}
	.site-footer .footer-block .label {display:block;}

}

@media screen and (min-width: 1600px) {
	
body {--bs-gutter-x: 2.35rem;}	
	
body:not(.page-template-default) .site-content > .container {max-width:100%;padding-inline:0;}
body:not(.page-template-default) .site-content > .container > .row {margin-inline:0;}
body:not(.page-template-default) .site-content > .container > .row > .col {padding-inline:0;}
.container-fluid {--bs-gutter-x:2.35vw;}
.site-header a.custom-logo-link {width:12.35vw;}

body.home .hero {border-width:2.35vw;}

body.home .introduction .container-fluid {--bs-gutter-x:12.75vw;}

body.home .projects .container-fluid {--bs-gutter-x:12.75vw;}
body.home .projects .container-fluid .row {--bs-gutter-x:2vw;}

body.home .tagline .container-fluid {--bs-gutter-x:12.75vw;}
body.home .tagline .container-fluid h3 {font-size: 7.375rem;margin-top:-2.5rem;}
body.home .tagline .container-fluid a.cta {position: absolute;right: -6rem;bottom:2.5rem;}

body.home .impression .container-fluid .row {--bs-gutter-x:2.35vw;}

body.home .office .container-fluid {--bs-gutter-x:9.5vw;}
body.home .office .container-fluid .row {--bs-gutter-x:6.25vw;position: relative;}
body.home .office .container-fluid h2 {font-size:2.75rem;margin-block:2rem .75rem;}
body.home .office .container-fluid p {font-size:1.1rem;}
body.home .office .container-fluid a.cta {position: absolute;bottom:2.125rem;left:calc(var(--bs-gutter-x) / 2);}
body.home .office .container-fluid a.cta i {font-size:2.35rem}

	
body.page-template-page-contact section.address .container-fluid {padding-inline:5vw 0;}
body.page-template-page-contact section.address .container-fluid .row {--bs-gutter-x:0;}
body.page-template-page-contact .google {flex:0 0 41.785vw;margin-right:6.25vw;background:#f8f9fa;}
body.page-template-page-contact .google img {width:100%;aspect-ratio:8 / 9;object-fit: cover;} 
body.page-template-page-contact .col.address {padding-top:5.5rem;font-size:1.85rem;line-height: 1.25;display:flex;flex-direction: column;}
body.page-template-page-contact .col.address .contact {display:flex;flex-direction: column;font-size: 1.35rem;padding-top:1rem;}
body.page-template-page-contact .col.address a {text-decoration: none;}
body.page-template-page-contact .col.address .row {margin-top:auto;justify-content: space-between;}
body.page-template-page-contact .col.address .row .image {flex:0 0 23.45vw;}
body.page-template-page-contact .col.address .row .coffee {text-align: center;align-items: center;justify-content: flex-end;display: flex;flex-direction: column;}
body.page-template-page-contact .col.address .row .coffee a.cta-anchor .circle {display:flex;flex-direction:column;width:7.9vw;height:7.9vw;border-radius:999rem;color:#FFF;background:var(--accent-color);font-size:1.05rem;align-items: center;justify-content: center;margin-bottom:2rem;}

body.page-template-page-contact section.coffee {padding-block:6rem;}
body.page-template-page-contact section.coffee .container-fluid {--bs-gutter-x:9.5vw;}
body.page-template-page-contact section.coffee .container-fluid .row {--bs-gutter-x:6.25vw;}
body.page-template-page-contact section.coffee .col.form {display:flex;flex-direction: column;}
body.page-template-page-contact section.coffee h2 {font-size:2.75rem;line-height: 1;margin-bottom: 1rem;}
body.page-template-page-contact section.coffee p {font-size: 1.1rem}
body.page-template-page-contact section.coffee .wpforms-container {margin:0;margin-top:auto;}

body.page-template-page-about .introduction .container-fluid {--bs-gutter-x:12.75vw;}
body.page-template-page-about .introduction .container-fluid > .row {font-size:2.75rem;padding-block: 4.35rem 0;line-height: 1.35;}
body.page-template-page-about .introduction .container-fluid p {margin-bottom:3.15rem;}
body.page-template-page-about .introduction h1.entry-title {padding-block:3.7vw;font-size:7.4rem}
 
body.page-template-page-about .impression .container-fluid {}
body.page-template-page-about .impression .container-fluid .row {--bs-gutter-x:2.35vw;padding-block:5rem 1.8rem;}
body.page-template-page-about .impression .post-thumbnail img {aspect-ratio:4 / 5;}

body.page-template-page-about .tagline .container-fluid {--bs-gutter-x:12.75vw;}
body.page-template-page-about .tagline .container-fluid .row {position: relative;}
body.page-template-page-about .tagline .container-fluid h3 {font-size: 7.375rem;line-height: 1.5;margin-bottom:2.5rem}
body.page-template-page-about .tagline .container-fluid p {font-size:2.75rem;}
body.page-template-page-about .tagline .container-fluid a.cta {position: absolute;right: -6rem;bottom:1rem;font-size: 1.2rem;}
body.page-template-page-about .tagline .container-fluid a.cta i {font-size:2.35rem}

body.page-template-page-about .since .container-fluid {--bs-gutter-x:9.5vw;}
body.page-template-page-about .since .container-fluid .row {--bs-gutter-x:6.25vw;align-items: center;padding-block:8rem 0;position: relative;font-size:1.3rem;}
body.page-template-page-about .since .container-fluid .row h2 {font-size:2.77rem;}

body.page-template-page-about .concept .container-fluid {--bs-gutter-x:9.5vw;}
body.page-template-page-about .concept .container-fluid .row {align-items: center;justify-content:space-between;padding-block:6rem 11rem;position: relative;font-size:1.3rem;}
body.page-template-page-about .concept .container-fluid .row h2 {font-size:2.77rem;}
body.page-template-page-about .concept .container-fluid .row .col.text {padding-right:12.755vw;}
body.page-template-page-about .concept .container-fluid .row .col.image {flex:0 0 30.85vw}

body.page-template-page-projecten .projects {padding-block:var(--header-height);}
body.page-template-page-projecten .projects .container-fluid {--bs-gutter-x:12.75vw;}
body.page-template-page-projecten .projects .container-fluid .row {--bs-gutter-x:0;justify-content: space-between;margin-bottom:11rem;}
body.page-template-page-projecten .projects .container-fluid .col.image {flex:0 0 30.85vw;position: relative;}
body.page-template-page-projecten .projects .container-fluid .col.image .post-thumbnail {margin-bottom:1rem;}
body.page-template-page-projecten .projects .container-fluid .col.image a.project-label {display:block;padding:.5rem 1.3vw;border-left:2px solid #000;font-size: 1rem;margin-top:1rem;text-decoration: none;position: absolute;top:100%;}
body.page-template-page-projecten .projects .container-fluid .col.image a.project-label h3 {font-size:1.4rem;font-weight:400;}
body.page-template-page-projecten .projects .container-fluid .col.image a.project-label * {margin: 0;}
body.page-template-page-projecten .projects .container-fluid .col.text {flex:0 0 41.15vw;font-size:1.45rem;line-height: 1.15;}

body.page-template-page-team .hero {overflow: hidden;height: 100vh;height: 100svh;position: relative;border:solid 2.35vw #FFF;}
body.page-template-page-team .hero img {position: absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit: cover;}
body.page-template-page-team .entry-content .container-fluid {--bs-gutter-x:12.75vw;}

body.page-template-page-team .introduction .row {padding-block:1.5vw 4.5vw;}
body.page-template-page-team .introduction h1.entry-title {font-size:7.4rem;margin-bottom:5rem;}
body.page-template-page-team .introduction p {font-size:2.77rem;line-height: 1.25}

body.page-template-page-team .team .container-fluid .row {--bs-gutter-x:0;justify-content: space-between;}
body.page-template-page-team .member {margin-bottom:7.5rem;}
body.page-template-page-team .member a {text-decoration: none;}
body.page-template-page-team .member .col.image {flex:0 0 30.85vw;padding-bottom:1rem;}
body.page-template-page-team .member .col.text {flex:0 0 41.15vw;display:flex;flex-direction: column;}
body.page-template-page-team .member .col.text .contact {display:flex;flex-direction: column;padding:.7vw 1.3vw;border-left:2px solid #000;font-size:1.15rem;line-height: 1.3;}
body.page-template-page-team .member .col.text .contact h2 {margin: 0;font-size:1.2rem;font-weight:600;}
body.page-template-page-team .member .col.text .contact .function {margin-bottom:.7rem;}
body.page-template-page-team .member .col.text .content {margin-top:auto;font-size:1.48rem;line-height: 1.2;}

body.page-template-page-team .illustration .post-thumbnail img {aspect-ratio: 3 / 1}

body.page-template-page-team .jobs .container-fluid .row {position: relative;padding-block:0 7rem;}
body.page-template-page-team .jobs .container-fluid .row .col {flex:0 0 68.25vw;}
body.page-template-page-team .jobs .container-fluid h3 {font-size: 7.375rem;line-height: 1.5;margin-bottom:2.5rem}
body.page-template-page-team .jobs .container-fluid p {font-size:2.75rem;line-height:1.15}
body.page-template-page-team .jobs .container-fluid a.cta {position: absolute;right: -6rem;bottom:8rem;font-size: 1.2rem;}
body.page-template-page-team .jobs .container-fluid a.cta i {font-size:2.35rem}

body.single-project .introduction {padding-top:var(--header-height);}
body.single-project .introduction .container-fluid {padding-inline:5vw 9.5vw;}
body.single-project .introduction .container-fluid .row {--bs-gutter-x:0;justify-content: space-between;}
body.single-project .introduction .col.image {flex:0 0 41.875vw;}
body.single-project .introduction .col.text {flex:0 0 37.375vw;padding-top:3rem;position: relative}
body.single-project .introduction .col.text .icon {position: absolute;top:0;right:0;width:5.3vw;}
body.single-project .introduction .col.text h1 {font-weight: 700;padding-right: 6vw;margin-bottom:1.5rem;}
body.single-project .introduction .project-meta {display:flex;flex-wrap: wrap;gap:1rem;}
body.single-project .introduction .project-meta .meta-block {width:calc(50% - 1rem);margin-top:1rem;}
body.single-project .introduction .project-meta .meta-block label,
body.single-project .introduction .project-content label {opacity: .7;font-size:.8rem;line-height: 1;text-transform: lowercase;}
body.single-project .introduction .project-content {margin-top:3rem;}
body.single-project .introduction .project-content .text {position: relative;}
body.single-project .introduction .project-content .text::before {position: absolute;width:2px;height:calc(100% - .8rem);top:.5rem;left:-1.25rem;content: "";background:#000;}
body.single-project .introduction .hover,
body.single-project .introduction .hover img {position: absolute;inset:0;aspect-ratio: 1 / 1;object-fit: cover;}
body.single-project .introduction .hover {opacity: 0;transition: .2s;}
body.single-project .introduction .post-thumbnail:hover .hover {opacity: 1;}

body.single-project .content-block .container-fluid {--bs-gutter-x:9.5vw;}
body.single-project .content-block .container-fluid .row {--bs-gutter-x:0;justify-content: space-between;align-items: flex-start;}
body.single-project .content-block .container-fluid .row.block-1 {padding-block:6rem;}
body.single-project .content-block .container-fluid .row.block-2 {padding-block:1rem 0;align-items: center;}
body.single-project .content-block .container-fluid .row.block-3 {padding-block:5.5rem 0;}
body.single-project .content-block .col.text {flex:0 0 37.375vw;font-size:1.25rem;line-height: 1.25;}
body.single-project .content-block .col.text h3 {opacity: .7;font-size:.8rem;line-height: 1;text-transform: lowercase;}
body.single-project .content-block .col.image {flex:0 0 30.85vw;}
body.single-project .content-block .col.image-left {flex:0 0 41.875vw;}

body.single-project .project-footer .container-fluid {--bs-gutter-x:9.5vw;padding-block:0 2rem;}
body.single-project .project-footer .container-fluid .row {--bs-gutter-x:0;}
body.single-project .project-footer h3 {font-size:.8rem;text-transform: lowercase;font-weight: 600;}
body.single-project .project-footer ul {display:flex;list-style: none;margin:0;padding: 0;gap:.275vw;}
body.single-project .project-footer ul li {width:5.3vw;}
body.single-project .project-footer .member {text-decoration: none;}
body.single-project .project-footer .member .name {font-size:.6rem;font-weight:600;display:flex;align-items:center;height:1.5rem;}
body.single-project .project-footer .col.right {flex:0 0 30.85vw;align-items: center;display:flex;}
body.single-project .project-footer .col.right a.cta {font-size: 1.1rem;}
body.single-project .project-footer .col.right a.cta i {font-size: 2.5rem;}

.site-footer .container-fluid {padding-inline:25.5vw 13.75vw;}
.site-footer .container-fluid .col {width:22.25vw;padding-inline:0;}
	
}