.elementor-1191 .elementor-element.elementor-element-8ebe057{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;}.elementor-1191 .elementor-element.elementor-element-8ebe057:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-8ebe057 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hjk.anuraweb.nl/wp-content/uploads/2025/12/HJK-banner-ons-werk.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1191 .elementor-element.elementor-element-8ebe057::before, .elementor-1191 .elementor-element.elementor-element-8ebe057 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-8ebe057 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-8ebe057 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-8ebe057 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-8ebe057 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000066;--background-overlay:'';}.elementor-1191 .elementor-element.elementor-element-4d04c62{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1191 .elementor-element.elementor-element-1b3f2bb{--display:flex;--min-height:90px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 3px 0px 0px;--border-top-width:0px;--border-right-width:3px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:90px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1191 .elementor-element.elementor-element-f824375{text-align:right;}.elementor-1191 .elementor-element.elementor-element-f824375 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:30px;font-weight:500;line-height:36px;color:var( --e-global-color-59c8b94 );}.elementor-1191 .elementor-element.elementor-element-930044e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:90px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-499bd44 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:32px;font-weight:500;line-height:38px;color:var( --e-global-color-59c8b94 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1191 .elementor-element.elementor-element-c11f023{color:var( --e-global-color-59c8b94 );}.elementor-1191 .elementor-element.elementor-element-3d39070{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:48px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;}.elementor-1191 .elementor-element.elementor-element-8ba5335{--display:flex;}.elementor-1191 .elementor-element.elementor-element-8ba5335:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-8ba5335 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1191 .elementor-element.elementor-element-76952fe{--display:flex;}@media(min-width:768px){.elementor-1191 .elementor-element.elementor-element-4d04c62{--content-width:1054px;}.elementor-1191 .elementor-element.elementor-element-1b3f2bb{--width:28%;}.elementor-1191 .elementor-element.elementor-element-930044e{--width:72%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-c11f023 */.elementor-1191 .elementor-element.elementor-element-c11f023 p {
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd6a91d */.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 16px;
    grid-auto-flow: dense; /* Helps fill gaps */
}

.parent article {
    width: 100% !important;
    margin: 0 !important;
    background-color:#F7F7F7;
 
}

/* Item 1 - Column 1, Row 1-2 (tall) */
.parent article:nth-child(8n+1) {
    grid-column: 1;
    grid-row: span 2;

}

/* Item 2 - Column 2-3, Row 1 (wide) */
.parent article:nth-child(8n+2) {
    grid-column: 2;
}

/* Item 3 - Column 2, Row 2 */
.parent article:nth-child(8n+3) {
    grid-column: 3;
}

/* Item 4 - Column 3, Row 2 */
.parent article:nth-child(8n+4) {
    
    grid-column: 2 / 4;
    grid-row: auto;
}

/* Item 5 - Column 1, Row 3 */
.parent article:nth-child(8n+5) {
    grid-column: 1;
}

/* Item 6 - Column 2, Row 3 */
.parent article:nth-child(8n+6) {
    grid-column: 2;
}

/* Item 7 - Column 1-2, Row 4 (wide) */
.parent article:nth-child(8n+7) {
    grid-column: 1 / 3;
}

/* Item 8 - Column 3, Row 3-4 (tall) */
.parent article:nth-child(8n+8) {
    grid-column: 3;
    grid-row: span 2;

}


.portfolio-item {
    position: relative;
}

.portfolio-item:before {
    content: '';
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(84,84,84,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(84, 84, 84, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(84, 84, 84, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00545454', endColorstr='#000000',GradientType=0 );
}

.portfolio-item img {
    vertical-align: middle;
}

.portfolio-item .portfolio-description {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: white;
}

.portfolio-item .portfolio-description h3 {
    color: white;
    font-size: 1.9em;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);
    margin: 0;
}

.portfolio-item .portfolio-description h4 {
    color: white;
    font-size: 1.25em;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);
    margin: 0;
}

.portfolio-item a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

@media (min-width: 992px) {
    .portfolio-item .portfolio-description { bottom:30px; left:30px;}
	.portfolio-item .portfolio-description h3 {font-size:1.9em;}
}/* End custom CSS */