﻿@import"colours.css";#logo{margin:2px}#logo img{height:32px;filter:none !important}nav{display:flex;flex-grow:1;flex-wrap:wrap;align-content:center}nav ul{list-style-type:none;padding:0;margin-top:0;display:flex;flex-wrap:wrap;flex-direction:row;z-index:100;width:100%;justify-content:flex-end}nav ul li{outline:none;align-content:center;display:block;position:relative;flex-grow:0;min-width:10em;text-align:center;color:#fff;background-color:rgb(var(--text-links));padding:0;line-height:2em}nav ul li a{text-decoration:none;display:inline-block;width:100%}nav ul li a:hover{text-decoration:underline}nav ul li:focus-visible{outline:none}nav ul li.menu-item.expanded{max-width:12em;background-color:rgb(var(--mag-yellow));color:#000}nav ul li [type=checkbox]:hover{background-color:rgb(var(--background));color:rgb(var(--primary))}nav ul>li.has-submenu:not(:last-child):before{content:"▼";padding-right:2px;padding-left:6px;text-decoration:none}nav ul>li ul{display:none}nav ul>li.expanded>ul{display:flex;flex-direction:column;position:absolute;width:max-content;min-width:100%;background-color:rgb(var(--links));right:0}nav ul>li.expanded>ul li{text-align:left;padding-left:.75em;padding-right:.75em}nav .switch{background-color:rgba(0,0,0,0);color:rgb(var(--main))}select{background-position:right .25rem center}[type=checkbox].cb-tick:checked{scale:125%;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-32 0 512 512' fill='none' stroke='seagreen' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'><path fill='seagreen' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>")}[type=checkbox].cb-cross:checked{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 64 384 384'><path d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/></svg>")}[type=checkbox].cb-both{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 64 384 384'><path d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/></svg>")}[type=checkbox].cb-both:checked{scale:125%;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-32 0 512 512' fill='none' stroke='seagreen' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'><path fill='seagreen' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>")}[type=checkbox].cb-both,[type=checkbox].cb-tick,[type=checkbox].cb-cross,[type=checkbox].cb-tick:hover,[type=checkbox].cb-cross:hover{border:0;background-color:rgba(0,0,0,0);background-repeat:no-repeat}.side-menu{display:none}.side-menu:checked~nav{max-height:100%;display:flex}.side-menu:checked~label .hamb-line{background:rgba(0,0,0,0)}.side-menu:checked~label .hamb-line::before{transform:rotate(-45deg);top:0}.side-menu:checked~label .hamb-line::after{transform:rotate(45deg);top:0}@media only screen and (max-width: 1024px){nav ul{flex-direction:column}nav ul li{text-align:left}nav ul li a{padding-left:1.5em}nav ul>li.expanded>ul{position:relative}.side-menu:checked~nav>ul>li{max-width:100%;padding-left:20px}.side-menu~nav{display:none}}.hamb-line{background-color:rgb(var(--main));display:block;height:2px;position:relative;width:20px;top:12px}.hamb-line::before,.hamb-line::after{background-color:rgb(var(--main));content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.hamb-line::before{top:5px}.hamb-line::after{top:-5px}body.dragging .dragged{opacity:.5}body.dragging .drag-item{border:1px dashed rgb(var(--secondary))}@layer base{body.development,body.local{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width="210" height="60" fill="rgba(25,25,55,0.3)" viewBox="0 0 210 60" xmlns="http://www.w3.org/2000/svg"><text font-family="Nunito,sans-serif,Arial" transform="rotate(-15 0 0)" x="10" y="60">DEVELOPMENT</text></svg>')}.dark body.development,body.local{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width="210" height="60" fill="rgba(75,75,95,0.25)" viewBox="0 0 210 60" xmlns="http://www.w3.org/2000/svg"><text font-family="Nunito,sans-serif,Arial" transform="rotate(-15 0 0)" x="10" y="60">DEVELOPMENT</text></svg>')}body.staging,body.test{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width="180" height="60" fill="rgba(55,40,20,0.3)" viewBox="0 0 180 60" xmlns="http://www.w3.org/2000/svg"><text font-size="x-large" font-family="Nunito,sans-serif,Arial" transform="rotate(-15 0 0)" x="10" y="60">TEST</text></svg>')}.dark body.staging,body.test{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width="180" height="60" fill="rgba(200,215,235,0.1)" viewBox="0 0 180 60" xmlns="http://www.w3.org/2000/svg"><text font-size="x-large" font-family="Nunito,sans-serif,Arial" transform="rotate(-15 0 0)" x="10" y="60">TEST</text></svg>')}}/*# sourceMappingURL=layout.css.map */
