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, 31 Oct 2023 08:59:43 +0000 (0.0666s) */ @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 body#root #wrap_all .section.follow_order{z-index:1;margin-top:-20px;padding-bottom:0}html body#root #wrap_all .section.follow_order .container{margin-top:0;margin-bottom:0}@media (max-width:767px){html body#root #wrap_all .section.follow_order .container{padding-right:0;padding-left:0}}html body#root #wrap_all .section.follow_order .order-form{background:#fff;width:100%;max-width:770px;margin-top:-75px;padding:15px 25px;border-radius:10px;-webkit-box-shadow:1px 1px 20px rgba(0, 0, 0, 0.21);box-shadow:1px 1px 20px rgba(0, 0, 0, 0.21)}html body#root #wrap_all .section.follow_order .order-form form{display:flex;align-items:center;gap:10%}html body#root #wrap_all .section.follow_order .order-form .orderstatus-form{display:flex;align-items:center;gap:20px !important}html body#root #wrap_all .section.follow_order .order-form .orderstatus-form .validation_message{padding:10px 17px 8px;margin:10px 0;padding:10px 17px 8px;border-radius:7px;font-size:12px;background:#fff9f9;border:1px solid #c02b0a;color:#c02b0a}@media (max-width:767px){html body#root #wrap_all .section.follow_order .order-form .orderstatus-form{flex-direction:column}}html body#root #wrap_all .section.follow_order .order-form .orderstatus-form *{font-family:'Epilogue', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue"}html body#root #wrap_all .section.follow_order .order-form .orderstatus-form>div{flex:1}@media (max-width:767px){html body#root #wrap_all .section.follow_order .order-form .orderstatus-form>div{width:100%}}html body#root #wrap_all .section.follow_order .order-form .orderstatus-form label{font-size:12px;color:#103550;margin-top:0;font-weight:700}html body#root #wrap_all .section.follow_order .order-form .orderstatus-form input{width:100%;margin:0;border-radius:8px;margin:0;border:1px solid #DEDEDE;border-radius:7px;padding:12px 20px;font-size:12px}html body#root #wrap_all .section.follow_order .order-form .orderstatus-form #orderstatus_submit{text-align:left;position:relative;border-radius:8px;padding:10px 20px;padding-right:70px;transition:all 0.5s ease-in-out;font-size:14px;font-weight:700;color:#fff;line-height:27px;cursor:pointer;background-repeat:no-repeat;transition:all 0.5s ease-in-out;background-position:90% 49%;display:inline-block;background-size:15px;border:none;margin:0;width:100%;max-width:200px;float:right;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-right' class='svg-inline--fa fa-arrow-right fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z'/%3E%3C/svg%3E")}@media (max-width:767px){html body#root #wrap_all .section.follow_order .order-form .orderstatus-form #orderstatus_submit{max-width:100%}}html body#root #wrap_all .section.follow_order .order-form .orderstatus-form #orderstatus_submit:hover{background-color:#157721 !important}html body#root #wrap_all #orderstatus-elm{width:100%}html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between}html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .order-info{min-width:350px}@media (max-width:500px){html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .order-info{min-width:calc(100% - (2 * 17.5px))}}html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper p{color:#103550}html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .adress,html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .delivery,html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .delivery-method{display:flex;justify-content:space-between;color:#103550;line-height:20px}html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .adress .value,html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .delivery .value,html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .delivery-method .value{text-align:right}html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .adress .icon,html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .delivery .icon,html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .delivery-method .icon{width:15px;height:15px;margin-right:10px;top:-3px;position:relative}html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .adress{margin-bottom:10px}html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .adress .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M303.5 5.7c-9-7.6-22.1-7.6-31.1 0l-264 224c-10.1 8.6-11.3 23.7-2.8 33.8s23.7 11.3 33.8 2.8L64 245.5V432c0 44.2 35.8 80 80 80H432c44.2 0 80-35.8 80-80V245.5l24.5 20.8c10.1 8.6 25.3 7.3 33.8-2.8s7.3-25.3-2.8-33.8l-264-224zM112 432V204.8L288 55.5 464 204.8V432c0 17.7-14.3 32-32 32H384V312c0-22.1-17.9-40-40-40H232c-22.1 0-40 17.9-40 40V464H144c-17.7 0-32-14.3-32-32zm128 32V320h96V464H240z'/%3E%3C/svg%3E")}html body#root #wrap_all #orderstatus-elm .orderstatus-wrapper .delivery .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23103550' viewBox='0 0 640 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M352 48c8.8 0 16 7.2 16 16V352c0 8.8-7.2 16-16 16H320 243.2c-16.6-28.7-47.6-48-83.2-48s-66.6 19.3-83.2 48H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H352zm32 368c0 53 43 96 96 96s96-43 96-96h40c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V245.3c0-14.9-5.9-29.1-16.4-39.6l-93.3-93.3C487.8 101.9 473.6 96 458.7 96H416V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64c0 53 43 96 96 96s96-43 96-96h64 32 24 8zM557.7 239.6c.1 .1 .3 .3 .4 .4H416V144h42.7c2.1 0 4.2 .8 5.7 2.3l93.3 93.3zM112 416a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm368-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/%3E%3C/svg%3E")}html body#root #wrap_all #orderstatus-elm .statuss{display:flex;overflow:auto}html body#root #wrap_all #orderstatus-elm .statuss .status{flex:1;text-align:center;padding:0 10px;min-width:170px}html body#root #wrap_all #orderstatus-elm .statuss .status strong{display:block;margin-bottom:5px !important;color:rgba(0, 0, 0, 0.35)}html body#root #wrap_all #orderstatus-elm .statuss .status:after{content:'';border:1px solid #EDEDED;width:100%;position:absolute;left:0;top:74px;z-index:-1}html body#root #wrap_all #orderstatus-elm .statuss .status .status-icon{background:#EDEDED;width:40px;height:40px;border:5px solid #fff;display:block;margin:0 auto 5px;border-radius:100%}html body#root #wrap_all #orderstatus-elm .statuss .status .date-time{height:50px;opacity:0}html body#root #wrap_all #orderstatus-elm .statuss .status.done strong,html body#root #wrap_all #orderstatus-elm .statuss .status.active strong{color:black}html body#root #wrap_all #orderstatus-elm .statuss .status.done .date-time,html body#root #wrap_all #orderstatus-elm .statuss .status.active .date-time{display:block;font-size:12px;color:rgba(0, 0, 0, 0.5);margin-bottom:5px;opacity:1}html body#root #wrap_all #orderstatus-elm .statuss .status.done .date-time .date,html body#root #wrap_all #orderstatus-elm .statuss .status.active .date-time .date{margin-bottom:5px}html body#root #wrap_all #orderstatus-elm .statuss .status.done .date-time .date span,html body#root #wrap_all #orderstatus-elm .statuss .status.active .date-time .date span{background:#F2F2F2;display:inline-block;padding:3px 10px;border-radius:3px}html body#root #wrap_all #orderstatus-elm .statuss .status.done .status-icon{background:#fbbb10;background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' fill='white' data-prefix='far' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16 fa-9x'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");background-size:60%;background-position:center;background-repeat:no-repeat}html body#root #wrap_all #orderstatus-elm .statuss .status.active .status-icon{background:#38B549}html body#root #wrap_all #orderstatus-elm .statuss .status .content{font-size:12px;opacity:0.5}html body#root #wrap_all #message-elm{display:none}html body#root #wrap_all #message-elm.active{display:block}html body#root #wrap_all #message-elm .content{max-width:800px;text-align:center;margin:auto;background:#103550;padding:10px 50px;border-radius:10px;color:#fff;margin-top:20px}@media (max-width:767px){html body#root #wrap_all #message-elm .content{padding:10px 20px;margin-top:0}}