:root{--nav-bar-height:clamp(60px, 10vw, 144px)}body,html{margin:0;padding:0;font-optical-sizing:auto;scroll-behavior:smooth;scroll-padding-top:2em}*{box-sizing:border-box}body{&.home{background-image:url(/wp-content/themes/onspodium/images/stripes-emerald.svg),url(/wp-content/themes/onspodium/images/stripes-coral-bottom.svg);background-position:top calc(300px - 144px + var(--nav-bar-height)) right -2px,bottom right -200px;background-size:max(100vw, 1396px) auto;background-repeat:no-repeat}&.archive{background-image:url(/wp-content/themes/onspodium/images/stripes-yellow.svg);background-position:top calc(300px - 144px + var(--nav-bar-height)) right -2px;background-size:max(100vw, 1396px);background-repeat:no-repeat}&.single{background-image:url(/wp-content/themes/onspodium/images/stripes-yellow.svg);background-position:top calc(300px - 144px + var(--nav-bar-height)) right -2px;background-size:max(100vw, 1396px);background-repeat:no-repeat;background-attachment:fixed;&.single-agenda{background-attachment:fixed;background-image:url(/wp-content/themes/onspodium/images/stripes-emerald.svg)}&.single-vereniging{background-attachment:fixed;background-image:url(/wp-content/themes/onspodium/images/stripes-coral.svg)}}&.post-type-archive-agenda{background-image:url(/wp-content/themes/onspodium/images/stripes-emerald.svg);background-position:top calc(300px - 144px + var(--nav-bar-height)) right -2px;background-size:max(100vw, 1396px) auto;background-repeat:no-repeat}&.post-type-archive-vereniging{background-image:url(/wp-content/themes/onspodium/images/stripes-coral.svg);background-position:top calc(300px - 144px + var(--nav-bar-height)) right -2px;background-size:max(100vw, 1396px) auto;background-repeat:no-repeat}&:not(.home) header{display:none}}h1,h2,h3,h4,h5,h6{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 4 4;text-wrap:balance;&:first-child{margin-top:0}&:last-child{margin-bottom:0}}a:has(h1,h2,h3,h4,h5,h6){text-decoration:none!important}img{max-width:100%;height:auto}header{&>*{position:relative}}main{background-color:rgb(255 255 255 / .8);&>*{margin-inline:max(calc((100vw - var(--wp--style--global--content-size)) / 2), 1em);position:relative}&>.alignwide{margin-inline:max(calc((100vw - var(--wp--style--global--wide-size)) / 2), 1em)}&>.alignfull{margin-inline:0}&>.aligncenter{margin-inline:auto}}#logo-label{position:fixed;top:0;left:0;height:auto;width:min(24vw, 480px);z-index:100;clip-path:polygon(0 0,100% 0,0 100%);overflow:visible}@media screen and (max-width:1375px){body:not(.menu-open):not(:has(header)) #logo-label{height:calc(var(--nav-bar-height) + .5px);clip-path:polygon(0 0,100% 0,calc(var(--nav-bar-height) + 5vw) 100%,0 calc(var(--nav-bar-height) + .5px));overflow:hidden}}#main-nav{overflow:hidden;position:sticky;top:0;z-index:20;height:var(--nav-bar-height);display:grid;align-items:center;grid-template-columns:2fr 8fr 1fr 2rem;gap:1em;background-color:var(--wp--preset--color--canary);font-size:var(--wp--preset--font-size--default);padding-right:1em;&>a:first-child{display:flex;position:relative;height:100%;width:100%;justify-content:center;align-items:center;padding-left:1em;&:after{content:"";width:min(30vw, 388px);aspect-ratio:1 /1;position:absolute;top:0;left:0;z-index:-1;background:url(/wp-content/themes/onspodium/images/logo.svg) top left no-repeat;background-size:min(30vw, 388px)}}& .main-menu-container{display:none}& form{z-index:15;display:flex;justify-content:flex-end;align-items:center;gap:.5em;&.open{input[type=text]{border-bottom:2px solid #000;&::placeholder{opacity:1;color:var(--wp--preset--color--black-olive)}}}& input[type="text"]{border:0;background:none;width:120px;font-family:var(--wp--preset--font-family--default);font-size:var(--wp--preset--font-size--default);padding:.5em .5em .5em;border-bottom:2px solid #fff0;&:focus-visible{outline:none;border:2px solid var(--wp--preset--color--black-olive)}&::placeholder{opacity:0}&:-internal-autofill-selected{appearance:menulist-button;background-image:none!important;background-color:blue!important;color:red!important}}}& #search,#openmenu{display:block;width:1.5rem;height:1.5rem;background:url(/wp-content/themes/onspodium/images/search.svg) no-repeat;background-size:contain!important;border:0;cursor:pointer;transition:transform .3s;transform-origin:left}& #openmenu{width:2rem;height:2rem;background:url(/wp-content/themes/onspodium/images/menu.svg) no-repeat;z-index:100}}body.menu-open{& #openmenu{transform:rotate(90deg)}& div.main-menu-container{font-size:var(--wp--preset--font-size--large);line-height:1.2em;display:block!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:99;background:var(--wp--preset--color--canary);padding:14vw 3rem 3rem 14vw;overflow-y:auto;&>ul>li{margin-bottom:1rem}& ul{list-style-type:none;padding:0;& ul{margin-left:1rem}}& a{display:inline-block;text-decoration:none;margin-bottom:.3em}& .main-menu-container{display:block!important}}}.post-type-single img.wp-post-image{margin:1em 0}header{padding-bottom:333px;background:url(/wp-content/themes/onspodium/images/stripes-palatinate.svg) top 156px right -2px no-repeat;background-size:max(100vw, 1396px);background-color:var(--wp--preset--color--canary);font-size:var(--wp--preset--font-size--default);text-align:center;position:relative;&>img{position:absolute;right:0;bottom:0;z-index:9;height:50vh;width:auto}&>div{max-width:var(--wp--style--global--wide-size);margin-inline:auto;margin-bottom:1em;padding-inline:1em;display:flex;flex-direction:column;align-items:center;& h1{font-size:var(--wp--preset--font-size--huge)!important;color:var(--wp--preset--color--palatinate);margin:min(5vw, 0.5em);z-index:12}& a{padding:1.5em 0;text-decoration:none;font-weight:600;z-index:12;&:hover{background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--black-olive)}}}}main .post-type-archive{display:grid;gap:2em;grid-template-columns:1fr;& label{display:none}& select{width:100%}& .select2-container{width:100%!important}& .article{display:grid;grid-template-columns:1fr 2fr;gap:1em;align-items:stretch;background-color:var(--wp--preset--color--white);margin-bottom:1em;text-decoration:none;padding-right:1em;& figure{margin:0;height:100%}& img{aspect-ratio:1 /1;object-fit:cover;height:100%}& .details{padding-block:1rem}& h3{font-size:var(--wp--preset--font-size--large);color:var(--wp--preset--color--palatinate);line-height:1;text-decoration:none;margin:0 0 .5em}}}main .post-type-single{display:grid;gap:2em;grid-template-columns:1fr;& img.round-portrait{border-radius:50%;max-width:50%}& .sidebar{text-align:center}& h1{margin:0}& h2{margin:.25em 0}}main .detail label{display:inline-block;width:8em}.beautiful-taxonomy-filters{margin:0;padding:0;border-bottom:0 solid #CCC;& .beautiful-taxonomy-filters-button{margin-top:1em;width:100%;border:0;background:var(--wp--preset--color--canary);color:var(--wp--preset--color--black-olive);font-weight:600;padding:1em;cursor:pointer}& .beautiful-taxonomy-filters-clear-all{display:block;text-align:center;text-decoration:none;margin-top:1em;width:100%;border:0;background:var(--wp--preset--color--white);color:var(--wp--preset--color--black-olive);padding:.5em}& .beautiful-taxonomy-filters-select-wrap{display:flex;gap:1em;flex-direction:column;& .select2-container--default .select2-selection--single{background-color:#eaeae9;border:0 solid #aaa;border-radius:0}}}.post-type-archive-agenda .beautiful-taxonomy-filters-button{background:var(--wp--preset--color--emerald)!important;color:var(--wp--preset--color--white)!important}.post-type-archive-vereniging .beautiful-taxonomy-filters-button{background:var(--wp--preset--color--coral)!important;color:var(--wp--preset--color--white)!important}.search-item{& h2{margin:2rem 0 .5rem 0}}#pagination{display:flex;gap:1rem;justify-content:center;margin-block:3rem;&>a:not(.prev,.next),>span{display:none;align-items:center;justify-content:center;text-align:center;text-decoration:none;width:3rem;aspect-ratio:1 / 1;color:var(--wp--preset--color--palatinate);border:1px solid var(--wp--preset--color--palatinate);background:var(--wp--preset--color--white)}&>span:not(.dots){color:var(--wp--preset--color--white);background:var(--wp--preset--color--palatinate);display:flex}&>span.dots{display:flex;border-width:0}&>a:is(.prev,.next){display:flex;align-items:center;justify-content:center}}@media (min-width:600px){#pagination>a:not(.prev,.next){display:flex}}.has-shadow{box-shadow:0 0 20px rgb(0 0 0 / .1)}.button,.smallbutton{padding:1.5em 3em;text-decoration:none;font-weight:600}.smallbutton{padding:.75em 1.5em;z-index:15;text-align:center}.social{margin-inline:max(calc((100vw - var(--wp--style--global--wide-size)) / 2), 1em);margin-bottom:-76px;display:flex;flex-direction:row;justify-content:flex-end;& .icon{display:block;width:96px;height:96px;border-radius:50%;background-color:var(--wp--preset--color--white);background-image:url(/wp-content/themes/onspodium/images/facebook.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain}}footer{margin-top:2em;background-color:var(--wp--preset--color--palatinate);color:var(--wp--preset--color--white);padding-top:3em;padding-bottom:1em;& .content-wrapper{margin-inline:max(calc((100vw - var(--wp--style--global--wide-size)) / 2), 1em);gap:2em;display:grid;justify-items:center;grid-template-columns:1fr;font-size:var(---wp--preset--font-size--medium);font-weight:600;line-height:1.67em}}.copyright{margin-inline:max(calc((100vw - var(--wp--style--global--wide-size)) / 2), 1em);}.copyright-menu-container{&>ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:start;align-items:center;gap:.5em;font-size:var(--wp--preset--font-size--small);flex-direction:column;align-items:flex-start;& li{padding:0}}}.parsley-errors-list li,.mailpoet_validate_success{color:white!important}