/*!
Theme Name: Design is order
Theme URI: https://www.designisorder.com/
Author: Theo van Boxel
Author URI: https://www.vanboxel.it/
Description: A minimal WordPress theme 
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: dio
*/
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--text-color:var(--lightningcss-light,lch(from var(--primary-color)10% 5 h))var(--lightningcss-dark,lch(from var(--primary-color)97.5% 5 h));--background-color:var(--lightningcss-light,lch(from var(--primary-color)97.5% calc(c/50)h))var(--lightningcss-dark,lch(from var(--primary-color)10% calc(c/25)h));--accent-color:var(--lightningcss-light,var(--primary-color))var(--lightningcss-dark,lch(from var(--primary-color)l c calc(h + 180)));--accent-color-inv:var(--lightningcss-light,lch(from var(--primary-color)l c calc(h + 180)))var(--lightningcss-dark,var(--primary-color));--accent-color-light:var(--lightningcss-light,lch(from var(--accent-color)97% calc(c/10)h))var(--lightningcss-dark,lch(from var(--accent-color)30% calc(c/10)h));--neutral-light-color:var(--lightningcss-light,lch(from var(--primary-color)90% calc(c/50)h))var(--lightningcss-dark,lch(from var(--primary-color)30% calc(c/25)h));--neutral-medium-color:var(--lightningcss-light,lch(from var(--primary-color)80% calc(c/50)h))var(--lightningcss-dark,lch(from var(--primary-color)30% calc(c/25)h));--neutral-dark-color:var(--lightningcss-light,lch(from var(--primary-color)65% calc(c/50)h))var(--lightningcss-dark,lch(from var(--primary-color)60% calc(c/25)h));--svg-stroke-width:2px;--svg-thick-stroke-width:4px;--popover-max-width:25rem;--primary-font:"EB Garamond",serif;--primary-font-size:clamp(1.125rem,calc(1.5vw + .25rem),1.625rem);--secondary-font:"Roboto Flex",sans-serif;--secondary-font-size:clamp(.9rem,calc(1.5vw + .25rem),1.125rem);--lightFontWeight:300;--regFontWeight:400;--boldFontWeight:600;--maxLineWidth:31em;--button-text-color:lch(from var(--primary-color)97.5% 5 h);--button-background-color:var(--accent-color);--button-custom-text-color:lch(from var(--button-text-color)l c var(--custom-hue));--button-custom-background-color:lch(from var(--button-background-color)l c var(--custom-hue));--button-custom-background-color-inv:lch(from var(--button-custom-background-color)l c calc(h + 180));--button-aspect-ratio:1/1;--button-step:5rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}*{font-size:inherit;font-weight:inherit;margin:0;padding:0}html{scroll-behavior:smooth;hanging-punctuation:first last;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{scrollbar-gutter:stable both-edges;line-height:1.2}img,picture,svg,video{-o-object-fit:cover;object-fit:cover;display:block}a>img,a svg,a video{width:100%;height:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:600}main p{line-height:1.5}main p,p+ul li,figcaption{text-wrap:pretty}ul{list-style-type:none}@media (prefers-reduced-motion:no-preference){:has(:target){scroll-behaviour:smooth;scroll-padding-top:3rem}}main{font-family:var(--primary-font);font-size:var(--primary-font-size);font-optical-sizing:auto;font-weight:var(--regFontWeight,400);color:var(--text-color);font-style:normal}header,h1,h2,h3,h4,h5,h6{font-family:var(--secondary-font,sans-serif);font-optical-sizing:auto;font-weight:var(--boldFontWeight,600);font-variation-settings:"slnt" 0,"wdth" 112.5,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 712;color:var(--text-color);font-style:normal}header{text-transform:uppercase;font-size:1.25rem}header h1 span,header p,header nav{font-weight:var(--regFontWeight,400)}header .dio-supernav,header .menu-header-menu-container{font-size:1rem}header h1 span:before{content:"· "}article>header{background-color:lch(from var(--background-color)l c h/.25)}.dio-supernav{font-size:var(--primary-font-size)}h1,header p,h2{letter-spacing:.15em}header nav{letter-spacing:.1em}h3,h4{letter-spacing:.05em}h2{font-size:1.25em;text-transform:uppercase;font-size:max(.66rem,min(1.25em,2rem));font-weight:var(--lightFontWeight,300);text-align:center;padding:1rem 0}h3,h4,h5,h6{color:var(--neutral-dark-color);margin-top:.8em}form h3{margin-top:0}h3{text-transform:uppercase;font-size:1em;font-weight:var(--boldFontWeight);margin-top:1em}h4{margin-top:.25em;font-size:1em}h5{margin-top:.125em;font-size:.9em}p{-webkit-hyphens:auto;hyphens:auto}p+p,p+figure{margin-top:.5em}p.afw-notes{font-size:.9em;text-align:left!important}form{font-family:var(--secondary-font,sans-serif);font-size:var(--secondary-font-size)}footer,aside{font-family:var(--secondary-font,sans-serif);font-optical-sizing:auto;font-size:.8em;font-weight:var(--regFontWeight,400);color:var(--text-color)}svg.brand-logo path{fill:var(--accent-color)}b,strong{font-weight:var(--boldFontWeight)}i,em{font-style:italic}.dio-justify{text-align:justify}.dio-center{text-align:center}.dio-right{text-align:right}main a,header a,footer a{color:inherit;text-decoration:none}article a{color:var(--accent-color)}article a:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:1px}.dio-pill{aspect-ratio:1;border-radius:50%}html{overflow:auto}body{background-color:var(--background-color);flex-direction:column;min-height:100vh;display:flex}body>header,footer{text-align:center}body>header{background-color:var(--lightningcss-light,lch(from var(--primary-color)90% 2.5 h/var(--dio-alpha)))var(--lightningcss-dark,lch(from var(--primary-color)40% 5 h/var(--dio-alpha)));z-index:100;position:-webkit-sticky;position:sticky;top:0}body>header h1{margin:.75rem 0 .4rem}body>header .site-description{margin-bottom:.6rem}main{flex:1}main:has(.category-full_height){grid-template-rows:100%;display:grid}.entry-content,.entry-summary{grid-template-columns:1fr min(var(--maxLineWidth,65rem),100% - 3rem)1fr;display:grid}.entry-content>*,.entry-summary>*{grid-column:2}body>footer{background-color:var(--neutral-light-color);padding:0 0 .5rem}.entry-content{padding:0 0 2rem}.category-full_height{overflow-y:auto}.category-full_height .entry-content,.category-full_height .entry-summary{height:100%;padding:0}.category-full_width .entry-content>*,.category-full_width .entry-summary>*{padding:calc(var(--base-size)/2);grid-column:span 3;width:100%;overflow-x:clip;overflow-y:visible}article.category-no_title>h2,article.category-no_title>h3,article.category-no_title>header{display:none}.category-full_width>header,.category-full_height>header{z-index:50;width:100%;position:absolute}main:has(.status-private){border:2px solid var(--accent-color)}.small-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;padding-top:1rem;display:grid}.small-grid>*{background-color:var(--neutral-light-color);border-radius:4px;padding:5px}.small-grid>:not(.selected):hover{cursor:pointer;background-color:lch(from var(--neutral-light-color)80% c h)}.small-grid>* img{max-width:100%}.small-grid>.selected{border:2px solid var(--accent-color)}img.masked,div.masked{transition:all .5s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}img.masked,div.masked svg{border-radius:0}.widget{margin-bottom:1.5rem}.full-width{grid-column:span 3;overflow:auto}.full-width img{width:100%;max-width:100%}.dio-parallax{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;grid-column:span 3;height:33vh}.dio-parallax img,.hidden{display:none}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);z-index:9;opacity:.25;word-break:break-all;-webkit-user-select:none;user-select:none}[contenteditable][data-placeholder]:empty:focus:before{content:""}figure{font-family:var(--secondary-font);font-size:calc(var(--secondary-font-size)*.8);color:var(--neutral-medium-color)}figure figcaption{border-top:1px solid var(--neutral-medium-color);margin-top:0;margin-bottom:1em;padding-top:.25em}figure img{max-width:100%}.wp-block-image :where(figcaption){margin-top:0;margin-bottom:1em;padding-top:.25em}#bubbles-frontend{font-family:var(--secondary-font)}.custom-logo-link path{fill:var(--primary-color)}[data-block-type]{margin:0 0 .5rem}@media (max-width:720px){.menu-header-menu-container ul{text-align:left;width:-webkit-fit-content;width:fit-content;margin:.25rem auto;padding:.25em 1em;font-size:.1em;line-height:2.5;transition:all .125s ease-out}.menu-header-menu-container ul li{display:block}.menu-header-menu-container ul li a{color:#0000;background-color:var(--text-color);pointer-events:none;transition:all .125s ease-out}.menu-header-menu-container ul li span{display:none}.menu-header-menu-container ul.active-touch-state{background-color:var(--neutral-light-color,white);border:1px solid var(--neutral-medium-color);border-radius:calc(var(--dio-rem-radius)/4);font-size:inherit;line-height:inherit}.menu-header-menu-container ul.active-touch-state li a{color:var(--text-color);pointer-events:auto;background-color:#0000;transition:all .125s ease-out}}.menu-header-menu-container{border-top:2px solid var(--background-color,white);z-index:-1;height:2rem;max-height:2rem;position:relative}.menu-header-menu-container li{margin:.4em 0;display:inline-block}.menu-header-menu-container li:last-of-type span{display:none}.menu-header-menu-container .current-menu-item a{color:var(--primary-color)}.menu-footer-menu-container{border-bottom:1px solid var(--background-color,white);margin-bottom:1rem}.menu-footer-menu-container li{margin:.5em 0 .333em;display:inline-block}.menu-footer-menu-container li:last-of-type span{display:none}.menu-footer-menu-container .current-menu-item a{color:var(--primary-color)}.dio-supernav{transform:translateY(calc(var(--dio-button-size)*-.4));z-index:100;grid-template-columns:1fr 3fr 1fr;display:grid}.dio-supernav>ul{width:var(--dio-button-size,100%);font-size:calc(var(--dio-button-size)*.2);margin:0 auto;position:relative}.dio-supernav>ul li{aspect-ratio:var(--button-aspect-ratio,initial);width:100%;transition:all .3s cubic-bezier(.3,.8,.3,2.3);display:block;position:absolute;top:0;overflow:hidden}.dio-supernav>ul li:first-child{z-index:101}.dio-supernav>ul li:nth-child(n+3){opacity:0}.dio-supernav>ul:focus-within li:first-child,.dio-supernav>ul:hover li:first-child{z-index:10}.dio-supernav>ul:focus-within li:nth-child(3),.dio-supernav>ul:hover li:nth-child(3){top:var(--dio-button-size,1.5em);opacity:1}.dio-supernav>ul:focus-within li:nth-child(4),.dio-supernav>ul:hover li:nth-child(4){top:calc(var(--dio-button-size,1.5em)*2);opacity:1}.dio-supernav>ul:focus-within li:nth-child(5),.dio-supernav>ul:hover li:nth-child(5){opacity:1;top:calc(var(--dio-button-size,1.5em)*3)}.dio-supernav>ul:focus-within li:nth-child(6),.dio-supernav>ul:hover li:nth-child(6){top:calc(var(--dio-button-size,1.5em)*4);opacity:1}.dio-supernav li{container-type:inline-size}.dio-supernav li>*{all:unset;border:1px solid var(--background-color);border-radius:var(--dio-relative-radius);width:90%;height:90%;color:var(--button-custom-text-color);font-weight:var(--boldFontWeight);text-overflow:ellipsis;justify-content:center;align-items:center;margin:5%;display:flex;overflow:hidden}.dio-supernav li>:not(:empty):not(:has(.masked)){background-color:var(--button-custom-background-color)}.dio-supernav li>:not(:empty):not(:has(.masked)):hover{background-color:var(--button-custom-background-color-inv)}.dio-supernav li>* span{font-weight:var(--regFontWeight)}.dio-supernav li>* .dio-tiny{display:none}.dio-supernav li>.dio-small{width:50%;height:50%;margin:25%}.dio-supernav path{fill:rgb(from var(--button-text-color)r g b)}@container (inline-size<=20ch){span{display:none}.dio-tiny{font-size:2em;display:initial!important;font-weight:var(--boldFontWeight)!important}}.dio_page_list li{margin-bottom:.5em}.dio_page_list li a{grid-template-columns:calc(var(--dio-button-size)/1.5)1fr;color:inherit;align-items:center;gap:.5rem;display:grid}.dio_page_list li a:hover .dio_thumb{background-color:var(--button-custom-background-color-inv)}.dio_page_list li .dio_thumb{background-color:var(--button-custom-background-color);aspect-ratio:1;border-radius:var(--dio-relative-radius);font-family:var(--secondary-font);font-weight:var(--boldFontWeight);color:var(--button-custom-text-color);justify-content:center;align-items:center;text-decoration:none;display:flex;overflow:hidden}.dio_page_list li .dio_thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.dio_page_list li span:not(.dio-tiny){display:none}.afw-form p:not(:empty){transition:all .5 ease;margin:0 auto;padding:.75em 0 .25em}.afw-form>img,.afw-form>svg{width:var(--dio-button-size);aspect-ratio:1;align-content:center;max-width:20%;margin:.5em auto}.afw-form svg path{fill:var(--primary-color,var(--modal-text-color))}form{--min:32ch;background-color:var(--lightningcss-light,lch(from var(--primary-color)100% calc(c/50)h))var(--lightningcss-dark,lch(from var(--primary-color)40% calc(c/25)h));border:1px solid var(--neutral-light-color);border-radius:var(--dio-rem-radius);-webkit-hyphens:none;hyphens:none;margin-bottom:1rem;padding:0 1rem .5rem}fieldset{grid-template-columns:repeat(auto-fill,minmax(var(--min),1fr));grid-auto-flow:dense;border:none;align-items:start;gap:1rem;margin-top:.5rem;padding-top:.5rem;display:grid}fieldset:last-child{grid-column:span 1}fieldset:not(:first-of-type){border-top:1px solid var(--neutral-light-color)}fieldset p{max-width:48ch;margin:0 auto 1em}fieldset a{color:var(--text-color)}fieldset.single-col{display:block}fieldset.single-col input{margin-left:auto;margin-right:auto}fieldset.buttons{text-align:center}fieldset figure{width:100%;margin-top:.5rem}fieldset figure img,fieldset figure div{width:100%;max-width:var(--min);height:var(--min);-o-object-fit:cover;object-fit:cover;aspect-ratio:1;--bgcolor:var(--lightningcss-light,lch(from var(--primary-color)90% calc(c/50)h))var(--lightningcss-dark,lch(from var(--primary-color)55% calc(c/25)h));background-image:repeating-linear-gradient(135deg,transparent,transparent 5px,var(--bgcolor)5px,var(--bgcolor)10px);border:1px solid var(--bgcolor);border-radius:var(--dio-relative-radius);margin:0 auto}fieldset figure figcaption.no-picture label,fieldset figure figcaption.picture input[type=file]{display:none}fieldset figure img.masked,fieldset figure div.masked svg{border-radius:0}label{font-size:.8em;display:block}input[type=text],input[type=password],input[type=email]{background-color:var(--lightningcss-light,lch(from var(--primary-color)99% calc(c/50)h))var(--lightningcss-dark,lch(from var(--primary-color)70% calc(c/25)h));border:1px solid var(--neutral-medium-color);border-radius:calc(var(--dio-rem-radius)/4);width:100%;margin:.25em 0 .75em;padding:.5em;font-size:1.25rem;display:block}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,lch(from var(--accent-color)l c 0),lch(from var(--accent-color)l c 60),lch(from var(--accent-color)l c 120),lch(from var(--accent-color)l c 180),lch(from var(--accent-color)l c 240),lch(from var(--accent-color)l c 300),lch(from var(--accent-color)l c 360));border-radius:0;height:1.5rem}input[type=range]::-moz-range-track{background-color:#add8e6;border-radius:0;height:1.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:.5rem;width:1rem;height:1rem;margin-top:.25em}input[type=range]::-moz-range-thumb{background-color:#fff;border:none;border-radius:.5rem;width:1rem;height:1rem}form button,form input[type=button]{all:unset;background-color:var(--primary-color);color:var(--button-text-color);width:-webkit-fit-content;width:fit-content;min-width:calc(var(--dio-button-size)*.667);border-radius:calc(var(--dio-rem-radius)/4);text-align:center;cursor:pointer;align-content:center;margin:0 auto .5rem;padding:.25em 1rem;transition:all 1s}form button:hover,form input[type=button]:hover{background-color:var(--accent-color-inv);outline-color:var(--accent-color-inv)}form button[disabled],form input[type=button][disabled]{background-color:lch(from var(--primary-color)80% 0 h);outline-color:lch(from var(--primary-color)80% 0 h);cursor:initial}form [type=submit]{aspect-ratio:1;border-radius:var(--dio-relative-radius);outline:var(--svg-stroke-width)solid var(--primary-color);outline-offset:var(--svg-thick-stroke-width);font-weight:var(--boldFontWeight);padding:.25em}fieldset{position:relative}form [type=reset]{position:absolute;top:.5em;left:0}input[type=file]::-webkit-file-upload-button{border-radius:calc(var(--dio-rem-radius)/4);background-color:var(--primary-color);color:var(--button-text-color);cursor:pointer;border:none;margin-right:2rem;padding:.25em 1rem}.afw-file-btn{border-radius:calc(var(--dio-rem-radius)/4);background-color:var(--primary-color);color:var(--button-text-color);cursor:pointer;border:none;margin-right:2rem;padding:.25em 1rem}input[type=file]::-webkit-file-upload-button{border-radius:calc(var(--dio-rem-radius)/4);background-color:var(--primary-color);color:var(--button-text-color);cursor:pointer;border:none;margin-right:2rem;padding:.25em 1rem}input[type=file]::file-selector-button{border-radius:calc(var(--dio-rem-radius)/4);background-color:var(--primary-color);color:var(--button-text-color);cursor:pointer;border:none;margin-right:2rem;padding:.25em 1rem}input[type=file]{margin:.75em 0;display:block}.afw-file-btn{width:-webkit-fit-content;width:fit-content;margin:.75em 0;font-size:1em}.afw-file-btn:hover{background-color:var(--accent-color-inv)}.afw-file-btn+input[type=file]{display:none}.afw-spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}