﻿body {
    font-family: "acumin-pro-wide", sans-serif;
    background-color: #fbfbfb;
}

.navbarHeight {
    height: 105px;
}

.contentBG {
    background-color: white;
}

.siteTourButtonColor {
    border: 1px solid #9bbb25;
    color: #335703;
}

    .siteTourButtonColor:hover {
        background-color: #9bbb25;
        color: black;
        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: #9bbb25;
}
.subNavItemTextColor {
    color: #24272a;
}

.subNavButton {
    color: black;
    background-color: white;
    border: 1px solid #e6e6e6;
}

.subNavButtonIcon {
    color: #77848e;
}

.logoImageFullStyle {
    width: 232px;
    height: 94px;
    background-image: url('../images/logos/CDC_1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    top: -10px;
    position: relative;
}

@media (max-width: 700px) {
    .headerBG {
        background: white;
    }

    .logoImageFullStyle {
        width: 170px;
        height: 28px;
        top: 0px;
        background-image: url('../images/logos/CDC_Small.png');
    }


    .subNavItemsWrapperWrapper {
        background-color: white;
        font-size: 1.2em;
    }

    .subNavItemToggle {
        color: #9bbb25;
    }

    .subNavItemTextColor {
        color: white;
        text-shadow: 1px 1px 1px #3a3d39;
    }

    .subNavButton {
        color: white;
        background-color: #45545f;
        border: 1px solid #45545f;
    }

    .subNavButtonIcon {
        color: white;
    }
}

.headerMenuTextColor {
    color: white;
}

.textColor1 {
    color: #b8db36;
}

.textColor2 {
    color: white;
}

.textColor3 {
    color: #9bbb25;
}

.textColor4 {
    color: #cf9407;
}

.textColor5 {
    color: #adadad;
}

.textColor6 {
    color: #455560;
}

.textColor7 {
    color: #b88919;
}

.textColor8 {
    color: #215980;
}

.textColor9 {
    color: #fde2a3;
}

.textColor10 {
    color: #77848e;
}

.textColor11 {
    color: #fe6d6d;
}

.textColor12 {
    color: #738d13;
}

.textColor13 {
    color: #52636f;
}

.textColor14 {
    color: #a5d3f5;
}

.textColor15 {
    color: #3391d4;
}

.textColor16 {
    color: White;
}

.bgColor1 {
    background-color: #9bbb25;
}

.bgColor2 {
    background-color: orange;
}

.bgColor3 {
    background-color: #738d13;
}

.bgColor4 {
    background-color: #45545f;
}

.bgColor5 {
    background-color: white;
}

.bgColor6 {
    background: #9bbb25; /*For browsers that do not support gradients*/
    background: -webkit-linear-gradient(#b3d439, #85a413); /*For Safari 5.1 to 6.0*/
    background: -o-linear-gradient(#b3d439, #85a413); /*For Opera 11.1 to 12.0*/
    background: -moz-linear-gradient(#b3d439, #85a413); /*For Firefox 3.6 to 15*/
    background: linear-gradient(#b3d439, #85a413); /*Standard syntax*/
}

.border1 {
    border: 1px solid #98a70e;
}


.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: #3e2000;
    background: -webkit-linear-gradient(#432301, #201100 ); /*For Safari 5.1 to 6.0*/
    background: -o-linear-gradient(#432301, #201100 ); /*For Opera 11.1 to 12.0*/
    background: -moz-linear-gradient(#432301, #201100 ); /*For Firefox 3.6 to 15*/
    background: linear-gradient(#432301, #201100 ); /*Standard syntax*/
}


@media (max-width: 700px) {

    .textColor16 {
        color: black;
    }
}

.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;
}