.searchOverlay{position:fixed;visibility:hidden;overflow-x:hidden;top:0;transform:translateY(-100%);left:0;background-color:var(--colour-lightNavy);width:100%;z-index:30000;transition:transform .3s ease-in-out,visibility .3s ease-in-out;padding:0 5%}@media(min-width: 1050px){.searchOverlay{border-radius:0 0 20px 20x;padding:0 8%}}.searchOverlay.pc-isActive{transform:translateY(0%);visibility:visible}.searchOverlay.pc-isActive .closeIcon{opacity:1;transition-delay:.3s}.searchOverlay .searchOverlayInner{margin:0 auto;padding:16px 0}@media(min-width: 768px){.searchOverlay .searchOverlayInner{padding:20px 0}}@media(min-width: 1050px){.searchOverlay .searchOverlayInner{display:grid;align-items:center;grid-template-columns:26% 74%;max-width:780px}}.searchOverlay .searchOverlayInner label{font-family:var(--font-body);color:var(--colour-darkBeige);font-size:1.6rem;font-weight:500;display:inline}@media(min-width: 768px){.searchOverlay .searchOverlayInner label{padding-right:16px}}@media(min-width: 1050px){.searchOverlay .searchOverlayInner label{padding-right:16px}}.searchOverlay .searchOverlayInner input.searchInput{moz-appearance:none;-webkit-appearance:none;font-size:1.4rem;font-weight:500;color:var(--colour-darkText);font-family:var(--font-body);padding:10px 20px;border:1px solid var(--colour-beigeBorder);min-height:50px;background-color:var(--colour-white);text-align:left;border-radius:8px;margin:0;transition:border-color .2s ease;width:100%;min-height:54px}.searchOverlay .searchOverlayInner input.searchInput:focus-visible{outline:var(--colour-focus) 1px solid;outline-offset:3px}@media(min-width: 768px){.searchOverlay .searchOverlayInner input.searchInput{font-size:1.5rem;min-height:60px}}.searchOverlay .searchOverlayInner input.searchInput:hover{border-color:var(--colour-darkNavyBorder)}.searchOverlay .searchOverlayInner input.searchInput[type=date]{background-image:url("/images/icons/dateIcon.svg");background-position:right 17px top 47%;background-repeat:no-repeat}.searchOverlay .searchOverlayInner input.searchInput[type=date]::-webkit-calendar-picker-indicator{opacity:0}.searchOverlay .searchOverlayInner input.searchInput:disabled{opacity:.5}.searchOverlay .searchOverlayInner input.searchInput::placeholder{color:var(--colour-darkText)}.searchOverlay .searchOverlayInner input.searchInput::-ms-expand{display:none}.searchOverlay .searchOverlayInner input.searchInput::-webkit-search-cancel-button{-webkit-appearance:none}@media(min-width: 768px){.searchOverlay .searchOverlayInner input.searchInput{min-height:60px}}.searchOverlay .searchOverlayInner input.button{position:absolute;right:7px;top:7px;background-color:var(--colour-beige);border-radius:4px;width:40px;height:40px;border:none;outline:none;cursor:pointer;background-image:url("/assets/images/searchIconOrange.svg");background-size:17px 18px;background-position:center center;background-repeat:no-repeat;transition:all .2s ease}.searchOverlay .searchOverlayInner input.button:focus-visible{outline:var(--colour-focus) 1px solid;outline-offset:3px}@media(min-width: 768px){.searchOverlay .searchOverlayInner input.button{width:44px;height:44px;right:8px;top:8px}}.searchOverlay .searchOverlayInner input.button:hover{background-color:var(--colour-orange);background-image:url("/assets/images/searchIconWhite.svg")}.searchOverlay .searchWrapper{position:relative;margin-top:15px}@media(min-width: 768px){.searchOverlay .searchWrapper{margin-top:20px}}@media(min-width: 1050px){.searchOverlay .searchWrapper{margin-top:0px}}.searchOverlay .closeIcon{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;position:fixed;top:18px;right:5%;padding:0;background-color:transparent;border:none;cursor:pointer}.searchOverlay .closeIcon:focus-visible{outline:var(--colour-focus) 1px solid;outline-offset:3px}@media(min-width: 768px){.searchOverlay .closeIcon{right:5%;top:22px}}@media(min-width: 1050px){.searchOverlay .closeIcon{right:20px;top:40px}}@media(min-width: 1420px){.searchOverlay .closeIcon{right:30px}}.searchOverlay .closeIcon:focus-visible{outline:none}.searchOverlay .closeIcon:focus-visible svg{outline:1px solid var(--colour-focus);outline-offset:2px}.searchOverlay .closeIcon:hover svg{fill:var(--colour-orange)}.searchOverlay .closeIcon svg{width:20px;height:20px;transition:fill .2s ease;fill:var(--colour-darkBeige)}
