/*
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 */
}
}