/* 
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(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@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=Courgette); font-family: 'Courgette', cursive;*/
/*@import url(//fonts.googleapis.com/css?family=Droid+Serif:400,700); font-family: 'Droid Serif', serif;*/
/*@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800); font-family: 'Open Sans', sans-serif;*/

/*Body / Content Area*/
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    font-family: 'Open Sans', sans-serif;
    background-color: #f1ebdb !important;
    color: #000;
}
html, .main-container {
    padding: 0px;
    margin: 0px;
    background-color: transparent !important;
}
a {
    color: #000;
}
    a:hover {
        color: #999;
    }
    blockquote {
    border-left: 0px;
}

/*Navigation Bar*/
.nav > li > a:hover, .nav > li > a:focus {
background-color:transparent;
}
.navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        border-top:1px solid white;
        border-bottom:1px solid white;
    }
.navbar {
    padding-bottom: 10px;
    border-bottom: 3px solid #2c9500;
    background-color: #144300;
}

.nav span {
    font-family: 'Open Sans', sans-serif;
    color: #fff !important;
    font-weight: 600;
    opacity: 1;
}

.tab_hoverstate img {
    opacity: 0;
}

.nav li:hover span {
    visibility: visible;
    opacity: 1;
    color: #2c9500 !important;
}

.dropdown-menu > li > a:hover {
    background-color: #000;
}
.navbar-nav > li:first-child {
margin-left:0;
}
    .navbar-nav > li:last-child {
    margin-right:0;
    }
.navbar-nav > li {
    margin: 0 18px; /* the static margin between the links */
    line-height: 73px; /* so that the link text is centered vertically with the logo */
}



/*Headers*/
h1, h1.divider, legend, hr {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    color: #af5f2b;
    padding-left: 0px;
    border-bottom: 2px solid #144300;
}

/*Menu Section*/
.middleDivider {
    border-color: #144300;
}
.middleDivider span{
    font-weight:bold;
}
    .middleDivider span, .rightDivider span {
        background-color: #F1EBDB;
        color: #af5f2b;
    }

.rightDivider {
    border-bottom: 1px dashed #000;
}

.menus-links a {
    white-space: nowrap;
    color: #000;
}

#ctl00_MainContent_lnkFullMenu {
    color: #000 !important;
}
/*Login*/
.login-ctrls {
    padding: 10px 0px;
}

    .login-ctrls a {
        color: #000;
    }

        .login-ctrls a:hover {
            color: #000;
        }

#ctl00_MainContent_Login1_UserName, #ctl00_MainContent_Login1_Password {
    color: #000 !important;
    background-color: #fff !important;
}

/*Forms*/
.textbox {
    margin-bottom: 5px;
    color: #000;
}

.button {
    color: #000;
}

.select {
    margin-bottom: 5px;
    color: #000;
}

.form-group {
    font-size: 12pt;
    color: #144300;    
}

.form-control {
    background-color: #fff;
    color: #000;
}
/*Footer*/
div.footer {
    font-family: 'Open Sans', sans-serif;
    background-color: #a04a13;
    color: #fff;
    padding:15px;
}
a.address{
    color: #fff;
}
a:hover.address {
    color: #000;
}
.categories {
    font-weight: 400;
}

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

div.footer h2 {
    font-weight: 500;
    color: #fff;
margin:0;
}

.categories a {
    color: #fff;
}

    .categories a:hover {
        color: #000;
    }
    ul.categories, .contact-footer ul, ul.addressContainer{
        margin-left:0;
    }
#ctl00_joinNewsLetter_newsLetterInput, #joinNewsLetter_newsLetterInput{
    width:60%;
    margin:5px 5px 0 0;
    display:inherit;
}
.newsletter-input {
    background: #fff !important;
    color: #000 !important;
}

.newsletter-btn {
    margin: 6px 0;
  padding: 5px 10px;
    background: #000 !important;
    color: #fff !important;
}

    .newsletter-btn:hover {
	background: #f7e9ce !important;
        color: #000 !important;        
    }

.btn-primary {
    margin-bottom:10px;
    background-color: #144300;
    border-color: #144300;
    color: #fff;
}

    .btn-primary:hover {
	background-color: #1f5c05;
        border-color: #1f5c05;
        color: #fff;        
    }
/*Social Media*/
.social-icons ul li a{
background: url("https://digitalmarketing.blob.core.windows.net/5255/skins/TheLooseCaboose/images/social_icons.png");
}
.social-icons {
padding:0;
}
.social-icons ul li a.google{
    background-position:-67px 0;
}
.social-icons ul li a:hover.google{
    background-position:-67px -30px;
}
.social-icons ul li a.instagram{
   background-position:-100px 0;
}
.social-icons ul li a:hover.instagram{
    background-position:-100px -30px;
}
.social-icons ul li a.yelp{
    background-position:-133px 0;
}
.social-icons ul li a:hover.yelp{
    background-position:-133px -30px;
}
.social-icons ul li a.trip{
    background-position: -166px 0;
}
.social-icons ul li a:hover.trip{
    background-position:-166px -30px;
}
.social-icons ul li a.four{
    background-position: -196px 0;
}
.social-icons ul li a:hover.four{
    background-position:-196px -30px;
}
.social-icons ul li a.urbanspoon{
    background-position: -226px 0;
}
.social-icons ul li a:hover.urbanspoon{
    background-position: -226px -30px;
}
.social-icons ul li a.youtube{
    background-position: -253px 0;
}
.social-icons ul li a:hover.youtube{
    background-position: -253px -30px;
}
.social-icons ul li a.opentable{
    background-position: -281px 0;
}
.social-icons ul li a:hover.opentable{
    background-position: -281px -30px;
}
.social-icons ul li a.pintrist{
    background-position: -309px 0;
}
.social-icons ul li a:hover.pintrist{
    background-position: -309px -30px;
}
.social-icons ul li a.blogger{
    background-position: -337px 0;
}
.social-icons ul li a:hover.blogger{
    background-position: -337px -30px;
}
.social-icons ul li a.linkedin{
    background-position: -363px 0;
}
.social-icons ul li a:hover.linkedin{
    background-position: -363px -30px;
}
/*Copyright*/
.copyright {
    background: #903f0c;
    color: #fff;
    font-size: 10px;
}

    .copyright a {
        color: #fff;
    }

        .copyright a:hover {
            color: #127cc4;
        }


/*Tablet phone number & Email color fix*/
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}
/*@Media Queries*/
@media (max-width: 1199px) {
    .nav span{
        font-size:16px;
    }
    .navbar-nav > li {
        margin: 0 5px; /* decrease the link margin on lower resolutions */
    }
}
@media (max-width: 991px) {
    .logo{
        width:200px;
    }
    .navbar span{
        font-size:12px;
    }
    .navbar-nav > li {
        margin: 0 2px; /* decrease the link margin on lower resolutions */
    }
}