/* 
The default styles for this skin are in /ordereze/Content/ordereze-skin.css 
You may override any of those CSS styles in this file below
*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700);
@import url(//fonts.googleapis.com/css?family=Boogaloo);

body, html, .main-container {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !Important; 
}
div.footer .hours dt {
    line-height: 8px;
}
.menu-page .main-container { 
background-image: url(https://digitalmarketing.blob.core.windows.net/5909/skins/HappyCappucino/menu_bg.jpg) !important;
 background-attachment: fixed !Important;
background-position: top center !Important;
background-repeat: no-repeat !Important;
background-size: cover !Important;
}


.menu-page .rightDivider span {
background-image: url(https://digitalmarketing.blob.core.windows.net/5909/skins/HappyCappucino/menu_bg.jpg) !important;
 background-attachment: fixed !Important;
background-position: top center !Important;
background-repeat: no-repeat !Important;
background-size: cover !Important;
display: inline-block;
}

.social-icons {
    margin-top: -27px;
}

.social-icons ul li {
    top: -20px;
    position: relative;
}

.nav > li > a.logo:hover {
         	-ms-opacity: 1;
	opacity: 1;
}

.menus-links a, .Ord-LinkItem{
    font-weight: bold;
    color: black;
}

.dropdown-menu > li > a {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !Important; 
font-weight: bold;
}

.dropdown-menu > li > a:hover {
background: #3f342c;
    	-ms-opacity: 1;
	opacity: 1;
}

.nav-justified > .dropdown .dropdown-menu {
    position: absolute;
    top: 95px !Important; 
    left: -10px !Important; 
}

/* Footer Social Icon Colors */
.footer ul.social-icons-ctrl li a {
	color: #232323;
	background-color: rgba(255, 255, 255, 0.4);
}

.footer ul.social-icons-ctrl li a:hover {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

.navbar li {
    white-space: nowrap;
}

@media (max-width: 1200px) {
.navbar li {
    white-space: normal;
}
}

.menus-links a, .Ord-LinkItem{
    font-weight: bold;
    color: black;
}

h1, h2 {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !Important; 
font-weight: bold;
}

.rightDivider span {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !Important; 
font-weight: bold;
}

.middleDivider {
    text-align: center;
    border-bottom: 5px double #381608;
    margin-bottom: 20px;
}



.middleDivider span {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !Important; 
font-weight: bold;
     background: #c2a47c;
    color: white;
    border-radius: 10px;
}

h1.divider, legend {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !Important; 
font-weight: bold;
}

.footer .col-md-3 {
    border-right: 1px solid #fff;
}

.navbar a {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !Important; 
font-weight: bold;
    color: #341204;
}

.navbar a:hover {
	-ms-opacity: .5;
	opacity: .5;
}


.newsletter-btn {
    background:#fbdfa8;
    color: Black;
    border: 0px;
}

.newsletter-btn:hover {
    background:#f8edd6;
    color: Black;
    border: 0px;
}

.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background:#fbdfa8;
    color: Black;
    border: 0px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
   background:#f8edd6;
    color: Black;
    border: 0px;
}

.navbar {
    background: #c2a47c;
    border-bottom: 4px solid #381608;
}

div.footer {
    background: #3f342c;
    line-height: 18px;
    height: 390px;
}

@media (max-width: 991px) {
div.footer {
    height: 590px;
}
}



.copyright {
    background: #1c1713;
}