@charset "UTF-8";
:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none !important;max-height:none !important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none !important;max-height:none !important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51, 181, 229, 0.4)}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0, 0, 0.25, 1);transition:-webkit-transform .25s cubic-bezier(0, 0, 0.25, 1);transition:transform .25s cubic-bezier(0, 0, 0.25, 1);transition:transform .25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255, 255, 255, 0.5)}.leaflet-container{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.65);box-shadow:0 1px 5px rgba(0, 0, 0, 0.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:black}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px "Lucida Console",Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(//wonendatwerkt.nl/wp-content/plugins/acf-openstreetmap-field/assets/css/images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(//wonendatwerkt.nl/wp-content/plugins/acf-openstreetmap-field/assets/css/images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(//wonendatwerkt.nl/wp-content/plugins/acf-openstreetmap-field/assets/css/images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255, 255, 255, 0.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline !important;vertical-align:baseline !important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(255, 255, 255, 0.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{-webkit-box-shadow:none;box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0, 0, 0, 0.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:17px 0;margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;-webkit-box-shadow:0 3px 14px rgba(0, 0, 0, 0.4);box-shadow:0 3px 14px rgba(0, 0, 0, 0.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);box-shadow:0 1px 3px rgba(0, 0, 0, 0.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
   @font-face {
font-display: swap; font-family: "Barlow Condensed";
font-style: normal;
font-weight: 400;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/barlow-condensed-v13-latin-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Barlow Condensed";
font-style: normal;
font-weight: 700;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/barlow-condensed-v13-latin-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Barlow Condensed";
font-style: normal;
font-weight: 800;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/barlow-condensed-v13-latin-800.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Barlow Condensed";
font-style: normal;
font-weight: 900;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/barlow-condensed-v13-latin-900.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-300.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: italic;
font-weight: 300;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-300italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: italic;
font-weight: 400;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: normal;
font-weight: 500;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-500.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: italic;
font-weight: 500;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-500italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: italic;
font-weight: 600;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-600italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: italic;
font-weight: 700;
src: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/fonts/open-sans-v44-latin-700italic.woff2) format("woff2"); } html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}   html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} article,
aside,
footer,
header,
nav,
section {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  figcaption,
figure,
main { display: block;
} figure {
margin: 1em 40px;
} hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block;
} summary {
display: list-item;
}  canvas {
display: inline-block;
} template {
display: none;
}  [hidden] {
display: none;
} html,
input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
a {
color: #2A3244;
}
a:hover {
color: #FF5B4D;
}
p,
label,
address,
td,
th,
li,
legend,
time {
font: 300 1.6rem/2 "Open Sans", sans-serif;
color: #2A3244;
padding: 0;
}
@media only screen and (max-width: 1023px) {
p,
label,
address,
td,
th,
li,
legend,
time {
font-size: 1.5rem;
}
}
p {
margin: 0 0 2.4rem 0;
}
strong,
b {
font-weight: 700;
}
em {
font-style: italic;
}
u {
text-decoration: underline;
}
figure {
margin: 0;
}
.smaller,
small {
font-size: 1.4rem;
line-height: 1.75;
}
.bigger {
font-size: 1.8rem;
}
ul {
display: block;
padding: 0;
margin: 0 0 2.4rem 0;
}
ul li {
display: block;
position: relative;
margin: 0;
padding: 0;
padding-left: 1.8rem;
}
ul li:before {
display: block;
height: 6px;
width: 6px;
background: #2A3244;
border-radius: 50%;
position: absolute;
top: 1.4rem;
left: 0;
content: "";
}
@media only screen and (max-width: 1023px) {
ul li:before {
top: 1.2rem;
}
}
blockquote {
position: relative;
display: block;
}
blockquote p:before, blockquote p:after {
display: block;
position: absolute;
font-size: 1.6rem;
line-height: 1;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
}
blockquote p:before {
content: "“";
}
blockquote p:after {
content: "”";
}
table {
margin: 0 0 2.4rem 0;
padding: 0;
width: 100%;
}
td,
th {
text-align: left;
margin-bottom: 0;
}
th {
font-weight: 700;
}
.white-text h1,
.white-text .h1,
.white-text h2,
.white-text .h2,
.white-text h3,
.white-text .h3,
.white-text h4,
.white-text .h4,
.white-text h5,
.white-text .h5,
.white-text h6,
.white-text .h6,
.white-text ul li,
.white-text ol li,
.white-text ul li:before,
.white-text ol li:before,
.white-text label,
.white-text p,
.white-text span:not(.button__text),
.white-text i,
.white-text td,
.white-text th,
.white-text a:not(.button) {
color: #FFF;
}
.white-text ul li:before {
background: #FFF;
}
.white-text ol li:before {
color: #FFF;
}
.align-left {
text-align: left;
}
.align-left .button-wrap {
justify-content: flex-start;
}
.align-center {
text-align: center;
}
.align-center .button-wrap {
justify-content: center;
}
.align-right {
text-align: right;
}
.align-right .button-wrap {
justify-content: flex-end;
}
.bg-black {
background-color: #000;
}
.bg-white {
background-color: #FFF;
}
.bg-primary {
background-color: #2A3244;
}
.bg-secondary {
background-color: #FFD300;
}
.bg-secondary .button:hover {
color: #FFF;
}
.bg-secondary .button:hover .button__svg {
color: #2A3244;
}
.bg-secondary .button--primary:hover {
color: #FFF;
}
.bg-secondary .button--primary:hover .button__svg {
color: #FF5B4D;
}
.bg-tertiary {
background-color: #D4ECFC;
}
.color-white {
color: #FFF !important;
}
.color-accent {
color: #FF5B4D !important;
}
.color-primary {
color: #2A3244 !important;
}
.color-secondary {
color: #FFD300 !important;
}
.color-tertiary {
color: #D4ECFC !important;
}
* {
outline: none !important;
}
html {
font-size: 62.5%;
}
body {
width: 100%;
line-height: 1;
margin: 0;
padding: 0;
font-size: 1.6rem;
font-family: "Open Sans", sans-serif;
color: #2A3244;
background-color: #D4ECFC;
overflow-x: hidden;
overflow-y: auto;
}
.overflow-hidden {
overflow: hidden;
}
.main,
main {
padding-top: 9rem;
}
.main > :last-child:is(.content-row),
main > :last-child:is(.content-row) {
margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
.main,
main {
padding-top: 6rem;
}
}
body.logged-in:not(.admin-bar) .main,
body.logged-in:not(.admin-bar) main {
padding-top: 11.9rem;
}
@media only screen and (max-width: 1023px) {
body.logged-in:not(.admin-bar) .main,
body.logged-in:not(.admin-bar) main {
padding-top: 8.9rem;
}
}
body.logged-in:not(.admin-bar) .mobile-navigation {
top: 8.9rem;
}
.wrap {
max-width: 132rem;
margin: 0 auto;
width: calc(100% - 4rem);
position: relative;
}
.wrap--full-width {
max-width: 164rem;
}
.wrap--narrow {
max-width: 116rem;
}
.wrap--text {
max-width: 78rem;
}
@media only screen and (max-width: 1023px) {
.wrap {
width: calc(100% - 3.2rem);
}
}
h1,
.h1 {
font: 800 6rem/1.15 "Barlow Condensed", sans-serif;
color: #FFD300;
padding: 0;
letter-spacing: 0.1rem;
margin: 0 0 2.4rem 0;
text-wrap: balance;
}
@media only screen and (max-width: 1440px) {
h1,
.h1 {
font-size: 4rem;
}
}
@media only screen and (max-width: 1280px) {
h1,
.h1 {
font-size: 4rem;
margin-bottom: 1.6rem;
}
}
@media only screen and (max-width: 1023px) {
h1,
.h1 {
font-size: 3.2rem;
}
}
h2,
.h2 {
font: 900 5.4rem/1.15 "Barlow Condensed", sans-serif;
color: #2A3244;
padding: 0;
margin: 0 0 2.4rem 0;
letter-spacing: 0.1rem;
text-wrap: balance;
}
@media only screen and (max-width: 1280px) {
h2,
.h2 {
font-size: 3.2rem;
margin-bottom: 1.6rem;
}
}
h3,
.h3 {
font: 700 3.2rem/1.15 "Barlow Condensed", sans-serif;
color: #2A3244;
margin: 0 0 1.2rem 0;
padding: 0;
}
@media only screen and (max-width: 1280px) {
h3,
.h3 {
font-size: 2.8rem;
}
}
@media only screen and (max-width: 1023px) {
h3,
.h3 {
font-size: 2rem;
}
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font: 700 2.4rem/1.25 "Barlow Condensed", sans-serif;
color: #2A3244;
margin: 0 0 1.2rem 0;
padding: 0;
}
@media only screen and (max-width: 1280px) {
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 1023px) {
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-size: 1.6rem;
}
}
.subtitle {
font-size: 2.8rem;
font-weight: 700;
line-height: 1.2;
color: #2A3244;
margin-bottom: 0.6rem;
font-family: "Barlow Condensed", sans-serif;
}
.subtitle--strong {
font-weight: 700;
}
@media only screen and (max-width: 1280px) {
.subtitle {
font-size: 2rem;
}
}
img,
iframe {
display: block;
line-height: 0;
max-width: 100%;
height: auto;
}
img.lazy {
opacity: 0;
}
img.lazy.loaded {
opacity: 1;
transition: all 0.3s ease-out 0.5s;
}
img.lazy:not([src]) {
visibility: hidden;
}
a[data-fancybox] {
cursor: zoom-in;
}
.with-border-radius {
border-radius: 1rem;
}
.with-border-radius-bottom {
border-bottom-left-radius: 3.2rem;
border-bottom-right-radius: 3.2rem;
}
.wrap-1-1,
.wrap-16-9,
.wrap-4-3,
.wrap-3-4 {
display: block;
position: relative;
height: 0;
margin: 0;
overflow: hidden;
}
.wrap-1-1 img,
.wrap-16-9 img,
.wrap-4-3 img,
.wrap-3-4 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.wrap-1-1 {
padding: 0 0 100% 0;
}
.wrap-16-9 {
padding: 0 0 56.25% 0;
}
.wrap-4-3 {
padding: 0 0 75% 0;
}
.wrap-3-4 {
padding: 0 0 133.33% 0;
}
.bg-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 0;
object-fit: cover;
}
.responsive-iframe-wrapper {
position: relative;
padding: 0 0 56.25% 0;
height: 0;
border-radius: 1rem;
overflow: hidden;
}
.responsive-iframe-wrapper img,
.responsive-iframe-wrapper iframe,
.responsive-iframe-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.responsive-iframe-wrapper--4-3 {
padding: 0 0 75% 0;
}
.google-maps-wrapper {
position: relative;
padding: 0 0 40% 0;
height: 0;
}
.google-maps-wrapper img,
.google-maps-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
@media only screen and (max-width: 1023px) {
.google-maps-wrapper {
padding: 0 0 66.67% 0;
}
}
@media only screen and (max-width: 480px) {
.google-maps-wrapper {
padding: 0 0 100%;
}
}
.leaflet-map {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
border-radius: 1rem;
overflow: hidden;
z-index: 1;
}
.content-row {
padding-top: 10rem;
padding-bottom: 10rem;
}
.content-row--small {
padding-top: 5rem;
padding-bottom: 5rem;
}
.content-row + .content-row:not(.ignore) {
padding-top: 0;
margin-top: 0;
}
@media only screen and (max-width: 1023px) {
.content-row {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.spacing-row {
margin-top: 10rem;
margin-bottom: 10rem;
}
.spacing-row--small {
margin-top: 5rem;
margin-bottom: 5rem;
}
@media only screen and (max-width: 1023px) {
.spacing-row {
margin-top: 5rem;
margin-bottom: 5rem;
}
}
.small-gap {
gap: 1.6rem;
}
.medium-gap {
gap: 3.2rem;
}
.big-gap {
gap: 6.4rem;
}
.content-gap {
gap: 8.4rem;
}
@media only screen and (max-width: 1440px) {
.content-gap {
gap: 5.4rem;
}
}
@media only screen and (max-width: 1023px) {
.content-gap {
gap: 3rem;
}
}
.align-items-center {
align-items: center;
}
.col-2-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 750px) {
.col-2-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.col-3-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 1023px) {
.col-3-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 640px) {
.col-3-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.col-4-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1023px) {
.col-4-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 640px) {
.col-4-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.col-2-1-grid {
display: grid;
grid-template-columns: 2fr 1fr;
}
@media only screen and (max-width: 1023px) {
.col-2-1-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.col-1-2-grid {
display: grid;
grid-template-columns: 1fr 2fr;
}
@media only screen and (max-width: 1023px) {
.col-1-2-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.col-3-1-grid {
display: grid;
grid-template-columns: minmax(0, 3fr) 0.9fr;
}
@media only screen and (max-width: 1023px) {
.col-3-1-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.col-1-3-grid {
display: grid;
grid-template-columns: 0.9fr minmax(0, 3fr);
}
@media only screen and (max-width: 1023px) {
.col-1-3-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.button {
font: 700 1.8rem/1.25 "Barlow Condensed", sans-serif;
text-decoration: none;
display: inline-flex;
gap: 0.6rem;
align-items: center;
justify-content: center;
position: relative;
padding: 1.6rem 2.4rem;
margin: 0;
cursor: pointer;
border: 0;
background-color: transparent;
color: #FFF;
border-radius: 0;
transition: all 0.2s ease-out 0s;
}
.button__svg {
color: #FF5B4D;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
transition: all 0.2s ease-out 0s;
}
.button__text {
position: relative;
z-index: 1;
color: inherit;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
}
.button__icon {
color: inherit;
width: 2rem;
aspect-ratio: 1/1;
position: relative;
z-index: 1;
top: 0.1rem;
}
.button:hover {
color: #2A3244;
}
.button:hover .button__svg {
color: #FFD300;
}
.button--primary .button__svg {
color: #2A3244;
}
.button--secondary {
color: #2A3244;
}
.button--secondary .button__svg {
color: #FFD300;
}
.button--secondary:hover {
color: #FFF;
}
.button--secondary:hover .button__svg {
color: #FF5B4D;
}
.button--tertiary .button__svg {
color: #D4ECFC;
}
.button--small {
padding: 1rem 1.4rem;
font-size: 1.4rem;
}
.button--small .button__icon {
width: 1.5rem;
}
@media only screen and (max-width: 1280px) {
.button {
padding: 1.4rem 1.8rem;
}
}
@media only screen and (max-width: 1023px) {
.button {
padding: 1.2rem 1.6rem;
font-size: 1.5rem;
}
.button__icon {
width: 1.6rem;
}
.button--small {
padding: 0.8rem 1.2rem;
font-size: 1.2rem;
}
.button--small .button__icon {
width: 1.2rem;
}
}
.play-button {
position: absolute;
top: 50%;
left: 55%;
transform: translate(-50%, -50%);
background: transparent;
border: 0;
cursor: pointer;
padding: 0;
background: rgba(255, 255, 255, 0.8);
border-radius: 50%;
width: 10rem;
height: 10rem;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
font-weight: 600;
transition: all 0.2s ease-out 0s;
}
.play-button__icon {
width: 4rem;
position: relative;
z-index: 1;
color: #000;
}
.play-button--hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
@media only screen and (max-width: 1023px) {
.play-button {
width: 5.4rem;
height: 5.4rem;
}
.play-button .play-button__icon {
width: 2.4rem;
}
}
.button-wrap {
display: flex;
gap: 1.2rem;
flex-wrap: wrap;
}
.button-wrap p {
margin-bottom: 0;
}
label, legend {
margin-bottom: 0.6rem;
display: block;
position: relative;
}
abbr[title] {
text-decoration: none;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
input[type=text],
input[type=number],
input[type=search],
input[type=email],
input[type=tel],
input[type=password],
input[type=date],
input[type=phone],
input[type=url],
select,
textarea {
display: block;
position: relative;
width: 100%;
padding: 1rem 1.6rem;
font: 400 1.6rem/1.5 "Open Sans", sans-serif;
color: #2A3244;
margin: 0;
border: 1px solid #aeaeae;
border-radius: 1rem;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=phone]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
border-color: #2A3244;
}
@media only screen and (max-width: 1023px) {
input[type=text],
input[type=number],
input[type=search],
input[type=email],
input[type=tel],
input[type=password],
input[type=date],
input[type=phone],
input[type=url],
select,
textarea {
padding: 1.2rem 1.6rem;
}
}
input[type=checkbox],
input[type=radio] {
display: block;
position: absolute;
z-index: 2;
width: 100%;
cursor: pointer;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
opacity: 0;
}
input[type=checkbox] + label, input[type=checkbox] + span, input[type=checkbox] + td,
input[type=radio] + label,
input[type=radio] + span,
input[type=radio] + td {
display: block;
position: relative;
padding: 0 0 0 3rem;
margin: 0;
cursor: pointer;
text-transform: none !important;
}
input[type=checkbox] + label:before, input[type=checkbox] + span:before, input[type=checkbox] + td:before,
input[type=radio] + label:before,
input[type=radio] + span:before,
input[type=radio] + td:before {
display: block;
position: absolute;
height: 1.6rem;
width: 1.6rem;
content: "";
padding: 0;
top: 0;
left: 0;
border-radius: 0.4rem;
background: #FFF;
border: 1px solid rgba(42, 50, 68, 0.6);
}
input[type=checkbox] + label, input[type=checkbox] + span, input[type=checkbox] + td {
font-size: 1.4rem;
padding-left: 2.4rem;
}
input[type=checkbox] + label:before, input[type=checkbox] + span:before, input[type=checkbox] + td:before {
top: 0.6rem;
}
input[type=checkbox]:checked + label:after, input[type=checkbox]:checked + span:after, input[type=checkbox]:checked + td:after {
content: "";
background-image: url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/icons/circle-check-accent.svg);
background-size: 1.4rem;
background-repeat: no-repeat;
height: 1.4rem;
width: 1.4rem;
position: absolute;
left: 0.1rem;
top: 0.7rem;
}
input[type=radio] + label, input[type=radio] + span, input[type=radio] + td {
padding-left: 2.4rem;
}
input[type=radio] + label:before, input[type=radio] + span:before, input[type=radio] + td:before {
border-radius: 50%;
top: 8px;
width: 16px;
height: 16px;
}
input[type=radio]:checked + label:after, input[type=radio]:checked + span:after, input[type=radio]:checked + td:after {
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background: #2A3244;
display: block;
position: absolute;
top: 11px;
left: 3px;
}
@media only screen and (max-width: 1023px) {
input[type=radio] + label:before, input[type=radio] + span:before, input[type=radio] + td:before {
top: 0.7rem !important;
}
input[type=radio]:checked + label:after, input[type=radio]:checked + span:after, input[type=radio]:checked + td:after {
top: 1rem !important;
}
}
textarea {
height: 12rem;
resize: vertical;
}
select {
appearance: none;
background: none;
cursor: pointer;
background: #FFF url(//wonendatwerkt.nl/wp-content/themes/bg-wonendatwerkt/public/icons/angle-down.svg) right 2rem center no-repeat;
background-size: 1rem;
}
.gfield_error input[type=text],
.gfield_error input[type=number],
.gfield_error input[type=search],
.gfield_error input[type=email],
.gfield_error input[type=tel],
.gfield_error input[type=password],
.gfield_error input[type=date],
.gfield_error input[type=phone],
.gfield_error input[type=url],
.gfield_error select,
.gfield_error textarea,
.woocommerce-invalid input[type=text],
.woocommerce-invalid input[type=number],
.woocommerce-invalid input[type=search],
.woocommerce-invalid input[type=email],
.woocommerce-invalid input[type=tel],
.woocommerce-invalid input[type=password],
.woocommerce-invalid input[type=date],
.woocommerce-invalid input[type=phone],
.woocommerce-invalid input[type=url],
.woocommerce-invalid select,
.woocommerce-invalid textarea {
border-color: #f35b6a;
}
.gform_validation_errors {
margin-bottom: 1rem;
}
.gform_validation_errors .gform-icon {
margin-right: 0.6rem;
color: #721c24;
}
.gform_validation_errors p,
.gform_validation_errors h2 {
border-radius: 1rem;
background-color: #f8d7da;
font-size: 1.6rem;
border: 1px solid #f5c6cb;
color: #721c24;
padding: 1rem;
margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
.gform_validation_errors p,
.gform_validation_errors h2 {
font-size: 1.4rem;
}
}
.validation_message {
margin-top: 1rem;
border-radius: 1rem;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
font-size: 1.2rem;
padding: 0.4rem 1rem;
line-height: 1.5;
}
.gform_confirmation_message {
border-radius: 1rem;
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
padding: 1.6rem;
line-height: 1.825;
}
.gform_confirmation_message .gform-icon {
margin-right: 0.6rem;
color: #155724;
}
.gform_wrapper {
position: relative;
padding: 0;
display: flex;
flex-direction: column;
margin: 0;
}
.gfield--type-honeypot {
display: none !important;
}
.gform_footer {
margin-top: 2.6rem;
display: flex;
justify-content: flex-end;
position: relative;
max-width: max-content;
}
body img.gform_ajax_spinner {
position: absolute;
inset: 0 0 0 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.205);
z-index: 100;
}
.gfield_required {
display: inline-block;
margin-left: 0.2rem;
color: #FF5B4D !important;
}
.ginput_container_fileupload {
display: block;
position: relative;
background: #FFF;
padding: 20px 20px 10px 20px;
border: 1px dashed #2A3244;
text-align: center;
border-radius: 1rem;
font-size: 0.875em;
}
.ginput_container_fileupload .screen-reader-text {
display: block;
font-style: italic;
}
.gform_drop_area {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.2rem;
padding: 0;
transition: all 0.3s ease;
}
.gform_drop_area.gform_drag_over {
background-color: rgba(42, 50, 68, 0.05);
border-color: #2A3244;
}
.gform_drop_instructions {
font-size: 1.4rem;
color: #2A3244;
margin: 0;
}
.gform_button_select_files {
margin: 0;
background-color: #2A3244;
}
.gform_button_select_files:hover {
background-color: #FF5B4D;
color: #FFF;
}
.gform_fileupload_rules {
display: block;
margin-top: 1rem;
font-size: 1.2rem;
color: rgba(42, 50, 68, 0.7);
text-align: center;
}
.ginput_preview_list {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1.6rem;
}
.ginput_preview_list:empty {
display: none;
}
.ginput_preview {
display: flex;
align-items: center;
gap: 1.2rem;
padding: 1.2rem;
background-color: #f8f9fa;
border: 1px solid rgba(42, 50, 68, 0.1);
border-radius: 1rem;
transition: all 0.2s ease;
}
.ginput_preview:hover {
background-color: #e9ecef;
border-color: rgba(42, 50, 68, 0.2);
}
.gfield_fileupload_filename {
font-size: 1.4rem;
font-weight: 500;
color: #2A3244;
flex: 1;
text-align: left;
word-break: break-word;
}
.gfield_fileupload_filesize {
font-size: 1.2rem;
color: rgba(42, 50, 68, 0.6);
white-space: nowrap;
}
.gfield_fileupload_progress {
display: flex;
align-items: center;
gap: 0.8rem;
min-width: 10rem;
}
.gfield_fileupload_progress.gfield_fileupload_progress_complete .gfield_fileupload_progressbar {
background-color: #d4edda;
}
.gfield_fileupload_progress.gfield_fileupload_progress_complete .gfield_fileupload_progressbar_progress {
background-color: #28a745;
}
.gfield_fileupload_progressbar {
width: 100%;
height: 0.6rem;
background-color: #e9ecef;
border-radius: 0.3rem;
overflow: hidden;
flex: 1;
}
.gfield_fileupload_progressbar_progress {
height: 100%;
background-color: #2A3244;
border-radius: 0.3rem;
transition: width 0.3s ease;
}
.gfield_fileupload_percent {
font-size: 1.2rem;
color: rgba(42, 50, 68, 0.7);
white-space: nowrap;
min-width: 3.5rem;
text-align: right;
}
.gform_delete_file {
display: flex;
align-items: center;
justify-content: center;
padding: 0.6rem;
min-width: 3.6rem;
height: 3.6rem;
border: 1px solid rgba(42, 50, 68, 0.2);
background-color: transparent;
border-radius: 1rem;
cursor: pointer;
transition: all 0.2s ease;
color: #2A3244;
}
.gform_delete_file:hover {
background-color: #f8d7da;
border-color: #f5c6cb;
color: #721c24;
}
.gform_delete_file:hover .dashicons {
color: #721c24;
}
.gform_delete_file .dashicons {
font-size: 1.6rem;
width: 1.6rem;
height: 1.6rem;
color: #2A3244;
transition: color 0.2s ease;
}
.gform_delete_file .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.gform_multifile_messages {
margin-top: 1rem;
}
.gform_multifile_messages:not(:empty) .gfield_validation_message {
margin-top: 0;
}
.validation_message--hidden-on-empty:empty {
display: none;
}
@media only screen and (max-width: 1023px) {
.gform_drop_instructions {
font-size: 1.3rem;
}
.ginput_preview {
flex-wrap: wrap;
padding: 1rem;
gap: 0.8rem;
}
.gfield_fileupload_filename {
font-size: 1.3rem;
width: 100%;
}
.gfield_fileupload_progress {
width: 100%;
min-width: auto;
}
.gform_delete_file {
margin-left: auto;
}
}
.gform_fields {
display: grid;
gap: 1rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1023px) {
.gform_fields {
grid-template-columns: 1fr;
}
}
.gfield {
grid-column: span 2;
}
.gfield .form-header__description {
padding-bottom: 0;
}
.gfield.gfield_html {
grid-column: span 2;
}
.gfield.gfield--width-half {
grid-column: span 1;
}
.gfield.gfield--width-full {
grid-column: span 2;
}
@media only screen and (max-width: 1023px) {
.gfield {
grid-column: span 1;
}
.gfield.gfield_html, .gfield.gfield--width-full {
grid-column: span 1;
}
}
.gchoice {
position: relative;
}
.hidden_label label {
display: none;
}
.ginput-container {
position: relative;
}
.gform_required_legend,
.charleft {
display: none;
}
.gfield_description {
font-size: 1.2rem;
margin-top: 1.4rem;
display: block;
}
.inline-form {
display: flex;
align-items: center;
gap: 1rem;
}
.inline-form .gform_fields {
display: flex;
align-items: center;
gap: 1rem;
}
.inline-form .gform_footer {
margin-top: 0;
}
@media only screen and (max-width: 560px) {
.inline-form {
flex-direction: column;
align-items: flex-start;
gap: 1.6rem;
}
.inline-form .gform_body,
.inline-form .gform_footer {
width: 100%;
max-width: 100%;
}
.inline-form .gform_body .button,
.inline-form .gform_footer .button {
width: 100%;
}
.inline-form .gform_fields {
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 1.6rem;
}
.inline-form .gform_fields .gfield {
width: 100%;
}
}
.card__inner {
display: flex;
flex-direction: column;
gap: 1rem;
}
.star-container {
display: flex;
align-items: center;
}
.star-container span:last-child {
margin-right: 0;
}
.star-container .star-container__star,
.star-container .star-container__star-half,
.star-container .star-container__star-empty {
width: 1.8rem;
height: 1.8rem;
margin-right: 0.125rem;
}
.star-container__star {
fill: gold;
}
.star-container__star-half {
fill: gold;
stroke: gold;
}
.star-container__star-empty {
stroke: gold;
}
@media only screen and (max-width: 750px) {
.star-container .star-container__star,
.star-container .star-container__star-half,
.star-container .star-container__star-empty {
width: 1.6rem;
height: 1.6rem;
}
}
.sm-icons {
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: center;
margin: 0 0 2.5rem 0;
padding: 0;
}
.sm-icons__link {
display: block;
height: 4.4rem;
width: 4.4rem;
border-radius: 50%;
background-color: #FF5B4D;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease-out 0s;
}
.sm-icons__link:hover {
background-color: #FFD300;
}
.sm-icons__link:hover .sm-icons__icon {
color: #2A3244;
}
.sm-icons__item {
height: 4.4rem;
width: 4.4rem;
padding-left: 0;
}
.sm-icons__item:before {
display: none;
}
.sm-icons__icon {
height: 2.4rem;
color: #FFF;
width: auto;
transition: all 0.2s ease-out 0s;
}
@media only screen and (max-width: 1023px) {
.sm-icons__link, .sm-icons__item {
height: 3.8rem;
width: 3.8rem;
}
.sm-icons__icon {
height: 2rem;
}
}
.breadcrumbs {
margin-bottom: 0;
}
.breadcrumbs__text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
margin-bottom: 0;
background-color: rgba(42, 50, 68, 0.8);
backdrop-filter: blur(0.5rem);
border-radius: 3.2rem;
padding: 0.2rem 1.6rem 0.4rem 1.6rem;
max-width: max-content;
}
.breadcrumbs__text span,
.breadcrumbs__text a,
.breadcrumbs__text p {
font-size: 1.2rem;
color: #FFF;
}
.breadcrumbs__text a {
text-decoration: none;
}
.breadcrumbs__divider {
color: #FF5B4D !important;
margin: 0 0.6rem;
}
@media only screen and (max-width: 1023px) {
.breadcrumbs__divider {
margin: 0 0.4rem;
}
.breadcrumbs__text {
padding: 0.1rem 1.2rem 0.5rem 1.2rem;
}
.breadcrumbs__text span,
.breadcrumbs__text a,
.breadcrumbs__text p {
font-size: 1rem;
}
}
.default-swiper-wrapper {
position: relative;
user-select: none;
}
body .swiper {
overflow: hidden;
}
body .swiper-slide {
height: auto;
}
body .swiper-pagination {
position: relative;
top: unset;
left: unset;
bottom: unset;
margin-top: 3.2rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
}
body .swiper-pagination-bullet {
background-color: #FFF;
opacity: 1;
border: 0.1rem solid rgba(255, 91, 77, 0.4);
width: 1.2rem;
height: 1.2rem;
margin: 0;
transition: all 0.2s ease-out 0s;
position: relative;
}
body .swiper-pagination-bullet:hover {
background-color: #FF5B4D;
}
body .swiper-pagination-bullet-active {
background-color: #FF5B4D;
}
body .swiper-button {
width: 4rem;
height: 4rem;
cursor: pointer;
border: 0.1rem solid rgba(42, 50, 68, 0.4);
border-radius: 0;
background-color: #2A3244;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
transition: all 0.2s ease-out 0s;
}
body .swiper-button__icon {
width: 2rem;
color: #FFF;
}
body .swiper-button.swiper-button-disabled {
opacity: 0.4;
pointer-events: none;
}
body .swiper-button:hover {
background-color: #f3f3f3;
}
@media only screen and (max-width: 1023px) {
body .swiper-button {
width: 3rem;
height: 3rem;
}
body .swiper-button .chevron-icon {
width: 0.6rem;
}
body .swiper-controls {
gap: 0.6rem;
}
}
.swiper-controls {
display: flex;
align-items: center;
gap: 1rem;
justify-content: space-between;
user-select: none;
}
.swiper-controls .swiper-pagination {
margin-top: 0;
}
.swiper-buttons {
display: flex;
align-items: center;
gap: 1rem;
user-select: none;
}
body .fancybox__backdrop {
background: rgba(42, 50, 68, 0.5);
backdrop-filter: blur(0.4rem);
}
.site-logo {
display: block;
width: 30rem;
aspect-ratio: 300/100;
position: relative;
}
.site-logo > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.contact-info {
display: flex;
flex-direction: column;
gap: 1.6rem;
margin-bottom: 2.4rem;
}
.contact-info__link {
font-weight: 400;
display: flex;
align-items: center;
gap: 1rem;
text-decoration: none;
}
.contact-info__link:hover {
text-decoration: underline;
text-underline-offset: 0.2rem;
}
.contact-info__icon {
color: #FF5B4D;
width: 1.6rem;
}
.usp-list {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 2.8rem;
}
.usp-list__item {
display: flex;
align-items: center;
gap: 0.5rem;
padding-left: 2.8rem;
position: relative;
}
.usp-list__item:before {
display: none;
}
.usp-list__item a {
text-underline-offset: 0.2rem;
}
.usp-list__icon {
position: absolute;
top: 0.9rem;
left: 0;
width: 1.6rem;
color: #FF5B4D;
}
.usp-list--horizontal {
flex-direction: row;
gap: 2.4rem;
}
.usp-list--small {
gap: 2rem;
}
.usp-list--small .usp-list__icon {
width: 1.4rem;
top: 0.5rem;
}
.usp-list--small .usp-list__item {
padding-left: 2rem;
font-size: 1.2rem;
}
@media only screen and (max-width: 1023px) {
.usp-list__item {
padding-left: 2.2rem;
}
.usp-list__icon {
top: 0.7rem;
}
}
.search-form {
position: relative;
}
.search-form__inner {
position: relative;
display: flex;
align-items: center;
gap: 1rem;
}
.search-form .search-field {
min-width: 30rem;
}
.search-form .search-icon {
width: 1.6rem;
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 500;
background-color: #D4ECFC;
}
.nav-bar {
padding-top: 1rem;
}
.nav-bar .wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
}
.nav-bar .site-logo {
margin-bottom: -2.4rem;
}
.nav-bar__end {
display: flex;
align-items: center;
gap: 3.2rem;
}
.nav-bar .menu {
display: flex;
align-items: center;
gap: 3.2rem;
margin-bottom: 0;
}
.nav-bar .menu > .menu-item {
padding: 2rem 0;
}
.nav-bar .menu-item {
font-size: 2rem;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
}
.nav-bar .menu-item a {
display: flex;
align-items: center;
gap: 1rem;
text-decoration: none;
}
.nav-bar .menu-item a:hover {
color: #FF5B4D;
}
.nav-bar .menu-item__toggle-submenu {
width: 1.4rem;
transition: all 0.2s ease-out 0s;
}
.nav-bar .menu-item.menu-item-has-children:hover .menu-item__toggle-submenu {
transform: rotate(180deg);
}
.nav-bar .menu-item.menu-item-has-children:hover .sub-menu {
transform: scale(1);
visibility: visible;
opacity: 1;
}
.nav-bar .menu-item.current-menu-item > a, .nav-bar .menu-item.current-menu-ancestor > a, .nav-bar .menu-item.current_page_item > a, .nav-bar .menu-item.current_page_ancestor > a {
color: #FF5B4D;
}
.nav-bar .sub-menu {
position: absolute;
top: calc(100% - 1rem);
left: 0;
background-color: #FFF;
transform: scale(0);
visibility: hidden;
opacity: 0;
transform-origin: center top;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
padding-bottom: 0;
min-width: 16rem;
width: max-content;
border-radius: 1rem;
padding: 1rem 2rem;
display: flex;
flex-direction: column;
gap: 0.4rem;
transition: all 0.2s ease-out 0s;
}
.nav-bar .sub-menu .menu-item {
font-size: 1.8rem;
}
.nav-bar .sub-menu .menu-item a {
font-weight: 500;
}
.nav-bar .toggle-mob-nav {
display: none;
}
@media only screen and (max-width: 1280px) {
.nav-bar .menu, .nav-bar__end {
gap: 2rem;
}
.nav-bar .menu-item a {
font-size: 1.6rem;
}
.nav-bar .site-logo {
width: 26rem;
}
}
@media only screen and (max-width: 1023px) {
.nav-bar {
padding: 1rem 0;
}
.nav-bar .toggle-mob-nav {
display: flex;
}
.nav-bar .button-wrap, .nav-bar__menu-wrap {
display: none;
}
.nav-bar .site-logo {
width: 17rem;
}
}
.menu-item {
padding-left: 0;
}
.menu-item__toggle {
display: flex;
}
.menu-item:before {
display: none;
}
.top-bar {
padding-top: 0.6rem;
padding-bottom: 0.8rem;
background-color: #2A3244;
}
.top-bar .wrap {
display: flex;
justify-content: flex-end;
gap: 1.6rem;
align-items: center;
}
.top-bar__link {
color: #FFF;
text-decoration: none;
font-size: 1.5rem;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
}
.top-bar__link:hover {
color: #FFD300;
}
.floating-social-icons {
margin-bottom: 0;
position: fixed;
right: 1rem;
bottom: 1.2rem;
z-index: 1000;
background-color: rgba(212, 236, 252, 0.5);
backdrop-filter: blur(10px);
border-radius: 3.2rem;
padding: 1rem;
flex-direction: column;
transition: all 0.2s ease-out 0s;
}
@media only screen and (max-width: 750px) {
.floating-social-icons {
display: none;
}
}
.footer-nav {
padding-top: 3.2rem;
padding-bottom: 3.2rem;
}
.footer-nav .wrap {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 5.4rem;
}
.footer-nav__title {
margin-bottom: 1rem;
font-size: 1.6rem;
color: #FFF;
line-height: 1.25;
}
.footer-nav .initiatief-logo {
width: 100%;
max-width: 12rem;
}
.footer-nav a {
text-decoration: none;
}
.footer-nav ul {
margin-bottom: 0;
}
.footer-nav ul li {
padding-left: 0;
}
.footer-nav ul li:before {
display: none;
}
.footer-nav__text p {
font-size: 1.4rem;
}
@media only screen and (max-width: 1023px) {
.footer-nav .wrap {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media only screen and (max-width: 640px) {
.footer-nav {
text-align: center;
}
.footer-nav .wrap {
grid-template-columns: minmax(0, 1fr);
gap: 3.2rem;
}
.footer-nav .wrap .site-logo,
.footer-nav .wrap .initiatief-logo {
margin-inline: auto;
}
.footer-nav .wrap .sm-icons,
.footer-nav .wrap .button-wrap {
justify-content: center;
}
.footer-nav__title {
font-size: 1.4rem;
}
.footer-nav__block--1 {
order: 1;
}
.footer-nav__block--2 {
order: 2;
}
.footer-nav__block--3 {
order: 4;
}
.footer-nav__block--4 {
order: 3;
}
}
@media only screen and (max-width: 480px) {
.footer-nav .site-logo {
width: 20rem;
}
}
.footer-copyright {
background-color: #FFD300;
padding-top: 1rem;
padding-bottom: 1rem;
}
.footer-copyright .wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-copyright__menu-wrap {
position: relative;
}
.footer-copyright__menu-list {
display: table;
margin-bottom: 0;
text-align: center;
}
.footer-copyright__menu-list li {
display: table-cell;
padding: 0;
margin: 0;
font-size: 1.4rem;
}
.footer-copyright__menu-list li:before {
display: none;
}
.footer-copyright__menu-list li:after {
display: inline-block;
padding: 0 1rem;
content: "|";
}
.footer-copyright__menu-list li:last-child:after {
display: none;
}
.footer-copyright__copy, .footer-copyright__creator {
margin-bottom: 0;
font-size: 1.4rem;
}
.footer-copyright a {
text-decoration: none;
}
@media only screen and (max-width: 1023px) {
.footer-copyright {
text-align: center;
}
.footer-copyright .wrap {
flex-direction: column;
gap: 1rem;
}
.footer-copyright__copy {
margin-bottom: 0;
}
.footer-copyright__menu-wrap {
order: -1;
}
.footer-copyright__copy, .footer-copyright__creator {
margin-bottom: 0;
font-size: 1.2rem;
}
.footer-copyright__menu-list {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.footer-copyright__menu-list li {
display: block;
padding-right: 0;
font-size: 1.2rem;
}
.footer-copyright__menu-list li:after {
display: none;
}
}
.footer-newsletter {
background-color: #D4ECFC;
padding: 2rem 0;
}
.footer-newsletter__wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
gap: 5.4rem;
}
.footer-newsletter .gform_wrapper {
margin-bottom: 0;
}
@media only screen and (max-width: 1280px) {
.footer-newsletter__wrap {
grid-template-columns: minmax(0, 1fr);
gap: 2rem;
}
}
.toggle-mob-nav {
transition: all 0.2s ease-out 0s;
position: relative;
cursor: pointer;
background-color: transparent;
border: 0;
border-radius: 50%;
height: 4rem;
width: 4rem;
right: -1rem;
padding: 0;
}
.toggle-mob-nav span {
display: block;
position: absolute;
height: 2px;
width: 2rem;
background-color: #2A3244;
border-radius: 1rem;
opacity: 1;
left: 50%;
transform: rotate(0deg) translateX(-50%);
transition: transform 0.25s ease-in-out;
}
.toggle-mob-nav span:nth-child(1) {
top: 14px;
}
.toggle-mob-nav span:nth-child(2), .toggle-mob-nav span:nth-child(3) {
top: 20px;
}
.toggle-mob-nav span:nth-child(4) {
top: 26px;
}
.toggle-mob-nav--active span:nth-child(1) {
top: 12px;
visibility: hidden;
left: 50%;
}
.toggle-mob-nav--active span:nth-child(2) {
transform: translateX(-50%) rotate(45deg);
}
.toggle-mob-nav--active span:nth-child(3) {
transform: translateX(-50%) rotate(-45deg);
}
.toggle-mob-nav--active span:nth-child(4) {
top: 12px;
visibility: hidden;
left: 50%;
}
.mobile-navigation {
position: fixed;
z-index: 255;
top: 6rem;
left: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
transform-origin: center top;
transform: translateY(-100%);
background-color: #D4ECFC;
border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem;
transition: all 0.2s ease-out 0s;
}
.mobile-navigation--open {
visibility: visible;
transform: translateY(0);
}
.mobile-navigation__inner {
padding: 2.4rem 2rem 3.2rem 2rem;
}
.mobile-navigation__footer {
padding: 0 2rem;
}
.mobile-navigation .sm-icons {
justify-content: center;
margin-bottom: 0;
}
.mobile-navigation .sm-icons__link {
background-color: #2A3244;
}
.mobile-navigation__menu-list {
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.mobile-navigation .button-wrap {
justify-content: center;
margin-bottom: 1.2rem;
}
.mobile-navigation .button-wrap p {
display: flex;
width: 100%;
}
.mobile-navigation .button-wrap .button {
margin-inline: auto;
}
.mobile-navigation .menu-item {
padding-left: 0;
}
.mobile-navigation .menu-item a {
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
text-decoration: none;
font-weight: 700;
font-size: 1.8rem;
font-family: "Barlow Condensed", sans-serif;
}
.mobile-navigation .menu-item__toggle {
width: 5.2rem;
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 5;
}
.mobile-navigation .menu-item__toggle--active svg {
transform: rotate(180deg);
}
.mobile-navigation .menu-item__toggle-submenu {
width: 1.4rem;
transition: all 0.2s ease-out 0s;
}
.mobile-navigation .menu-item.current-menu-item > a, .mobile-navigation .menu-item.current-menu-ancestor > a, .mobile-navigation .menu-item.current_page_item > a, .mobile-navigation .menu-item.current_page_ancestor > a {
color: #FF5B4D;
}
.mobile-navigation .menu-item .sub-menu {
display: none;
margin-bottom: 0;
}
.mobile-navigation .menu-item .sub-menu:before, .mobile-navigation .menu-item .sub-menu:after {
height: 1rem;
width: 100%;
content: "";
display: block;
position: relative;
}
.mobile-navigation .menu-item .sub-menu li {
margin-bottom: 0.6rem;
}
.mobile-navigation .menu-item .sub-menu li:last-child {
margin-bottom: 0;
}
.mobile-navigation .menu-item .sub-menu li a {
padding-left: 1.6rem;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.75;
}
.mob-nav-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(42, 50, 68, 0.8);
backdrop-filter: blur(0.4rem);
z-index: 254;
pointer-events: none;
visibility: hidden;
}
.mob-nav-overlay--active {
visibility: visible;
pointer-events: auto;
}
.section-header {
margin-bottom: 3.2rem;
}
.section-header .section-title {
margin-bottom: 0;
}
.section-header .section-title + .section-content {
margin-top: 1.6rem;
}
.section-header--small {
max-width: 64rem;
}
.section-header--center-align {
margin-inline: auto;
}
.section-header--center {
text-align: center;
}
.section-header--small-margin {
margin-bottom: 2.4rem;
}
.section-header--no-margin {
margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
.section-header:not(.section-header--no-margin) {
margin-bottom: 2.4rem;
}
}
.section-content > :last-child {
margin-bottom: 0;
}
.section-media .responsive-iframe-wrapper {
margin-bottom: 0;
}
.section-footer {
margin-top: 5.4rem;
}
.section-footer--center {
display: flex;
justify-content: center;
}
.section-footer--space-between {
display: flex;
flex-wrap: wrap;
gap: 1.6rem 2rem;
justify-content: space-between;
}
.section-footer--small-margin {
margin-top: 3.2rem;
}
@media only screen and (max-width: 1023px) {
.section-footer {
margin-top: 3.2rem;
}
.section-footer--small-margin {
margin-top: 2.4rem;
}
}
.hero {
position: relative;
overflow: hidden;
}
.hero .breadcrumbs {
padding-top: 5.4rem;
}
.hero__profile {
position: absolute;
right: 4rem;
bottom: 4rem;
padding: 3.2rem;
max-width: max-content;
text-align: center;
}
.hero__profile-name {
margin-bottom: 0rem;
position: relative;
z-index: 10;
font-size: 2rem;
}
.hero__profile-function {
font-size: 1.4rem;
margin-bottom: 0;
position: relative;
z-index: 10;
}
.hero .tekstwolk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.hero h1 + .subtitle {
margin-bottom: 1.6rem;
}
.hero--textimg {
background-color: #D4ECFC;
}
.hero--textimg .wrap--full-width {
position: relative;
z-index: 10;
}
.hero--textimg h1 {
color: #FFD300;
}
.hero--textimg .bg-img {
border-radius: 2rem;
}
.hero--textimg .hero__content-wrap {
padding: 10rem 0;
}
.hero--textimg .hero__content {
background-color: rgba(42, 50, 68, 0.95);
border-radius: 2rem;
max-width: 70rem;
padding: 4rem;
}
.hero--textimg .button-wrap {
margin-top: 2.4rem;
}
.hero--has-yellow-end:before {
height: 40%;
background: #FFD300;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
width: 100%;
content: "";
}
.hero--text {
padding-top: 4.4rem;
}
.hero--text .section-content p {
font-size: 1.4rem;
}
.hero--text .breadcrumbs {
margin-bottom: 2rem;
}
@media only screen and (max-width: 1280px) {
.hero--textimg .breadcrumbs {
padding-top: 4rem;
}
.hero--textimg .hero__profile {
bottom: 2rem;
right: 2rem;
}
}
@media only screen and (max-width: 1023px) {
.hero--textimg:before {
height: 100%;
}
.hero--textimg .breadcrumbs {
position: absolute;
top: 2.4rem;
left: 0;
right: 0;
padding-top: 0;
}
.hero--textimg .breadcrumbs .wrap {
width: 100%;
}
.hero--textimg .hero__content-wrap {
padding: 0;
margin-top: -4.4rem;
width: 100%;
}
.hero--textimg .hero__content {
padding: 2.4rem;
max-width: 100%;
background-color: #2A3244;
}
.hero--textimg .hero__profile {
display: none;
}
.hero--textimg .hero__image-container,
.hero--textimg .wrap-16-9 {
display: block;
position: relative;
height: 0;
margin: 0;
overflow: hidden;
padding-bottom: 40%;
margin-inline: -1.6rem;
}
.hero--textimg .hero__image-container img,
.hero--textimg .wrap-16-9 img {
border-radius: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hero--text {
padding-top: 2.8rem;
padding-bottom: 3.2rem;
}
.hero--text .section-content p {
font-size: 1.2rem;
}
}
@media only screen and (max-width: 750px) {
.hero--textimg .hero__image-container,
.hero--textimg .wrap-16-9 {
padding-bottom: 56.25%;
}
}
@media only screen and (max-width: 640px) {
.hero .hero__image-container,
.hero .wrap-16-9 {
padding-bottom: 75% !important;
}
}
.content-two-columns {
overflow: hidden;
}
.content-two-columns .section-media {
position: relative;
}
.content-two-columns .house-watermark {
position: absolute;
right: 0;
top: 0;
transform: translate(75%, 5%);
}
.content-two-columns .section-content {
max-width: 52rem;
margin-left: auto;
}
.content-two-columns--has-short-story .section-media {
display: grid;
align-items: center;
max-width: unset;
grid-template-columns: minmax(0, 1.75fr) minmax(0, 0.55fr);
}
.content-two-columns--has-short-story .short-story {
position: relative;
margin-left: -8rem;
z-index: 1;
}
.content-two-columns--has-short-story .house-watermark {
transform: translate(30%, 5%);
}
.content-two-columns--reverse .section-media {
order: -1;
}
.content-two-columns--reverse .content-two-columns__content {
margin-right: auto;
margin-left: unset;
}
.content-two-columns--reverse .house-watermark {
transform: translate(-75%, 5%);
left: 0;
right: unset;
}
@media only screen and (max-width: 1280px) {
.content-two-columns .house-watermark {
max-width: 30rem;
}
}
@media only screen and (max-width: 1023px) {
.content-two-columns .house-watermark {
display: none;
}
.content-two-columns .section-content {
max-width: 100%;
}
.content-two-columns--has-short-story .section-media {
grid-template-columns: minmax(0, 1fr);
}
.content-two-columns--has-short-story .short-story {
display: none;
}
}
@media only screen and (max-width: 750px) {
.content-two-columns__content {
max-width: 100%;
}
}
.short-story {
display: flex;
flex-direction: column;
background-color: #D4ECFC;
padding: 2.4rem;
border-radius: 1rem;
}
.short-story__excerpt {
font-weight: 600;
line-height: 1.5;
margin-bottom: 3.2rem;
font-size: 1.5rem;
}
.short-story__title {
font-size: 1.8rem;
line-height: 1.2;
margin-bottom: 0.2rem;
}
.short-story__function {
font-size: 1.4rem;
}
@media only screen and (max-width: 1023px) {
.short-story {
padding: 1.6rem;
}
.short-story__excerpt {
font-size: 1.4rem;
}
.short-story__title {
font-size: 1.4rem;
}
.short-story__function {
font-size: 1.2rem;
}
}
@media only screen and (max-width: 640px) {
.short-story__excerpt {
font-size: 1.1rem;
}
.short-story__title {
font-size: 1.2rem;
}
.short-story__function {
font-size: 1rem;
}
.short-story__excerpt {
margin-bottom: 2rem;
}
}
.text__inner {
padding: 3.2rem;
}
@media only screen and (max-width: 750px) {
.blogs {
overflow: hidden;
}
.blogs .swiper {
overflow: visible;
clip-path: inset(-100vw -100vw -100vw 0);
}
}
.logo-slider {
overflow: hidden;
}
.logo-slider__inner {
padding-inline: 2rem;
}
.logo-slider .logo-swiper {
touch-action: pan-y;
-webkit-overflow-scrolling: touch;
}
.logo-slider .swiper-wrapper {
transition-timing-function: linear !important;
}
.logo-slider .swiper-slide {
display: flex;
align-items: center;
width: 100%;
max-width: 14rem;
flex-basis: 14rem;
flex-shrink: 0;
}
.logo-slider .swiper-slide .logo-container {
flex: 1;
}
@media only screen and (max-width: 1023px) {
.logo-slider .swiper-slide {
max-width: 8.4rem;
flex-basis: 8.4rem;
}
}
.logo-container {
display: flex;
align-items: center;
justify-content: center;
}
.logo-container__image {
max-width: 14rem;
height: auto;
max-height: 10rem;
object-fit: contain;
object-position: center;
width: 100%;
}
@media only screen and (max-width: 1023px) {
.logo-container__image {
max-width: 8.4rem;
}
}
.stories {
overflow: hidden;
}
.stories .swiper {
overflow: visible;
}
.stories .swiper-slide:nth-child(even) {
transform: rotate(1deg);
}
.stories .swiper-slide:nth-child(odd) {
transform: rotate(-2deg);
}
.has-opacity-overlay {
position: relative;
border-bottom-left-radius: 3.2rem;
border-bottom-right-radius: 3.2rem;
padding-top: 10rem !important;
}
.has-opacity-overlay:before {
content: "";
position: absolute;
inset: 2.4rem 2.4rem 0 2.4rem;
border-radius: 2rem;
background-color: rgba(42, 50, 68, 0.1);
}
@media only screen and (max-width: 1280px) {
.has-opacity-overlay {
border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem;
padding-top: 5rem !important;
}
.has-opacity-overlay:before {
inset: 0;
}
}
.functions__icon {
right: 0;
max-width: 80%;
position: absolute;
transform: translateX(50%);
}
.functions .function-card {
height: 100%;
}
@media only screen and (max-width: 1023px) {
.functions {
overflow: hidden;
}
.functions .functions-swiper {
overflow: visible;
clip-path: inset(-100vw -100vw -100vw 0);
}
}
.media__content {
position: relative;
}
.media__content-wrap {
position: relative;
top: 50%;
transform: translateY(-50%);
position: absolute;
left: 10rem;
z-index: 5;
max-width: 40%;
}
.media .wrap-16-9:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 1rem;
}
.media .responsive-iframe-wrapper {
margin-bottom: 0;
}
.media .responsive-iframe-wrapper > img {
z-index: 1;
}
.media .responsive-iframe-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 1rem;
}
.media .responsive-iframe-wrapper--active:before {
display: none;
}
.media .responsive-iframe-wrapper .play-button {
pointer-events: auto;
z-index: 15;
}
@media only screen and (max-width: 1440px) {
.media__content-wrap {
left: 5rem;
}
}
@media only screen and (max-width: 1023px) {
.media__content-wrap {
bottom: 2.4rem;
left: 2.4rem;
right: 2.4rem;
top: unset;
transform: translateY(0);
max-width: 100%;
}
.media__content-wrap .section-title {
font-size: 2rem;
}
}
@media only screen and (max-width: 480px) {
.media__content-wrap {
bottom: unset;
left: unset;
right: unset;
transform: unset;
position: relative;
padding: 1.6rem;
background: #000;
border-radius: 1rem;
margin-top: -2rem;
}
}
.story-showcase.hero {
background-color: unset;
}
.story-showcase.hero .hero__content-wrap {
padding: 4rem 2rem;
}
.story-showcase.hero .hero__content {
max-width: 54rem;
min-height: 30rem;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2.4rem;
background-color: #FFD300;
}
.story-showcase.hero .h3 {
font-size: 4rem;
}
@media only screen and (max-width: 1023px) {
.story-showcase.hero .hero__content-wrap {
padding: 3.2rem 0 0 0;
}
.story-showcase.hero .hero__content {
min-height: unset;
max-width: 100%;
}
.story-showcase.hero .h3 {
font-size: 2.6rem;
}
.story-showcase.hero .hero__image-container {
padding-bottom: 56.25%;
}
}
.vacancies .wrap {
max-width: 90rem;
}
.events {
overflow: hidden;
}
.events__grid {
margin-top: 2rem;
display: flex;
flex-direction: column;
gap: 1.6rem;
}
.events .vacancy-card img {
border-radius: 1rem;
}
@media only screen and (max-width: 1023px) {
.events .vacancy-card__title {
font-size: 2rem;
}
.events .vacancy-card__meta {
font-size: 1.5rem;
}
.events .vacancy-card__logo {
width: 8.4rem;
}
}
.map-section {
position: relative;
}
.map-section:before {
content: "";
position: absolute;
inset: 2.4rem;
border-radius: 2rem;
background-color: rgba(42, 50, 68, 0.1);
}
.map-section .h1 {
color: #2A3244;
font-size: 11.4rem;
line-height: 1.125;
-webkit-text-stroke: 1.5px #000000;
color: transparent;
font-weight: 900;
}
.map-section .section-content {
max-width: 50rem;
}
@media only screen and (max-width: 1440px) {
.map-section:before {
display: none;
}
.map-section .h1 {
font-size: 8rem;
}
}
@media only screen and (max-width: 750px) {
.map-section {
margin: 5rem 0;
padding: 0;
}
.map-section .h1 {
font-size: 4rem;
}
.map-section .section-content {
order: -1;
}
}
.leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup,
.leaflet-popup-content .marker-popup {
font-size: 1.4rem !important;
line-height: 1.5;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup__title,
.leaflet-popup-content .marker-popup__title {
font-weight: 700;
margin-bottom: 0.5rem;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup__title strong,
.leaflet-popup-content .marker-popup__title strong {
font-weight: 700;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup__address,
.leaflet-popup-content .marker-popup__address {
margin-bottom: 0.5rem;
line-height: 1.6;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup__website,
.leaflet-popup-content .marker-popup__website {
margin-top: 1rem !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup__website a,
.leaflet-popup-content .marker-popup__website a {
color: #0073aa !important;
text-decoration: none !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup__website a:hover, .leaflet-popup-content-wrapper .leaflet-popup-content .marker-popup__website a:focus,
.leaflet-popup-content .marker-popup__website a:hover,
.leaflet-popup-content .marker-popup__website a:focus {
text-decoration: underline !important;
}
.question {
background-color: #2A3244;
padding-inline: 2rem;
margin-bottom: 1.2rem;
border-radius: 1rem;
}
.question:last-child {
margin-bottom: 0;
}
.question__text {
padding: 1.6rem 0;
font-size: 1.8rem;
text-decoration: none;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
margin-bottom: 0;
gap: 1rem;
color: #FFF;
}
.question__icon {
transition: all 0.2s ease-out 0s;
color: #FF5B4D;
width: 1.2rem;
}
.question__answer {
padding-bottom: 2rem;
display: none;
}
.question__answer p, .question__answer ul {
padding-bottom: 1.6rem;
margin-bottom: 0;
color: #FFF;
font-size: 1.4rem;
}
.question__answer .responsive-video-wrapper {
padding-bottom: 56.25%;
}
.question__answer p:last-child:not(.responsive-video-wrapper) {
padding-bottom: 0;
}
.question__open, .question__close {
font-size: 2rem;
font-weight: 500;
color: #FFF;
pointer-events: none;
}
.question__close {
display: none;
color: #FFF;
}
.question--active .question__open {
display: none;
}
.question--active .question__close {
display: block;
}
@media only screen and (max-width: 1280px) {
.question__text {
padding: 1.2rem 0;
font-size: 1.5rem;
line-height: 1.75;
}
.question__answer {
padding-inline: 0;
}
.question__answer p {
font-size: 1.4rem;
}
}
.post-card {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
flex: 1;
}
.post-card__content {
display: flex;
flex-direction: column;
flex: 1;
padding-top: 1.6rem;
}
.post-card__content .button {
margin-top: auto;
max-width: max-content;
}
.post-card__title a {
text-decoration: none;
}
.post-info {
display: flex;
align-items: center;
margin-bottom: 1.4rem;
}
.post-info__icon {
width: 1.6rem;
margin-right: 0.8rem;
color: #FF5B4D;
}
.post-info p,
.post-info time {
font-size: 1.4rem;
display: flex;
align-items: center;
margin-bottom: 0;
}
.post-info__reading-time {
padding-left: 1rem;
margin-left: 1rem;
border-left: 0.1rem solid #FF5B4D;
padding-bottom: 0;
font-size: 1.4rem;
}
@media only screen and (max-width: 1023px) {
.post-info {
margin-bottom: 1.8rem;
}
.post-info__icon {
width: 1.4rem;
}
.post-info p,
.post-info time {
font-size: 1.2rem;
}
}
.post-share {
max-width: max-content;
margin-inline: auto;
margin-top: 3.2rem;
display: flex;
align-items: center;
gap: 1.6rem;
justify-content: center;
flex-wrap: wrap;
padding-inline: 2rem;
}
.post-share__text {
margin-bottom: 0;
font-weight: 500;
}
.post-share .sm-icons {
margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
.post-share {
margin-top: 2.4rem;
}
}
.post-pagination {
display: flex;
align-items: center;
justify-content: center;
padding: 2rem 2.4rem;
background: #2A3244;
border-radius: 5rem;
max-width: max-content;
margin-inline: auto;
margin-top: 3.2rem;
}
.post-pagination__nav {
display: flex;
align-items: center;
}
.post-pagination__nav a {
color: #FFF;
text-decoration: none;
}
.post-pagination__nav a:hover {
color: #FF5B4D;
}
.post-pagination__nav a:hover .prev-post__icon,
.post-pagination__nav a:hover .next-post__icon {
fill: #FF5B4D;
}
.post-pagination__nav .prev-post {
margin-right: 1rem;
padding-right: 1rem;
border-right: 0.2rem solid #FFF;
display: flex;
align-items: center;
}
.post-pagination__nav .prev-post__icon {
width: 2rem;
color: #FFF;
margin-right: 0.8rem;
transition: all 0.2s ease-out 0s;
}
.post-pagination__nav .next-post {
margin-left: 1rem;
padding-left: 1rem;
border-left: 0.2rem solid #FFF;
display: flex;
align-items: center;
}
.post-pagination__nav .next-post__icon {
width: 2rem;
color: #FFF;
margin-left: 0.8rem;
transition: all 0.2s ease-out 0s;
}
@media only screen and (max-width: 1023px) {
.post-pagination__paging a {
font-size: 1.4rem;
}
}
.pagination {
display: flex;
gap: 1rem;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
margin-top: 5.4rem;
margin-bottom: 0;
}
.pagination__icon {
width: 1.2rem;
color: #2A3244;
}
.pagination .page-numbers {
display: flex;
height: 4.4rem;
width: 4.4rem;
align-items: center;
justify-content: center;
text-decoration: none;
background: #D4ECFC;
border: 0.1rem solid #2A3244;
border-radius: 1rem;
font-weight: 400;
transition: all 0.2s ease-out 0s;
}
.pagination .page-numbers.current {
background: #2A3244;
color: #FFF;
font-weight: 700;
}
.pagination .page-numbers:hover {
background: #2A3244;
color: #FFF;
}
.pagination .page-numbers svg {
width: 1.6rem;
color: inherit;
}
.pagination .page-numbers.current {
background-color: #2A3244;
color: #FFF;
}
.pagination .page-numbers.current:hover {
background-color: #2A3244;
color: #FFF;
}
@media only screen and (max-width: 1023px) {
.pagination .page-numbers {
height: 4rem;
width: 4rem;
font-size: 1.4rem;
}
}
@media only screen and (max-width: 1023px) {
.pagination {
margin-top: 4.4rem;
}
}
.story-card {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
flex: 1;
}
.story-card__link {
display: grid;
text-decoration: none;
position: relative;
}
.story-card__link:hover .story-card__img:before {
opacity: 0.8;
}
.story-card__img:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
z-index: 1;
border-radius: 1rem;
transition: all 0.2s ease-out 0s;
}
.story-card__content {
z-index: 10;
padding: 2rem 2rem 0 2rem;
margin-top: -16rem;
}
.story-card__type {
font-family: "Barlow Condensed", sans-serif;
font-size: 2rem;
font-weight: 700;
color: #FFD300;
}
.story-card__name {
font-size: 2.4rem;
}
.story-card__function {
font-size: 1.6rem;
}
.story-card__bottom {
border-radius: 1rem;
background-color: #D4ECFC;
padding: 1.2rem;
margin-top: 2.8rem;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.story-card__bottom p {
font-size: 1.4rem;
margin-bottom: 0;
}
.story-card__name, .story-card__function {
color: #FFF;
}
.story-card__type, .story-card__name, .story-card__function {
line-height: 1;
}
.story-card .button {
margin-left: auto;
}
@media only screen and (max-width: 1023px) {
.story-card__type {
font-size: 1.4rem;
margin-bottom: 1rem;
}
.story-card__name {
font-size: 2rem;
}
.story-card__function {
font-size: 1.4rem;
}
.story-card__bottom p {
font-size: 1.2rem;
}
}
.stories-archive .story-card__bottom {
padding-bottom: 0;
}
.single-story .stories-container {
position: relative;
background-color: #2A3244;
}
.single-story .stories-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
transform: translateY(-100%);
width: 100%;
height: 5rem;
background-color: #FFD300;
z-index: -1;
}
.single-story .stories-container .stories {
margin: 0;
}
.single-story .stories-container .stories .section-header {
margin-top: 2rem;
}
.single-story .stories-container .stories:before {
top: 4rem;
}
.text-img__inner {
display: grid;
align-items: center;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.text-img .wrap-1-1 {
transform: rotate(1deg);
}
.text-img--imgtext .text-img__inner {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.text-img--imgtext .section-media {
order: -1;
}
.text-img--imgtext .wrap-1-1 {
transform: rotate(-1deg);
}
@media only screen and (max-width: 750px) {
.text-img__inner {
grid-template-columns: minmax(0, 1fr);
}
.text-img--imgtext .text-img__inner {
grid-template-columns: minmax(0, 1fr);
}
.text-img--imgtext .section-media {
order: 1;
}
}
.single-story-content {
position: relative;
border-radius: 3.2rem;
overflow: hidden;
background-color: #2A3244;
}
.single-story-content:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #FFD300;
z-index: -1;
}
.single-story-content h2:not(.h1) {
font-size: 3.6rem;
margin-bottom: 1.6rem;
}
.single-story-content > :first-child {
margin-top: 0;
}
.single-story-content > :last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
.single-story-content {
padding-top: 3.2rem;
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
.single-story-content:before {
top: 4rem;
}
.single-story-content h2:not(.h1) {
font-size: 2.4rem;
}
}
.single-story-header.hero.hero--textimg {
padding-bottom: 4rem;
position: relative;
}
.single-story-header.hero.hero--textimg .hero__content-wrap {
padding-top: 14rem;
padding-bottom: 4rem;
}
@media only screen and (max-width: 1023px) {
.single-story-header.hero.hero--textimg {
padding-bottom: 3rem;
}
.single-story-header.hero.hero--textimg .hero__content-wrap {
padding-top: 0;
padding-bottom: 0;
}
}
.function-card {
display: flex;
flex: 1;
}
.function-card__link {
position: relative;
border-radius: 1rem;
background-color: #FFF;
padding: 2rem;
display: grid;
grid-template-columns: minmax(0, 0.25fr) minmax(0, 1fr);
align-items: center;
box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.1490196078);
gap: 2rem;
flex: 1;
text-decoration: none;
transition: all 0.2s ease-out 0s;
}
.function-card__link p,
.function-card__link svg {
transition: all 0.2s ease-out 0s;
}
.function-card__link:hover {
background-color: #2A3244;
}
.function-card__link:hover p,
.function-card__link:hover svg {
color: #FFF;
}
.function-card__content {
display: flex;
flex-direction: column;
}
.function-card__title {
margin-bottom: 0.6rem;
}
.function-card__icon {
position: absolute;
bottom: 2rem;
right: 2rem;
width: 2.6rem;
color: #2A3244;
margin-left: auto;
transition: all 0.2s ease-out 0s;
}
.function-card__excerpt {
margin-bottom: 0;
}
.function-card--vertical .function-card__link {
display: flex;
flex-direction: column;
}
.function-card--vertical .wrap-1-1 {
padding-bottom: 56.25%;
width: 100%;
}
.function-card--vertical .wrap-1-1 img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.function-card--vertical .function-card__link {
padding: 0;
gap: 0;
grid-template-columns: minmax(0, 1fr);
}
.function-card--vertical .function-card__content {
padding: 2rem;
flex: 1;
}
.function-card--vertical .function-card__icon {
display: none;
}
@media only screen and (max-width: 1023px) {
.function-card__title {
font-size: 1.8rem;
}
.function-card__excerpt {
font-size: 1.3rem;
}
.function-card__link {
padding: 1rem;
grid-template-columns: minmax(0, 0.325fr) minmax(0, 1fr);
gap: 1rem;
box-shadow: none;
}
.function-card__icon {
width: 1.6rem;
bottom: 1rem;
right: 1rem;
}
.function-card--vertical .function-card__content {
padding: 1.6rem;
}
}
.functions-archive {
position: relative;
margin-top: 0;
}
.functions-archive:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 12%;
background-color: #FFD300;
border-bottom-left-radius: 3.2rem;
border-bottom-right-radius: 3.2rem;
content: "";
}
.post-type-count {
font-weight: 500;
font-size: 1.1rem;
border-radius: 50%;
background-color: #2A3244;
color: #FFF;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
}
.vacancy-archive__inner {
display: grid;
grid-template-columns: minmax(0, 0.325fr) minmax(0, 1fr);
gap: 4rem;
}
.vacancy-archive__result-count {
font-size: 1.4rem;
margin-bottom: 0;
}
.vacancy-archive__result-info {
margin-bottom: 1.2rem;
}
@media only screen and (max-width: 750px) {
.vacancy-archive {
margin-top: 2.4rem;
}
.vacancy-archive__inner {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
.vacancy-archive__result-count {
font-size: 1.2rem;
}
.vacancy-archive__result-info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.2rem;
margin-bottom: 2.4rem;
}
}
.vacancy-filter {
position: relative;
}
.vacancy-filter__filters {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.vacancy-filter__checkboxes {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
#vacancy-filters .filter-button {
display: none;
}
@media only screen and (max-width: 750px) {
#vacancy-filters .filter-button {
display: flex;
position: sticky;
bottom: 0;
margin-top: 2rem;
}
}
@media only screen and (max-width: 750px) {
#vacancy-filters {
transform: translateX(-105%);
background-color: #FFF;
border-radius: 2rem;
position: fixed;
z-index: 255;
inset: 6.4rem 1rem 1rem 1rem;
padding: 2rem;
overflow-y: auto;
transition: all 0.2s ease-out 0s;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
#vacancy-filters.active {
transform: translateX(0);
}
}
.vacancy-list {
display: flex;
flex-direction: column;
border-top: 0.1rem solid rgba(42, 50, 68, 0.8);
}
.vacancy-list > * {
padding-top: 2rem;
padding-bottom: 2rem;
border-bottom: 0.1rem solid rgba(42, 50, 68, 0.8);
}
.vacancy-card__link {
display: flex;
align-items: center;
gap: 3.2rem;
flex: 1;
text-decoration: none;
}
.vacancy-card__logo {
width: 6.4rem;
}
.vacancy-card__logo img {
width: 100%;
}
.vacancy-card__title {
font-size: 2.4rem;
margin-bottom: 0;
line-height: 1.5;
}
.vacancy-card__meta {
margin-bottom: 0;
}
.vacancy-card .button {
margin-left: auto;
}
@media only screen and (max-width: 1280px) {
.vacancy-card__meta {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 1023px) {
.vacancy-card__link {
flex-direction: column;
align-items: flex-start;
gap: 1.6rem;
}
.vacancy-card__logo {
width: 5.4rem;
}
.vacancy-card__title {
font-size: 1.8rem;
margin-bottom: 0.6rem;
}
.vacancy-card__meta {
font-size: 1.3rem;
}
.vacancy-card .button {
margin: 0;
}
}
.filter-button {
display: none;
}
@media only screen and (max-width: 750px) {
.filter-button {
display: flex;
}
}
.vacancy-single {
margin-top: 6.4rem;
}
.vacancy-single h1 {
color: #2A3244;
}
.vacancy-single .post-share {
margin-top: 6.4rem;
margin-inline: unset;
padding: 0;
}
.vacancy-single__content--with-sidebar {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 4rem;
align-items: start;
}
@media only screen and (max-width: 1023px) {
.vacancy-single__content--with-sidebar {
grid-template-columns: minmax(0, 1fr);
gap: 3rem;
}
}
.vacancy-single__content ul li {
margin-bottom: 0.6rem;
}
.vacancy-single__content ul li:last-child {
margin-bottom: 0;
}
.vacancy-single__content h2 {
font-size: 2.4rem;
margin-bottom: 0.6rem;
}
@media only screen and (max-width: 1023px) {
.vacancy-single__main {
padding: 0;
}
}
.vacancy-single__sidebar-wrapper {
display: flex;
flex-direction: column;
gap: 2.4rem;
align-items: stretch;
position: sticky;
top: 10rem;
align-self: start;
}
@media only screen and (max-width: 1023px) {
.vacancy-single__sidebar-wrapper {
position: static;
}
}
.vacancy-single__sidebar {
background-color: #FFF;
border-radius: 1rem;
padding: 2.4rem;
}
@media only screen and (max-width: 1023px) {
.vacancy-single__sidebar {
padding: 2rem;
}
}
.vacancy-single__sidebar--mobile-top {
display: none;
}
@media only screen and (max-width: 1023px) {
.vacancy-single__sidebar--mobile-top {
display: block;
margin-bottom: 2.4rem;
}
}
.vacancy-single__sidebar-content {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.vacancy-single__attachment-card {
background-color: #FFF;
border-radius: 1rem;
padding: 2.4rem;
}
@media only screen and (max-width: 1023px) {
.vacancy-single__attachment-card {
padding: 2.4rem;
}
}
.vacancy-single__attachment-link {
text-decoration: underline !important;
text-underline-offset: 0.2rem;
}
.vacancy-single__attachment-content {
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.vacancy-single__taxonomy-group {
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.vacancy-single__taxonomy-title {
font-size: 1.6rem;
font-weight: 700;
font-family: "Barlow Condensed", sans-serif;
color: #2A3244;
margin: 0;
line-height: 1.2;
}
.vacancy-single__taxonomy-terms {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.vacancy-single__taxonomy-term {
font-size: 1.4rem;
color: #2A3244;
line-height: 1.5;
padding: 0;
margin: 0;
}
.vacancy-single__taxonomy-term::before {
display: none;
}
.vacancy-single__attachment-link {
display: block;
font-size: 1.4rem;
color: #2A3244;
line-height: 1.5;
text-decoration: none;
padding: 0;
margin: 0;
transition: color 0.3s ease;
}
.vacancy-single__attachment-link:hover {
color: #2A3244;
text-decoration: underline;
}
.vacancy-single__attachment-name {
word-break: break-word;
}
.vacancy-single__content-block {
margin-bottom: 2.4rem;
}
.vacancy-single__introduction p {
font-size: 1.7rem;
font-weight: 700;
}
@media only screen and (max-width: 1023px) {
.vacancy-single__introduction p {
font-size: 1.6rem;
}
}
@media only screen and (max-width: 1023px) {
.vacancy-single {
margin-top: 0;
}
.vacancy-single .wrap {
margin-top: 3.2rem;
}
.vacancy-single .pos-share {
margin-top: 4.4rem;
}
.vacancy-single__taxonomy-title {
font-size: 1.6rem;
font-weight: 700;
font-family: "Barlow Condensed", sans-serif;
color: #2A3244;
margin: 0;
line-height: 1.2;
}
.vacancy-single__taxonomy-terms {
font-size: 1.4rem;
}
.vacancy-single__taxonomy-term {
font-size: 1.4rem;
}
.vacancy-single__sidebar-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem 1.6rem;
}
}
section.error404 {
margin-top: 10rem;
margin-bottom: 10rem;
}
section.error404 h1 {
color: #2A3244;
}
@media only screen and (max-width: 1023px) {
section.error404 {
margin-top: 5rem;
margin-bottom: 5rem;
}
}
.page-default {
margin-top: 6.4rem;
margin-bottom: 5rem;
}
.page-default h1 {
color: #2A3244;
}
.page-default .breadcrumbs {
margin-bottom: 2.4rem;
}
.page-default .breadcrumbs .wrap {
margin: 0;
}
.page-default__content {
max-width: 78rem;
}
.page-default .wrap-16-9 {
margin-bottom: 2.4rem;
}
@media only screen and (max-width: 1023px) {
.page-default {
margin-top: 3.2rem;
margin-bottom: 5rem;
}
}
.my-account h1 {
color: #2A3244;
}
.my-account__content {
background-color: #FFF;
border-radius: 1rem;
padding: 3.2rem;
max-width: 60rem;
margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
.my-account__content {
padding: 2.4rem;
}
}
.my-account__content--with-sidebar {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 4rem;
align-items: start;
max-width: 100%;
background-color: transparent;
padding: 0;
}
.my-account__content--with-sidebar .my-account__title {
margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
.my-account__content--with-sidebar {
grid-template-columns: minmax(0, 1fr);
gap: 3rem;
}
}
.my-account__sidebar {
background-color: #FFF;
border-radius: 1rem;
padding: 3.2rem;
position: sticky;
top: 10rem;
}
@media only screen and (max-width: 1023px) {
.my-account__sidebar {
position: static;
padding: 2.4rem;
}
}
.my-account__sidebar-content {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.my-account__main {
background-color: #FFF;
border-radius: 1rem;
padding: 3.2rem;
}
@media only screen and (max-width: 1023px) {
.my-account__main {
padding: 2.4rem;
}
}
.my-account__title {
margin-bottom: 1.6rem;
font-size: 3.2rem;
line-height: 1.2;
}
@media only screen and (max-width: 1023px) {
.my-account__title {
font-size: 2.4rem;
margin-bottom: 2rem;
}
}
.my-account__welcome {
font-size: 1.8rem;
margin-bottom: 2rem;
color: #2A3244;
}
.my-account__details {
width: 100%;
border-collapse: collapse;
margin: 0;
}
.my-account__details tbody tr:first-child td,
.my-account__details tbody tr:first-child th {
padding-top: 0;
}
.my-account__details tbody tr:last-child td,
.my-account__details tbody tr:last-child th {
padding-bottom: 0;
}
.my-account__detail-row {
border-bottom: 1px solid rgba(42, 50, 68, 0.1);
}
.my-account__detail-row:last-child {
border-bottom: none;
}
.my-account__detail-label {
padding: 1rem 0;
text-align: left;
font-size: 1.4rem;
font-weight: 700;
color: #2A3244;
vertical-align: top;
width: 40%;
padding-right: 1.6rem;
}
@media only screen and (max-width: 1023px) {
.my-account__detail-label {
font-size: 1.4rem;
width: 35%;
padding-right: 1.2rem;
}
}
.my-account__detail-value {
padding: 1rem 0;
text-align: left;
font-size: 1.4rem;
color: #2A3244;
vertical-align: top;
}
@media only screen and (max-width: 1023px) {
.my-account__detail-value {
font-size: 1.4rem;
}
}
.my-account__detail {
margin-bottom: 1rem;
font-size: 1.6rem;
line-height: 1.6;
}
.my-account__detail strong {
display: inline-block;
min-width: 10rem;
font-weight: 600;
}
.my-account__logo img {
max-width: 8.4rem;
}
.my-account__logo-image {
max-width: 100%;
height: auto;
display: block;
}
.my-account__error {
margin-bottom: 2rem;
padding: 1.2rem 1.6rem;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 1rem;
color: #721c24;
font-size: 1.4rem;
line-height: 1.5;
}
.my-account__error p {
margin: 0;
}
.my-account__form {
display: flex;
flex-direction: column;
gap: 2rem;
}
.my-account__field {
display: flex;
flex-direction: column;
}
.my-account__field--checkbox {
flex-direction: row;
align-items: center;
gap: 1rem;
}
.my-account__label {
margin-bottom: 0.6rem;
font-size: 1.6rem;
font-weight: 500;
color: #2A3244;
}
.my-account__label--checkbox {
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.my-account__actions {
display: flex;
gap: 1.2rem;
}
.my-account__subtitle {
margin-bottom: 2.4rem;
font-size: 2.4rem;
color: #2A3244;
}
@media only screen and (max-width: 1023px) {
.my-account__subtitle {
font-size: 2rem;
margin-bottom: 2rem;
}
}
.my-account__vacancy-list {
list-style: none;
padding: 0;
margin: 0 0 2.4rem 0;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.my-account__vacancy-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 2rem;
background-color: #FFF;
border: 1px solid rgba(42, 50, 68, 0.1);
border-radius: 1rem;
gap: 2rem;
transition: all 0.2s ease;
}
.my-account__vacancy-item:hover {
border-color: rgba(42, 50, 68, 0.2);
}
@media only screen and (max-width: 1023px) {
.my-account__vacancy-item {
flex-direction: column;
align-items: flex-start;
gap: 1.6rem;
padding: 1.6rem;
}
}
.my-account__vacancy-info {
display: flex;
flex-direction: column;
gap: 0.8rem;
flex: 1;
min-width: 0;
}
.my-account__vacancy-title {
margin: 0;
font-size: 1.8rem;
font-weight: 700;
color: #2A3244;
line-height: 1.3;
font-family: "Barlow Condensed", sans-serif;
}
@media only screen and (max-width: 1023px) {
.my-account__vacancy-title {
font-size: 1.6rem;
}
}
.my-account__vacancy-status {
display: inline-flex;
align-items: center;
font-size: 1.1rem;
font-weight: 600;
padding: 0.4rem 1rem;
border-radius: 0.6rem;
text-transform: uppercase;
letter-spacing: 0.05em;
width: fit-content;
font-family: "Barlow Condensed", sans-serif;
}
.my-account__vacancy-status--publish {
background-color: #d4edda;
color: #155724;
}
.my-account__vacancy-status--draft {
background-color: #fff3cd;
color: #856404;
}
.my-account__vacancy-status--pending {
background-color: #cfe2ff;
color: #084298;
}
.my-account__vacancy-status--private {
background-color: #e2e3e5;
color: #383d41;
}
.my-account__vacancy-actions {
display: flex;
gap: 1rem;
flex-shrink: 0;
align-items: center;
}
@media only screen and (max-width: 1023px) {
.my-account__vacancy-actions {
width: 100%;
}
.my-account__vacancy-actions .button {
flex: 1;
}
}
.my-account__vacancy-view, .my-account__vacancy-edit {
white-space: nowrap;
}
.my-account__no-vacancies {
margin-bottom: 2rem;
font-size: 1.6rem;
color: rgba(42, 50, 68, 0.7);
}
.my-account__no-vacancies-section p {
font-size: 1.6rem;
color: rgba(42, 50, 68, 0.7);
}
.my-account__forgot-password {
margin-top: 2rem;
text-align: center;
}
.my-account__forgot-password a {
color: #2A3244;
text-decoration: none;
font-size: 1.4rem;
transition: color 0.3s ease;
}
.my-account__forgot-password a:hover {
color: #2A3244;
text-decoration: underline;
}
.my-account__back-to-login {
margin-top: 2rem;
text-align: center;
}
.my-account__back-to-login a {
color: #2A3244;
text-decoration: none;
font-size: 1.4rem;
transition: color 0.3s ease;
}
.my-account__back-to-login a:hover {
color: #2A3244;
text-decoration: underline;
}
.my-account__description {
margin-bottom: 2rem;
font-size: 1.6rem;
line-height: 1.6;
color: #2A3244;
}
.my-account__success {
margin-bottom: 2rem;
padding: 1.2rem 1.6rem;
background-color: #d4edda;
border: 1px solid #c3e6cb;
border-radius: 1rem;
color: #155724;
font-size: 1.4rem;
line-height: 1.5;
}
.my-account__success p {
margin: 0 0 1rem 0;
}
@media only screen and (max-width: 1023px) {
.my-account__detail {
font-size: 1.4rem;
}
.my-account__detail strong {
min-width: 8rem;
}
.my-account__vacancy-item {
padding: 1.4rem;
gap: 1.2rem;
}
.my-account__vacancy-title {
font-size: 1.5rem;
}
.my-account__vacancy-status {
font-size: 1rem;
padding: 0.3rem 0.8rem;
}
.my-account__sidebar {
order: 1;
}
.my-account__vacancy-actions {
gap: 0.8rem;
}
.my-account__vacancy-actions .button {
font-size: 1.2rem;
padding: 0.8rem 1.2rem;
}
}