body {
background-image:  url('/Order/images/harvestcafe/bg.png')   !important;
#background-color:white !important;
background-position: center top  !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: fixed !important;

}

.table-item-view {
    border: 1px solid #dedede !important;
}

#imgRestaurantLogo {
    vertical-align: top!important;
    width:280px !important;
    height:90px !important;
}
#div-restaurant-header {
     border-bottom: none !important;
   background-color:white !important;
background-image:  url('/Order/images/harvestcafe/headerbg.png')   !important;
background-position: center top  !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: fixed !important;

    height: 150px !important;
   -webkit-box-shadow: 0px 1px 1px #424242 !important;
-moz-box-shadow: 0px 1px 1px #424242 !important;
box-shadow: 0px 1px 1px #424242 !important;
font-family: "Oswald", sans-serif !important;
}

    #div-restaurant-header div, #div-restaurant-header span, #div-restaurant-header a {
        margin-top:0px !important;
        color: #000000 !important;
font-size: 20px !important;
vertical-align:top !important;
    }

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */

    #div-restaurant-header {
width:auto !important;
    }
#div-restaurant-header div, #div-restaurant-header span, #div-restaurant-header a {
        margin-top:10px !important;
        color: #a4a4a4 !important;
font-size: 8px !important;
vertical-align:top !important;
    }
#imgRestaurantLogo {
    width:auto !important;
    height:auto !important;
}
}

@media only screen 
and (max-width : 640px) {

     #div-restaurant-header {
        height:200px !important;
    }
/* Styles */
#div-restaurant-header div, #div-restaurant-header span, #div-restaurant-header a {
        margin-top:10px !important;
        color: #818181 !important;
font-size: 10px !important;
vertical-align:middle !important;
    }
#imgRestaurantLogo {
  height: 90px !important;  
  width:280px !important;
}
}

#div-restaurant-service-info {
    #display:none !important;
}
.active {
    background-color: #ae0a12 !important;
    border:1px solid #000000 !important;
}

#tdCategoryNameDesc, #trCartHeader, #tdCheckoutDesc {
        background-color: #000000 !important;
 
}

.spnItemName {
    color:  #E51F29 !important;
}

.btn-primary, .btn-info {
    background-color: #ae0a12 !important;
    color: white !important;
    border: 1px solid #E51F29 !important;
}

.spnCheckoutQuestion {
    color:  #f8b93b !important;
    font-weight: bold;
}

#footerLogo {
    margin-top: 150px !important;
}


ul#site-nav-1201 {
    list-style-type: none;
    margin: 0;
    padding:0;

    font-family: "Oswald", sans-serif;
line-height: 1.73462;

font-weight: 200;
letter-spacing: 2px;
background-color:black;
height:100px !important;
vertical-align:top;
}

#site-nav-1201 > li {
    display:inline;
    padding-right: 2em;
    text-align:center;
}

#site-nav-1201 > li > a{
    
color: #848284;
text-transform: none;
font-size: .8em !important;
border: none;
height: 95px;
text-align:center;

}

    #site-nav-1201 > li:hover {
       text-decoration:none;
       background-color: #D12F2A;
    }



#addtlDiv1201 {
height: 100px;
}

.table {
display: table;   /* Allow the centering to work */
margin: 0 auto;
}

ul#horizontal-list {
list-style: none;
padding-top: 20px;

}
ul#horizontal-list li {
display: inline;
margin:4px;
padding:8px;
}

ul#horizontal-list li a{
 font-size:15px !important;
 font-family: "Oswald", sans-serif;
line-height: 1.73462;
letter-spacing: 2px;
}
ul#horizontal-list li:hover, ul#horizontal-list li a:hover  {
background-color:#D12F2A;
color: white !important;
text-decoration: none !important;
}


#footerLogo {
    margin-top: 75px !important;
    margin-bottom:15px !important;

}

.customRed, .customRed a {
    color:#d12f2a !important;
}

.customRed a:hover {
    text-decoration:none;
}


.socialMedia i, .socialMedia a{
    margin-right:10px !important;
    color: rgb(129, 129, 129) !important
}

.socialMedia a:hover{
    text-decoration: none;
    color:white !important;
}

#addtldivFooter1201 {
    margin-top:20px !important;
    background-color: #373737 !important;
}