/* Defaults */
/*---------------------------------------------*/

/* Links */
/*---------------------------------------------*/

a {
    color: #000000;
}

    a:not(.anchor-button):hover {
        color: #000000;
    }

/* Lists */
/*---------------------------------------------*/

/* Headings */
/*---------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    color: #000000;
}

/* Responsive grid system overrides */
/*---------------------------------------------*/

/* Responsive menu */
/*---------------------------------------------*/

.navigation-menu ul li:hover {
    background-color: #F5E904;
}

    .navigation-menu ul li:hover a {
        color: #000000;
    }

.navigation-menu ul li ul li {
    background-color: #F5E904;
}

    .navigation-menu ul li ul li ul li {
        background-color: #F5E904;
    }

    .navigation-menu ul li ul li:hover {
        background-color: #000000;
    }

    .navigation-menu ul li ul li ul li:hover {
        background-color: #000000;
    }

.navigation-menu > ul > li > ul > li,
.navigation-menu > ul > li > ul > li > ul > li {
    background-color: #F5E904;
}

    .navigation-menu > ul > li > ul > li:hover,
    .navigation-menu > ul > li > ul > li > ul > li:hover {
        background-color: #000000;
    }

        .navigation-menu > ul > li > ul > li:hover > a,
        .navigation-menu > ul > li > ul > li > ul > li:hover > a {
            color: #FFFFFF;
        }

/* Primary layout elements */
/*---------------------------------------------*/

.primary_background_color {
    background-color: #000000;
}

.primary_color {
    color: #000000;
}

.section-wrapper.top-header {
    display: none;
}

.section-wrapper.header {
    background-image: url('../images/bestplate-blurred-lines.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .section-wrapper.header .section {
        height: 150px;
    }

#header_container {
    margin-top: 25px;
}

    #header_container .company_contact_info {
        width: 258px;
        height: 100px;
        background-image: url('../Images/bestplate-contact-info.png');
    }

.company_logo {
    width: 256px;
    height: 100px;
    background-image: url('../images/bestplate-logo-white.png');
    background-position: center;
    background-repeat: no-repeat;
}

.company_name {
    display: none;
}

@media only screen and (max-width: 767px) {
    .section-wrapper.header .section {
        height: 100px;
    }

    #header_container {
        margin-top: 10px;
    }

        #header_container .company_contact_info {
            display: none;
        }

    .company_logo {
        width: 205px;
        height: 80px;
    }
}

@media only screen and (max-width: 480px) {
    .section-wrapper.header .section {
        height: 70px;
    }

    #header_container {
        margin-top: 5px;
    }

    .company_logo {
        width: 154px;
        height: 60px;
    }
}

.section-wrapper.sub-header {
    background-color: #000000;
}

.section-wrapper.footer-top {
    background-color: #2D2D2D;
}

.form-fieldset-legend {
    background-color: #000000;
}

/* Form elements */
/*---------------------------------------------*/

.literal-above,
.small-literal-above {
    color: #000000;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #000000;
}

input[type="text"].login,
input[type="password"].login {
    border-bottom: 1px solid #000000;
    margin-bottom: 0;
}

    input[type="text"].login:focus,
    input[type="password"].login:focus {
        border-bottom: 1px solid #000000;
        margin-bottom: 0;
    }

.button_inside_textbox .the_button {
    background-color: #000000;
}

    .button_inside_textbox .the_button:hover {
        background-color: #F5E904;
    }

.Button,
.button-state-default,
input[type="button"],
input[type="submit"],
.ui-dialog .ui-dialog-buttonpane button {
    background-color: #000000;
}

/* Tables */
/*---------------------------------------------*/


.responsive-table .desktop-header,
.responsive-table-xs .desktop-header {
    border-bottom: 1px solid #000000;
}

.responsive-table .desktop-footer,
.responsive-table-xs .desktop-footer {
    border-top: 1px solid #000000;
}

.responsive-table .row-item:hover,
.responsive-table-xs .row-item:hover {
    border-left: 5px solid #F5E904;
}

/* Styles to make the file upload control look half decent */
/*---------------------------------------------*/

/* JQuery UI Overrides */
/*---------------------------------------------*/

.ui-widget-overlay {
    background: #2D2D2D;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #F5E904;
    background: #000000;
}

/* Metro checkbox */
/*---------------------------------------------*/

/* Catalogue Items */
/*---------------------------------------------*/

.catalogue-txt {
    color: #000000;
}

/* Misc */
/*---------------------------------------------*/

.literal.text_link:hover,
.literal-above.text_link:hover,
.small-literal-above.text_link:hover {
    color: #000000;
}

.search-filters-clear,
.order-line-edit,
.order-line-removal {
    filter: grayscale(100%) brightness(0);
}

.summary-phone-icon {
    filter: grayscale(100%) brightness(0);
}

.summary-email-icon {
    filter: grayscale(100%) brightness(0);
}