.searchOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;max-height:0px;background-color:var(--colour-white);z-index:50000;overflow:hidden;transition:max-height .6s ease-in-out .2s,visibility 0s ease .8s}.searchOverlay.pc-isActive{transition:max-height .6s ease-in-out,visibility 0s ease 0s;max-height:100vh}.searchOverlay.pc-isActive .inner{opacity:1;transition-delay:.6s}.searchOverlay .container{max-width:1120px;margin:0 auto;padding:0 5%;box-sizing:content-box}.searchOverlay .container.small{max-width:750px}@media(min-width: 1050px){.searchOverlay .container{padding:0 8%}}.searchOverlay .inner{position:relative;padding-top:30px;padding-bottom:60px;opacity:0;transition:opacity .2s ease-in-out}@media(min-width: 768px){.searchOverlay .inner{padding-top:80px;padding-bottom:100px}}.searchOverlay .closeButton{position:absolute;top:20px;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.searchOverlay .closeButton:focus-visible{outline:var(--colour-navy) 1px solid;outline-offset:2px}@media(min-width: 768px){.searchOverlay .closeButton{top:70px}}.searchOverlay .closeButton:hover svg{fill:var(--colour-cyan)}.searchOverlay .closeButton svg{fill:var(--colour-navy);transition:fill .2s ease}.searchOverlay .top{margin-bottom:32px}@media(min-width: 768px){.searchOverlay .top{margin-bottom:40px;padding:0 24px}}.searchOverlay .top h2{margin:0 0 16px;line-height:1.27;font-weight:700;font-family:var(--font-body);color:var(--colour-navy);font-size:3rem;line-height:1}@media(min-width: 768px){.searchOverlay .top h2{font-size:3.52rem}}@media(min-width: 1420px)and (min-height: 800px){.searchOverlay .top h2{font-size:4.4rem}}.searchOverlay .top p{margin:0 0 20px;font-family:var(--font-body);color:var(--colour-black);font-size:1.9rem;line-height:1.7;font-weight:300;margin:0}@media(min-width: 768px){.searchOverlay .top p{font-size:1.98rem}}@media(min-width: 1420px)and (min-height: 800px){.searchOverlay .top p{font-size:2.2rem;line-height:1.8}}@media(min-width: 768px){.searchOverlay form{border:1px solid var(--colour-border);padding:24px 24px 40px}}.searchOverlay form label{font-size:1.6rem;color:var(--colour-navy);margin-bottom:4px;display:block;font-weight:700}@media(min-width: 768px){.searchOverlay form label{font-size:1.71rem}}@media(min-width: 1050px){.searchOverlay form label{font-size:1.9rem}}@media(min-width: 768px){.searchOverlay form .inputButton{display:flex}}.searchOverlay form input{moz-appearance:none;-webkit-appearance:none;font-size:1.4rem;line-height:1.4;font-weight:400;color:var(--colour-black);padding:12px;border:solid 1px var(--colour-border);min-height:50px;background-color:var(--colour-white);text-align:left;border-radius:0px;margin:0;width:100%;margin-bottom:16px}.searchOverlay form input:focus-visible{outline:var(--colour-cyan) 1px solid;outline-offset:2px}@media(min-width: 1050px){.searchOverlay form input{font-size:1.6rem}}.searchOverlay form input[type=date]{background-image:url("/images/icons/dateIcon.svg");background-position:right 17px top 47%;background-repeat:no-repeat}.searchOverlay form input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.searchOverlay form input:disabled{opacity:.5}.searchOverlay form input::-ms-expand{display:none}.searchOverlay form input::-webkit-search-cancel-button{-webkit-appearance:none}@media(min-width: 768px){.searchOverlay form input{flex-grow:1;margin-right:24px;margin-bottom:0}}.searchOverlay form button{font-size:1.9rem;border:0;width:auto;max-width:100%;font-weight:bold;padding:13.5px 20px 13.5px 20px;margin:32px 0 0;text-decoration:none;text-align:center;box-sizing:border-box;display:inline-block;position:relative;cursor:pointer;z-index:1;transition:background .2s ease,color .2s ease;border:1px solid var(--colour-cyan);color:var(--colour-white);background-color:var(--colour-cyan);margin:0;min-width:0px;width:100%}.searchOverlay form button:focus-visible{outline:var(--colour-cyan) 1px solid;outline-offset:2px}.searchOverlay form button.disabled,.searchOverlay form button[disabled]{opacity:.4;pointer-events:none}.searchOverlay form button:hover{background-color:var(--colour-cyanHover)}@media(min-width: 768px){.searchOverlay form button{flex:0 0 160px}}
