/* Header Search
   ========================================================================== */

#header {
    .navbar-search {
        .search-input {
            font-size: 14px;
            font-weight: 200;
            color: #fff;
            padding-left: 15px;
            padding-right: 25px;
            height: 34px;
            border-radius: 17px;
            border: 2px solid #fff;
            background-color: transparent;
            z-index: 1;
            &::placeholder {
                color: #ccc;
                opacity: 1;
            }
            &:focus {
                background-color: #fff;
                color: #000;
                @include box-shadow(none);
            }
        }
        .search-input {
            background-color: #fff;
            color: $text-color;
        }
        [type="submit"] {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 50px;
            background: transparent;
            border-width: 0;
            z-index: 2;

            height: 34px;
            line-height: 34px;
            padding: 6px 15px;
            background-color: $gx-brand-secondary;
            @include border-right-radius(17px);
            svg {
                fill: #fff;
                width: 18px;
                height: 18px;
            }
        }
        .header {
            display: none;
        }
    }
}



// search
.navbar-search .search-result-container.open {
    margin-top: 10px;
    border-radius: 17px;
}