body,html{margin:0;padding:0;font-optical-sizing:auto;scroll-behavior:smooth}body{overflow:auto;position:relative;height:100dvh;& :target{scroll-margin-top:30px}}*{box-sizing:border-box;z-index:1}#overlay{display:none;position:fixed;z-index:2;margin:0;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .4);cursor:pointer;}.skip-link{z-index:999;position:fixed;display:flex;top:0;left:0;justify-content:center;align-items:center;padding:1em;font-size:var(--wp--preset--font-size--default);background-color:var(--wp--preset--color--white);border:2px solid var(--wp--preset--color--white);transform:translateX(-101%) translateY(50px);transition:transform .3s ease!important}.hide-visually,details:not([open]) a{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.skip-link:active,.skip-link:focus{transform:translateX(50px) translateY(50px)}button:focus,input:focus,a:focus{outline:2px dashed #000;border-radius:2px;z-index:1010;outline-offset:2px;-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff}main a:hover,footer a:hover{text-decoration:underline}a:not([href]){pointer-events:none}#main-menu,#main-search{display:none}.wrapper{margin-inline:max(calc((100% - var(--wp--style--global--content-size)) / 2), 12px);width:120px}header{position:fixed;width:100%;top:0;min-height:120px;max-height:100dvh;overflow-y:auto;z-index:10;background-color:var(--wp--preset--color--block-background);padding:.5em;transition:.3s min-height ease-out;& nav{margin-inline:max(calc((100% - var(--wp--style--global--wide-size)) / 2), 12px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;color:var(--wp--preset--color--black);& a{color:var(--wp--preset--color--black)}&>a>div{display:flex;align-items:center;text-decoration:none}}& .custom-logo{height:100px;transform:rotate(-5deg);width:auto;transition:.3s all ease-out}& #icon-close{display:none}& #icon-search-close{display:none}#top-menu{position:absolute;top:0;right:max(calc((100% - var(--wp--style--global--wide-size)) / 2), 12px);list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;gap:1em;font-size:var(--wp--preset--font-size--x-small);transition:.3s transform ease-out;& a:hover{text-decoration:underline}}}body.scrolled-down header{min-height:0;.custom-logo{height:50px;transform:rotate(0)}#top-menu{transform:translateY(-100%)}}body.menu-open{overflow-y:hidden;& #icon-menu{display:none}& #icon-close{display:flex}& #overlay{display:block}& #main-menu{display:block;margin-inline:max(calc((100% - var(--wp--style--global--wide-size)) / 2), 12px);padding:0;list-style-type:none;columns:auto;column-width:230px;column-gap:2em;&>li{background:none;break-inside:avoid-column;margin-bottom:2em;&>a{display:block;color:var(--wp--preset--color--black);font-weight:600;margin-bottom:.8em}}& ul{list-style-type:none;padding:0;margin:0;&>li>a{display:block;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--black);margin-bottom:.5em}& a{display:block;font-size:var(--wp--preset--font-size--default);padding-left:20px;background:url(/wp-content/themes/vanhoutenenco/images/right-thin-chevron.svg) left top 5px no-repeat;background-size:1cap;&:hover{text-decoration:underline}}}}}body.search-open{overflow-y:hidden;#icon-search{display:none}#icon-search-close{display:flex}#overlay{display:block}#main-search{display:block;background:var(--wp--preset--color--white);margin-inline:0;width:100%;& form{display:flex;justify-content:center;margin-top:1em;margin-inline:max(calc((100% - var(--wp--style--global--content-size)) / 2), 12px);& input{min-width:300px;border:1px solid var(--wp--preset--color--block-border);border-radius:4px 0 0 4px;padding:10px}& button{border:0;border-radius:0 4px 4px 0;cursor:pointer;color:var(--wp--preset--color--white);background-color:var(--wp--preset--color--main)}}}}body>main{margin-top:120px;&>.alignwide{margin-inline:max(calc((100% - var(--wp--style--global--wide-size)) / 2), 12px)}&>*{margin-inline:max(calc((100% - var(--wp--style--global--content-size)) / 2), 12px)}&>.alignfull{margin-inline:0}&>.aligncenter{margin-inline:auto}& .rank-math-breadcrumb>*{font-size:var(--wp--preset--font-size--small)}& .archive-items{display:grid;grid-template-columns:1fr;gap:1em;& .archive-item{position:relative;display:grid;grid-template-columns:1fr 3fr;text-decoration:none!important;border-radius:1rem 0 1rem 0;overflow:hidden;& .image{aspect-ratio:1 /1;overflow:hidden}& img{width:100%;height:auto;aspect-ratio:1 /1;object-fit:cover;transition:transform .2s}& .content{display:flex;flex-direction:column;padding:.5em 1em;&>*{margin:0}& h2{font-size:var(--wp--preset--font-size--default)!important}& date{font-size:var(--wp--preset--font-size--x-small);font-weight:300}}}}& .paginate{margin-block:2em;padding-block:1rem;text-align:center;position:relative;& .page-numbers{padding:.5em;background:var(--wp--preset--color--white);text-decoration:none;&.next{text-decoration:none;top:.4rem;right:0;position:absolute;& hover{color:var(--wp--preset--color--white);background:var(--wp--preset--color--main)}}&.prev{text-decoration:none;top:.4rem;left:0;position:absolute;& hover{color:var(--wp--preset--color--white);background:var(--wp--preset--color--main)}}&.current{color:var(--wp--preset--color--white);background:var(--wp--preset--color--main)}&:hover{color:var(--wp--preset--color--white);background:var(--wp--preset--color--main)}}}& .archive-list{display:grid;grid-template-columns:1fr;gap:2em;& .archive-item{position:relative;display:grid;grid-template-columns:100px auto;text-decoration:none!important;border-radius:1rem 0 1rem 0;overflow:hidden;& .image{aspect-ratio:1 /1;overflow:hidden}& img{width:100%;height:auto;aspect-ratio:1 /1;object-fit:cover;transition:transform .2s}& .content{display:flex;flex-direction:column;padding:.5em 0;&>*{margin:0}& h2{font-size:var(--wp--preset--font-size--default)!important}& date{font-size:var(--wp--preset--font-size--x-small);font-weight:300}}&.wp-block-medewerker{& :is(h2,h4,.content){grid-column:span 2;margin-block:0 .5rem}}}}& .contact-header img{border-radius:1rem;margin:0 auto;display:block}}footer{& ul#footer-menu{list-style-type:none;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:0em;font-size:var(--wp--preset--font-size--x-small);margin:0 max(calc((100% - var(--wp--style--global--wide-size)) / 2), 12px);padding:1em 0;& li{padding:0 1em;& a{color:var(--wp--preset--color--black)}&:not(:first-child)+li{position:relative;&:before{content:" ";display:block;position:absolute;border-left:1px solid var(--wp--preset--color--black);width:0;height:1cap;left:0;top:50%;transform:translateY(-50%)}}}}}@media screen and (max-width:600px){header nav div[id*="icon-"]>span{display:none}.archive-list{& .archive-item{display:block!important}}}