body {
    font-family: "acumin-pro-wide", sans-serif;
    background-color: #fbfbfb;
}

.navbarHeight {
    height: 80px;
}
.contentBG {
    background-color: white;
}

.siteTourButtonColor {
    border: 1px solid #4d6e88;
    color: black;
}

    .siteTourButtonColor:hover {
        background-color: #4d6e88;
        color: white;
        text-shadow: 1px 1px 1px #3a3d39;
    }



.headerBG {
    background: white; /*For browsers that do not support gradients*/
}

.grayBG {
    background: #f7f7f7; /*For browsers that do not support gradients*/
    background: -webkit-linear-gradient(#f7f7f7, #e5e6e7); /*For Safari 5.1 to 6.0*/
    background: -o-linear-gradient(#f7f7f7, #e5e6e7); /*For Opera 11.1 to 12.0*/
    background: -moz-linear-gradient(#f7f7f7, #e5e6e7); /*For Firefox 3.6 to 15*/
    background: linear-gradient(#f7f7f7, #e5e6e7); /*Standard syntax*/
}


.subNavItemsWrapperWrapper {
    background-color: white;
    color: #24272a;
    font-size: 1.1em;
}

.subNavItemToggle {
    color: #12486f;
}

.subNavItemTextColor {
    color: #24272a;
}

.subNavButton {
    color: black;
    background-color: white;
    border: 1px solid #e6e6e6;
}

.subNavButtonIcon {
    color: #77848e;
}

.logoImageFullStyle {
    width: 300px;
    height: 83px;
    background-image: url('../images/logos/best_vendors_logo_horizontal.png');
    background-repeat: no-repeat;
    background-size: 100%;
    top:-20px;
    position:relative;
}

@media (max-width: 700px) {
    .headerBG {
        background: white;
    }

    .logoImageFullStyle {
        width: 300px;
        height: 83px;
        top: -30px;
    }


    .subNavItemsWrapperWrapper {
        background-color: white;
        font-size: 1.2em;
    }

    .subNavItemToggle {
        color: #12486f;
    }

    .subNavItemTextColor {
        color: #2c5777;
        text-shadow: 1px 1px 1px #3a3d39;
    }

    .subNavButton {
        color: white;
        background-color: #45545f;
        border: 1px solid #45545f;
    }

    .subNavButtonIcon {
        color: white;
    }
}

.headerMenuTextColor {
    color: white;
}

.textColor1 {
    color: #61acf0;
}

.textColor2 {
    color: white;
}

.textColor3 {
    color: #184d74;
}


.textColor4 {
    color: #2c5777;
}

.textColor5 {
    color: #adadad;
}

.textColor6 {
    color: #114473;
}

.textColor7 {
    color: #b88919;
}

.textColor8 {
    color: #215980;
}



.textColor9 {
    color: #fde2a3;
}

.textColor10 {
    color: #77848e;
}

.textColor11 {
    color: #fe6d6d;
}

.textColor12 {
    color: #0a385a;
}

.textColor13 {
    color: #174567;
}

.textColor14 {
    color: #a5d3f5;
}

.textColor15 {
    color: #3391d4;
}

.textColor16 {
    color: #155f95;
}

.bgColor1 {
    background-color: #155f95;
}

.bgColor2 {
    background-color: orange;
}

.bgColor3 {
    background-color: #0c3452;
}

.bgColor4 {
    background-color: #45545f;
}

.bgColor5 {
    background-color: #155f95;
}

.bgColor6 {
    background: #155f95; /*For browsers that do not support gradients*/
    background: -webkit-linear-gradient(#155f95, #054573); /*For Safari 5.1 to 6.0*/
    background: -o-linear-gradient(#155f95, #054573); /*For Opera 11.1 to 12.0*/
    background: -moz-linear-gradient(#155f95, #054573); /*For Firefox 3.6 to 15*/
    background: linear-gradient(#155f95, #054573); /*Standard syntax*/
}

.border1 {
    border: 1px solid #155f95;
}


.processingDisplay {
    height: 70px;
    background-image: url('../images/icons/canteenAjax-loader.gif');
    background-repeat: no-repeat;
    padding-top: 70px;
}
/*LOGIN*/
.loginBannerBG {
    background-image: url('../images/banners/coffeeLoginBanner.jpg');
}

.siteTourBannerBG {
    background-image: url('../images/banners/coffeeLoginBanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1900px;
}
.loginBoxColor {
    background-color: rgba(255, 255, 255, 0.7);
}

    /*HOME*/
    .homeBannerBG {
        background-image: url('../images/banners/canteenLoginBanner.jpg');
        width: 100%;
    }

    .borderMobileMenuItem {
        padding-left: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #546c7d;
        color: #2c5777;
        font-weight: 600;
        font-size: 1.1em;
        text-shadow:none;
    }


/*nav Links BG*/
#bs-example-navbar-collapse-2 {
    background: #0e2b41;
    background: -webkit-linear-gradient(#4d6e88, #0e2b41); /*For Safari 5.1 to 6.0*/
    background: -o-linear-gradient(#4d6e88, #0e2b41); /*For Opera 11.1 to 12.0*/
    background: -moz-linear-gradient(#4d6e88, #0e2b41); /*For Firefox 3.6 to 15*/
    background: linear-gradient(#4d6e88, #0e2b41); /*Standard syntax*/
}

.homeBannerBGColor {
    background-color: white;
}

.homeBannerSize {
    width: 100%;
    min-width: 900px;
    /*max-width: 1250px;*/
    text-align: center;
    height: 289px;
}

.homeBrandBanner {
    height: 289px;
    width: 100%;
    background-image: url('../images/banners/canteenLoginBanner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}