.elementor-kit-1714{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-color-dd30488:#D6E1ED;--e-global-color-186e668:#BECFE4;--e-global-color-7354cf2:#2A2B31;--e-global-color-688a9a7:#1A191C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"neue-haas-grotesk-text", Sans-serif;font-size:17px;font-weight:normal;line-height:1.4em;}.elementor-kit-1714 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1714 h1{font-family:"neue-haas-grotesk-display", Sans-serif;}.elementor-kit-1714 h2{font-family:"neue-haas-grotesk-display", Sans-serif;font-weight:900;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*Zoomende blokken*/
.portfolio{
    background-size: 100% auto;
    transition: background-size 0.5s ;
    -webkit-transition: background-size 0.5s ;
    aspect-ratio: 2 / 1;
    padding:30px;
}

.portfolio:hover{
    background-size: 105% auto;
}

@media only screen and (min-width: 767px) {
    .portfolio.klein{
        width: calc(25% - 15px);
        aspect-ratio: 1 / 1;
    }

    .portfolio.groot{
     width: calc(50% - 10px);
    }
}

@media only screen and (max-width: 768px) {
  .portfolio {
    align-items:start;
    padding:20px;
  }
}

/*shadow*/
.portfolio{
    box-shadow:
  1.4px 1.4px 1.7px rgba(0, 0, 0, 0.026),
  3.3px 3.3px 4.1px rgba(0, 0, 0, 0.036),
  6.3px 6.1px 7.8px rgba(0, 0, 0, 0.042),
  11.2px 10.9px 13.8px rgba(0, 0, 0, 0.046),
  20.9px 20.5px 25.9px rgba(0, 0, 0, 0.052),
  50px 49px 62px rgba(0, 0, 0, 0.07)
    !important;
}

@media (pointer:coarse) {
            .wpcc-cursor{
    display: none;
}
}/* End custom CSS */