﻿@keyframes rotating{100%{transform:rotate(360deg)}}:root{--header-background-color: rgb(78, 114, 231);--project-map-green: #69AE24;--project-map-brown: #B75700;--project-map-red: #DA0000}.search-page{margin-bottom:6rem}.search-box{background:var(--base-grey, #f7f7f7);padding:clamp(2rem, 1.9108280255vw, 3rem);margin-bottom:clamp(3rem, 2.5477707006vw, 4rem)}.search-box .search-box-inner{display:flex;align-items:center}.search-box input[type=search]{max-width:100%;flex:0 1 100%;height:clamp(4rem, 3.821656051vw, 6rem);padding:.4rem .8rem;background-color:transparent;border:none;caret-color:var(--text-color, #262626);color:var(--text-color, #262626)}.search-box input[type=search]:focus,.search-box input[type=search]:hover{outline:0}.search-box .search-box-btn{outline:none;border:none;background:transparent;font-size:0;height:100%;display:flex;align-items:center}.search-box .search-box-btn::after{content:"";font-size:clamp(2rem, 1.5923566879vw, 2.5rem);color:var(--main-color, #0F275E);transition:200ms ease-in-out}.search-box .search-box-btn:hover,.search-box .search-box-btn:focus{cursor:pointer;text-decoration:none}.search-box .search-box-btn:hover::after,.search-box .search-box-btn:focus::after{color:var(--main-color-hover, #081532)}.search-results-container{display:grid;grid-gap:3rem;grid-template-columns:repeat(1, 1fr)}@media(min-width: 575px){.search-results-container{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 575px){.search-results-container{grid-template-columns:repeat(4, 1fr)}}.search-item{background:var(--base-grey, #f7f7f7);display:flex;text-decoration:none;padding:2rem;transition:.2s ease-in-out}.search-item h4{margin-top:0;font-size:2rem;line-height:1.2;transition:.2s ease-in-out}.search-item .search-item-content{width:100%}.search-item .search-item-text{color:var(--text-color, #262626)}.search-item:after{content:"";margin:0 0 0 1rem;transition:.2s ease-in-out;color:var(--second-color, #E97F31);font-size:2rem}.search-item:focus,.search-item:hover{text-decoration:none}.search-item:focus h4,.search-item:hover h4{color:var(--second-color, #E97F31)}.search-item:focus:after,.search-item:hover:after{color:var(--main-color, #0F275E)}