/* Narrow compatibility layer; recovered original styles remain the design source. */
img{max-width:100%;height:auto}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #8cc63f;outline-offset:3px}
.float-right2{line-height:1.2}
#layerslider .ls-layer{display:none!important;visibility:hidden!important;width:960px!important;left:0!important;right:auto!important;top:0!important}#layerslider .ls-layer.local-active{display:block!important;visibility:visible!important}#layerslider .ls-layer>*{margin-left:0!important;margin-top:0!important;display:block!important}#layerslider .ls-inner{max-width:100%}
@media(min-width:980px){#top-menu .menu>li{padding-left:15px!important;padding-right:15px!important}}
@media(max-width:979px){
html,body{max-width:100%;margin:0}*,*:before,*:after{box-sizing:border-box}.container,.container-fluid,.body-content,.content,.sidebar,#header,#main{width:100%!important;max-width:100%!important}.container{padding-left:16px!important;padding-right:16px!important}.row{margin-left:0!important;margin-right:0!important}
.column,.one-third,.content,.sidebar,.float-right,.float-right2{float:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}.float-right2{display:inline-block;width:auto!important;font-size:18px!important;margin:12px!important}.float-right2 span{font-size:19px!important}
#logo{max-width:100%;float:none!important}#logo img{max-width:100%;height:auto}

.footer-copyright,.copyright-content,.footer-logo{float:none!important;width:100%!important}.copyright-content ul li{display:inline-block;float:none!important}.widget{margin-bottom:24px}input,select,textarea,iframe{max-width:100%}
.citiwide-calculator2,.citiwide-calculator,.jof,.jof label{width:100%!important;max-width:100%!important;margin-left:0!important}.jof label{display:block!important}.jof select,.jof input,.jof textarea{width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important}.jof img{position:static!important}.form-horizontal .controls{margin-left:0!important}.form-horizontal .control-label{float:none!important;text-align:left!important;width:100%!important}
.copyright-content ul{display:flex!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;white-space:normal!important}.copyright-content ul li{max-width:100%;white-space:normal!important}
}

/* Keep the original desktop layers and put the slider controls in the page flow. */
.welcome-text,.welcome-text2{z-index:0!important}
#footer .contact-details li > a:has(> p){display:flow-root}
#footer .widget .contact-details li > a > p{float:none;width:auto}
.mobile-menu-toggle{display:none}
.check-fee-panel{max-width:680px;margin:14px 0 24px;padding:clamp(12px,3vw,20px);border:1px solid #cbd8be;border-radius:8px;background:#f5f8ef;color:#263820}
.check-fee-panel p{margin:0 0 12px}
.check-fee-panel form{height:auto;margin:0;float:none}
.check-fee-heading,.check-types h2,.check-types h3{color:#263820;text-transform:none}
.check-fee-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.check-fee-panel label{display:block;margin:0;font-weight:700;color:#263820}
.check-fee-fields input,.check-fee-fields select{display:block;width:100%;min-width:0;min-height:44px;margin:4px 0 0;padding:7px 9px;border:1px solid #819474;border-radius:5px;background:#fff;color:#263820;font:inherit;font-size:16px}
.check-fee-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 12px}
.check-fee-results div{min-width:0;padding:9px;border:1px solid #cbd8be;border-radius:5px;background:#fff}
.check-fee-results output{display:block;overflow-wrap:anywhere;font-weight:700;font-size:clamp(18px,4vw,25px);line-height:1.25}
.check-fee-panel .calculator-submit{min-height:44px;padding:8px 16px;border:0;border-radius:5px;background:#385b21;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.check-fee-panel .check-fee-note{margin:10px 0 0;font-size:14px}
.check-types{margin-bottom:20px}
.check-types a{color:#315b15;text-decoration:underline}
@media(min-width:800px){.check-fee-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr)}}
.welcome-text .thumb a:has(img),.welcome-text2 .thumb a:has(img){display:inline-flex;float:none;width:auto!important;max-width:100%;padding:0!important;background:transparent!important;border:0!important;box-shadow:none}
.welcome-text .thumb a img,.welcome-text2 .thumb a img{display:block;width:140px!important;height:auto!important;max-width:100%!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none}
#layerslider:not(.local-slider-ready) .ls-layer:first-child{display:block!important;visibility:visible!important}
#layerslider.local-slider-ready{height:auto!important;max-width:100%}
#layerslider .ls-layer>.local-slide-photo{max-width:calc(100% - var(--photo-left))!important;object-fit:contain;object-position:right center}
.local-slide-controls{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:3px 0;color:#284117}
.local-slide-controls button{min-width:44px;min-height:38px;border:1px solid #b4c68e;border-radius:4px;background:#f4f8ea;color:#284117;font:700 24px/1 Arial,sans-serif}
.local-slide-controls span{font:600 13px/1 Arial,sans-serif}

@media(max-width:979px){
  #top-menu.mobile-menu-ready .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:44px;margin:4px 12px 4px auto;padding:0;border:1px solid #626262;border-radius:4px;background:#202020;color:#fff;cursor:pointer}
  .mobile-menu-icon,.mobile-menu-icon::before,.mobile-menu-icon::after{display:block;width:23px;height:2px;background:currentColor;border-radius:2px}
  .mobile-menu-icon{position:relative}
  .mobile-menu-icon::before,.mobile-menu-icon::after{content:'';position:absolute;left:0}
  .mobile-menu-icon::before{top:-7px}
  .mobile-menu-icon::after{top:7px}
  #top-menu.mobile-menu-ready:not(.mobile-menu-open) ul.menu{display:none!important}
  #footer .widget span[style*="width:300px"]{max-width:100%}
  #top-menu{height:auto!important;min-height:0;background:#202020}
  #top-menu .container{padding:0!important}
  #top-menu ul.menu{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));height:auto!important;width:100%!important;margin:0!important;padding:0!important}
  #top-menu ul.menu>li{height:auto!important;min-width:0;margin:0!important;padding:0!important}
  #top-menu ul.menu>li>a{display:flex;float:none;width:100%;align-items:center;justify-content:center;min-height:44px;height:auto!important;padding:6px 4px!important;white-space:normal;line-height:1.2!important;text-align:center;color:#fff}
  #top-menu ul.menu>li>a:focus-visible{outline-offset:-3px}
  #header>.container>.float-right{display:flex;flex-wrap:wrap;height:auto!important;padding:8px 0 12px}
  #header .float-right2{flex:1 1 96px;margin:0!important;padding:0 4px;text-align:center;white-space:nowrap;font-size:clamp(13px,4vw,18px)!important}
  #header .float-right2 span{font-size:clamp(13px,4vw,18px)!important}
  #home-slider,#layerslider-container-fw,#layerslider,#layerslider .ls-inner{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important}
  #layerslider .ls-layer.local-active,#layerslider:not(.local-slider-ready) .ls-layer:first-child{position:relative!important;display:grid!important;grid-template-columns:repeat(100,minmax(0,1fr));align-items:center;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:18px 0 0;row-gap:6px}
  #layerslider .ls-layer>*{grid-column:1/-1;position:static!important;max-width:100%!important;white-space:normal!important}
  #layerslider .ls-layer>img{height:auto!important;width:auto!important;max-width:100%!important;max-height:none!important;order:var(--graphic-order,0)}
  #layerslider .ls-layer>.local-slide-fragment{grid-column:auto/span var(--graphic-span);width:100%!important}
  #layerslider .ls-layer>.local-slide-photo{order:900000;justify-self:center;max-width:100%!important;max-height:220px!important;object-position:center;margin:4px 0!important}
  #layerslider .ls-layer>p{order:900001;min-width:0;width:auto!important;height:auto!important;margin:0!important;padding:4px 0!important;font-size:15px!important;line-height:1.5!important}
  #layerslider .ls-layer>p br{display:none}
  #layerslider .local-slide-apply{position:static!important;margin-top:12px}
}
@media(max-width:480px){
  #top-menu ul.menu{grid-template-columns:repeat(2,minmax(0,1fr))}
  #top-menu ul.menu>li{border-bottom:1px solid #444}
  #top-menu ul.menu>li:nth-child(odd){border-right:1px solid #444}
  #layerslider .ls-layer>.local-slide-photo{max-height:176px!important}
}