/*--------------------------------------------------------------
# Header General
--------------------------------------------------------------*/
.header {
    width: 100%;
    position: relative;
    z-index: 99;
    @include transit();

    &.headroom--not-top {
        position: fixed !important;
        background: #fff !important;
        top: 0;
        left: 0;
        -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
        z-index: 999;

        #menu .menu__container > li > a {
            padding-top: 40px;
            padding-bottom: 40px;
        }
    }

    .open-right {
        display: none;
    }
}

.top-search, .top-search-mobile {
    width: 100%;
    background-color: $color__primary;
    color: #fff;
    display: none;

    form {
        padding-left: 30px;
        position: relative;

        input[type="search"] {
            border: none;
            background: none;
            color: #fff !important;
            font-size: 16px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            padding: 0;

            &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                color: #fff;
            }

            &::-moz-placeholder { /* Firefox 19+ */
                color: #fff;
            }

            &:-ms-input-placeholder { /* IE 10+ */
                color: #fff;
            }

            &:-moz-placeholder { /* Firefox 18- */
                color: #fff;
            }
        }

        input[type="submit"] {
            display: none;
        }
    }
}

body.admin-bar {
    header.headroom--not-top {
        top: 32px;
    }
}

@include media-breakpoint-down(md) {
    header.header-desktop {
        display: none !important;
    }
}
