@font-face{font-family:"Sora";font-weight:400;src:url("/-fonts/sora/400.woff2") format("woff2");}
@font-face{font-family:"Sora";font-weight:600;src:url("/-fonts/sora/600.woff2") format("woff2");}
:root{--width:1728px;--padding:30px;--gutter:40px;--space:20px;interpolate-size:allow-keywords;}
*,::before,::after{box-sizing:border-box;margin:0;}
html{height:100%;scroll-behavior:smooth;line-height:1.5;-webkit-text-size-adjust:none;text-size-adjust:none;overflow-wrap:break-word;--text-scale:18;font-family:"Sora";font-weight:400;font-size:18px;}
body{height:100%;}
[hidden],.w-hidden{display:none !important;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1em;font-weight:inherit;}
:is(h1,h2,h3,h4,h5,h6)>span{display:block;}
table{border-collapse:collapse;}
iframe,img,svg{display:block;width:100%;height:auto;border:0;}
iframe[data-src]{opacity:0;transition:opacity 1s;}
a{color:var(--link);text-decoration:none;transition:color 0.2s;}
a:hover{color:var(--link-hover);}
a:has(img){display:block;}
#w-content{overflow:hidden;}
.w-button,.w-menu-button,.w-menu button{-webkit-appearance:none;appearance:none;display:inline-block;vertical-align:bottom;padding:0;border:none;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:border-color 0.2s,background-color 0.2s,color 0.2s;}
.w-button-centre{text-align:center;}
.w-button-left{text-align:left;}
.w-button-right{text-align:right;}
.w-centre{width:100%;max-width:var(--width);margin:0 auto;}
.w-left{width:100%;margin-right:auto;}
.w-right{width:100%;margin-left:auto;}
.w-lightbox{cursor:pointer;}
.wNotRows,.wNotRows *{box-sizing:content-box;}
.wNotRows img{width:auto;}
.w-text .t0{font-family:"Sora";font-weight:400;}
.w-text .t1{font-family:"Epilogue";font-weight:400;}
.w-text .t0.bon{font-weight:600;}
.w-text .t1.bon{font-weight:700;}
.w-text .bon{font-weight:600;}
h1{--text-scale:72;font-family:"Sora";font-weight:400;font-size:4em;}
h1.w-text .bon{font-weight:600;}
h2{--text-scale:48;font-family:"Sora";font-weight:400;font-size:2.667em;}
h2.w-text .bon{font-weight:600;}
h3{--text-scale:28;font-family:"Sora";font-weight:400;font-size:1.556em;}
h3.w-text .bon{font-weight:600;}
:is(h1,h2,h3,h4,h5,h6).w-text{line-height:1.25;}
.w-text{--s:var(--text-scale);}
.s10{--s:10;}
.s11{--s:11;}
.s12{--s:12;}
.s13{--s:13;}
.s14{--s:14;}
.s15{--s:15;}
.s16{--s:16;}
.s18{--s:18;}
.s20{--s:20;}
.s22{--s:22;}
.s24{--s:24;}
.s26{--s:26;}
.s28{--s:28;}
.s30{--s:30;}
.s32{--s:32;}
.s34{--s:34;}
.s36{--s:36;}
.s42{--s:42;}
.s48{--s:48;}
.s54{--s:54;}
.s60{--s:60;}
.s66{--s:66;}
.s72{--s:72;}
.w-text span{font-size:calc(var(--s) / var(--text-scale) * 1em);}
.w-text-dark{--link:#b3e304;--link-hover:#1f3d00;color:#000;}
.w-text-light{--link:#b3e304;--link-hover:#fff;color:#fff;}
:where(.w-section>div){padding:60px 30px;}
.w-section-style-white{--link:#b3e304;--link-hover:#1f3d00;background:#fff;color:#1f1f1f;}
.w-section-style-smoke{--link:#b3e304;--link-hover:#1f3d00;background:#f5f5f5;color:#1f1f1f;}
.w-section-style-carbon{--link:#b3e304;--link-hover:#fff;background:#1f1f1f;color:#fff;}
.w-section-style-blackForest{--link:#b3e304;--link-hover:#fff;background:#1f3d00;color:#fff;}
.w-section-style-dGrey{--link:#b3e304;--link-hover:#1f3d00;background:#333;color:#fff;}
:where(.w-section-style-dGrey)>div:where(.w-centre){padding:5px 30px;}
.w-button,:where(.w-button-style-main) button.w-button,.w-button.w-button-style-main{background-color:#b3e304;color:#1f1f1f;font-family:"Sora";font-weight:600;font-size:18px;padding:12px 54px 12px 24px;border-radius:8px;}
.w-button:hover,:where(.w-button-style-main) button.w-button:hover,.w-button.w-button-style-main:hover{background-color:#b3e304;color:#1f1f1f;}
:where(.w-button-style-accent) button.w-button,.w-button.w-button-style-accent{background-color:#1f3d00;color:#fff;font-family:"Sora";font-weight:600;font-size:18px;padding:12px 54px 12px 24px;border-radius:8px;}
:where(.w-button-style-accent) button.w-button:hover,.w-button.w-button-style-accent:hover{background-color:#1f3d00;color:#fff;}
.w-width-32{max-width:32px;}
.w-width-48{max-width:48px;}
.w-width-64{max-width:64px;}
.w-width-80{max-width:80px;}
.w-width-96{max-width:96px;}
.w-width-112{max-width:112px;}
.w-width-128{max-width:128px;}
.w-width-144{max-width:144px;}
.w-width-160{max-width:160px;}
.w-width-200{max-width:200px;}
.w-width-300{max-width:300px;}
.w-width-400{max-width:400px;}
.w-width-500{max-width:500px;}
.w-width-600{max-width:600px;}
.w-width-700{max-width:700px;}
.w-width-800{max-width:800px;}
.w-width-900{max-width:900px;}
.w-width-1000{max-width:1000px;}
.w-width-1100{max-width:1100px;}
.w-width-1200{max-width:1200px;}
.w-width-1300{max-width:1300px;}
.w-width-1400{max-width:1400px;}
.w-width-1500{max-width:1500px;}
input:not([type=file]),textarea,select{display:inline-block;margin:0;padding:0.25em 0.5em;border:1px solid #ddd;border-radius:4px;outline:none;background:#fff no-repeat center center;color:#000;font-family:inherit;font-size:1em;font-weight:inherit;line-height:1.5;}
input[type=number]{appearance:textfield;text-align:right;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{appearance:none;}
input::placeholder{color:#999;font-style:italic;}
textarea{resize:vertical;}
select{appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath d='m 9,12 6,6 6,-6 -2,-2 -4,4 -4,-4 z'/%3E%3C/svg%3E");background-position:right;}
.w-checkbox,.w-radio{display:block;position:relative;padding-left:32px;}
.w-checkbox>input,.w-radio>input{appearance:none;display:block;position:absolute;top:calc(0.75em - 11px);left:0;width:22px;height:22px;}
.w-radio>input{border-radius:50%;}
.w-checkbox>input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23222' d='M0,8 5,13 14,4 12,2 5,9 2,6z'/%3E%3C/svg%3E");}
.w-radio>input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle fill='%23222' cx='5' cy='5' r='5'/%3E%3C/svg%3E");}
.w-spinner{display:inline-block;position:relative;}
.w-spinner>input{width:calc(20px + 2.5em + var(--w) * 0.6em);padding:0.25em calc(12px + 0.75em);text-align:center;}
.w-spinner>input[size="1"]{--w:1;}
.w-spinner>input[size="2"]{--w:2;}
.w-spinner>input[size="3"]{--w:3;}
.w-spinner>input[size="4"]{--w:4;}
.w-spinner>input[size="5"]{--w:5;}
.w-spinner>input[size="6"]{--w:6;}
.w-spinner>input[size="7"]{--w:7;}
.w-spinner>input[size="8"]{--w:8;}
.w-spinner>span{display:block;position:absolute;inset:0 auto;width:calc(10px + 0.75em);cursor:pointer;}
.w-spinner>span:nth-child(2){left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='m0,4h10v2h-10z'/%3E%3C/svg%3E") no-repeat right;}
.w-spinner>span:nth-child(3){right:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='m0,4h4v-4h2v4h4v2h-4v4h-2v-4h-4z'/%3E%3C/svg%3E") no-repeat left;}
.w-pagination{display:flex;justify-content:end;gap:0.25em;padding:0;text-align:center;}
.w-pagination>li{display:block;min-width:1.5em;border:1px solid transparent;transition:border 0.2s;}
.w-pagination>li>:is(a,span){display:block;min-width:1em;padding:0 0.25em;}
.w-pagination>li:has(:is(a,span)):is(:hover,[aria-current]):not(:is(:first-child,:last-child)){border-color:rgb(from currentColor r g b / 0.2);}
#top .w-target{margin-top:0;}
.w-width-2000{max-width:2000px;}
.w-width-1728{max-width:1728px;}
.w-width-50{max-width:50px;}
.w-padding-03bb5c4f{padding:30px;}
.w-padding-1ce1a72e{padding:0px 6px;}
.w-padding-52cf0322{padding:0px;}
.w-blog{display:grid;grid-template-columns:1fr auto;gap:var(--space);}
.w-blog>:not(h1,.w-blog-back){grid-column:span 2;}
.w-blog-back>a>span::before{content:"◄ ";}
.w-blog-grid,.w-feed{--c:1;display:grid;grid-template-columns:repeat(var(--c),1fr);gap:var(--space);}
:is(.w-blog-grid,.w-feed)>a{display:flex;outline:1px solid rgba(0,0,0,0.2);color:inherit;}
:is(.w-blog-grid,.w-feed)>a>article{display:flex;flex-direction:column;gap:var(--space);}
:is(.w-blog-grid,.w-feed)>a>article>div+div{padding:0 var(--space);}
:is(.w-blog-grid,.w-feed)>a>article>div:last-child{margin:auto 0 var(--space);}
.w-blog-read{padding-bottom:var(--space);}
.w-blogmenu>ul{padding:10px 0 0 1em;}
.w-blogpost{display:grid;grid-template-columns:1fr;grid-auto-flow:dense;gap:var(--space);}
.w-blogpost>:where(div,h2,form){grid-column:1/-1;}
.w-blogpost .w-blog-back{grid-column:-2/-1;justify-self:end;}
.w-blogpost-metadata{grid-column:1/2;}
.w-blogpost-share{line-height:32px;text-align:center;}
.w-blogpost-share svg{display:inline;}
.w-colourblock{--w:0px;padding:calc(var(--padding) - var(--w));border:var(--w) solid var(--b);}
.w-comments .w-pagination{margin:0;}
.wCommentsComment>div:first-child{font-weight:700;}
.wCommentsDivider{border-top:1px dotted #888;}
.w-content{--s:60;display:grid;row-gap:var(--space);}
.w-content>div{min-width:0;}
.w-content-split{grid-template-columns:repeat(60,1fr);margin:0 calc(var(--gutter) / -2);}
.w-content-split>div{grid-column-end:span var(--s);margin:0 calc(var(--gutter) / 2);}
.w-content-align-centre>div{display:grid;align-content:center;}
.w-content-align-bottom>div{display:grid;align-content:end;}
.w-content-dividers>div+div{position:relative;}
.w-content-dividers>div+div::after{content:'';position:absolute;inset:0 auto 0 calc((var(--gutter) + var(--w)) / -2);border-left:var(--w) solid var(--b);}
.w-content:not(.w-content-sections)>div>*+*{margin-top:var(--space);}
.w-content>div>:is(*+.w-space,.w-space+*){margin-top:0;}
.w-iconwithcontent{display:flex;align-items:start;gap:20px;}
.w-iconwithcontent>:first-child{flex-shrink:0;}
.w-iconwithcontent>:last-child{flex-grow:1;align-self:center;}
.w-content div.w-spacer{margin-top:0;}
#w-cookies-notice{position:fixed;inset:auto 0 0;z-index:500;padding:clamp(20px,3vw,40px) 20px;background:rgba(0,0,0,0.9);color:#fff;font:clamp(16px,2.5vw,18px)/1.25em sans-serif;text-align:center;}
#w-cookies-notice>a{color:#fff;text-decoration:underline;}
#w-cookies-notice>div{display:flex;gap:20px;justify-content:center;}
#w-cookies-accept,#w-cookies-notice>div>:is(a,span){display:block;width:130px;border-radius:4px;background:#555;color:#fff;font:14px/32px sans-serif;cursor:pointer;}
#w-cookies-accept{width:280px;margin:20px auto;background:#383;font:18px/40px sans-serif;}
.w-edit{font-family:sans-serif;font-size:13px;text-align:right;}
.w-edit>a{color:inherit !important;}
.w-edit>a>span{color:#B3E304;}
.w-edit>svg{display:inline-block;width:22px;height:22px;margin:0 0 0 8px;vertical-align:bottom;cursor:pointer;fill:#B3E304;}
.w-flex{--h:0;--v:0;--g:0;--b:0%;display:flex;justify-content:center;margin-right:calc(-1 * var(--h));}
.w-flex-vertical-centre{align-items:center;align-self:center;}
.w-flex-grow-1{--g:1;}
.w-flex-basis-64{--b:64px;}
.w-flex>*{flex:var(--g) 0 var(--b);margin-right:var(--h);}
.w-flex>*+*{margin-top:var(--v);}
.w-notice,.w-error{padding:0.25em 0.5em;border:1px solid #070;border-radius:4px;background:#090;color:#fff;text-shadow:0 0 2px #000;}
.w-error{border-color:#800;background:#b00;}
.w-form{display:grid;gap:var(--space);}
.w-form-trap{display:none;}
.w-label-20{--label:20px;}
.w-label-40{--label:40px;}
.w-label-60{--label:60px;}
.w-label-80{--label:80px;}
.w-label-100{--label:100px;}
.w-label-120{--label:120px;}
.w-label-140{--label:140px;}
.w-label-160{--label:160px;}
.w-label-180{--label:180px;}
.w-label-200{--label:200px;}
.w-label{display:grid;grid-template-columns:var(--label) 1fr;}
.w-label-rows>span,.w-label-indented>span:first-child{grid-column:1/3;}
.w-label-indented>span+span{grid-column:2/3;}
.w-label>span:first-child{padding-bottom:0.25em;}
.w-label-columns:has(:is(input:where([type=text],[type=date],[type=email],[type=number],[type=password],[type=tel],[type=url]),textarea,select))>span:first-child{padding-top:calc(0.25em + 1px);}
.w-label-required::after{content:" *";font-weight:bold;}
.w-label :is(input:where([type=text],[type=date],[type=email],[type=number],[type=password],[type=tel],[type=url]),textarea,select){width:100%;}
.w-radio+.w-radio,.w-checkbox+.w-checkbox{margin-top:calc(var(--space) / 2);}
.w-grid{display:grid;}
.w-grid-0d2eca7c{grid-template:". leftButton rightButton" auto "carousel carousel carousel" auto / 1fr 50px 50px;}
.w-gap-5{gap:5px;}
.w-gap-4-8{gap:4px 8px;}
.w-gap-40{gap:40px;}
.w-gap-20{gap:20px;}
.w-grid.w-vertical-centre{align-items:center;}
.w-grid-area-logo{grid-area:logo;}
.w-grid-area-nav{grid-area:nav;}
.w-grid-area-text{grid-area:text;}
.w-grid-area-edit{grid-area:edit;}
.w-grid-area-menu{grid-area:menu;}
.w-grid-area-tags{grid-area:tags;}
.w-grid-area-months{grid-area:months;}
.w-grid-area-content{grid-area:content;}
.w-grid-area-leftButton{grid-area:leftButton;}
.w-grid-area-rightButton{grid-area:rightButton;}
.w-grid-area-carousel{grid-area:carousel;}
.w-menu{display:flex;flex-wrap:wrap;padding:0;touch-action:manipulation;}
[aria-expanded="true"]+.w-menu{transform:translate(0,0);}
.w-menu ul{display:none;position:absolute;z-index:100;top:100%;left:0;width:max-content;padding:0;}
.w-menu ul ul{top:0;left:100%;}
.w-menu>li>ul.w-menu-reverse{left:auto;right:0;}
.w-menu ul ul.w-menu-reverse,.w-menu ul ul.w-menu-reverse ul{left:auto;right:100%;}
.w-menu [aria-expanded="true"]+ul{display:block;}
.w-menu-closed+ul{height:0;opacity:0;}
.w-menu-open+ul{height:var(--height);opacity:1;}
.w-menu-transition+ul{overflow:hidden;transition:height 0.4s,opacity 0.4s,transform 0.4s;}
.w-menu li{display:grid;grid-template-columns:1fr auto;position:relative;}
.w-menu li>:is(a,span){color:inherit;}
.w-menu li>:nth-last-child(3){padding-right:0;}
.w-menu li>button{display:flex;align-items:stretch;background:transparent;color:inherit;transition:none;}
.w-menu li>button>span{width:12px;background:currentcolor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m4,0 6,6-6,6-2,-2 4,-4-4,-4z"/></svg>')no-repeat center center;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m4,0 6,6-6,6-2,-2 4,-4-4,-4z"/></svg>')no-repeat center center;transition:transform 0.4s;pointer-events:none;}
.w-menu>li>button>span{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m0,4 6,6 6,-6-2,-2-4,4-4,-4z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m0,4 6,6 6,-6-2,-2-4,4-4,-4z"/></svg>');}
.w-menu-7b91e119>li>:is(a,span,button),.w-menu-7b91e119 ul{background:#0000;color:#000;}
.w-menu-7b91e119 ul{background:#1f1f1f;color:#fff;font-family:Sora;font-weight:400;font-size:16px;}
.w-menu-7b91e119{font-family:Sora;font-weight:600;font-size:16px;}
.w-menu-7b91e119 li>:is(a,span,button){padding:10px 15px;}
.w-menu.w-menu-7b91e119 li>button{padding-left:10px;}
.w-menu-7b91e119 :is(.w-menu-ancestor,.w-menu-ancestor+button){background-color:#0000;color:#b3e304;}
.w-menu-7b91e119 :is([aria-current],[aria-current]+button){background-color:#0000;color:#b3e304;}
.w-menu-7b91e119 li:not(.w-menu-close,.w-menu-include):hover>:is(a,span,button){background-color:#0000;color:#b3e304;}
.w-menu-7b91e119 ul :is(.w-menu-ancestor,.w-menu-ancestor+button){background-color:#b3e304;color:#1f1f1f;}
.w-menu-7b91e119 ul :is([aria-current],[aria-current]+button){background-color:#b3e304;color:#1f1f1f;}
.w-menu-7b91e119 ul li:not(.w-menu-close,.w-menu-include):hover>:is(a,span,button){background-color:#b3e304;color:#1f1f1f;}
.w-menu-7b91e119-button>span{display:block;width:50px;height:50px;background:#000;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><rect x="0" y="2" width="32" height="4"/><rect x="0" y="14" width="32" height="4"/><rect x="0" y="26" width="32" height="4"/></svg>') no-repeat center center;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><rect x="0" y="2" width="32" height="4"/><rect x="0" y="14" width="32" height="4"/><rect x="0" y="26" width="32" height="4"/></svg>') no-repeat center center;}
.w-menu-7b91e119-button[aria-expanded="true"]:after{content:"";display:block;position:fixed;z-index:100;inset:0;}
.w-menu-7b91e119>li.w-menu-close{padding-bottom:15px;}
.w-menu-7b91e119>li.w-menu-close>button>span{height:32px;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="m7.5 4.5 8.5 8.5 8.5-8.5 3 3-8.5 8.5 8.5 8.5-3 3-8.5-8.5-8.5 8.5-3-3 8.5-8.5-8.5-8.5z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="m7.5 4.5 8.5 8.5 8.5-8.5 3 3-8.5 8.5 8.5 8.5-3 3-8.5-8.5-8.5 8.5-3-3 8.5-8.5-8.5-8.5z"/></svg>');}
.w-searchresults>h1{margin:0 0 20px;}
.w-searchresults>div{margin:0 0 20px;}
.w-searchresults>div>div>a{padding:0 0 10px;font-size:1.25em;}
.w-searchresults-with-images>div{--w:160px;display:grid;grid-template-columns:var(--w) 1fr;gap:20px;}
.w-searchresults-image>img{width:auto;max-width:var(--w);max-height:var(--w);margin:0 auto;}
.w-share-icons{white-space:nowrap;}
.w-share-icons>span{margin:0 4px;}
.w-icon{display:inline-block;}
.w-icon> svg{width:32px;height:32px;vertical-align:top;cursor:pointer;}
.w-showhide>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;}
.w-showhide>summary::-webkit-details-marker{display:none;}
.w-showhide>summary>span{display:block;}
.w-space{--s:0;height:calc(var(--s) * max(4px, var(--space)));}
.w-space-2x{--s:2;}
.w-space-3x{--s:3;}
.w-space-4x{--s:4;}
.w-space-5x{--s:5;}
.w-space-6x{--s:6;}
.w-space-7x{--s:7;}
.w-space-8x{--s:8;}
.w-space-9x{--s:9;}
.w-space-10x{--s:10;}
.w-text>:is(div,span){min-height:1lh;white-space:pre-wrap;}
.w-text>:is(div,span):empty::after{content:"​";}
.w-text>.ac{text-align:center;}
.w-text>.ar{text-align:right;}
.w-text>.aj{text-align:justify;white-space:normal;}
.w-text>.dl{display:list-item;}
.w-text>:is(.ac,.ar).dl{list-style-position:inside;}
.w-text>.dn{position:relative;counter-increment:dn1;}
.w-text>.dn.i18{counter-increment:dn2;}
.w-text>.dn.i36{counter-increment:dn3;}
.w-text>.dn.i54{counter-increment:dn4;}
.w-text>.dn.i72{counter-increment:dn5;}
.w-text>.dn.i90{counter-increment:dn6;}
.w-text>:not(.dl):not(.dn){counter-reset:dn1 dn2 dn3 dn4 dn5 dn6;}
.w-text>:is(.dl,.dn):not(:is(.i18,.i36,.i54,.i72,.i90)){counter-reset:dn2 dn3 dn4 dn5 dn6;}
.w-text>:is(.dl,.dn).i18{counter-reset:dn3 dn4 dn5 dn6;}
.w-text>:is(.dl,.dn).i36{counter-reset:dn4 dn5 dn6;}
.w-text>:is(.dl,.dn).i54{counter-reset:dn5 dn6;}
.w-text>:is(.dl,.dn).i72{counter-reset:dn6;}
.w-text>.dn::before{content:counter(dn1) '.';position:absolute;right:calc(100% + 0.5em);}
.w-text>.dn.i18::before{content:counter(dn2) '.';}
.w-text>.dn.i36::before{content:counter(dn3) '.';}
.w-text>.dn.i54::before{content:counter(dn4) '.';}
.w-text>.dn.i72::before{content:counter(dn5) '.';}
.w-text>.dn.i90::before{content:counter(dn6) '.';}
.w-text>:is(.dl,.dn,.i18){margin-left:1.5em;}
.w-text>:is(.dl.i18,.dn.i18,.i36){margin-left:3.0em;}
.w-text>:is(.dl.i36,.dn.i36,.i54){margin-left:4.5em;}
.w-text>:is(.dl.i54,.dn.i54,.i72){margin-left:6.0em;}
.w-text>:is(.dl.i72,.dn.i72,.i90){margin-left:7.5em;}
.w-text>:is(.dl.i90,.dn.i90){margin-left:9.0em;}
.w-text>.h75{line-height:0.75;}
.w-text>.h100{line-height:1;}
.w-text>.h125{line-height:1.25;}
.w-text>.h150{line-height:1.5;}
.w-text>.h175{line-height:1.75;}
.w-text>.h200{line-height:2;}
.w-text>.h250{line-height:2.5;}
.w-text>.h300{line-height:3;}
.w-text>.lm10{letter-spacing:-0.1em;}
.w-text>.lm5{letter-spacing:-0.05em;}
.w-text>.l5{letter-spacing:0.05em;}
.w-text>.l10{letter-spacing:0.1em;}
.w-text>.l15{letter-spacing:0.15em;}
.w-text>.l20{letter-spacing:0.2em;}
.w-text .du{text-decoration:underline;}
.w-text .ds{text-decoration:line-through;}
.w-text .do{text-decoration:overline;}
.w-text .ion{font-style:italic;}
.w-gutter-0{--gutter:0px;}
.w-gutter-4{--gutter:4px;}
.w-gutter-8{--gutter:8px;}
.w-gutter-12{--gutter:12px;}
.w-gutter-16{--gutter:16px;}
.w-gutter-20{--gutter:20px;}
.w-gutter-24{--gutter:24px;}
.w-gutter-28{--gutter:28px;}
.w-gutter-32{--gutter:32px;}
.w-gutter-36{--gutter:36px;}
.w-gutter-40{--gutter:40px;}
.w-gutter-44{--gutter:44px;}
.w-gutter-48{--gutter:48px;}
.w-gutter-52{--gutter:52px;}
.w-gutter-56{--gutter:56px;}
.w-gutter-60{--gutter:60px;}
.w-gutter-64{--gutter:64px;}
.w-gutter-68{--gutter:68px;}
.w-gutter-72{--gutter:72px;}
.w-gutter-76{--gutter:76px;}
.w-gutter-80{--gutter:80px;}
.w-space-0{--space:0px;}
.w-space-4{--space:4px;}
.w-space-8{--space:8px;}
.w-space-12{--space:12px;}
.w-space-16{--space:16px;}
.w-space-20{--space:20px;}
.w-space-24{--space:24px;}
.w-space-28{--space:28px;}
.w-space-32{--space:32px;}
.w-space-36{--space:36px;}
.w-space-40{--space:40px;}
.w-border-width-1{--w:1px;}
.w-border-width-2{--w:2px;}
.w-border-width-3{--w:3px;}
.w-border-width-4{--w:4px;}
.w-border-width-5{--w:5px;}
.w-border-width-6{--w:6px;}
.w-border-width-7{--w:7px;}
.w-border-width-8{--w:8px;}
.w-border-width-9{--w:9px;}
.w-border-width-10{--w:10px;}
.w-border-width-11{--w:11px;}
.w-border-width-12{--w:12px;}
.w-border-width-13{--w:13px;}
.w-border-width-14{--w:14px;}
.w-border-width-15{--w:15px;}
.w-border-width-16{--w:16px;}
.w-border-width-17{--w:17px;}
.w-border-width-18{--w:18px;}
.w-border-width-19{--w:19px;}
.w-border-width-20{--w:20px;}
.w-padding{padding:var(--padding);}
.w-padding-0{--padding:0px;}
.w-padding-1{--padding:1px;}
.w-padding-2{--padding:2px;}
.w-padding-3{--padding:3px;}
.w-padding-4{--padding:4px;}
.w-padding-5{--padding:5px;}
.w-padding-6{--padding:6px;}
.w-padding-7{--padding:7px;}
.w-padding-8{--padding:8px;}
.w-padding-9{--padding:9px;}
.w-padding-10{--padding:10px;}
.w-padding-11{--padding:11px;}
.w-padding-12{--padding:12px;}
.w-padding-13{--padding:13px;}
.w-padding-14{--padding:14px;}
.w-padding-15{--padding:15px;}
.w-padding-16{--padding:16px;}
.w-padding-17{--padding:17px;}
.w-padding-18{--padding:18px;}
.w-padding-19{--padding:19px;}
.w-padding-20{--padding:20px;}
.w-padding-30{--padding:30px;}
.w-text .f1{color:#000000;}
.w-text .f4{color:#999999;}
.w-text .f5{color:#cccccc;}
.w-text .f6{color:#ffffff;}
.w-text .f7{color:#f5f5f5;}
.w-text .f8{color:#1f3d00;}
.w-text .f10{color:#1f1f1f;}
.w-text .f11{color:#b3e304;}
.w-text .f12{color:#a0cc00;}
.w-text .f14{color:#f2fad4;}
.w-text *>.h1,.w-background-1{background:#000000;}
.w-text *>.h4,.w-background-4{background:#999999;}
.w-text *>.h5,.w-background-5{background:#cccccc;}
.w-text *>.h6,.w-background-6{background:#ffffff;}
.w-text *>.h7,.w-background-7{background:#f5f5f5;}
.w-text *>.h8,.w-background-8{background:#1f3d00;}
.w-text *>.h10,.w-background-10{background:#1f1f1f;}
.w-text *>.h11,.w-background-11{background:#b3e304;}
.w-text *>.h12,.w-background-12{background:#a0cc00;}
.w-text *>.h14,.w-background-14{background:#f2fad4;}
.w-border-1{--b:#000000;}
.w-border-4{--b:#999999;}
.w-border-5{--b:#cccccc;}
.w-border-6{--b:#ffffff;}
.w-border-7{--b:#f5f5f5;}
.w-border-8{--b:#1f3d00;}
.w-border-10{--b:#1f1f1f;}
.w-border-11{--b:#b3e304;}
.w-border-12{--b:#a0cc00;}
.w-border-14{--b:#f2fad4;}

@media screen and (max-width:575px){
.w-hide-xs{display:none;}
h1{font-size:2.667em;}
h2{font-size:2em;}
h3{font-size:1.333em;}
.w-width-200-xs{max-width:200px;}
.w-width-140-xs{max-width:140px;}
.w-width-129-xs{max-width:129px;}
.w-padding-6a672939{padding:10px 25px;}
.w-padding-5e2035c9{padding:30px;}
.w-padding-a62719b3{padding:30px 30px 110px;}
.w-padding-c16da04b{padding:30px;}
.w-blog-grid-2-xs{--c:2;}
.w-blog-grid-3-xs{--c:3;}
.w-blog-grid-4-xs{--c:4;}
.w-span-1-xs{--s:1;}
.w-span-2-xs{--s:2;}
.w-span-3-xs{--s:3;}
.w-span-4-xs{--s:4;}
.w-span-5-xs{--s:5;}
.w-span-6-xs{--s:6;}
.w-span-7-xs{--s:7;}
.w-span-8-xs{--s:8;}
.w-span-9-xs{--s:9;}
.w-span-10-xs{--s:10;}
.w-span-11-xs{--s:11;}
.w-span-12-xs{--s:12;}
.w-span-13-xs{--s:13;}
.w-span-14-xs{--s:14;}
.w-span-15-xs{--s:15;}
.w-span-16-xs{--s:16;}
.w-span-17-xs{--s:17;}
.w-span-18-xs{--s:18;}
.w-span-19-xs{--s:19;}
.w-span-20-xs{--s:20;}
.w-span-21-xs{--s:21;}
.w-span-22-xs{--s:22;}
.w-span-23-xs{--s:23;}
.w-span-24-xs{--s:24;}
.w-span-25-xs{--s:25;}
.w-span-26-xs{--s:26;}
.w-span-27-xs{--s:27;}
.w-span-28-xs{--s:28;}
.w-span-29-xs{--s:29;}
.w-span-30-xs{--s:30;}
.w-span-31-xs{--s:31;}
.w-span-32-xs{--s:32;}
.w-span-33-xs{--s:33;}
.w-span-34-xs{--s:34;}
.w-span-35-xs{--s:35;}
.w-span-36-xs{--s:36;}
.w-span-37-xs{--s:37;}
.w-span-38-xs{--s:38;}
.w-span-39-xs{--s:39;}
.w-span-40-xs{--s:40;}
.w-span-41-xs{--s:41;}
.w-span-42-xs{--s:42;}
.w-span-43-xs{--s:43;}
.w-span-44-xs{--s:44;}
.w-span-45-xs{--s:45;}
.w-span-46-xs{--s:46;}
.w-span-47-xs{--s:47;}
.w-span-48-xs{--s:48;}
.w-span-49-xs{--s:49;}
.w-span-50-xs{--s:50;}
.w-span-51-xs{--s:51;}
.w-span-52-xs{--s:52;}
.w-span-53-xs{--s:53;}
.w-span-54-xs{--s:54;}
.w-span-55-xs{--s:55;}
.w-span-56-xs{--s:56;}
.w-span-57-xs{--s:57;}
.w-span-58-xs{--s:58;}
.w-span-59-xs{--s:59;}
.w-span-60-xs{--s:60;}
div+div.w-first-xs::after{content:none;}
.w-flex-grow-1-xs{--g:1;}
.w-flex-basis-140-xs{--b:140px;}
.w-flex-basis-130-xs{--b:130px;}
.w-flex-rows-xs{--h:0;display:block;}
.w-flex:not(.w-flex-rows-xs){--v:0;}
.w-label-rows-xs .w-label>span{grid-column:1/3;}
.w-label-rows-xs .w-label>span:first-child{padding-top:0;}
.w-grid-75a8c836-xs{grid-template:"logo . nav" auto / 200px 1fr 50px;}
.w-grid-8f294524-xs{grid-template:". text ." auto ". edit ." auto / 1fr 320px 1fr;}
.w-grid-a042152f-xs{grid-template:"content" auto "menu" auto / 1fr;}
.w-grid-0505cebf-xs{grid-template:"tags months" auto / 1fr 1fr;}
}

@media screen and (min-width:576px) and (max-width:863px){
.w-hide-s{display:none;}
h1{font-size:2.667em;}
h2{font-size:2em;}
h3{font-size:1.333em;}
.w-width-200-s{max-width:200px;}
.w-width-240-s{max-width:240px;}
.w-width-220-s{max-width:220px;}
.w-padding-6a672939{padding:10px 25px;}
.w-padding-5e2035c9{padding:30px;}
.w-padding-a62719b3{padding:30px 30px 110px;}
.w-padding-c16da04b{padding:30px;}
.w-blog-grid-2-s{--c:2;}
.w-blog-grid-3-s{--c:3;}
.w-blog-grid-4-s{--c:4;}
.w-span-1-s{--s:1;}
.w-span-2-s{--s:2;}
.w-span-3-s{--s:3;}
.w-span-4-s{--s:4;}
.w-span-5-s{--s:5;}
.w-span-6-s{--s:6;}
.w-span-7-s{--s:7;}
.w-span-8-s{--s:8;}
.w-span-9-s{--s:9;}
.w-span-10-s{--s:10;}
.w-span-11-s{--s:11;}
.w-span-12-s{--s:12;}
.w-span-13-s{--s:13;}
.w-span-14-s{--s:14;}
.w-span-15-s{--s:15;}
.w-span-16-s{--s:16;}
.w-span-17-s{--s:17;}
.w-span-18-s{--s:18;}
.w-span-19-s{--s:19;}
.w-span-20-s{--s:20;}
.w-span-21-s{--s:21;}
.w-span-22-s{--s:22;}
.w-span-23-s{--s:23;}
.w-span-24-s{--s:24;}
.w-span-25-s{--s:25;}
.w-span-26-s{--s:26;}
.w-span-27-s{--s:27;}
.w-span-28-s{--s:28;}
.w-span-29-s{--s:29;}
.w-span-30-s{--s:30;}
.w-span-31-s{--s:31;}
.w-span-32-s{--s:32;}
.w-span-33-s{--s:33;}
.w-span-34-s{--s:34;}
.w-span-35-s{--s:35;}
.w-span-36-s{--s:36;}
.w-span-37-s{--s:37;}
.w-span-38-s{--s:38;}
.w-span-39-s{--s:39;}
.w-span-40-s{--s:40;}
.w-span-41-s{--s:41;}
.w-span-42-s{--s:42;}
.w-span-43-s{--s:43;}
.w-span-44-s{--s:44;}
.w-span-45-s{--s:45;}
.w-span-46-s{--s:46;}
.w-span-47-s{--s:47;}
.w-span-48-s{--s:48;}
.w-span-49-s{--s:49;}
.w-span-50-s{--s:50;}
.w-span-51-s{--s:51;}
.w-span-52-s{--s:52;}
.w-span-53-s{--s:53;}
.w-span-54-s{--s:54;}
.w-span-55-s{--s:55;}
.w-span-56-s{--s:56;}
.w-span-57-s{--s:57;}
.w-span-58-s{--s:58;}
.w-span-59-s{--s:59;}
.w-span-60-s{--s:60;}
div+div.w-first-s::after{content:none;}
.w-flex-grow-1-s{--g:1;}
.w-flex-basis-240-s{--b:240px;}
.w-flex-basis-220-s{--b:220px;}
.w-flex-rows-s{--h:0;display:block;}
.w-flex:not(.w-flex-rows-s){--v:0;}
.w-label-rows-s .w-label>span{grid-column:1/3;}
.w-label-rows-s .w-label>span:first-child{padding-top:0;}
.w-grid-75a8c836-s{grid-template:"logo . nav" auto / 200px 1fr 50px;}
.w-grid-8f294524-s{grid-template:". text ." auto ". edit ." auto / 1fr 320px 1fr;}
.w-grid-a042152f-s{grid-template:"content" auto "menu" auto / 1fr;}
.w-grid-0505cebf-s{grid-template:"tags months" auto / 1fr 1fr;}
}

@media screen and (min-width:864px) and (max-width:1151px){
.w-hide-m{display:none;}
h1{font-size:2.667em;}
h2{font-size:2em;}
h3{font-size:1.333em;}
.w-width-200-m{max-width:200px;}
.w-width-240-m{max-width:240px;}
.w-width-220-m{max-width:220px;}
.w-padding-6a672939{padding:10px 25px;}
.w-padding-5e2035c9{padding:30px;}
.w-padding-a62719b3{padding:30px 30px 110px;}
.w-padding-c16da04b{padding:30px;}
.w-blog-grid-2-m{--c:2;}
.w-blog-grid-3-m{--c:3;}
.w-blog-grid-4-m{--c:4;}
.w-span-1-m{--s:1;}
.w-span-2-m{--s:2;}
.w-span-3-m{--s:3;}
.w-span-4-m{--s:4;}
.w-span-5-m{--s:5;}
.w-span-6-m{--s:6;}
.w-span-7-m{--s:7;}
.w-span-8-m{--s:8;}
.w-span-9-m{--s:9;}
.w-span-10-m{--s:10;}
.w-span-11-m{--s:11;}
.w-span-12-m{--s:12;}
.w-span-13-m{--s:13;}
.w-span-14-m{--s:14;}
.w-span-15-m{--s:15;}
.w-span-16-m{--s:16;}
.w-span-17-m{--s:17;}
.w-span-18-m{--s:18;}
.w-span-19-m{--s:19;}
.w-span-20-m{--s:20;}
.w-span-21-m{--s:21;}
.w-span-22-m{--s:22;}
.w-span-23-m{--s:23;}
.w-span-24-m{--s:24;}
.w-span-25-m{--s:25;}
.w-span-26-m{--s:26;}
.w-span-27-m{--s:27;}
.w-span-28-m{--s:28;}
.w-span-29-m{--s:29;}
.w-span-30-m{--s:30;}
.w-span-31-m{--s:31;}
.w-span-32-m{--s:32;}
.w-span-33-m{--s:33;}
.w-span-34-m{--s:34;}
.w-span-35-m{--s:35;}
.w-span-36-m{--s:36;}
.w-span-37-m{--s:37;}
.w-span-38-m{--s:38;}
.w-span-39-m{--s:39;}
.w-span-40-m{--s:40;}
.w-span-41-m{--s:41;}
.w-span-42-m{--s:42;}
.w-span-43-m{--s:43;}
.w-span-44-m{--s:44;}
.w-span-45-m{--s:45;}
.w-span-46-m{--s:46;}
.w-span-47-m{--s:47;}
.w-span-48-m{--s:48;}
.w-span-49-m{--s:49;}
.w-span-50-m{--s:50;}
.w-span-51-m{--s:51;}
.w-span-52-m{--s:52;}
.w-span-53-m{--s:53;}
.w-span-54-m{--s:54;}
.w-span-55-m{--s:55;}
.w-span-56-m{--s:56;}
.w-span-57-m{--s:57;}
.w-span-58-m{--s:58;}
.w-span-59-m{--s:59;}
.w-span-60-m{--s:60;}
div+div.w-first-m::after{content:none;}
.w-flex-grow-1-m{--g:1;}
.w-flex-basis-240-m{--b:240px;}
.w-flex-basis-220-m{--b:220px;}
.w-flex-rows-m{--h:0;display:block;}
.w-flex:not(.w-flex-rows-m){--v:0;}
.w-label-rows-m .w-label>span{grid-column:1/3;}
.w-label-rows-m .w-label>span:first-child{padding-top:0;}
.w-grid-75a8c836-m{grid-template:"logo . nav" auto / 200px 1fr 50px;}
.w-grid-8f294524-m{grid-template:". text ." auto ". edit ." auto / 1fr 320px 1fr;}
.w-grid-a042152f-m{grid-template:"content" auto "menu" auto / 1fr;}
.w-grid-0505cebf-m{grid-template:"tags months" auto / 1fr 1fr;}
}

@media screen and (min-width:1152px) and (max-width:1439px){
.w-hide-l{display:none;}
.w-width-290-l{max-width:290px;}
.w-width-240-l{max-width:240px;}
.w-width-220-l{max-width:220px;}
.w-padding-6a672939{padding:20px 30px;}
.w-padding-5e2035c9{padding:60px 30px;}
.w-padding-a62719b3{padding:120px;}
.w-padding-c16da04b{padding:120px;}
.w-blog-grid-2-l{--c:2;}
.w-blog-grid-3-l{--c:3;}
.w-blog-grid-4-l{--c:4;}
.w-span-1-l{--s:1;}
.w-span-2-l{--s:2;}
.w-span-3-l{--s:3;}
.w-span-4-l{--s:4;}
.w-span-5-l{--s:5;}
.w-span-6-l{--s:6;}
.w-span-7-l{--s:7;}
.w-span-8-l{--s:8;}
.w-span-9-l{--s:9;}
.w-span-10-l{--s:10;}
.w-span-11-l{--s:11;}
.w-span-12-l{--s:12;}
.w-span-13-l{--s:13;}
.w-span-14-l{--s:14;}
.w-span-15-l{--s:15;}
.w-span-16-l{--s:16;}
.w-span-17-l{--s:17;}
.w-span-18-l{--s:18;}
.w-span-19-l{--s:19;}
.w-span-20-l{--s:20;}
.w-span-21-l{--s:21;}
.w-span-22-l{--s:22;}
.w-span-23-l{--s:23;}
.w-span-24-l{--s:24;}
.w-span-25-l{--s:25;}
.w-span-26-l{--s:26;}
.w-span-27-l{--s:27;}
.w-span-28-l{--s:28;}
.w-span-29-l{--s:29;}
.w-span-30-l{--s:30;}
.w-span-31-l{--s:31;}
.w-span-32-l{--s:32;}
.w-span-33-l{--s:33;}
.w-span-34-l{--s:34;}
.w-span-35-l{--s:35;}
.w-span-36-l{--s:36;}
.w-span-37-l{--s:37;}
.w-span-38-l{--s:38;}
.w-span-39-l{--s:39;}
.w-span-40-l{--s:40;}
.w-span-41-l{--s:41;}
.w-span-42-l{--s:42;}
.w-span-43-l{--s:43;}
.w-span-44-l{--s:44;}
.w-span-45-l{--s:45;}
.w-span-46-l{--s:46;}
.w-span-47-l{--s:47;}
.w-span-48-l{--s:48;}
.w-span-49-l{--s:49;}
.w-span-50-l{--s:50;}
.w-span-51-l{--s:51;}
.w-span-52-l{--s:52;}
.w-span-53-l{--s:53;}
.w-span-54-l{--s:54;}
.w-span-55-l{--s:55;}
.w-span-56-l{--s:56;}
.w-span-57-l{--s:57;}
.w-span-58-l{--s:58;}
.w-span-59-l{--s:59;}
.w-span-60-l{--s:60;}
div+div.w-first-l::after{content:none;}
.w-flex-grow-1-l{--g:1;}
.w-flex-basis-240-l{--b:240px;}
.w-flex-basis-220-l{--b:220px;}
.w-flex-rows-l{--h:0;display:block;}
.w-flex:not(.w-flex-rows-l){--v:0;}
.w-label-rows-l .w-label>span{grid-column:1/3;}
.w-label-rows-l .w-label>span:first-child{padding-top:0;}
.w-grid-7b49f22b-l{grid-template:". logo . nav" auto / 720px 290px 1fr 50px;}
.w-grid-67fdb6fb-l{grid-template:"text . edit" auto / 130px 1fr 320px;}
.w-grid-f23dc2de-l{grid-template:"logo . nav" auto / 290px 1fr 50px;}
.w-grid-c224066c-l{grid-template:"menu content" auto / 200px 1fr;}
.w-grid-39a58c44-l{grid-template:"tags" auto "months" auto / 1fr;}
}

@media screen and (min-width:1440px){
.w-hide-xl{display:none;}
.w-width-290-xl{max-width:290px;}
.w-width-240-xl{max-width:240px;}
.w-width-220-xl{max-width:220px;}
.w-padding-6a672939{padding:20px 30px;}
.w-padding-5e2035c9{padding:60px 30px;}
.w-padding-a62719b3{padding:120px;}
.w-padding-c16da04b{padding:120px;}
.w-blog-grid-2-xl{--c:2;}
.w-blog-grid-3-xl{--c:3;}
.w-blog-grid-4-xl{--c:4;}
.w-span-1-xl{--s:1;}
.w-span-2-xl{--s:2;}
.w-span-3-xl{--s:3;}
.w-span-4-xl{--s:4;}
.w-span-5-xl{--s:5;}
.w-span-6-xl{--s:6;}
.w-span-7-xl{--s:7;}
.w-span-8-xl{--s:8;}
.w-span-9-xl{--s:9;}
.w-span-10-xl{--s:10;}
.w-span-11-xl{--s:11;}
.w-span-12-xl{--s:12;}
.w-span-13-xl{--s:13;}
.w-span-14-xl{--s:14;}
.w-span-15-xl{--s:15;}
.w-span-16-xl{--s:16;}
.w-span-17-xl{--s:17;}
.w-span-18-xl{--s:18;}
.w-span-19-xl{--s:19;}
.w-span-20-xl{--s:20;}
.w-span-21-xl{--s:21;}
.w-span-22-xl{--s:22;}
.w-span-23-xl{--s:23;}
.w-span-24-xl{--s:24;}
.w-span-25-xl{--s:25;}
.w-span-26-xl{--s:26;}
.w-span-27-xl{--s:27;}
.w-span-28-xl{--s:28;}
.w-span-29-xl{--s:29;}
.w-span-30-xl{--s:30;}
.w-span-31-xl{--s:31;}
.w-span-32-xl{--s:32;}
.w-span-33-xl{--s:33;}
.w-span-34-xl{--s:34;}
.w-span-35-xl{--s:35;}
.w-span-36-xl{--s:36;}
.w-span-37-xl{--s:37;}
.w-span-38-xl{--s:38;}
.w-span-39-xl{--s:39;}
.w-span-40-xl{--s:40;}
.w-span-41-xl{--s:41;}
.w-span-42-xl{--s:42;}
.w-span-43-xl{--s:43;}
.w-span-44-xl{--s:44;}
.w-span-45-xl{--s:45;}
.w-span-46-xl{--s:46;}
.w-span-47-xl{--s:47;}
.w-span-48-xl{--s:48;}
.w-span-49-xl{--s:49;}
.w-span-50-xl{--s:50;}
.w-span-51-xl{--s:51;}
.w-span-52-xl{--s:52;}
.w-span-53-xl{--s:53;}
.w-span-54-xl{--s:54;}
.w-span-55-xl{--s:55;}
.w-span-56-xl{--s:56;}
.w-span-57-xl{--s:57;}
.w-span-58-xl{--s:58;}
.w-span-59-xl{--s:59;}
.w-span-60-xl{--s:60;}
div+div.w-first-xl::after{content:none;}
.w-flex-grow-1-xl{--g:1;}
.w-flex-basis-240-xl{--b:240px;}
.w-flex-basis-220-xl{--b:220px;}
.w-flex-rows-xl{--h:0;display:block;}
.w-flex:not(.w-flex-rows-xl){--v:0;}
.w-label-rows-xl .w-label>span{grid-column:1/3;}
.w-label-rows-xl .w-label>span:first-child{padding-top:0;}
.w-grid-31777960-xl{grid-template:". logo . nav" auto / 750px 290px 1fr 50px;}
.w-grid-67fdb6fb-xl{grid-template:"text . edit" auto / 130px 1fr 320px;}
.w-grid-f23dc2de-xl{grid-template:"logo . nav" auto / 290px 1fr 50px;}
.w-grid-c224066c-xl{grid-template:"menu content" auto / 200px 1fr;}
.w-grid-39a58c44-xl{grid-template:"tags" auto "months" auto / 1fr;}
}

@media screen and (min-width:1152px){
:where(.w-section)>div:where(.w-left,.w-right){padding:40px;}
.w-blocks{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
:where(.w-left,.w-right){max-width:calc(var(--width) / 2);}
.w-blogpost{grid-template-columns:1fr auto;}
}

@media screen and (max-width:1151px){
.w-blocks>div:has(>[data-background-active]){min-height:300px;}
}

@media screen{
.w-menu-7b91e119{display:block;position:fixed;z-index:100;top:0;bottom:0;right:0;width:100vw;max-width:280px;padding:15px;overflow-y:auto;overscroll-behavior:contain;transform:translate(100%,0);background:#1f3d00;}
.w-menu-7b91e119>li>:is(a,span,button){background:transparent;color:#fff;}
.w-menu-7b91e119 ul{grid-column:span 2;position:static;width:auto;}
.w-menu-7b91e119 li>button>span{width:32px;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m0,4 6,6 6,-6-2,-2-4,4-4,-4z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m0,4 6,6 6,-6-2,-2-4,4-4,-4z"/></svg>');}
.w-menu-7b91e119 :not(.w-menu-close)>[aria-expanded="true"]:not(.w-menu-closed)>span{transform:scaleY(-1);}
.w-menu-7b91e119 .w-menu-hide-button{display:none;}
}

@media screen and (max-width:863px){
.w-searchresults-with-images>div{--w:80px;}
}
#w-modal {
  display: grid;
  place-content: center;
  position: fixed;
  z-index: 200;
  inset: 0;
  padding: 20px;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 0.2s linear;
}

#w-modal.w-modal-show {
  opacity: 1;
}

@starting-style {
  #w-modal.w-modal-show {
    opacity: 0;
  }
}

#w-modal > div {
  width: auto;
  max-width: 480px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  color: #000;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transform: scale(0.8);
  transition: transform 0.2s ease-in;
}

#w-modal.w-modal-show > div {
  transform: scale(1);
  transition: transform 0.2s ease-out;
}

@starting-style {
  #w-modal.w-modal-show > div {
    transform: scale(0.8);
  }
}

#w-modal > div > div:first-child {
  max-width: calc(100vw - 80px);
  max-height: calc(100vh - 250px);
  overflow: auto;
}

#w-modal > div > div:not(:has(*)) {
  white-space: pre-line;
}

#w-modal > div > div:last-child {
  text-align: center;
}

#w-modal button {
  margin: 20px 10px 0;
}

.w-modal-error {
  padding: 56px 0 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48ZyBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjZjAwIiBzdHJva2Utd2lkdGg9IjQiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjE4Ii8%2BPHBhdGggZD0iTSAyMCwxMCB2IDEyIi8%2BPHBhdGggZD0iTSAyMCwyNiB2IDQiLz48L2c%2BPC9zdmc%2B') no-repeat top;
}

.w-modal-error > ul {
  float: none;
  margin: 0;
  padding: 10px 0 0 20px;
}

.w-modal-error > ul > li {
  margin: 0;
  padding: 0;
}
/* styling shared between shop pages ******************************************/

.s-grid {
  display: grid;
  gap: 20px 40px;
}

.s-grid.s-centre {
  justify-items: center;
}

:not(.s-grid).s-centre {
  justify-self: center;
}

.s-grid p {
  margin: 0;
}

.s-grid .w-pagination {
  margin-bottom: 0;
}


.wColumn{
  clear : none;
}

:is(.s-grid,.webeditShopComponent) h1 {
  font-size: 1.5em;
  line-height: 1.5;
}

:is(.s-grid,.webeditShopComponent) h2 {
  font-size: 1.25em;
}

:is(.s-grid,.webeditShopComponent) th {
  font-weight: inherit;
  text-align: left;
}

:is(.s-grid,.webeditShopComponent) :is(th,td) {
  vertical-align: top;
}

:is(.s-grid,.webeditShopComponent) input[type=number] {
  width: 3.5em;
}

.webeditShopHelp{
  margin : 0 0 1.5em;
}

.webeditShopButtonRight{
  text-align : right;
}

.webeditShopFormField input,
.webeditShopFormField select{
  width : 16em;
}

.sTrap,
.sHidden{
  display : none !important;
}

.sRequired{
  color : red;
}

.s-grid .w-form {
  width: 100%;
  max-width: 360px;
}

.w-form-fields{display:flex !important;float:none !important;}
.w-form-fields>label+label{margin-left:20px;}
.w-field{display:block;position:relative;}
.w-field>span:first-child{float:left;position:relative;z-index:1;margin:-10px 5px;padding:0 5px;border-radius:4px;background:#fff;color:#666;font-size:14px;line-height:20px;}
.w-field>input,.w-field>textarea{width:100%;height:auto !important;padding:8px 9px 5px !important;}

/* error messages *************************************************************/

.sNotice,
.sError{
  padding       : 0.25em 0.5em;
  border-radius : 4px;
  color         : #fff;
  text-shadow   : 0 0 2px #000;
}

:not(.s-grid) > :is(.sNotice, .sError) {
  margin-bottom: 20px;
}

.sNotice{
  border-color : #070;
  background   : #090;
}

.sError{
  border-color : #800;
  background   : #b00;
}

.sError a{
  color : #fff !important;
}

.sError ul{
  margin  : 0;
  padding : 0 0 0 1em;
}

.sError li{
  margin  : 0;
  padding : 0;
}

.s-component-error{
  padding     : 6px 8px 6px 40px;
  background  : #333 url('../_webedit/uploaded-files/../shop/images/warning-white.svg') no-repeat 8px 6px;
  color       : #fff;
  font        : 400 16px/24px UI,sans-serif;
  text-shadow : 0 0 2px #000;
}

/* buttons ********************************************************************/

.sButton span{
  padding     : 0;
  line-height : 1.5;
}

.sButton span span{
  display     : block;
  padding     : 4px 8px 4px 30px;
  background  : no-repeat 6px center;
  white-space : nowrap;
}

.sButton[disabled]{
  cursor : not-allowed;
}

.sButton[disabled] span span{
  color : #999;
}

.sButtonLeftArrow  span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/left.svg'); }
.sButtonRightArrow span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/right.svg'); }
.sButtonRefresh    span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/refresh.svg'); }
.sButtonPlus       span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/plus.svg'); }
.sButtonTick       span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/tick.svg'); }
.sButtonCross      span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/cross.svg'); }
.sButtonHeart      span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/heart.svg'); }

.s-buttons {
  display: flex;
  justify-content: space-between;
}

.s-buttons > :last-child {
  width: auto;
  margin: 0 0 0 auto;
}

/* markdown *******************************************************************/

.s-markdown :is(h1,h2,h3,h4,h5,h6,hr,blockquote,ol,p,pre,table,ul){
  float   : none;
  margin  : 20px 0 0;
  padding : 0;
}

.s-markdown > :first-child{
  margin : 0;
}

.s-markdown blockquote{
  padding : 0 20px;
}

.s-markdown h3{
  font-size : 1.2em;
}

.s-markdown h4{
  font-size : 1.15em;
}

.s-markdown h5{
  font-size : 1.1em;
}

.s-markdown h6{
  font-size : 1.05em;
}

.s-markdown :is(ol,ul){
  padding-left : 20px;
}

.s-markdown :is(ol,ul) :is(ol,ul){
  margin : 0;
}

.s-markdown table{
  margin-top : 14px;
}

.s-markdown :is(td,th){
  padding : 6px 10px;
}

.s-markdown th{
  font-weight : bold;
}

.s-markdown td{
  border-top : 1px solid #ddd;
}

.s-markdown tbody tr:nth-child(odd) td{
  background : #f5f5f5;
}

/* formatted tables ***********************************************************/

.sFormatted th,
.sFormatted td{
  padding : 4px 8px;
  border  : 1px solid #ddd;
}

.sFormatted tr:first-child th{
  border-top : 1px solid #ccc;
}

.sFormatted th:first-child{
  border-left : 1px solid #ccc;
}

.sFormatted th:last-child{
  border-right : 1px solid #ccc;
}

.sFormatted th{
  background  : #ccc;
  text-shadow : 0 0 2px white;
}

.sFormatted td{
  background : #fff;
}

.sFormatted tr:nth-child(odd) td{
  background : #eee;
}

.sFormatted tr:hover td{
  background : #ddd;
}

td.sNumber {
  text-align: right;
}

/* invoices *******************************************************************/

.s-invoice {
  gap: 40px;
}

@media screen and (min-width:640px) {
  .s-invoice {
    grid-template-columns: 1fr 1fr;
  }
}

.s-invoice h2 {
  margin-bottom: 20px;
}

.s-invoice td + td {
  padding-left: 0.75em;
}

.sInvoiceItems tr + tr > td {
  padding-top: 20px;
}

.sInvoiceItems button {
  margin-top: 20px;
}

.s-invoice ul {
  margin: 0;
  padding: 0 0 0 1em;
}

.s-invoice li {
  margin: 0;
  padding: 0;
}

/* category pages *************************************************************/

.sCategoryDescription > div{
  margin : 0;
}

.sCategoriesHeader,
.sProductsHeader{
  padding     : 0;
  font-size   : 1.25em;
  font-weight : normal;
  line-height : 1em;
}

ul.s-categories-grid,
ul.s-products-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: start;
  margin: 0;
  padding: 0;
}

.s-categories-grid li,
.s-products-grid li {
  flex: 0 1 300px;
  display: grid;
  gap: 20px;
  justify-items: center;
  margin: 0 20px 40px;
  padding: 0;
  text-align: center;
}

.s-categories-grid .s-categories-image,
.s-products-grid .s-products-image,
.s-products-grid .s-products-lightbox {
  position: relative;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 300 / 300;
}

.s-categories-grid .s-categories-image img,
.s-products-grid .s-products-image img,
.s-products-grid .s-products-lightbox img {
  position: absolute;
  inset: 0;
  margin: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.s-categories-grid a,
.s-products-grid a{
  text-decoration: none;
}

div.s-products{
  display           : flex;
  align-items       : stretch;
  scroll-margin-top : 20px;
}

.s-products > div {
  flex: 0 1 100%;
}

div.s-products-filters-container{
  position            : relative;
  flex                : 0 0 240px;
  margin              : 0;
  font-size           : 14px;
  line-height         : 18px;
  -webkit-user-select : none;
          user-select : none;
}

html:not(.s-products-scripts) div.s-products-filters-container,
div.s-products-filters-title{
  display : none;
}

div.s-products-filters{
  width    : 240px;
  overflow : auto;
  margin   : 0;
}

div.s-products-filter{
  width         : 212px;
  border        : 1px solid #ddd;
  border-radius : 4px;
  background    : #f8f8f8;
}

.s-products-filter:last-child{
  margin : 0;
}

.s-products-filter > div{
  margin : 0;
}

.s-products-filter-title{
  padding    : 10px 12px;
  background : #eee;
}

.s-products-filter-content{
  padding    : 10px 12px;
  border-top : 1px solid #ddd;
}

.s-products-filter-by-price .s-products-filter-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

div.s-products-filter-by-price-maximum {
  text-align: right;
}

div.s-products-filter-by-price-range {
  grid-column-end: span 2;
  position: relative;
  width: 165px;
  height: 1px;
  margin: 18px 11px 12px;
  background: #ddd;
}

.s-products-filter-by-price-range > div{
  position   : absolute;
  left       : 0;
  right      : 0;
  width      : auto;
  height     : 1px;
  background : #aaa;
}

.s-products-filter-by-price-range > div > div{
  position : absolute;
  top      : -22px;
  width    : 23px;
  height   : 45px;
  cursor   : pointer;
}

.s-products-filter-by-price-range > div > div:first-child{
  right   : 100%;
  padding : 12px 0 12px 12px
}

.s-products-filter-by-price-range > div > div:last-child{
  left    : calc(100% - 1px);
  padding : 12px 12px 12px 0
}

.s-products-filter-by-price-range > div > div:after {
  content: '';
  display: block;
  box-sizing: content-box;
  width: 9px;
  height: 19px;
  border: 1px solid #aaa;
  background: #fff;
}

.s-products-filter-by-price-range > div > div:first-child:after{
  border-radius : 20px 0 0 20px;
}

.s-products-filter-by-price-range > div > div:last-child:after{
  border-radius : 0 20px 20px 0;
}

div.s-products-none{
  margin : 0 20px 20px;
}

div.s-products-controls {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  font-size: 14px;
}

html:not(.s-products-scripts) div.s-products-controls{
  display : none;
}

div.s-products-controls > div{
  width  : auto;
  margin : 0;
}

div.s-products-filter-button{
  display : none;
}

.s-products-filter-button > .w-button > span{
  padding    : 0 0 0 20px;
  background : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1Ij48cGF0aCBmaWxsPSIjMjIyIiBkPSJNMCwxIDAsMyA2LDkgNiwxNSA5LDE1IDksOSAxNSwzIDE1LDF6Ii8+PC9zdmc+') no-repeat left;
}

@media screen and (max-width:1023px){

  div.s-products{
    display : block;
  }

  div.s-products-filter-button{
    display : block;
    padding : 0 0 0 20px;
  }

  div.s-products-filters-container{
    position   : fixed;
    top        : 0;
    bottom     : 0;
    right      : -210px;
    z-index    : 100;
    width      : 210px;
    background : #fff;
    box-shadow : 0 0 20px rgba(0,0,0,0.25);
    transition : right 0.2s ease-in;
  }

  .s-products-filters-active .s-products-filters-container{
    right      : 0;
    transition : right 0.2s ease-out;
  }

  div.s-products-filters-title{
    display     : block;
    margin      : 0;
    padding     : 10px 12px;
    background  : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48cGF0aCBmaWxsPSIjMjIyIiBkPSJNMTEsMTMgMTgsMjAgMTEsMjcgMTMsMjkgMjAsMjIgMjcsMjkgMjksMjcgMjIsMjAgMjksMTMgMjcsMTEgMjAsMTggMTMsMTF6Ii8+PC9zdmc+') no-repeat right;
    font-size   : 20px;
    line-height : 20px;
  }

  div.s-products-filters {
    gap: 0;
    width: 210px;
    height: 100vh;
    background: #f8f8f8;
  }

  div.s-products-filter{
    width         : 210px;
    margin        : 0;
    border-width  : 1px 0 0 0;
    border-radius : 0;
  }

  div.s-products-filter-by-price-range{
    width  : 155px;
    margin : 23px 16px 17px;
  }

  .s-products-filter-by-price-range > div > div{
    top    : -27px;
    width  : 28px;
    height : 55px;
  }

  .s-products-filter-by-price-range > div > div:after{
    width  : 14px;
    height : 29px;
  }

}

.s-products-listing{
  opacity    : 1;
  transition : opacity 0.5s ease-in-out;
}

.s-products-colours > div {
  margin-bottom: -10px;
  font-size: 0.875em;
  line-height: 1;
}

.s-products-colours-swatches{
  display         : flex;
  flex-wrap       : wrap;
  justify-content : center;
  margin          : -5px 0;
  padding         : 0;
}

.s-products-colours-swatches > li {
  display: block;
  flex: 0 1 0;
  margin: 5px;
  border-radius: 2px;
}

.s-products-colours-swatches > li:after{
  content       : '';
  display       : block;
  width         : 18px;
  height        : 18px;
  border        : 1px solid rgba(0,0,0,0.1);
  border-radius : 2px;
}

.s-products-price > span{
  display : block;
}

.s-products-quantity-buy-button{
  display         : flex;
  gap             : 10px;
  justify-content : center;
}

.s-products-quantity-buy-button label > span:first-child{
  display : none;
}

.webeditShopEmptyCategory{
  margin:0.5em 0;
}

/* product pages **************************************************************/

.s-product {
  container-type: inline-size;
  gap: 40px;
}

.s-product ~ h2 {
  margin-top: 20px;
}

div.sProductImagesAndDetails {
  --images-width: 500px;
  --details-rows: 1;
  display: grid;
  grid-template-columns: var(--images-width) 1fr;
  grid-template-rows: repeat(calc(var(--details-rows) - 1), auto) 1fr;
  gap: 20px 20px;
}

.sProductImagesAndDetails:has(.sProductThumbnailsOnSide) {
  --images-width: 670px;
}

.sProductImagesAndDetails:has(>:nth-child(3)){--details-rows:2}
.sProductImagesAndDetails:has(>:nth-child(4)){--details-rows:3}
.sProductImagesAndDetails:has(>:nth-child(5)){--details-rows:4}
.sProductImagesAndDetails:has(>:nth-child(6)){--details-rows:5}
.sProductImagesAndDetails:has(>:nth-child(7)){--details-rows:6}

.sProductImagesAndDetails > * {
  grid-column: 2 / span 1;
}

div.sProductImages {
  grid-column: 1 / span 1;
  grid-row-end: span var(--details-rows);
  display: flex;
  flex-flow: row;
  gap: 20px;
  -webkit-user-select: none;
  user-select: none;
}

div.sProductThumbnails{
  position    : relative;
  width : 150px;
  overflow    : hidden;
  white-space : nowrap;
}

.sProductThumbnails > div{
  position   : absolute;
  top        : 0;
  left       : 0;
  margin     : 0;
  transition : top 0.2s,bottom 0.2s,left 0.2s,right 0.2s;
}

div.sProductThumbnailsBefore,
div.sProductThumbnailsAfter{
  width      : 100%;
  height     : 32px;
  background : rgba(255,255,255,0.8) no-repeat center center;
  cursor     : pointer;
}

div.sProductThumbnailsBefore{
  top : -32px;
  background-image : url('../_webedit/uploaded-files/../shop/images/scrolling/up.svg');
}

div.sProductThumbnailsAfter{
  top : auto;
  bottom : -32px;
  background-image : url('../_webedit/uploaded-files/../shop/images/scrolling/down.svg');
}

.sProductThumbnails > div > div{
  margin  : 0;
  cursor  : pointer;
}

.sProductThumbnails > div > div + div{
  margin-top : 20px;
}

div.sProductImage{
  position: relative;
  width: 100%;
  max-width: 500px;
}

.sProductImage > div{
  position   : relative;
  z-index    : 1;
  margin     : 0;
  text-align : center;
  transition : opacity 0.2s linear;
}

.sProductImage > div + div{
  position : absolute;
  top      : 0;
  left     : 0;
  z-index  : 0;
  opacity  : 0;
}

.sProductThumbnails > div > div > img,
.sProductImage > div > img{
  display        : inline-block;
  float          : none;
  width          : auto;
  max-width      : 100%;
  vertical-align : bottom;
}

.sProductComponentBuyButton div.sProductImagesAndDetails {
  grid-template-columns: 1fr;
}

.sProductComponentBuyButton .sProductImagesAndDetails > * {
  grid-column: 1 / span 1 !important;
}

.sProductComponentBuyButton .sProductImages {
  grid-row-end: span 1 !important;
  justify-self: center;
  width: auto;
}

@container (max-width:1090px) {
  div.sProductImagesAndDetails {
    grid-template-columns: 1fr;
  }

  .sProductImagesAndDetails > * {
    grid-column: 1 / span 1 !important;
  }

  .sProductImages {
    grid-row-end: span 1 !important;
    justify-self: center;
    width: auto;
  }

  .s-product-name, .s-product-code, .s-product-price {
    grid-row-start: 1;
  }

  .sProductImagesAndDetails:has(.s-product-name) :is(.s-product-code, .s-product-price) {
    grid-row-start: 2;
  }

  .sProductImagesAndDetails:has(.s-product-name):has(.s-product-code) .s-product-price {
    grid-row-start: 3;
  }
}

/* fallback for browsers without container query support */
@media screen and (max-width:1150px) {
  div.sProductImagesAndDetails {
    grid-template-columns: 1fr;
  }

  .sProductImagesAndDetails > * {
    grid-column: 1 / span 1 !important;
  }

  .sProductImages {
    grid-row-end: span 1 !important;
    justify-self: center;
    width: auto;
  }

  .s-product-name, .s-product-code, .s-product-price {
    grid-row-start: 1;
  }

  .sProductImagesAndDetails:has(.s-product-name) :is(.s-product-code, .s-product-price) {
    grid-row-start: 2;
  }

  .sProductImagesAndDetails:has(.s-product-name):has(.s-product-code) .s-product-price {
    grid-row-start: 3;
  }
}

h1.sProductName,
div.sProductName{
  font-size   : 1.5em;
  line-height : 1.5;
}

div.sProductCode {
  margin-top: -20px;
}

.s-product-price {
  font-size : 1.25em;
}

.s-product-price > :first-child > span{
  display : block;
}

.sProductPreviousPrice,
.s-price-previous{
  text-decoration : line-through;
}

.s-product-price-breaks > div{
  margin      : 0 0 10px;
}

.s-product-price-breaks > table{
  margin : 0;
}

.s-product-price-breaks td:first-child{
  padding    : 0 1em 0 0;
  text-align : right;
}

.s-product-price-breaks td > span{
  display : block;
}

.sProductDescription div,
.sProductSummary div{
  margin : 0;
}

table.s-product-variants {
  justify-self: start;
  margin: 0 0 -20px;
}

.s-product-variants th{
  padding : 2px 20px 20px 0;
}

.s-product-variants td{
  padding : 0 0 20px;
}

@media screen and (max-width:479px){

  table.s-product-variants,
  .s-product-variants tr,
  .s-product-variants td{
    display : block;
  }

  .s-product-variants th{
    padding-bottom : 10px;
  }

}

.s-product-variants div{
  float  : none;
  margin : 0 0 0.5em;
}

.s-product-variants div:last-child{
  margin : 0;
}

.s-product-variants select{
  width : 100%;
}

.s-product-variants input[type=text],
.s-product-variants textarea{
  width     : 100%;
  min-width : 16em;
}

.s-product-variants textarea{
  height : 7em;
}

.s-product-variants input[type="radio"]{
  width          : 30px;
  height         : 26px;
  margin         : 0;
  padding        : 0;
  opacity        : 0;
  vertical-align : top;
}

.s-product-variants label > span:first-child,
.s-product-variants input:checked ~ label > span:first-child:after{
  display        : inline-block;
  border-radius  : 2em;
  background     : linear-gradient(#f0f0f0,#e8e8e8);
  vertical-align : bottom;
  box-shadow     : inset 0 1px 0 rgba(255,255,255,0.5);
}

.s-product-variants label > span:first-child{
  margin         : -1px 0.5em -1px -30px;
  transition     : border-color 0.25s;
}

.s-product-variant-single{
  padding-top : 2px;
}

.sProductVariantRadio label > span:first-child{
  width               : calc(1.5em + 2px);
  height              : calc(1.5em + 2px);
  border              : 1px solid #e0e0e0;
  border-bottom-color : #d0d0d0;
}

.sProductVariantColour label > span:first-child{
  width  : calc(1.5em + 4px);
  height : calc(1.5em + 4px);
}

.s-product-variant-swatch{
  display        : inline-block;
  width          : calc(1.75em + 2px);
  height         : calc(1.75em + 2px);
  margin         : 0 0.5em 0 0;
  border-radius  : 4px;
  vertical-align : bottom;
}

.sProductVariantColourDark{
  box-shadow : 0 0 2px #fff !important;
}

span.sProductVariantColourLight{
  box-shadow : 0 0 2px rgba(0,0,0,0.5) !important;
}

.sProductVariantRadio input:checked ~ label > span:first-child{
  border     : 1px solid #d0d0d0;
  background : linear-gradient(#e8e8e8,#e0e0e0);
  box-shadow : inset 0 2px 2px rgba(0,0,0,0.0625),0 1px 0 rgba(255,255,255,0.5);
}

.sProductVariantRadio input:focus ~ label > span:first-child{
  margin : -2px calc(0.5em - 1px) -2px -31px;
  border : 2px solid #d0d0d0;
}

.sProductVariantRadio input:checked ~ label > span:first-child:after{
  content             : '';
  width               : 1em;
  height              : 1em;
  margin              : 0.25em;
  border              : 1px solid #d0d0d0;
  border-bottom-color : #c0c0c0;
}

.sProductVariantColour input:checked ~ label > span:first-child:after{
  content    : '';
  width      : 1em;
  height     : 1em;
  margin     : calc(0.25em + 2px);
  background : #fff;
  box-shadow : 0 0 2px rgba(0,0,0,0.5);
}

.sProductQuantity:after{
  content : attr(data-unit-plural);
}

.sProductQuantityOne:after{
  content : attr(data-unit);
}

.sProductUnavailable{
  font-size : 1.25em;
}

.sProductShareButtons > span{
  margin : 0 4px 0 0;
}

.sProductComponentBuyButton .sProductName,
.sProductComponentBuyButton .sProductPrice,
.sProductComponentBuyButton .s-product-price-breaks,
.sProductComponentBuyButton .s-product-variants td[colspan],
.sProductComponentBuyButton .sProductAddToBasket,
.sProductComponentBuyButton .sProductAddToWishlist,
.sProductComponentBuyButton .sProductUnavailable{
  text-align : center;
}

.sProductComponentBuyButton .s-product-price-breaks table,
.sProductComponentBuyButton .s-product-variants{
  margin : 0 auto;
}

.s-product-description [role="tablist"]{
  display   : flex;
  flex-wrap : wrap;
}

.s-product-description [role="tab"]{
  flex                : 0 1 auto;
  width               : auto;
  margin              : 0 -1px -1px 0;
  padding             : 6px 10px;
  border              : 1px solid #ddd;
  background          : #f5f5f5;
  font-size           : 1em;
  user-select         : none;
  -webkit-user-select : none;
}

.s-product-description [role="tab"][aria-selected="true"]{
  position            : relative;
  border-bottom-color : #fff;
  background          : #fff;
}

.s-product-description [role="tab"][aria-selected="false"]{
  cursor : pointer;
}

.s-product-description [role="tabpanel"]{
  padding-top : 10px;
  border-top  : 1px solid #ddd;
}

/* log-in pages ***************************************************************/

.sLogInMessage{
  max-width: 360px;
}

.sLogInCreateAccountHelp{
  margin: -10px 0 0 !important;
  padding-left: 32px;
  font-size: 14px;
  line-height: 18px;
  opacity: 0.6;
}

.sLogInPassword{
  padding-left : 32px;
}

label:has(:checked) + label + .sLogInPassword {
  display: none;
}

.sLogIn .w-radio + .w-radio{
  margin-top : -10px;
}

.sLogInForgottenPassword{
  float         : right;
  position      : relative;
  z-index       : 1;
  margin        : -10px 5px;
  padding       : 0 5px;
  border-radius : 4px;
  background    : #fff;
  font-size     : 14px;
  line-height   : 20px;
}

#sAccountExists ul {
  padding: 0 0 0 1.5em;
}

/* wishlist page **************************************************************/

div.s-wishlist-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0;
}

.s-wishlist-header > h1{
  flex   : 1 0 auto;
  width  : auto;
}

div.s-wishlist-share-buttons{
  flex  : 0 0 auto;
  width : auto;
}

.s-wishlist-share-buttons > span{
  margin : 0 0 0 4px;
}

.s-wishlist-item {
  grid-template-columns: 128px 1fr max-content;
  align-items: start;
}

.s-wishlist-item + .s-wishlist-item {
  margin-top: 20px;
}

.s-wishlist-item .s-grid {
  gap: 10px;
}

.s-wishlist-item-name{
  font-size : 1.25em;
}

.s-wishlist-items ul {
  margin: 0 0 0 20px;
  padding: 0;
}

.s-wishlist-item-unavailable{
  padding    : 0 0 0 24px;
  background : url('../_webedit/uploaded-files/../shop/images/warning-small.png') no-repeat 0 0.25em;
}

.s-wishlist-item-price{
  font-size  : 1.25em;
  text-align : right;
}

.s-wishlist-item-quantity{
  text-align : right;
}

.s-wishlist-item button {
  width: 100%;
}

@media screen and (max-width:639px) {
  .s-wishlist-item {
    grid-template-columns: 128px max-content 1fr;
  }

  .s-wishlist-item > :nth-child(1) {
    grid-row-end: span 2;
  }

  .s-wishlist-item > :nth-child(2) {
    grid-column-end: span 2;
  }

  .s-wishlist-item-price,
  .s-wishlist-item-quantity {
    text-align: left;
  }
}

@media screen and (max-width:479px) {
  .s-wishlist-item {
    grid-template-columns: 64px max-content 1fr;
    gap: 20px;
  }
}

/* basket page ****************************************************************/

.sBasket th{
  font-weight : 700;
}

.sBasket th,
.sBasket td{
  padding : 0 0 20px;
}

.sBasket th + th,
.sBasket td + td{
  padding : 0 0 20px 20px;
}

.sBasket th:last-child,
.sBasket td:last-child,
#sBasketTotals th{
  text-align : right;
}

#sBasketItems input{
  height       : 1.75em;
  margin-right : 0.25em;
}

.s-basket-item-image{
  width : 128px;
}

.s-basket-item-image > img {
  width : 100%;
}

.s-basket-item-details{
  max-width : 320px;
}

div.s-basket-item-description{
  float  : none;
  clear  : none;
  margin : 0 0 10px;
}

.sBasketRemove{
  display       : block;
  float         : right;
  width         : 1.5em;
  height        : 1.5em;
  margin        : 0.25em 0 0.25em 1em;
  border-radius : 0.75em;
  background    : #f00;
  color         : #fff;
  font-size     : 0.75em;
  text-align    : center;
  cursor        : pointer;
}

.sBasketRemove:after{
  content : '✖';
}

.sBasket ul{
  float     : none;
  clear     : none;
  margin    : 0 0 10px 0;
  padding   : 0 0 0 20px;
  font-size : 0.875em;
}

.sBasketWishlist{
  display : block;
  margin  : 0 0 10px 0;
}

.sBasketUnavailable{
  display    : block;
  margin     : 0 0 10px 0;
  padding    : 0 0 0 24px;
  background : url('../_webedit/uploaded-files/../shop/images/warning-small.png') no-repeat 0 0.25em;
}

#sBasketItems td + td + td span:first-child{
  display : none;
}

.s-basket-discount .sBasketRemove{
  display        : inline-block;
  float          : none;
  vertical-align : top;
}

#sBasketTotals select{
  max-width : 15em;
}

@media screen and (max-width:699px){
  .sBasket table{
    display   : block;
    max-width : 468px;
  }

  #sBasketItems tr:first-child{
    display : none;
  }

  #sBasketItems,
  #sBasketItems tr{
    display : block;
    clear   : left;
  }

  .s-basket-item{
    box-sizing : border-box;
    float      : left;
    width      : 100%;
    margin     : 0 0 10px;
    padding    : 0 0 0 128px;
  }

  .s-basket-item > td{
    display : block;
  }

  .s-basket-item-image{
    float  : left;
    margin : 0 0 0 -128px;
  }

  .s-basket-item-details{
    max-width      : none;
    padding-bottom : 0 !important;
  }

  .s-basket-item-quantity{
    float : left;
  }

  .s-basket-item-total{
    float : right;
  }

  #sBasketItems td + td + td span:first-child{
    display : inline;
  }

  #sBasketItems input{
    margin-left : 0.5em;
  }

  #sBasketItems + tbody{
    display : table;
    clear   : both;
    width   : 100%;
  }
}

@media screen and (max-width:509px){
  .sBasket table{
    max-width : 364px;
    font-size : 0.875em;
  }

  .s-basket-item{
    padding : 0 0 0 64px;
  }

  .s-basket-item-image{
    width  : 64px;
    margin : 0 0 0 -64px;
  }
}

/* styling for the 'add to basket' modal **************************************/

.s-modal-basket-item{
  padding : 20px 0 0;
  display : flex;
}

.s-modal-basket-image{
  flex   : 0 0 128px;
  margin : 0 20px 0 0;
}

@media screen and (max-width:479px){

  .s-modal-basket-image{
    flex : 0 0 64px;
  }

}

.s-modal-basket-image > img{
  width : 100%;
}

.s-modal-basket-name{
  margin      : 0 0 10px;
  font-size   : 1.25em;
  line-height : 1em;
  font-weight : 700;
}

.s-modal-basket-variants{
  float     : none;
  margin    : 0;
  padding   : 0 0 10px 20px;
  font-size : 0.875em;
}

.s-modal-basket-variants > li{
  margin  : 0;
  padding : 0;
}

.s-modal-basket-quantity,
.s-modal-basket-price{
  white-space : nowrap;
}

.s-modal-basket-quantity{
  padding : 0 20px 0 0;
}

/* styling for the account page ***********************************************/

#sAccount > :is(h1, h1 + form) {
  grid-area: 1 / 1 / 2 / 2;
}

#sAccount > h1 + form {
  justify-self: right;
}

#sAccount > table{
  float : left;
  clear : left;
  width : 100%;
}

@media screen and (max-width:767px){

  #sAccount > table
  #sAccount tbody{
    display : block;
  }

  #sAccount tr:first-child{
    display : none;
  }

  #sAccount tr{
    display : table;
    width   : 100%;
    margin  : 0 0 1.5em;
  }

  #sAccount td{
    display    : table-row;
    text-align : left !important;
  }

  #sAccount tr:hover td{
    background : #fff;
  }

  #sAccount td:before{
    content     : attr(data-table-header);
    display     : table-cell;
    background  : #ccc;
    padding     : 4px 8px;
    border      : 1px solid #ddd;
    border-left : 1px solid #ccc;
    text-shadow : 0 0 2px white;
    white-space : nowrap;
  }

  #sAccount td:first-child:before{
    border-top : 1px solid #ccc;
  }

  #sAccount td:last-child:before{
    border-bottom : 1px solid #ccc;
  }

  #sAccount td > span{
    display : table-cell;
    width   : 100%;
    padding : 4px 8px;
    border  : 1px solid #ddd;
  }

  #sAccount td:nth-child(odd) > span{
    background : #eee;
  }

  #sAccount td > span:hover{
    background : #ddd;
  }

}

/* styling for the account password page **************************************/

.webeditShopAccountPasswordForm td{
  padding: 5px;
}

/* styling for the account/addresses page *************************************/

.s-account-addresses-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 60px;
}

.s-account-addresses-list > div {
  width: auto;
}

.s-account-addresses-buttons {
  display: flex;
  gap: 20px;
}

/* styling for the address book process page **********************************/

.s-account-address-book-process td {
  padding: 5px;
}

/* styling for the account/order page *****************************************/

.sAccountOrderHistory td:nth-child(1),
.sAccountOrderHistory td:nth-child(2),
.sAccountOrderHistory th:nth-child(1),
.sAccountOrderHistory th:nth-child(2){
  white-space : nowrap;
}

@media screen and (max-width:767px){

  .sAccountOrderHistory > table
  .sAccountOrderHistory tbody{
    display : block;
  }

  .sAccountOrderHistory tr:first-child{
    display : none;
  }

  .sAccountOrderHistory tr{
    display : table;
    width   : 100%;
    margin  : 0 0 1.5em;
  }

  .sAccountOrderHistory td{
    display : table-row;
  }

  .sAccountOrderHistory tr:hover td{
    background : #fff;
  }

  .sAccountOrderHistory td:before{
    content     : attr(data-table-header);
    display     : table-cell;
    background  : #ccc;
    padding     : 4px 8px;
    border      : 1px solid #ddd;
    border-left : 1px solid #ccc;
    text-shadow : 0 0 2px white;
  }

  .sAccountOrderHistory td:first-child:before{
    border-top : 1px solid #ccc;
  }

  .sAccountOrderHistory td:last-child:before{
    border-bottom : 1px solid #ccc;
  }

  .sAccountOrderHistory td > span{
    display : table-cell;
    width   : 100%;
    padding : 4px 8px;
    border  : 1px solid #ddd;
  }

  .sAccountOrderHistory td:nth-child(odd) > span{
    background : #eee;
  }

  .sAccountOrderHistory td > span:hover{
    background : #ddd;
  }

}

/* addresses page *************************************************************/

.s-addresses {
  margin-bottom: 20px;
}

:has(input) + .s-addresses-new > table {
  margin: 10px 0 0 27px;
}

:has(input:checked) + .s-addresses-new > table {
  display: block !important;
}

.s-addresses-new td {
  padding: 5px;
}

.s-address-state:not(:has(~ tr .webeditCountryHasStates:checked)) {
  visibility: collapse;
}

/* comments page **************************************************************/

.s-comments > :where(h1:not(:first-child), .s-buttons) {
  margin-top: 20px;
}

.s-comments textarea {
  width: 100%;
}

/* payment button *************************************************************/

.s-payment-button{
  text-align : center;
}

/* payment form ***************************************************************/

div.s-payment-form,
form.s-payment-form {
  float: none;
  width: 100%;
  max-width: 280px;
  margin: 20px auto 0;
}

.s-payment-form > h2 {
  margin: 0 0 20px;
  text-align: center;
}

.s-payment-form > button {
  width: 100%;
  margin-top: 20px;
}

.s-payment-form > button > span{
  position: relative;
}

.s-payment-form > button > span > span{
  transition : opacity 0.5s linear;
}

.s-payment-form > button > span > span:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  opacity: 0;
}

button.s-payment-form-busy > span > span:first-child{
  opacity : 0;
}

button.s-payment-form-busy > span > span:last-child{
  opacity : 1;
}

.s-payment-form svg {
  width: auto;
}

button.s-payment-form-error > span{
  border-color : #f00;
  background   : #f00;
  color        : #fff;
  box-shadow   : none;
  cursor       : default;
}

/* calculator - Payl8r ********************************************************/

#pl-calculator-price{
  display : none;
}

div#pl-calculator-light-app {
  width: 100% !important;
}

.payl8r-main-logo{
  display : inline;
  float   : none;
  width   : 60px;
}

#pl-calculator-light-app #show-modal{
  text-decoration : none;
  cursor          : pointer;
}

#pl-calc-modal *{
  float : none;
}

/* payment form - Stripe ******************************************************/

div.s-payment-stripe-form{
  max-width : 370px;
}

#s-payment-stripe-form-card{
  height        : 36px;
  padding       : 0 10px;
  border        : 1px solid #ddd;
  border-radius : 4px;
  background    : #fff;
}

#s-payment-stripe-form-card.StripeElement--invalid{
  border-color : #f00;
}

@media screen and (max-width:399px){

  .s-payment-stripe-form > button > span{
    padding   : 4px 8px;
    font-size : 15px;
  }

}

/* payment form - Viva Wallet *************************************************/

.s-payment-vivawallet-form label > span{
  display : block;
  margin  : 0 0 5px;
}

.s-payment-vivawallet-form input{
  width : 100%;
}

.s-payment-vivawallet-form input[data-vp="cvv"]{
  width : 50px;
}

.s-payment-vivawallet-form input[data-vp="month"]{
  width : 40px;
}

.s-payment-vivawallet-form input[data-vp="year"]{
  width : 60px;
}

div.s-payment-vivawallet-security{
  display         : none;
  align-items     : center;
  justify-content : center;
  flex-direction  : column;
  position        : fixed;
  z-index         : 200;
  top             : 0;
  bottom          : 0;
  left            : 0;
  right           : 0;
  margin          : 0;
  padding         : 20px;
  background      : rgba(0,0,0,0.5);
}

div.s-payment-vivawallet-security-show{
  display : flex;
}

.s-payment-vivawallet-security > div{
  width         : calc(100vw - 40px);
  max-width     : 480px;
  height        : calc(100vh - 40px);
  max-height    : 600px;
  margin        : 0;
  padding       : 20px;
  border-radius : 10px;
  background    : #fff;
  color         : #000;
  box-shadow    : 0 4px 8px rgba(0,0,0,0.2);
}

.s-payment-vivawallet-security > div > div{
  width  : 100%;
  height : 100%;
  margin : 0;
}


.productCarousel50topRight20 { --animator-gutter: 20; --button-width: 50px; --button-gap: 20px; --button-padding: 5px; --button-background: #F5F5F5; }
.productCarousel50topRight20 .ProductCarouselButton { color: #1F1F1F; }
:root {
	--main: #B3E304;
	--accent: #1F3D00;
}

/* =============================================================================
 * Button Styling
 * ========================================================================== */

.w-button {
  position: relative;
}

.w-button > span:after {
  background: url('../_webedit/uploaded-files/img/right-arrow.webp') center no-repeat;
  content: '';
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.3s;
}

.w-button > span:after {
  background: url('../_webedit/uploaded-files/img/right-arrow.webp') center repeat-x;
  content: '';
  width: 40px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-position-x: -5px;
  transition: background-position-x 0.4s;
  z-index:2;
}

.w-button > span:hover:after {
  background-position-x:40px;
}

/* =============================================================================
 * Header
 * ========================================================================== */

header {

}


.wEdit .header-content {
	background-color: #333;
}

#top.w-layout-shop .header-content {
  position: relative;
  background: #1f1f1f;
}
#top .header-content{
  position:absolute;
  z-index: 99;
  width:100%;
  background:transparent;
}
.w-layout-blogpost .header-content {
	background: var(--accent) !important;
	position: relative !important;
}

/* =============================================================================
   Banner
 * ========================================================================== */

.banner-content {
  min-height: calc(0.70 * min(100vh,177vw));
  align-content: end;
  position: relative;
  z-index: 50;
  @media screen and (max-width:1151px){
  	padding-bottom: 80px;
  	.w-text span {
  		color:#fff;
  	}
  }
  @media screen and (max-width:575px){
		min-height: calc(1 * min(100vh,177vw));
	  align-content: end;  	
  }
}

.w-layout-home .banner-content {
	min-height: calc(0.9 * min(100vh,177vw));
  align-content: start;
  @media screen and (max-width:1151px){
		min-height: calc(0.7 * min(100vh,177vw));
	  align-content: end;  	
  }
  @media screen and (max-width:575px){
		min-height: calc(1 * min(100vh,177vw));
	  align-content: end;  	
  }
}
.banner {
	position: relative;
	margin:15px;
	border-radius: 20px;

  &:after {
		content:'';
		background: url('../_webedit/uploaded-files/img/curved-white-corner-banner.webp') no-repeat 100% 100% / 100% 100%;
    width: 114px;
    height: 114px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
	}
}
.w-layout-home .banner {
	position:relative;

	&:before {
		content:'';
		position: absolute;
		background: url('../_webedit/uploaded-files/img/banner-curve-top-left.webp') no-repeat 0% 0% / 100% 100%;
		top:-7px;
		left:-5px;
		width:780px;
		height:500px;
		z-index: 0;
		@media screen and (min-width:1152px) and (max-width:1439px){
			width:740px;
		}
    @media screen and (max-width:1151px){
    	content: unset;
    }
	}

	&:after {
		content:'';
		background: url('../_webedit/uploaded-files/img/curved-white-corner-banner.webp') no-repeat 100% 100% / 100% 100%;
    width: 114px;
    height: 114px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
	}
}

/* Banner arrow --------------------------------------------------------------*/
#top .bannerArrowContainer {
  position:relative;
  width: 100%;
}

.bannerArrowImage a {
	position: absolute;
  right: 0px;
  bottom: 20px;
  z-index: 80;
  width:64px;
  height:64px;
  @media screen and (min-width:1152px) and (max-width:1439px){
  	left:30px;
  }  
}
#top .bannerArrowImage {
	position: absolute;
  right: 25px;
  bottom: 10px;
  width: 64px;
  height: 64px;
}
#top .bannerArrowImage:before {
  position: absolute;
	content: '';
	border-radius: 15px;
	width: 64px;
	height:64px;
	right: 1.5%;
  bottom: 20px;
  background: var(--main);
}

#top .bannerArrowImage:after {
  content:'';
	position: absolute;
	background:url('../_webedit/uploaded-files/img/banner-arrow-down.webp')repeat-y;
  background-position: center 3px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: background-position-y 0.2s;
  width: 64px;
  height: 45px;
	right: 1.5%;
  bottom: 25px;
}
#top .bannerArrowImage img {
	visibility: hidden;
}
#top .bannerArrowImage:hover:after {
	background-position-y:41px;
}

/* =============================================================
   Menu
 * ===========================================================*/

.w-menu {
	justify-content: center;
}

.w-menu-button {
	position: relative;
	&:after {
		content: '';
		background:url('../_webedit/uploaded-files/img/burger-button.webp')no-repeat;
		width: 64px;
    height: 64px;
    position: absolute !important;
    top: 10px;
    right: 5px;
    @media screen and (min-width:1152px){
    	top:0;
    }
	}
}

/* =============================================================================
 * Content sections
 * ========================================================================== */

#w-cookies-accept {
	background: var(--main);
	color:#1F1F1F;
}

#top footer,
#top .shaped-bg-img {
	border-radius: 20px;
	position: relative;
}

#top .footer-btn,
#top .shaped-bg-button {
	position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 30;
  &:after {
		content:'';
		background: url('../_webedit/uploaded-files/img/bottom-right-curve.webp') no-repeat 100% 100% / 100% 100%;
    width: calc(100% + 55px);
    height: calc(100% + 55px);
    position: absolute;
    right: -15px;
    bottom: -15px;
    z-index: -1;
	}
}
#top .footer-btn:after {
	background: url('../_webedit/uploaded-files/img/top-right-curved-white-corner.webp') no-repeat 100% 100% / 100% 100%;
	top: -10px;
  height: calc(100% + 40px);
}

@media screen and (max-width:575px){
  #top .shaped-bg-button:after {
    display: none;
  }
}

#top .custom-bg-option > .w-colourblock {
	position: relative;
	border-radius: 20px;

	&:after {
		content:'';
		position: absolute;
		background: url('../_webedit/uploaded-files/img/curved-white-corner.webp')no-repeat;
		top:-1px;
		left:-1px;
		width: 277px;
		height:132px;
		@media screen and (max-width:1151px){
			background-size:60%;
		}
	}
}

#top .app-store-links {
  position: absolute;
  bottom: -1px;
  right: -1px;
}

/*.custom-bg-option.bottom-right > .w-colourblock:before {
  content: '';
  position: absolute;
  background: url('../_webedit/uploaded-files/img/bottom-right-curve-apple-store.webp')no-repeat 100% 100% / contain;
  bottom: -1px;
  right: 221px;
  top:unset;
  left:unset;
  width: 242px;
  height: 129px;
  @media screen and (max-width:575px){
    width:142px;
    right:129px;
  }
}
.custom-bg-option.bottom-right > .w-colourblock:after {
  content: '';
  position: absolute;
	background: url('../_webedit/uploaded-files/img/bottom-right-curve-google-play.webp')no-repeat 100% 100% / contain;
	bottom: -1px;
	right: -1px;
	top:unset;
	left:unset;
	width: 222px;
  height: 129px;
	@media screen and (max-width:575px){
		width:130px;
	}
}*/

.w-content-split > div[data-background-active="true"]:last-of-type {
	mask:url('../_webedit/uploaded-files/img/ehc-mask-right.webp')no-repeat 0 100% / cover;
	border-radius: 20px;
}
.w-content-split > div[data-background-active="true"]:first-of-type {
	mask:url('../_webedit/uploaded-files/img/ehc-mask-left.webp')no-repeat 100% 100% / cover;
	border-radius: 20px;
}

.w-blogmenu h2,
.w-layout-blog .w-grid h2 {
	font-size:20px;
}
.w-layout-blogpost h1 {
	font-size:30px;
}

.w-blog-back>a>span::before {
	display: none;
}

/* =============================================================================
 * Form Styling
 * ========================================================================== */

.w-form input,
.w-form select,
.w-form textarea,
.wSearch input,
.sContent input {
  transition: border-color 0.2s;
  border:2px solid #CCCCCC;
  border-radius: 10px;
}

.w-form input:focus,
.w-form textarea:focus {
  border-color: var(--main);
}

/* =============================================================================
 * Rollover/s
 * ========================================================================== */

/* Dark rollover with content-------------------------------------------------*/ 

.dark-rollover-content { 
	background: rgba(0,0,0,.4); 
	color: #fff; 
	transition: background 0.5s; 
	min-height:450px;
	display: grid;
	align-content: center;
	@media screen and (max-width:1151px){
		min-height:320px;
	}
} 
 
#top .dark-rollover-content:hover { 
  background: rgba(0,0,0,.7);
}

.hoverCB .w-colourblock {
	transition: corner-bottom-shape 0.3s;
	position: relative;
	&:after {
		content:'';
		position: absolute;
		transform: translate(80px, 80px);
		background:url('../_webedit/uploaded-files/img/cb-hover-shape.webp')no-repeat 0 0/contain;
		transition: transform 0.4s;
		width: 79px;
    height: 74px;
    right:0;
    bottom:0;
	}
}
.hoverCB:hover .w-colourblock:after {
	transform: translate(0px, 0px);
}

.card-option {
  .w-colourblock {
		border-radius:20px 20px 0 0;    
  }
	.card-image {
		min-height:670px;
		display: grid;
    align-items: end;
    padding: 30px;
    @media screen and (max-width:1151px){
    	min-height:320px;
    }
	}

	.card-button .w-button {
		border-radius: 0 0 20px 20px;
		width:100%;
		:after {
			@media screen and (min-width:864px){
				left:80%;
			}
		}
	}
}

.s-products-grid {
  align-items: stretch !important;

  li {
    background: #F5F5F5;
    border-radius: 20px;

    .s-products-name a {
      color:#000;
    }

    .s-products-view-details {
      width:100%;

      a {
        width:100%;
        border-radius: 0 0 20px 20px;
        height: 100%;
      }
    }
  }
}

/* =============================================================================
 * Footer
 * ========================================================================== */

footer {
	position: relative;
	> .w-content-sections {
		padding:0 15px 15px;
	}
}

@media screen and (max-width:1151px){
	.w-edit {
		text-align: center;
	}
}

footer .w-section.w-section-style-carbon {
	border-radius: 20px;
	padding-top: 40px;
}

#top .footer-btn {
	position: absolute;
  right: 30px;
  top: 10px;
  bottom:unset;
}

/* =============================================================================
 * Misc
 * ========================================================================== */

.dl::marker {
	color: var(--main);
}

.wEdit .social-icon-group > div > .w-content > div,
.social-icon-group > .w-content > div {
  display: flex;
  > div {
    margin: 0 !important;
  }
}
.wEdit .social-icon-group.socials-centre > div > .w-content > div,
.social-icon-group.socials-centre > .w-content > div {
  justify-content: center;
}

@media screen and (max-width:1151px){
 .w-text .s72,
 .w-text .s66,
 .w-text .s60,
 .w-text .s54,
 .w-text .s48,
 .w-text .s42 {
 font-size: 36px !important;
 }
 .w-text .s36,
 .w-text .s34,
 .w-text .s32,
 .w-text .s28,
 .w-text .s26 {
 font-size: 24px !important;
 }
 .w-text .s24,
 .w-text .s22,
 .w-text .s20 {
 font-size: 18px !important;
 }
}

/* Animated Accordion ------------------- */
#top .animatedAccordion .accordionHeading {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
#top .animatedAccordion .accordionIcon img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#top .animatedAccordion .accordionIcon > div {
  padding: 20px;
  border-radius: 10px;
  background: var(--main);	
}
#top .animatedAccordion .accordionContent {
  background-color: #fff;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  background: transparent;
}
#top .animatedAccordion .accordionContent > div {
  overflow: hidden;
}
#top .animatedAccordion .accordionContent .webeditTextComponent {
  margin-top: 15px !important;
}
#top .animatedAccordion.clicked .accordionContent {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
#top .animatedAccordion.clicked .accordionIcon img {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.accordionHeading {
  width: 100%;
}
/* ----------- styles the colourblocks on the accordion ---------------------------*/
.accordionContent > div > .w-colourblock,
.animatedAccordion > .w-colourblock {
  border-radius: 20px !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.animatedAccordion.clicked > .w-colourblock {
  border-radius: 20px 20px 0 0 !important;
}
.animatedAccordion.clicked .accordionContent > div > .w-colourblock {
  border-radius: 0 0 20px 20px !important;
}

/* Product Carousel  -----------------------------------------------------------------*/

:root{
  --animator-panels: 1;
  --animator-gutter: 20;
  --animator-position: 0;
}

#top .ProductCarousel ul.s-products-grid > li:nth-child(n+2){
  --animator-position: 1;
}

.ProductCarousel{
  position: relative;
}

.ProductCarousel .ProductCarouselButton.outsideSides,
.ProductCarousel .ProductCarouselButton.autoSides{
  align-self: center;
}

@media screen and (max-width:575px){
  .ProductCarousel .ProductCarouselButton.autoSides.w-hide-xs{
    position: absolute;
    z-index: 1;
    padding: var(--button-padding);
    width: var(--button-width);
    box-sizing: content-box;
    background-color:  var(--button-background);
  }
  .ProductCarousel .ProductCarouselButton.autoSides.w-hide-xs.CarouselLeftButton{
    left: var(--button-gap);
  }
  .ProductCarousel .ProductCarouselButton.autoSides.w-hide-xs.CarouselRightButton{
    right: var(--button-gap);
  }
}

.ProductCarousel .CarouselCenter {
  overflow: hidden;
}

.ProductCarousel ul.s-products-grid{
  width: 999999999px;
  justify-content: flex-start;
}

#top .ProductCarousel ul.s-products-grid > li{
  position: relative;
  grid-row: 1 / span 1;
  grid-column: 1 / span 1;
  width: calc(100% / var(--animator-panels) - var(--animator-gutter) * 1px);
  left: calc(100% * var(--animator-position));
}

.wEdit .w-help:has(+ .ProductCarousel){
  background: #000;
  color: #fff;
  padding: 0 8px;
  line-height: 36px;
}