/* Header Search */
:root {
    --search-height: 30px;
}

#header-search {
    position: absolute;
    display: none;
    top: 30px;
    right: 0;
    z-index: 99;
}


.search-active #header-search {
    display: block;
}

.header-search-trigger {
    display: none;
}

.header-search-trigger-desktop {
    display: block;
}

.header-search-form {
    display: flex;
    position: relative;
}

.header-search-btn {
    -webkit-appearance: button;
    background: transparent;
    border: 0;
}

.header-search-textbox {
    height: var(--search-height);
    line-height: var(--search-height);
    background: #FFFFFF;
    border: 1px solid #595959;
    box-sizing: border-box;
    font-family: Lato, sans-serif;
    padding: 0 7px;
    width: 202px;
    transition: border-color .4s;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    flex-grow: 1;

}

.header-search-textbox,
.header-search-textbox::placeholder {
    color: #595959;
}

.header-search-textbox:focus {
    outline: 0;
    border-color: #27527C;
}

.header-search-btn {
    color: #27527C;
    position: absolute;
    right: 0;
    height: var(--search-height);
    padding: 0 5px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}

:root {
    --search-height: 46px;
}

.header-search-btn {
    display: none;
}

@media (max-width: 600px) {
    #header-search {
        left: 0;
        right: 0;
        top: 80px;
    }

    .search-active #header #header-logo {
        margin-top: var(--search-height);
    }

    .header-search-trigger {
        display: block;
    }

    .header-search-trigger-desktop {
        display: none;
    }

    .header-search-textbox {
        width: initial;
        padding: 0 17px;
    }
}

.search.search-results .entry-title {
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 0;
}

.search.search-results #main-content-inside {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.search.search-results .navigation {
    display: flex;
    justify-content: space-between;
}

.search.search-results #content #main-content.inside-page #nav-above a,
.search.search-results #content #main-content.inside-page #nav-below a {
    font-size: 16px;
}

body.search #main-content-inside a,
body.search #main-content-inside a:visited {
    color: #155380;
    text-decoration: none;
}
/* END Header Search */