Warning: Undefined variable $mtime in /home/draad/zonwering.draad.dev/public/wp-content/themes/draadcore-child/sass-compiler/src/Server.php on line 414
/* compiled by scssphp 1.6.0 on Tue, 24 Oct 2023 13:13:49 +0000 (0.0109s) */ @font-face{font-display:swap;font-family:FontAwesome;src:local(FontAwesome), url("../draadcore/fonts/fontawesome-pro/fa-light-300.woff2") format('woff2'), url("../draadcore/fonts/fontawesome-pro/fa-light-300.woff") format('woff');font-weight:300;font-style:normal;unicode-range:U+000-5FF}@font-face{font-display:swap;font-family:FontAwesome;src:local(FontAwesome), url("../draadcore/fonts/fontawesome-pro/fa-regular-400.woff2") format('woff2'), url("../draadcore/fonts/fontawesome-pro/fa-regular-400.woff") format('woff');font-weight:400;font-style:normal;unicode-range:U+000-5FF}@font-face{font-display:swap;font-family:FontAwesomeBrands;src:local(FontAwesomeBrands), url("../draadcore/fonts/fontawesome-pro/fa-brands-400.woff2") format('woff2'), url("../draadcore/fonts/fontawesome-pro/fa-brands-400.woff") format('woff');font-weight:400;font-style:normal;unicode-range:U+000-5FF}@font-face{font-display:swap;font-family:FontAwesome;src:local(FontAwesome), url("../draadcore/fonts/fontawesome-pro/fa-solid-900.woff2") format('woff2'), url("../draadcore/fonts/fontawesome-pro/fa-solid-900.woff") format('woff');font-weight:900;font-style:normal;unicode-range:U+000-5FF}html #root #wrap_all .section.tiles h2{font-size:36px;line-height:40px}html #root #wrap_all .section.tiles .grid-container{margin:0}html #root #wrap_all .section.tiles .entry{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #F4F4F4;border-radius:10px;padding:12px 12px 12px 12px;overflow:hidden}@media (max-width:1024px){html #root #wrap_all .section.tiles .entry{min-width:calc(50% - (17.5px * 2));max-width:calc(50% - (17.5px * 2))}}@media (max-width:768px){html #root #wrap_all .section.tiles .entry{min-width:calc(100% - (17.5px * 2));max-width:calc(100% - (17.5px * 2));flex-direction:row;margin-bottom:0}}html #root #wrap_all .section.tiles .entry:before{content:'';background:#F4F4F4;width:76%;height:76%;position:absolute;transform:rotate(45deg);bottom:0;right:-50%;bottom:-50%;z-index:-1;transition:all 0.5s ease}@media (max-width:1024px){html #root #wrap_all .section.tiles .entry:before{right:-40%}}@media (max-width:786px){html #root #wrap_all .section.tiles .entry:before{width:200px;height:200px;right:-100px;top:50%}}html #root #wrap_all .section.tiles .entry:hover .animation div{animation:frames 12300ms steps(150) infinite !important}html #root #wrap_all .section.tiles .entry:hover .animation.more-steps div{animation:frames 12300ms steps(210) infinite !important}html #root #wrap_all .section.tiles .entry:hover:before{content:'';background:#F4F4F4;width:200%;height:200%;position:absolute;transform:rotate(45deg);bottom:0;right:-50%;bottom:-50%}@media (max-width:786px){html #root #wrap_all .section.tiles .entry:hover:before{width:800px;height:800px;right:0;top:-380px}}html #root #wrap_all .section.tiles .entry a.button{text-align:right;padding:10px;display:flex;align-items:center;color:#103550;z-index:1;display:flex;justify-content:flex-end;margin-top:30px;background:transparent;position:static}@media (max-width:786px){html #root #wrap_all .section.tiles .entry a.button{flex:1;margin-bottom:-50px}}html #root #wrap_all .section.tiles .entry a.button .button-title{opacity:0;transition:all 0.5s ease}@media (max-width:786px){html #root #wrap_all .section.tiles .entry a.button .button-title{display:none}}html #root #wrap_all .section.tiles .entry a.button .icon{margin-left:15px}html #root #wrap_all .section.tiles .entry a.button:hover .button-title{opacity:1}html #root #wrap_all .section.tiles .entry .entry-content{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:768px){html #root #wrap_all .section.tiles .entry .entry-content{padding:0 20px}}html #root #wrap_all .section.tiles .entry .entry-content .heading{display:flex;justify-content:center;align-items:center}@media (max-width:768px){html #root #wrap_all .section.tiles .entry .entry-content .heading{flex-direction:column;align-items:flex-start;justify-content:center;height:100%}}html #root #wrap_all .section.tiles .entry .entry-content h3{font-size:25px;margin:25px 0;padding-top:3px}@media (max-width:768px){html #root #wrap_all .section.tiles .entry .entry-content h3{margin:0}}@media (max-width:500px){html #root #wrap_all .section.tiles .entry .entry-content h3{font-size:20px}}html #root #wrap_all .section.tiles .entry .entry-image{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible}html #root #wrap_all .section.tiles .entry .entry-image.mobile{display:none;width:120px;height:100px}@media (max-width:479px){html #root #wrap_all .section.tiles .entry .entry-image.mobile{width:80px}}html #root #wrap_all .section.tiles .entry .entry-image.mobile img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center}@media (max-width:768px){html #root #wrap_all .section.tiles .entry .entry-image{order:-1;display:none !important}html #root #wrap_all .section.tiles .entry .entry-image.mobile{display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width:500px){html #root #wrap_all .section.tiles .entry .entry-image img{width:100px;height:auto}}html #root #wrap_all .section.tiles .entry .entry-image.animation{height:239px !important}html #root #wrap_all .section.tiles .entry .entry-image.animation div{animation:none}@media (max-width:768px){html #root #wrap_all .section.tiles .entry .entry-image.animation .image{width:100% !important;background-size:20660px !important}}html #root #wrap_all .section.tiles .entry .entry-image.no-animation{position:relative;height:270px}html #root #wrap_all .section.tiles .entry .entry-image .image{height:239px !important;left:0}@media (max-width:768px){html #root #wrap_all .section.tiles .entry .entry-image .image{height:130px !important}}html #root #wrap_all .section.tiles .entry .entry-image.zonescherm-animation{width:100% !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end}html #root #wrap_all .section.tiles .entry .entry-image.zonescherm-animation .image{max-width:320px !important}html #root #wrap_all .section.tiles .entry .entry-image:not(.animation) .image{background-size:cover;background-position:left}html #root #wrap_all .section.tiles .entry .sticker{display:block;background:#38B549;border-radius:5px;padding:5px 8px 2px 8px;color:#fff;font-size:25px;line-height:26px;text-align:center;margin-left:8px;font-weight:400;font-family:'Bebas Neue', cursive, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif}@media (max-width:768px){html #root #wrap_all .section.tiles .entry .sticker{margin:0}}