﻿

#main-menu li:not(.showhide) div * {
    font-family: "Poppins";
}
#main-menu > li:not(.showhide) {
    background-color: black;
}
#main-menu > li > a {
    font-family: "Wallman";
    text-transform: uppercase;
}
#main-menu input,
.flush-header-search input{
    font-family: "Poppins";
}

/*fix static divs*/
.footerTopBar,
#footer {
    position: relative;
}
body {
    font-family: Poppins, Verdana, Arial, sans;
}

.row.full-width {
    max-width: 100%;
}

.flush-header {
    background-color: white;
}
.flush-header .logo {
    max-width: 350px;
    padding: 5px 3px;
}

.flush-header-search {
    position: relative;
    color: #aaa;
    font-size: 16px;
    margin: auto;
    max-width: 490px;
    padding-top: 7px;
    padding-bottom: 7px;
}


    .flush-header-search input {
        width: 100%;
        height: 25px;
        background: white;
        border: none;
        font-size: 14px;
        font-family: 'Poppins';
        padding-left: 2px;
    }
    .flush-header-search button {
        position: absolute;
        top: 10px;
        right: 4px;
        background: none;
        border: none;
        color: inherit;
        padding: 0;
        margin: 0;
    }
.flush-header-search .fa-search {
    font-size: 18px;
}
.header-icon {
    display: inline-block;
    position: relative;
    width: 32px;
    margin-left: 6px;
}
.fluid-header-cart-amt {
    position: absolute;
    top: 4.6px;
    left: 8px;
    font-family: "Wallman";
    color: white;
    display:block;
    text-align:center;
    width:20px;
}
.header-icon-wrapper {
    padding-top: 20px;
    margin-right: 10px;
}
.header-icon img {
    max-width: 29px;

}
.mobile-menu-container .icon {
    padding-top: 11px;
    display: block;
    cursor: pointer;
    background-color: white;
}
.mobile-menu-container .icon em {
    margin-bottom: 3px;
    display: block;
    width: 25px;
    height: 3px;
    background: black;
}

@media (max-width: 768px) {

    .top-main-menu > li {
        display: list-item;
        width: auto;
        /* color: #fff; */
        /* box-sizing: border-box; */
        -moz-box-sizing: border-box;
        /* -webkit-box-sizing: border-box; */
    }
}

/*extra small*/

@media only screen and (max-width: 24.375em) {



    .header-icon-wrapper {
        padding-top: 16px;
        margin-right: 10px;
    }

    .header-icon {
        display: inline-block;
        position: relative;
        width: 22px;
        margin-left: 3px;
    }

    .flush-header .logo {
        max-width: 125px;
    }

    .fluid-header-cart-amt {
        position: absolute;
        top: 4px;
        left: 2.5px;
        width:17px;
        font-size: 0.9rem;
    }
}



    /*small*/
@media only screen and (max-width: 40.062em) {

    .sub-header-banner li {
        font-size: 14px;
    }

    .top-main-menu > li.showhide .icon em {
        margin-bottom: 5px;
        display: block;
        width: 31px;
        height: 3px;
        background: #2c2c2c;
        float: right;
        clear: right;
    }

    .top-main-menu > li.showhide span.icon {
        margin: 0;
        float: none;
    }


    .top-main-menu > li {
        display: block;
        width: 100%;
        background-color: white;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .top-main-menu > li > a {
        color: #3a3a3a;
        font-size: 16px;
        letter-spacing: 1.5px;
        margin-top: 0;
    }
}

/*small only*/
    @media only screen and (min-width: 24.375em) and (max-width: 40.062em) {

        .sub-header-banner li {
            font-size: 14px;
        }
        .flush-header .logo {
            max-width: 157px;
        }

        .top-main-menu > li.showhide .icon em {
            margin-bottom: 5px;
            display: block;
            width: 31px;
            height: 3px;
            background: #2c2c2c;
            float: right;
            clear: right;
        }

        .top-main-menu > li.showhide span.icon {
            margin: 0;
            float: none;
        }


        .top-main-menu > li {
            display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .top-main-menu > li > a {
                color: white;
                font-size: 16px;
                letter-spacing: 1.5px;
                margin-top: 0;
            }
    }
    /*medium*/
    @media only screen and (min-width: 40.063em) {


        /*sticky*/
        .top-main-menu > li > a {
            font-size: 11px;
            padding: 2px 5px;
        }


        nav.main-menu.fixed-sticky {
            top: 0;
            position: fixed;
            z-index: 9999;
            width: 100%;
        }

        #HeaderBannerContainer {
            position: relative;
        }

        .fluid-header-banner.fixed-sticky {
            z-index: 100;
            position: fixed;
            top: 43px;
            width: 100%;
        }

        #main-wrap.fixed-sticky {
            position: relative;
            top: 81px;
            margin-bottom: 81px;
        }

        .flush-header-search {
            position: relative;
            font-size: 20px;
            max-width: 490px;
            padding-top: 25px;
        }

            .flush-header-search button {
                top: 33px;
            }

            .flush-header-search input {
                height: 33px;
                font-size: 14px;
                padding-left: 15px;
                padding-top: 5px;
                border: 1px solid black;
            }


        .header-icon img {
            max-width: 30px;
        }

        .header-icon-wrapper {
            padding-top: 25px;
            margin-right: 16px;
        }

        .header-icon {
            padding-top: 5px;
            margin-left: 3px;
            position: relative;
        }

        .fluid-header-cart-amt {
            top: 8.6px;
            left: 8px;
            font-size: 18px;
            width: 19px;
        }

        .main-menu-table {
            display: table;
            margin: 0 auto;
        }
    }

/*medium*/
@media only screen and (min-width: 47.5em) {
    .header-icon {
        margin-left: 11px;
    }

    .top-main-menu > li > a {
        font-size: 12px;
        padding: 2px 10px;
    }

    .flush-header.row{
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

    /*large*/
    @media only screen and (min-width: 64.063em) {

        .top-main-menu > li > a {
            font-size: 16px;
            padding: 2px 17px;
        }


        .flush-header-search {
            padding-top: 25px;
        }

            .flush-header-search button {
                right: 6px;
            }


        .header-icon-wrapper {
            margin-right: 16px;
            padding-top: 26px;
        }
        .header-icon {
            padding-top: 2px;
            margin-left: 28px;

        }

        .header-icon img {
            max-width: 36px;
        }


        .fluid-header-cart-amt {
            top: 5.5px;
            left: 4.8px;
            font-size: 20px;
            width:22px;
        }
    }


/*x-large*/

@media only screen and (min-width: 90em) {
    .top-main-menu > li > a {
        font-size: 20px;
        padding: 2px 28px;
    }

}

    .fluid-header-banner {
        background-color: #887934;
        margin: 0;
    }

    .fluid-header-banner-table {
        display: table;
        margin: 0 auto;
    }

    .sub-header-banner {
        list-style: none;
        margin-bottom: 0;
        margin-left: 0;
        padding: 10px 0 5px;
        line-height: 1.4;
    }

        .sub-header-banner li {
            display: inline;
            color: white;
            padding: 0 3px;
            font-weight: bold;
        }

            .sub-header-banner li a {
                text-transform: uppercase;
                color: white;
                font-weight: bold;
            }



#main-menu li:not(.showhide) div * {
    font-family: "Poppins";
}
#main-menu > li:not(.showhide) {
    background-color: black;
}
#main-menu > li > a {
    font-family: "Wallman";
    text-transform: uppercase;
}
#main-menu input,
.flush-header-search input{
    font-family: "Poppins";
}

/*fix static divs*/
.footerTopBar,
#footer {
    position: relative;
}
body {
    font-family: Poppins, Verdana, Arial, sans;
}

.row.full-width {
    max-width: 100%;
}

.flush-header {
    background-color: white;
}
.flush-header .logo {
    max-width: 350px;
    padding: 5px 3px;
}

.flush-header-search {
    position: relative;
    color: #aaa;
    font-size: 16px;
    margin: auto;
    max-width: 490px;
    padding-top: 7px;
    padding-bottom: 7px;
}


    .flush-header-search input {
        width: 100%;
        height: 25px;
        background: white;
        border: none;
        font-size: 14px;
        font-family: 'Poppins';
        padding-left: 2px;
    }
    .flush-header-search button {
        position: absolute;
        top: 10px;
        right: 4px;
        background: none;
        border: none;
        color: inherit;
        padding: 0;
        margin: 0;
    }
.flush-header-search .fa-search {
    font-size: 18px;
}
.header-icon {
    display: inline-block;
    position: relative;
    width: 32px;
    margin-left: 6px;
}
.fluid-header-cart-amt {
    position: absolute;
    top: 4.6px;
    left: 8px;
    font-family: "Wallman";
    color: white;
    display:block;
    text-align:center;
    width:20px;
}
.header-icon-wrapper {
    padding-top: 20px;
    margin-right: 10px;
}
.header-icon img {
    max-width: 29px;

}
.mobile-menu-container .icon {
    padding-top: 11px;
    display: block;
    cursor: pointer;
    background-color: white;
}
.mobile-menu-container .icon em {
    margin-bottom: 3px;
    display: block;
    width: 25px;
    height: 3px;
    background: black;
}

@media (max-width: 768px) {

    .top-main-menu > li {
        display: list-item;
        width: auto;
        /* color: #fff; */
        /* box-sizing: border-box; */
        -moz-box-sizing: border-box;
        /* -webkit-box-sizing: border-box; */
    }
}

/*extra small*/

@media only screen and (max-width: 24.375em) {



    .header-icon-wrapper {
        padding-top: 16px;
        margin-right: 10px;
    }

    .header-icon {
        display: inline-block;
        position: relative;
        width: 22px;
        margin-left: 3px;
    }

    .flush-header .logo {
        max-width: 125px;
    }

    .fluid-header-cart-amt {
        position: absolute;
        top: 4px;
        left: 2.5px;
        width:17px;
        font-size: 0.9rem;
    }
}



    /*small*/
@media only screen and (max-width: 40.062em) {

    .sub-header-banner li {
        font-size: 14px;
    }

    .top-main-menu > li.showhide .icon em {
        margin-bottom: 5px;
        display: block;
        width: 31px;
        height: 3px;
        background: #2c2c2c;
        float: right;
        clear: right;
    }

    .top-main-menu > li.showhide span.icon {
        margin: 0;
        float: none;
    }


    .top-main-menu > li {
        display: block;
        width: 100%;
        background-color: white;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .top-main-menu > li > a {
        color: #3a3a3a;
        font-size: 16px;
        letter-spacing: 1.5px;
        margin-top: 0;
    }
}

/*small only*/
    @media only screen and (min-width: 24.375em) and (max-width: 40.062em) {

        .sub-header-banner li {
            font-size: 14px;
        }
        .flush-header .logo {
            max-width: 157px;
        }

        .top-main-menu > li.showhide .icon em {
            margin-bottom: 5px;
            display: block;
            width: 31px;
            height: 3px;
            background: #2c2c2c;
            float: right;
            clear: right;
        }

        .top-main-menu > li.showhide span.icon {
            margin: 0;
            float: none;
        }


        .top-main-menu > li {
            display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .top-main-menu > li > a {
                color: white;
                font-size: 16px;
                letter-spacing: 1.5px;
                margin-top: 0;
            }
    }
    /*medium*/
    @media only screen and (min-width: 40.063em) {


        /*sticky*/
        .top-main-menu > li > a {
            font-size: 11px;
            padding: 2px 5px;
        }


        nav.main-menu.fixed-sticky {
            top: 0;
            position: fixed;
            z-index: 9999;
            width: 100%;
        }

        #HeaderBannerContainer {
            position: relative;
        }

        .fluid-header-banner.fixed-sticky {
            z-index: 100;
            position: fixed;
            top: 43px;
            width: 100%;
        }

        #main-wrap.fixed-sticky {
            position: relative;
            top: 81px;
            margin-bottom: 81px;
        }

        .flush-header-search {
            position: relative;
            font-size: 20px;
            max-width: 490px;
            padding-top: 25px;
        }

            .flush-header-search button {
                top: 33px;
            }

            .flush-header-search input {
                height: 33px;
                font-size: 14px;
                padding-left: 15px;
                padding-top: 5px;
                border: 1px solid black;
            }


        .header-icon img {
            max-width: 30px;
        }

        .header-icon-wrapper {
            padding-top: 25px;
            margin-right: 16px;
        }

        .header-icon {
            padding-top: 5px;
            margin-left: 3px;
            position: relative;
        }

        .fluid-header-cart-amt {
            top: 8.6px;
            left: 8px;
            font-size: 18px;
            width: 19px;
        }

        .main-menu-table {
            display: table;
            margin: 0 auto;
        }
    }

/*medium*/
@media only screen and (min-width: 47.5em) {
    .header-icon {
        margin-left: 11px;
    }

    .top-main-menu > li > a {
        font-size: 12px;
        padding: 2px 10px;
    }

    .flush-header.row{
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

    /*large*/
    @media only screen and (min-width: 64.063em) {

        .top-main-menu > li > a {
            font-size: 16px;
            padding: 2px 17px;
        }


        .flush-header-search {
            padding-top: 25px;
        }

            .flush-header-search button {
                right: 6px;
            }


        .header-icon-wrapper {
            margin-right: 16px;
            padding-top: 26px;
        }
        .header-icon {
            padding-top: 2px;
            margin-left: 28px;

        }

        .header-icon img {
            max-width: 36px;
        }


        .fluid-header-cart-amt {
            top: 5.5px;
            left: 4.8px;
            font-size: 20px;
            width:22px;
        }
    }


/*x-large*/

@media only screen and (min-width: 90em) {
    .top-main-menu > li > a {
        font-size: 20px;
        padding: 2px 28px;
    }

}

    .fluid-header-banner {
        background-color: #887934;
        margin: 0;
    }

    .fluid-header-banner-table {
        display: table;
        margin: 0 auto;
    }

    .sub-header-banner {
        list-style: none;
        margin-bottom: 0;
        margin-left: 0;
        padding: 10px 0 5px;
        line-height: 1.4;
    }

        .sub-header-banner li {
            display: inline;
            color: white;
            padding: 0 3px;
            font-weight: bold;
        }

            .sub-header-banner li a {
                text-transform: uppercase;
                color: white;
                font-weight: bold;
            }

/* Nuclear option - hide the empty middle search column entirely */

.flush-header .medium-4.hide-for-small-down {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* Also hide the search container itself in case it's rendering */

.flush-header-search {
    display: none !important;
}


/* Now expand logo + icons to fill the full row */

.flush-header .columns.small-5,
.flush-header .columns[class*="small-5"] {
    width: 50% !important;
    max-width: 50% !important;
}

.flush-header .columns.small-7,
.flush-header .columns[class*="small-7"] {
    width: 50% !important;
    max-width: 50% !important;
}

@media only screen and (min-width: 40.063em) {
    .flush-header .columns.small-5,
    .flush-header .columns[class*="small-5"] {
        width: 50% !important;
    }
    .flush-header .columns.small-7,
    .flush-header .columns[class*="small-7"] {
        width: 50% !important;
    }
}

.flush-header.row .medium-4.hide-for-small-down,
.flush-header.row .columns.medium-4.hide-for-small-down {
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    float: none !important;
}

.flush-header.row .columns.small-5 {
    width: 50% !important;
    max-width: 50% !important;
}

.flush-header.row .columns.small-7 {
    width: 50% !important;
    max-width: 50% !important;
}