/* F&K — Search Bar */

/* =========================================
   GLOBAL SEARCH
========================================= */

.fk-search-section {
    background:#eeeeee;
    color:#111;
}

.fk-search-container {
    max-width:920px;
    margin:auto;
    padding:58px 22px 64px;
    text-align:center;
}

.fk-search-title {
    margin:0;
    color:#111;
    font-size:clamp(27px,3vw,38px);
    line-height:1.15;
    letter-spacing:-.025em;
    font-weight:800;
}

.fk-search-description {
    max-width:680px;
    margin:12px auto 28px;
    color:#555;
    font-size:15px;
    line-height:1.6;
}

.fk-search-form {
    position:relative;
    width:min(100%,760px);
    margin:0 auto;
}

.fk-search-form input {
    display:block;
    width:100%;
    height:58px;
    padding:0 68px 0 22px;
    border:1px solid #cfcfcf;
    border-radius:4px;
    background:#fff;
    color:#111;
    font-family:inherit;
    font-size:15px;
    box-shadow:0 7px 24px rgba(0,0,0,.07);
    outline:none;
    transition:border-color .2s ease, box-shadow .2s ease;
}

.fk-search-form input::placeholder {
    color:#777;
}

.fk-search-form input:focus {
    border-color:#999;
    box-shadow:0 8px 28px rgba(0,0,0,.1);
}

.fk-search-form button {
    position:absolute;
    top:0;
    right:0;
    width:58px;
    height:58px;
    padding:0;
    border:0;
    background:transparent;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.fk-search-form button svg {
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
}

.fk-search-form button:hover {
    color:var(--fk-red);
}

@media(max-width:800px) {

    .fk-search-container {
        padding:44px 22px 50px;
    }

}

@media(max-width:520px) {

    .fk-search-title {
        font-size:28px;
    }

    .fk-search-description {
        font-size:14px;
    }

    .fk-search-form input {
        height:54px;
        padding-left:17px;
        padding-right:58px;
        font-size:14px;
    }

    .fk-search-form button {
        width:54px;
        height:54px;
    }

}