.fix {
position: fixed;
right: 0;
z-index: 9999999;
height: 140px;
} @media screen and (min-width: 769px) {
.fix {
height:138px;
top: calc(50vh - 10px - 138px); }
} @media screen and (max-width: 768px) {
.fix {
height:120px;
top: calc(100px + 10px); }
}
.groene-link{
color:var(--base);
}
.rank-math-question mark{
background-color:transparent;
} @font-face {
font-display: swap; font-family: 'Nunito Sans';
font-style: normal;
font-weight: 300;
src: url(https://groenregie.nl/wp-content/uploads/nunito-sans-v15-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Source Sans 3';
font-style: normal;
font-weight: 200;
src: url(https://groenregie.nl/wp-content/uploads/source-sans-3-v15-latin-200.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Source Sans 3';
font-style: normal;
font-weight: 300;
src: url(https://groenregie.nl/wp-content/uploads/source-sans-3-v15-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Source Sans 3';
font-style: normal;
font-weight: 400;
src: url(https://groenregie.nl/wp-content/uploads/source-sans-3-v15-latin-regular.woff2) format('woff2'); }
.image-proj-arch img :hover{
transform: scale(1.9)!important;
} .entry-meta{display:none;} .archive .site-content, .blog .site-content{
padding-top:0;
margin-top:-40px;
margin-left:50px;
margin-right:50px;
}
@media screen and (max-width:768px){
.archive .site-content, .blog .site-content{
padding-top:0;
margin-top:-40px;
margin-left:0;
margin-right:0;}
} .acf-product-label h4{
font-size:16px;
font-family: 'Source Sans 3';
font-weight:bolder;
margin-bottom:0;
color:#a9a48f;
}
.acf-product-label .acf-product-value, .klantervaring, .architect-acf{
font-family: 'Source Sans 3';
color:#a9a48f;
font-size:15px;
font-weight: 300;
}
td.acf-product-label{
padding-left:0;
}
.title-project h2{
color:var(--base);
font-family: 'Source Sans 3';
font-size: 30px;
}
@media screen and (min-width:3800px){
.acf-product-label h4{
font-size:25px;
font-family: 'Source Sans 3';
}
.acf-product-label .acf-product-value{
font-size:23px;
font-family: 'Source Sans 3';}
} .main-navigation{
margin-top:-40px;
background-color:#20241b;
border-bottom-left-radius:5px}
.main-navigation ul ul {
width:300px;
background-color:#20241b;
border-left: 1px solid #9ec54d;
border-radius:2px;
}
.main-navigation .main-nav ul li a{
line-height:50px;
}
.main-navigation ul ul li a, .main-navigation ul li a, .links-in-tekst{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; 
cursor: pointer
}
.main-navigation ul ul li a:hover, .main-navigation ul li a:hover, .links-in-tekst:hover{
letter-spacing: 1px;
}
@media screen and (max-width:768px){
.main-navigation{
margin-top:0;
background-color:transparent;}
.main-navigation .menu-toggle{
font-size:20px;
color:var(--base);
}
.main-navigation.toggled .main-nav > ul {
background-color: rgba(21,23,17,0.95);
}
} .inside-page-hero{ 
border-left: 1px solid var(--base);
border-bottom: 1px solid var(--base);
display: flex;
flex-wrap: wrap;
align-content:flex-end;
justify-content: flex-start;
width: 100%;
margin-top:-50px;
padding-left: 0px;
min-height: 80vh;
}
h1.koptekst-hero{
padding:0.8em;
font-weight:300;
font-size: 2.2em;
font-family:'Source Sans 3';
text-align:left;
background-color: var(--contrast-3);
margin-bottom:0;
border-top-right-radius:5px;
}
.ken-burns-slideshow {
position: absolute;
top: 0;
left: 0;
z-index: -2;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
list-style-type: none;
}
.ken-burns-slideshow .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
transform: scale(1.2);
animation: kenburns 36s infinite;
}
.ken-burns-slideshow li{
padding:0;
}
.ken-burns-slideshow li a{
margin: 0; 
display: block; 
width: 100%;
height: 100%; 
}
.ken-burns-slideshow .slide:nth-child(1) {
animation-delay: 0s;
}
.ken-burns-slideshow .slide:nth-child(2) {
animation-delay: 9s;
}
.ken-burns-slideshow .slide:nth-child(3) {
animation-delay: 18s;
}
.ken-burns-slideshow .slide:nth-child(4) {
animation-delay: 27s;
}
#slide1 {
background-image: linear-gradient(rgba(169, 164, 143, 0.0), rgba(169, 164, 143,0.0)), url(https://groenregie.nl/wp-content/uploads/Groenregie-tuinarchitectuur.jpg);
animation-name: kenburns1;
}
#slide2 {
background-image: linear-gradient(rgba(169, 164, 143, 0.0), rgba(169, 164, 143, 0.0)), url(https://groenregie.nl/wp-content/uploads/Groenregie-Krimpen-aan-den-IJssel-Ibizatuin-11.jpg);
}
#slide3 {
background-image: linear-gradient(rgba(16, 16, 16, 0.0), rgba(16, 16, 16, 0.0)), url(https://groenregie.nl/wp-content/uploads/Groenregie-tuinontwerp-1.jpg);
animation-name: kenburns4;
}
#slide4 {
background-image: linear-gradient(rgba(16, 16, 16, 0.0), rgba(16, 16, 16, 0.0)), url(https://groenregie.nl/wp-content/uploads/image001-2-1.png);
}
@keyframes kenburns {
4% {
opacity: 1;
}
25% {
opacity: 1;
transform: scale(1);
}
30% {
opacity: 0;
transform: scale(1);
}
}
@keyframes kenburns1 {
0% {
opacity: 1;
}
25% {
opacity: 1;
transform: scale(1.3);
}
30% {
opacity: 0;
transform: scale(1.4);
}	
}
@keyframes kenburns4 {
0%{transform:scale(1.4);
top:0;
left:0;}
4%{opacity:1;}
25% {
opacity: 1;
transform: scale(1);
}
30% {
opacity: 0;
transform: scale(1);
}
} @media screen and (max-width:768px){
.page-hero{
padding-top:0;
min-height:90vh;
justify-content:flex-start;
overflow-x:hidden;
overflow-y:hidden;
}
.inside-page-hero{ 
min-height:90vh;
}
h1.koptekst-hero{
padding:0.5em;
font-weight:300;
font-size: 1.2em;
font-family:'Source Sans 3';
text-align:left;
background-color: var(--contrast-3);
margin-bottom:0;
border-top-right-radius:5px;
}
.video-project-vp video {
pointer-events: none; }
.video-project-vp .controls {
display: none; }
} .inside-header{ 
padding: 20px 0 20px 40px;} @media screen and (max-width:768px){
#pojo-a11y-toolbar{font-size:12px!important;}
} ul {
padding:0;
margin:0;
list-style: none;
}
.footer-social-icons {
width: 350px;
display:block;
margin: 0;
padding: 0 0 0 0px;
}
.social-icons li {
vertical-align: top;
display: inline;
height: 50px;
}
.social-icons a {
color: var(--base);
border:1px solid var(--accent);
text-decoration: none;
padding:5px;
}
.social-icons a:hover{
color: var(--base);
border:1px solid var(--base);
}
.fa-facebook, .fa-linkedin, .fa-pinterest, .fa-instagram{
font-size:12px;
padding:10px 10px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
}
@media screen and (max-width:768px){
.footer-social-icons {
width: 250px;}} .jtg-2862 .modula-item.effect-oscar .figc{
background-color:transparent!important;
}
#jtg-2862 .modula-item .figc{
background-color:transparent!important;
}
#jtg-2862 .modula-item .figc:hover{
border-color:#daa520;}