#tmp-nav{
    display: block;
    height: 56px;
    background: #014694;
}

#tmp-searchbar{
    display: none;
}

@media screen and (min-width: 768px) {
    #tmp-nav{
        height: 60px;
    }

    #tmp-searchbar{
        display: block;
        height: 88px;
        background: #fff;
        border-bottom: 1px solid #e4e6ea;
    }
}

#__next{
    display: block;
    height: auto;
}

#__next,
header[data-testid="header"],
[data-testid="searchbar"],
footer{
    clear: both;
}

#home header[data-testid="header"]{
    background: transparent;
}

[data-testid="searchbar"] input[type="text"] {
    height: calc(2em + 1.2rem + 2px);
    font-size: 16px;
    border-radius: 0 5px 5px 0;
    margin: 0;
}

[data-testid="searchbar"] input[type="text"][name="loc"]{
    border-radius: 0;
}

@media screen and (min-width: 1024px) {
    [data-testid="searchbar"] input[type="text"] {
        height: 100%;
    }
}