.elementor-2579 .elementor-element.elementor-element-8d0e3d6{--display:flex;--min-height:813px;--flex-direction:row-reverse;--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-reverse;--justify-content:space-between;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--overflow:hidden;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-2579 .elementor-element.elementor-element-8d0e3d6::before, .elementor-2579 .elementor-element.elementor-element-8d0e3d6 > .elementor-background-video-container::before, .elementor-2579 .elementor-element.elementor-element-8d0e3d6 > .e-con-inner > .elementor-background-video-container::before, .elementor-2579 .elementor-element.elementor-element-8d0e3d6 > .elementor-background-slideshow::before, .elementor-2579 .elementor-element.elementor-element-8d0e3d6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2579 .elementor-element.elementor-element-8d0e3d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2579 .elementor-element.elementor-element-13eee0d{--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;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2579 .elementor-element.elementor-element-2fb752f{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:flex-start;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-2579 .elementor-element.elementor-element-8b713ac{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2579 .elementor-element.elementor-element-8b713ac .gallery-item .gallery-caption{display:none;}.elementor-2579 .elementor-element.elementor-element-db09157{--display:flex;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--margin-top:50px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;}.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-2579 .elementor-element.elementor-element-7c23a00 .elementor-heading-title{font-family:var( --e-global-typography-44a4013-font-family ), Sans-serif;font-size:var( --e-global-typography-44a4013-font-size );font-weight:var( --e-global-typography-44a4013-font-weight );text-transform:var( --e-global-typography-44a4013-text-transform );line-height:var( --e-global-typography-44a4013-line-height );color:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-88c4e50 .elementor-heading-title{font-family:var( --e-global-typography-ed8e09a-font-family ), Sans-serif;font-size:var( --e-global-typography-ed8e09a-font-size );font-weight:var( --e-global-typography-ed8e09a-font-weight );line-height:var( --e-global-typography-ed8e09a-line-height );color:var( --e-global-color-f2b4e13 );}.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-2579 .elementor-element.elementor-element-19e6a00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-910287c{--display:grid;--e-con-grid-template-columns:repeat(8, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--align-items:center;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2579 .elementor-element.elementor-element-accef49 .elementor-repeater-item-be243f2.elementor-social-icon{background-color:var( --e-global-color-40c26a3 );}.elementor-2579 .elementor-element.elementor-element-accef49 .elementor-repeater-item-be243f2.elementor-social-icon i{color:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-accef49 .elementor-repeater-item-be243f2.elementor-social-icon svg{fill:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-accef49{--grid-template-columns:repeat(0, auto);text-align:center;width:auto;max-width:auto;--icon-size:27px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2579 .elementor-element.elementor-element-accef49 .elementor-social-icon{--icon-padding:4px;}.elementor-2579 .elementor-element.elementor-element-0f08958 .elementor-repeater-item-be243f2.elementor-social-icon{background-color:var( --e-global-color-40c26a3 );}.elementor-2579 .elementor-element.elementor-element-0f08958 .elementor-repeater-item-be243f2.elementor-social-icon i{color:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-0f08958 .elementor-repeater-item-be243f2.elementor-social-icon svg{fill:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-0f08958{--grid-template-columns:repeat(0, auto);text-align:center;width:auto;max-width:auto;--icon-size:27px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2579 .elementor-element.elementor-element-0f08958 .elementor-social-icon{--icon-padding:4px;}.elementor-2579 .elementor-element.elementor-element-1531d11 .elementor-repeater-item-be243f2.elementor-social-icon{background-color:var( --e-global-color-40c26a3 );}.elementor-2579 .elementor-element.elementor-element-1531d11 .elementor-repeater-item-be243f2.elementor-social-icon i{color:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-1531d11 .elementor-repeater-item-be243f2.elementor-social-icon svg{fill:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-1531d11{--grid-template-columns:repeat(0, auto);text-align:center;width:auto;max-width:auto;--icon-size:27px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2579 .elementor-element.elementor-element-1531d11 .elementor-social-icon{--icon-padding:4px;}.elementor-2579 .elementor-element.elementor-element-3d303ed .elementor-repeater-item-be243f2.elementor-social-icon{background-color:var( --e-global-color-40c26a3 );}.elementor-2579 .elementor-element.elementor-element-3d303ed .elementor-repeater-item-be243f2.elementor-social-icon i{color:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-3d303ed .elementor-repeater-item-be243f2.elementor-social-icon svg{fill:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-3d303ed{--grid-template-columns:repeat(0, auto);text-align:center;width:auto;max-width:auto;--icon-size:27px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2579 .elementor-element.elementor-element-3d303ed .elementor-social-icon{--icon-padding:4px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-2579 .elementor-element.elementor-element-49684b1{left:50%;}body.rtl .elementor-2579 .elementor-element.elementor-element-49684b1{right:50%;}.elementor-2579 .elementor-element.elementor-element-49684b1{bottom:0px;}.elementor-2579 .elementor-element.elementor-element-49684b1 .elementor-icon-wrapper{text-align:center;}.elementor-2579 .elementor-element.elementor-element-49684b1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-49684b1.elementor-view-framed .elementor-icon, .elementor-2579 .elementor-element.elementor-element-49684b1.elementor-view-default .elementor-icon{color:var( --e-global-color-f2b4e13 );border-color:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-49684b1.elementor-view-framed .elementor-icon, .elementor-2579 .elementor-element.elementor-element-49684b1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-f2b4e13 );}.elementor-2579 .elementor-element.elementor-element-49684b1 .elementor-icon{font-size:100px;}.elementor-2579 .elementor-element.elementor-element-49684b1 .elementor-icon svg{height:100px;}@media(max-width:1024px){.elementor-2579 .elementor-element.elementor-element-8d0e3d6{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.3;}.elementor-2579 .elementor-element.elementor-element-13eee0d{--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;}.elementor-2579 .elementor-element.elementor-element-2fb752f{--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;--justify-content:center;--align-items:center;}.elementor-2579 .elementor-element.elementor-element-2fb752f.e-con{--order:-99999 /* order start hack */;}.elementor-widget-image-gallery .gallery-item .gallery-caption{line-height:var( --e-global-typography-accent-line-height );}.elementor-2579 .elementor-element.elementor-element-db09157{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.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-2579 .elementor-element.elementor-element-7c23a00 .elementor-heading-title{font-size:var( --e-global-typography-44a4013-font-size );line-height:var( --e-global-typography-44a4013-line-height );}.elementor-2579 .elementor-element.elementor-element-88c4e50 .elementor-heading-title{font-size:var( --e-global-typography-ed8e09a-font-size );line-height:var( --e-global-typography-ed8e09a-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2579 .elementor-element.elementor-element-910287c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2579 .elementor-element.elementor-element-8d0e3d6{--overlay-opacity:0.3;}.elementor-2579 .elementor-element.elementor-element-2fb752f{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2579 .elementor-element.elementor-element-2fb752f.e-con{--order:-99999 /* order start hack */;}.elementor-widget-image-gallery .gallery-item .gallery-caption{line-height:var( --e-global-typography-accent-line-height );}.elementor-2579 .elementor-element.elementor-element-db09157{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-2579 .elementor-element.elementor-element-7c23a00 .elementor-heading-title{font-size:var( --e-global-typography-44a4013-font-size );line-height:var( --e-global-typography-44a4013-line-height );}.elementor-2579 .elementor-element.elementor-element-88c4e50 .elementor-heading-title{font-size:var( --e-global-typography-ed8e09a-font-size );line-height:var( --e-global-typography-ed8e09a-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2579 .elementor-element.elementor-element-910287c{--width:100%;--e-con-grid-template-columns:repeat(5, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;}}@media(min-width:768px){.elementor-2579 .elementor-element.elementor-element-2fb752f{--width:35%;}.elementor-2579 .elementor-element.elementor-element-db09157{--width:60%;}.elementor-2579 .elementor-element.elementor-element-910287c{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2579 .elementor-element.elementor-element-2fb752f{--width:100%;}.elementor-2579 .elementor-element.elementor-element-db09157{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2fb752f */.company-gallery-container { position: relative !important; width: 100% !important; height: 100% !important; min-height: 650px; overflow: visible !important; } .company-gallery-container > .elementor-element, .company-gallery-container .elementor-widget-shortcode, .company-gallery-container .elementor-widget-container { position: relative; width: 100% !important; height: 100% !important; } .company-gallery-container .elementor-shortcode { position: relative; display: block; width: 100%; height: 100%; } .fh-company-gallery { position: relative; display: block; width: 100%; height: 100%; min-height: 650px; } /* ========================= TEGELS ========================= */ .fh-gallery-item { position: absolute; width: clamp(180px, 12vw, 245px); aspect-ratio: 1 / 1; overflow: hidden; border-radius: 25%; opacity: 0; transform: rotate(45deg) scale(0.65); transform-origin: center center; transition: opacity 0.65s ease, transform 0.85s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: 0s; } /* ========================= FOTO IN RUIT ========================= */ .fh-gallery-item img { position: absolute; width: 142% !important; height: 142% !important; max-width: none !important; left: 50%; top: 50%; object-fit: cover; object-position: center; transform: translate(-50%, -50%) rotate(-45deg); display: block; } /* ========================= ZICHTBARE GALLERY ========================= */ .fh-company-gallery.fh-in-view .fh-gallery-item { opacity: 1; transform: rotate(45deg) scale(1); } /* ========================= TIMING BINNENKOMEN ========================= */ .fh-company-gallery.fh-in-view .fh-gallery-1 { transition-delay: 0.05s; } .fh-company-gallery.fh-in-view .fh-gallery-3 { transition-delay: 0.18s; } .fh-company-gallery.fh-in-view .fh-gallery-2 { transition-delay: 0.31s; } .fh-company-gallery.fh-in-view .fh-gallery-4 { transition-delay: 0.44s; } .fh-company-gallery.fh-in-view .fh-gallery-5 { transition-delay: 0.57s; } /* ========================= VERDWIJNEN ========================= */ .fh-company-gallery:not(.fh-in-view) .fh-gallery-item { opacity: 0; transform: rotate(45deg) scale(0.65); transition-delay: 0s; } /* ========================= 5 FOTO'S ========================= */ .fh-count-5 .fh-gallery-1 { left: 9%; top: 4%; } .fh-count-5 .fh-gallery-2 { left: 52%; top: 4%; } .fh-count-5 .fh-gallery-3 { left: 30.5%; top: 32%; } .fh-count-5 .fh-gallery-4 { left: 9%; top: 60%; } .fh-count-5 .fh-gallery-5 { left: 52%; top: 60%; } /* ========================= 4 FOTO'S ========================= */ .fh-count-4 .fh-gallery-1 { left: 12%; top: 10%; } .fh-count-4 .fh-gallery-2 { left: 51%; top: 10%; } .fh-count-4 .fh-gallery-3 { left: 12%; top: 55%; } .fh-count-4 .fh-gallery-4 { left: 51%; top: 55%; } /* ========================= 3 FOTO'S ========================= */ .fh-count-3 .fh-gallery-1 { left: 12%; top: 8%; } .fh-count-3 .fh-gallery-2 { left: 49%; top: 34%; } .fh-count-3 .fh-gallery-3 { left: 12%; top: 60%; } /* ========================= 2 FOTO'S ========================= */ .fh-count-2 .fh-gallery-1 { left: 14%; top: 18%; } .fh-count-2 .fh-gallery-2 { left: 50%; top: 48%; } /* ========================= 1 FOTO ========================= */ .fh-count-1 .fh-gallery-1 { left: 30%; top: 27%; width: clamp(210px, 14vw, 280px); } /* ========================= GROTE SCHERMEN ========================= */ @media (min-width: 1600px) { .fh-gallery-item { width: 235px; } .fh-count-5 .fh-gallery-1 { left: 10%; top: 4%; } .fh-count-5 .fh-gallery-2 { left: 54%; top: 4%; } .fh-count-5 .fh-gallery-3 { left: 32%; top: 33%; } .fh-count-5 .fh-gallery-4 { left: 10%; top: 62%; } .fh-count-5 .fh-gallery-5 { left: 54%; top: 62%; } } /* ========================= TABLET ========================= */ @media (max-width: 1024px) { .company-gallery-container, .fh-company-gallery { min-height: 500px; } .fh-gallery-item { width: clamp(135px, 17vw, 180px); } .fh-count-5 .fh-gallery-1 { left: 9%; top: 5%; } .fh-count-5 .fh-gallery-2 { left: 53%; top: 5%; } .fh-count-5 .fh-gallery-3 { left: 31%; top: 33%; } .fh-count-5 .fh-gallery-4 { left: 9%; top: 61%; } .fh-count-5 .fh-gallery-5 { left: 53%; top: 61%; } } /* ================================================== MOBIEL ================================================== */ @media (max-width: 767px) { /* ========================= SLIDER VERTICAAL ========================= */ .scroll-slider-scrollspace { height: auto !important; min-height: 0 !important; } .scroll-slider.scroll-slider-mobile { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; transform: none !important; overflow: visible !important; } .scroll-slider.scroll-slider-mobile .jet-listing-grid__slider.swiper { width: 100% !important; height: auto !important; overflow: visible !important; } .scroll-slider.scroll-slider-mobile .swiper-wrapper { display: flex !important; flex-direction: column !important; width: 100% !important; height: auto !important; transform: none !important; transition: none !important; } .scroll-slider.scroll-slider-mobile .swiper-slide { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; overflow: visible !important; } .scroll-slider.scroll-slider-mobile .jet-listing-grid__item { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } /* ========================= GALLERY CONTAINER ========================= */ .company-gallery-container { display: block !important; position: relative !important; width: 100% !important; height: 430px !important; min-height: 430px !important; flex: 0 0 430px !important; overflow: visible !important; } .company-gallery-container > .elementor-element, .company-gallery-container .elementor-widget-shortcode, .company-gallery-container .elementor-widget-container, .company-gallery-container .elementor-shortcode { display: block !important; position: relative !important; width: 100% !important; height: 430px !important; min-height: 430px !important; } .fh-company-gallery { display: block !important; position: relative !important; width: 100% !important; height: 430px !important; min-height: 430px !important; } /* ========================= MOBIELE TEGELS ========================= */ .fh-gallery-item { display: block !important; width: 130px; border-radius: 25%; } /* ========================= 5 FOTO'S ========================= */ .fh-count-5 .fh-gallery-1 { left: 9%; top: 25px; } .fh-count-5 .fh-gallery-2 { left: auto; right: 9%; top: 25px; } .fh-count-5 .fh-gallery-3 { left: 50%; top: 145px; } .fh-count-5 .fh-gallery-4 { left: 9%; top: 265px; } .fh-count-5 .fh-gallery-5 { left: auto; right: 9%; top: 265px; } /* ========================= 4 FOTO'S ========================= */ .fh-count-4 .fh-gallery-1 { left: 12%; top: 40px; } .fh-count-4 .fh-gallery-2 { left: auto; right: 12%; top: 40px; } .fh-count-4 .fh-gallery-3 { left: 12%; top: 235px; } .fh-count-4 .fh-gallery-4 { left: auto; right: 12%; top: 235px; } /* ========================= 3 FOTO'S ========================= */ .fh-count-3 .fh-gallery-1 { left: 10%; top: 40px; } .fh-count-3 .fh-gallery-2 { left: auto; right: 10%; top: 40px; } .fh-count-3 .fh-gallery-3 { left: 50%; top: 225px; } /* ========================= 2 FOTO'S ========================= */ .fh-count-2 .fh-gallery-1 { left: 14%; top: 130px; } .fh-count-2 .fh-gallery-2 { left: auto; right: 14%; top: 130px; } /* ========================= 1 FOTO ========================= */ .fh-count-1 .fh-gallery-1 { width: 175px; left: 50%; top: 115px; } /* ========================= MIDDELSTE RUITEN VERBORGEN ========================= */ .fh-count-5 .fh-gallery-3, .fh-count-3 .fh-gallery-3, .fh-count-1 .fh-gallery-1 { transform: translateX(-50%) rotate(45deg) scale(0.65); } /* ========================= MIDDELSTE RUITEN ZICHTBAAR ========================= */ .fh-count-5.fh-in-view .fh-gallery-3, .fh-count-3.fh-in-view .fh-gallery-3, .fh-count-1.fh-in-view .fh-gallery-1 { transform: translateX(-50%) rotate(45deg) scale(1); } } /* ========================= REDUCED MOTION ========================= */ @media (prefers-reduced-motion: reduce) { .fh-gallery-item { opacity: 1 !important; transition: none !important; transform: rotate(45deg) scale(1) !important; } } @media (prefers-reduced-motion: reduce) and (max-width: 767px) { .fh-count-5 .fh-gallery-3, .fh-count-3 .fh-gallery-3, .fh-count-1 .fh-gallery-1 { transform: translateX(-50%) rotate(45deg) scale(1) !important; } } @media (max-width: 767px) { /* ========================================== SWIPER VOLLEDIG NAAR NORMALE VERTICALE FLOW ========================================== */ .scroll-slider-scrollspace { height: auto !important; min-height: 0 !important; overflow: visible !important; } .scroll-slider.scroll-slider-mobile { position: relative !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } .scroll-slider.scroll-slider-mobile .jet-listing-grid__slider.swiper { height: auto !important; min-height: 0 !important; overflow: visible !important; } .scroll-slider.scroll-slider-mobile .swiper-wrapper { display: block !important; height: auto !important; min-height: 0 !important; transform: none !important; overflow: visible !important; } .scroll-slider.scroll-slider-mobile .swiper-slide { position: relative !important; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; overflow: hidden !important; transform: none !important; } /* ========================================== LISTING ITEM MOET INHOUD VOLGEN ========================================== */ .scroll-slider.scroll-slider-mobile .swiper-slide > .jet-listing-grid__item, .scroll-slider.scroll-slider-mobile .jet-listing-grid__item { position: relative !important; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; overflow: hidden !important; } /* ========================================== BELANGRIJK: DIRECTE ELEMENTOR WRAPPER VAN LISTING ========================================== */ .scroll-slider.scroll-slider-mobile .jet-listing-grid__item > .elementor, .scroll-slider.scroll-slider-mobile .jet-listing-grid__item > .elementor > .elementor-element { height: auto !important; min-height: 0 !important; } /* ========================================== GALLERY ========================================== */ .company-gallery-container { position: relative !important; display: block !important; width: 100% !important; height: 430px !important; min-height: 430px !important; margin: 0 !important; overflow: hidden !important; } .company-gallery-container .elementor-widget-shortcode, .company-gallery-container .elementor-widget-container, .company-gallery-container .elementor-shortcode { position: relative !important; display: block !important; width: 100% !important; height: 430px !important; min-height: 430px !important; } .fh-company-gallery { position: relative !important; display: block !important; width: 100% !important; height: 430px !important; min-height: 430px !important; overflow: hidden !important; } /* ========================================== RUITEN ========================================== */ .fh-gallery-item { width: 130px !important; } /* 5 FOTO'S */ .fh-count-5 .fh-gallery-1 { left: 8%; top: 25px; } .fh-count-5 .fh-gallery-2 { left: auto; right: 8%; top: 25px; } .fh-count-5 .fh-gallery-3 { left: 50%; top: 145px; } .fh-count-5 .fh-gallery-4 { left: 8%; top: 265px; } .fh-count-5 .fh-gallery-5 { left: auto; right: 8%; top: 265px; } /* 4 FOTO'S */ .fh-count-4 .fh-gallery-1 { left: 10%; top: 35px; } .fh-count-4 .fh-gallery-2 { left: auto; right: 10%; top: 35px; } .fh-count-4 .fh-gallery-3 { left: 10%; top: 235px; } .fh-count-4 .fh-gallery-4 { left: auto; right: 10%; top: 235px; } /* 3 FOTO'S */ .fh-count-3 .fh-gallery-1 { left: 10%; top: 40px; } .fh-count-3 .fh-gallery-2 { left: auto; right: 10%; top: 40px; } .fh-count-3 .fh-gallery-3 { left: 50%; top: 225px; } /* 2 FOTO'S */ .fh-count-2 .fh-gallery-1 { left: 12%; top: 130px; } .fh-count-2 .fh-gallery-2 { left: auto; right: 12%; top: 130px; } /* 1 FOTO */ .fh-count-1 .fh-gallery-1 { width: 175px !important; left: 50%; top: 115px; } /* ========================================== CENTRALE RUITEN + ANIMATIE ========================================== */ .fh-count-5 .fh-gallery-3, .fh-count-3 .fh-gallery-3, .fh-count-1 .fh-gallery-1 { transform: translateX(-50%) rotate(45deg) scale(0.65); } .fh-count-5.fh-in-view .fh-gallery-3, .fh-count-3.fh-in-view .fh-gallery-3, .fh-count-1.fh-in-view .fh-gallery-1 { transform: translateX(-50%) rotate(45deg) scale(1); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d0e3d6 */.bedrijf-slide { width: 100%; height: calc(100vh - 130px); min-height: calc(100vh - 130px); overflow: hidden; } @media (max-width: 767px) { .scroll-slider-scrollspace { height: auto !important; min-height: 0 !important; } .scroll-slider.scroll-slider-mobile { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; transform: none !important; } .scroll-slider.scroll-slider-mobile .jet-listing-grid__slider.swiper { overflow: visible !important; width: 100% !important; height: auto !important; } .scroll-slider.scroll-slider-mobile .swiper-wrapper { display: flex !important; flex-direction: column !important; width: 100% !important; height: auto !important; transform: none !important; transition: none !important; } .scroll-slider.scroll-slider-mobile .swiper-slide { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .scroll-slider.scroll-slider-mobile .jet-listing-grid__item { width: 100% !important; max-width: 100% !important; height: auto !important; } }/* End custom CSS */