.mobile-search-container{display:none;padding:1rem;visibility:hidden;position:fixed;top:0;left:0;bottom:0;width:100%}.mobile-search-container .close{position:absolute;z-index:12;top:2rem;right:1rem;color:#fff;font-size:2rem}.mobile-search-container .close:hover{cursor:pointer}.mobile-search-container:before{content:"";position:absolute;z-index:11;top:0;bottom:0;left:0;right:0;height:0;opacity:0;background:rgba(0,0,0,.8);transition:opacity 200ms linear}.mobile-search-container .search-box{margin-top:14vh}@media screen and (min-width: 61.25rem){.mobile-search-container{position:relative;top:0;bottom:0;width:100%}}.mobile-search-container.active{display:flex;justify-content:center;visibility:visible;z-index:11}.mobile-search-container.active:before{height:100vh;opacity:1}.search-wrap{position:relative;z-index:12}@media screen and (min-width: 61.25rem){.search-wrap{width:18rem}}.search-wrap:before{display:flex;align-items:center;font-family:"Font Awesome 5 Pro";content:"";position:absolute;z-index:12;left:1rem;font-size:1rem;height:100%}.search-wrap .search{width:100%;height:34px;border:none;border-radius:1rem;padding:.2rem 2rem .2rem 2rem;font-size:1rem;background:#f2f2f2}@media screen and (min-width: 61.25rem){.search-wrap .search{height:34px}}.search-wrap .search:focus{outline:none}.search-wrap .cancel-search{display:flex;align-items:center;position:absolute;right:0;top:0;font-size:1.5rem;width:1.6rem;height:34px;text-align:center}@media screen and (min-width: 61.25rem){.search-wrap .cancel-search{height:34px}}.search-wrap .cancel-search:hover{cursor:pointer}.search-wrap .search-results{position:absolute;top:2rem;z-index:10;margin-left:.75rem;margin-right:.75rem;width:calc(100% - 1.5rem);background:#f1f1f1;font-size:.8rem;box-shadow:0 0 5px 0 rgba(0,0,0,.2)}@media screen and (min-width: 61.25rem){.search-wrap .search-results{margin:0;width:28rem;left:calc(50% - 28rem);transform:translateX(50%)}}.search-wrap .search-results ul{list-style:none;padding:0;margin:0}.search-wrap .search-results ul li{padding:1rem 0}.search-wrap .search-results ul li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.search-wrap .search-results ul li a{display:block;padding:0 2rem;text-decoration:none}.search-wrap .search-results ul li a:focus{border:none;outline:none}.search-wrap .search-results ul li:hover{cursor:pointer;background:#f7f7f7}