.searchResultsBanner{background-color:var(--colour-lightNavy);padding:120px 0 0;margin-bottom:-20px;background-image:url("/assets/images/searchResults/searchBannerBackgroundMobile.png");background-position:0 0;background-size:100% 100%}@media(min-width: 768px){.searchResultsBanner{padding:140px 0 0;background-image:url("/assets/images/searchResults/searchBannerBackground.png")}}.searchResultsBanner.isActive .inner{opacity:1;transform:translateY(0)}.searchResultsBanner .container{max-width:1180px;margin:0 auto;padding:0 5%;box-sizing:content-box}.searchResultsBanner .container.small{max-width:780px}@media(min-width: 1050px){.searchResultsBanner .container{padding:0 8%}}.searchResultsBanner .inner{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:780px;margin:0 auto;transform:translateY(30px);opacity:0;transition:opacity .6s ease,transform .6s ease}@media(min-width: 768px){.searchResultsBanner .inner{width:80%}}.searchResultsBanner h1{margin-bottom:12px;line-height:1.2;font-weight:500;font-family:var(--font-title);color:var(--colour-title);font-size:4rem;line-height:1.2;margin:0;color:var(--colour-white);margin-bottom:50px}@media(min-width: 768px){.searchResultsBanner h1{font-size:4.8rem}}@media(min-width: 1420px)and (min-height: 800px){.searchResultsBanner h1{font-size:5.6rem}}@media(min-width: 768px){.searchResultsBanner h1{font-size:4.4rem;line-height:1.3}}@media(min-width: 1420px)and (min-height: 800px){.searchResultsBanner h1{font-size:4.8rem;margin-bottom:60px}}.searchResultsBanner form{width:100%;position:relative}.searchResultsBanner input.searchResultsInput{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}.searchResultsBanner input.searchResultsInput:focus-visible{outline:var(--colour-focus) 1px solid;outline-offset:3px}@media(min-width: 768px){.searchResultsBanner input.searchResultsInput{font-size:1.5rem;min-height:60px}}.searchResultsBanner input.searchResultsInput:hover{border-color:var(--colour-darkNavyBorder)}.searchResultsBanner input.searchResultsInput[type=date]{background-image:url("/images/icons/dateIcon.svg");background-position:right 17px top 47%;background-repeat:no-repeat}.searchResultsBanner input.searchResultsInput[type=date]::-webkit-calendar-picker-indicator{opacity:0}.searchResultsBanner input.searchResultsInput:disabled{opacity:.5}.searchResultsBanner input.searchResultsInput::placeholder{color:var(--colour-darkText)}.searchResultsBanner input.searchResultsInput::-ms-expand{display:none}.searchResultsBanner input.searchResultsInput::-webkit-search-cancel-button{-webkit-appearance:none}@media(min-width: 768px){.searchResultsBanner input.searchResultsInput{min-height:60px}}.searchResultsBanner 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}.searchResultsBanner input.button:focus-visible{outline:var(--colour-focus) 1px solid;outline-offset:3px}@media(min-width: 768px){.searchResultsBanner input.button{width:44px;height:44px;right:8px;top:8px}}.searchResultsBanner input.button:hover{background-color:var(--colour-orange);background-image:url("/assets/images/searchIconWhite.svg")}
