:root {
    --main-bg-color: #002b49; /*Achtergrond HR's, achtergrond hover op menu's, achtergrond mobiel balk, banner & footer, .btn-primary */
    /* Main-button = inlogbutton & winkelwagenbutton */
    --main-button-color: #e30013; /*#004B85;*/ /*Lichte variant*/
    --main-button-boxshadow-color: #990010; /* #092B45;*/ /* Middel variant  */
    --main-button-icon-color: #b30010; /*#092E4B;*/ /* Donkere variant */
    --secondary-bg-color: #00456d;
    --secondary-box-shadow-color: #33667f;
    --secondary-button-color: #e30013;
    --bestel-categorie-color: #e65100;
    --main-text-color: #333333;
    --main-placeholder-color: #999999;
    --text-bekijk-product: #ff9800;
    --standaard-wit: #ffffff;
}

.k-grid .k-column-title {
    font-weight: 700;
}

._login-layout .form-control-input {
    background-color: rgba(0,0,0,0.5) !important;
}

._login-layout .form-control--with-icon {
    background-color: rgba(0,0,0,0.5) !important;
}

/* Zet achtergrond van inlogpagina naar juiste map*/
.login-wrapper {
    background-image: url(bg.jpg)
}

/* Geen wit logo, maar normaal */
.white-logo {
    filter: initial;
}

#header-logo {
    background-color: white;
}

.site-header .search-bar-wrapper,
.site-header input::placeholder,
.site-header .fa-search,
.site-header input {
    color: var(--secondary-bg-color);
}

.site-header .btn--primary {
    background-color: white;
    border-color: var(--secondary-bg-color);
    color: var(--secondary-bg-color);
}

.site-header .bg-primary {
    background-color: white;
}

.site-header .white-logo {
    filter: initial;
}

.quick-navigation {
    padding-bottom: 1%;
}

    .quick-navigation strong {
        font-weight: bold;
        font-size: 120%;
    }

    .quick-navigation a {
        font-weight: lighter;
        font-size: 110%;
    }

@media (max-width:1024px) {
    .site-header .fa-search {
        color: white;
    }

    .site-header .search-bar, .site-header input::placeholder {
        background-color: var(--main-bg-color);
        color: white;
    }
}

@media (min-width:1024px) {
    .bestellen .text-lg {
        height: 75px;
    }
}