#search-bar{position:absolute;width:100%;z-index:1;opacity:0;transition:all .2s ease-in-out;top:0;height:var(--search-bar-height)}@media(min-width: 1110px){#search-bar{display:none}}#search-bar .search-bar-wrapper{height:100%;padding:0 1rem}#search-bar .search-bar-wrapper>div{padding:0 1rem}#search-bar .search-bar-wrapper input{width:100%;border-radius:none;appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border:1px solid #ccc;font-family:"Montserrat",sans-serif}#search-bar .search-bar-wrapper button[type=submit]{background:none;border:none;padding:0 1rem}#search-bar.active{top:calc(var(--header-height));opacity:1}@media(max-width: 1110px){#search-bar.active{top:calc(var(--header-height-mobile))}}@media(max-width: 780px){#search-bar{top:0;height:var(--search-bar-height-mobile)}#search-bar.active{top:var(--header-height-mobile)}#search-bar .search-bar-wrapper{padding:0 1rem}}