Eloas CSS

<style>
body {
color: #111;
}
#signature .kn_made_by img {width: 120px;}

@media (min-width: 992px) {
#header .container {
display: flex;
position: relative;
}
#header .search {
order: 1;
}
#header .site-name {
text-align: center;
order: 2;
}
.navigation-buttons {
order: 3;
}
}

#header {background: #111; color: #fff;}
#header .form-control, #header .search-form::after {
border-color: #111;
color: #e9e9e9 !important;
background-color: #111;
}
#header ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #e9e9e9;
}
#header ::-moz-placeholder { /* Firefox 19+ */
color: #e9e9e9;
}
#header :-ms-input-placeholder { /* IE 10+ */
color: #e9e9e9;
}
#header :-moz-placeholder { /* Firefox 18- */
color: #e9e9e9;
}
.header-bottom {
border-color: #111;
}
.navigation-buttons a[data-target="cart"] {
color: #e9e9e9;
}
.top-navigation-bar {
background-color: #222;
border-color: #222;
}
.header-bottom {
background: #f7f7f7;
border-color: #111;
}
@media (min-width: 480px) {
#header .site-name a img {max-height: 60px;padding: 0px;transition: all 0.5s ease;}
.sticky #header .site-name a img {padding: 12px 0px 6px;transition: all 0.5s ease;}
.scrolled #header .header-top {padding: 0px 0;transition: all 0.5s ease;}
}

@media (min-width: 768px) {
.fitted .navigation-in ul {
justify-content: center;
}
.navigation-in>ul>li>a {
padding-top: 15px;
padding-bottom: 15px;
}
#navigation {
height: 48px;
}
}
.navigation-in ul li a b {
font-weight: 400;
}
body:not(.ordering-process).sticky #header { position: fixed; top: 0px; left: 0; width: 100%; z-index: 9;}
#header .navigation-buttons a:hover, #header .search:hover {color: #9be2d4;}

.flags-extra .flag {
margin-left: 0;
border-radius: 0;
}

.flag.flag-action {background-color: #9be2d4;color: #111;}
.flag.flag-tip {background-color: #797687;}
.flag.flag-new {background-color: #c2c2c2;color: #111;}
.flag.flag-freeshipping {background-color: #797687;}
.flag.flag-discount {background-color: #9be2d4;color: #111;}

 

.categories .topic a {
font-weight: 400;
font-size: 100%;
background: #f7f7f7;
margin-bottom: 3px;
}
.categories .topic.active>a {
color: #111;
background-color: #9be2d4;
}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {
left: 6px;
top: 13px;
}
#categories a:hover {
color: #fff;
background: #797687;
}
.btn.btn-conversion:hover, a.btn.btn-conversion:hover, .btn.btn-cart:hover, a.btn.btn-cart:hover {
color: #fff !important;
}
.ui-slider-handle {
background-color: #9be2d4;
}
.sidebar>div {
border-width: 0px !important;
}
.box.box-bg-default {
background-color: #f7f7f7;
}
.navigation-buttons > a[data-target="cart"] i {
color: #111;
background-color: #9be2d4;
top: 9px;
}
@media (min-width:767px) {
.navigation-buttons > a[data-target="cart"] i {left: -7px !important;}
.top-navigation-bar a {color: #f7f7f7;}
.top-navigation-bar a:hover {color: #9be2d4;}
}
.menu-helper {height: 48px;font-weight: 400;}
.menu-helper>span {padding: 15px 10px;}
.navigation-buttons a[data-target="navigation"]::before, .navigation-buttons a[data-target="search"]::before {color: #fff;}
.navigation-window-visible .navigation-buttons a[data-target="navigation"]::before {color: #111;}
#navigation .navigation-in ul li>a>b {text-decoration: none;}
</style>