/* Behaviour that used to need jQuery, done in CSS. Generated from src/nojs-css.njk. */

/* Mobile menu: a checkbox replaces the body.menuopen class (rules copied from style.css). */
.menu-toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mobilemenu{cursor:pointer}
@media only screen and (max-width: 700px){
  header:has(.menu-toggle:checked){z-index:12}
  header:has(.menu-toggle:checked) nav{transform:translate3d(0%,0,0);box-shadow:0 0 0 1000px rgba(0,0,0,0.5)}
  header:has(.menu-toggle:checked) .mobilemenu span:nth-child(1){transform:rotate(45deg) translateX(5px) translateY(5px)}
  header:has(.menu-toggle:checked) .mobilemenu span:nth-child(2){transform:rotate(-45deg) translateX(0px) translateY(0px)}
  header:has(.menu-toggle:checked) .mobilemenu span:nth-child(3){opacity:0}
  .menu-toggle:focus-visible ~ .mobilemenu{outline:2px solid #fff;outline-offset:2px}
}

/* Home page services carousel: what bxSlider set inline, plus slide selection from the radio buttons. */
.services .bx-wrapper{max-width:100%;position:relative}
.services .svc-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.services .bx-viewport{width:100%;overflow:hidden;position:relative;height:260px}
.services .slider ul{display:flex;width:600%;transition:transform .5s}
.services .slider ul li{flex:0 0 16.666666666666668%}
.services .bx-controls-direction label{display:none;cursor:pointer}
.services .bx-pager .bx-pager-item label{width:10px;height:10px;display:block;text-indent:-3000px;font-size:0;overflow:hidden;background:#fff;opacity:.5;border-radius:100%;cursor:pointer}
@media (prefers-reduced-motion: reduce){.services .slider ul{transition:none}}
#svc1:checked ~ .bx-viewport ul{transform:translateX(-0%)}
#svc1:checked ~ .bx-controls .bx-pager-item:nth-child(1) label{opacity:1}
#svc1:focus-visible ~ .bx-controls .bx-pager-item:nth-child(1) label{outline:2px solid #fff;outline-offset:2px}
#svc1:checked ~ .bx-controls .for1{display:block}
#svc2:checked ~ .bx-viewport ul{transform:translateX(-16.666666666666668%)}
#svc2:checked ~ .bx-controls .bx-pager-item:nth-child(2) label{opacity:1}
#svc2:focus-visible ~ .bx-controls .bx-pager-item:nth-child(2) label{outline:2px solid #fff;outline-offset:2px}
#svc2:checked ~ .bx-controls .for2{display:block}
#svc3:checked ~ .bx-viewport ul{transform:translateX(-33.333333333333336%)}
#svc3:checked ~ .bx-controls .bx-pager-item:nth-child(3) label{opacity:1}
#svc3:focus-visible ~ .bx-controls .bx-pager-item:nth-child(3) label{outline:2px solid #fff;outline-offset:2px}
#svc3:checked ~ .bx-controls .for3{display:block}
#svc4:checked ~ .bx-viewport ul{transform:translateX(-50%)}
#svc4:checked ~ .bx-controls .bx-pager-item:nth-child(4) label{opacity:1}
#svc4:focus-visible ~ .bx-controls .bx-pager-item:nth-child(4) label{outline:2px solid #fff;outline-offset:2px}
#svc4:checked ~ .bx-controls .for4{display:block}
#svc5:checked ~ .bx-viewport ul{transform:translateX(-66.66666666666667%)}
#svc5:checked ~ .bx-controls .bx-pager-item:nth-child(5) label{opacity:1}
#svc5:focus-visible ~ .bx-controls .bx-pager-item:nth-child(5) label{outline:2px solid #fff;outline-offset:2px}
#svc5:checked ~ .bx-controls .for5{display:block}
#svc6:checked ~ .bx-viewport ul{transform:translateX(-83.33333333333333%)}
#svc6:checked ~ .bx-controls .bx-pager-item:nth-child(6) label{opacity:1}
#svc6:focus-visible ~ .bx-controls .bx-pager-item:nth-child(6) label{outline:2px solid #fff;outline-offset:2px}
#svc6:checked ~ .bx-controls .for6{display:block}