/* ============================== */
/* = HOW TO CUSTOMIZE PAGELINES = */
/* ============================== */

/*

Rules placed in this stylesheet will override the default styles of the Base Platform theme and will not be changed or over written when you update the 
Platform framework. Additionally, since this stylesheet is purely for editing purposes you can easily undo or erase some of the CSS to return your site back to the look and feel of the Base theme. 

In the Base theme the footer is black and the CSS looks like this:

	#footer {
		clear:both;
		font-size:1em;
		overflow:hidden;
		text-align: left;
		background: #000;
		color: #999;
		position: relative;
	}
		
To change the background color to white, all you have to do is declare a new rule for the color like so:

		#footer { background: #FFF; }

A great tool for modifying themes and inspecting CSS elements is the FireBug extension for FireFox. You can also use the developer tools provided by Chrome (right-click and "inspect element") or Internet Explorer if you're feeling dangerous.

LEARN CSS - We recommend using Lynda.com video tutorials to learn using CSS. 
			Also, for a comprehensive list of CSS rules and usage try consulting W3 schools @ http://www.w3schools.com/css/default.asp
*/
/* ============================== */
/* = Start Your Custom CSS Here = */
/* ============================== */

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), url(http://themes.googleusercontent.com/static/fonts/merriweather/v6/RFda8w1V0eDZheqfcyQ4EHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(http://themes.googleusercontent.com/static/fonts/merriweather/v6/ZvcMqxEwPfh2qDWBPxn6nnl4twXkwp3_u9ZoePkT564.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

body, .font1, .font-primary, .commentlist, .thead, h1, h2, h3, h4, h5, h6, .site-title, .font-sub, ul.main-nav, #secondnav, .metabar, .post-nav, .subtext, .subhead, .widget-title, .reply a, .editpage, #page .wp-pagenavi, .post-edit-link, #wp-calendar caption, #wp-calendar thead th, .soapbox-links a, .fancybox, .standard-form .admin-links, .pagelines-blink, .ftitle small {
font-family:'Open Sans', arial, sans-serif;
}

/* WooCommerce Edits */
#content .type-product, .woocommerce {
    max-width: 960px;
    margin: 0 auto !important;
}



/*Jigoshop*/
.jigoshop .h1, .jigoshop .h2, .jigoshop .h3, .jigoshop h1, .jigoshop h2, .jigoshop h3 {
    margin-top: 6%;
    margin-bottom: 10px;
}


/* Events Calendar Elements */
.timely{
margin-bottom:15px;
}

.ai1ec-calendar-toolbar {
border:0;
}

.ai1ec-subscribe-container {
display:none;
}

.ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date {
border-top: 0;
}

.ai1ec-agenda-view .ai1ec-date, .ai1ec-agenda-widget-view .ai1ec-date {
background:#fff;
}

.ai1ec-agenda-view .ai1ec-event {
border: none;
}

.ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-agenda-view .ai1ec-date-title {
border: 1px solid #193927;
border-top: none;
border-radius: 0;
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.08);
box-shadow: 0 0 0 rgba(0,0,0,0.08);
font-weight: bold !important;
background-image: none;
background-image: none;
background-repeat: no-repeat;
filter: none;
filter: none;
text-shadow: 0 0 0 #fff;
}

.ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month {
border-radius:0;
text-shadow: 0 0 0 rgba(0,0,0,0.25);
}

.post-meta {
padding-top:100px;
max-width:960px;
margin:0 auto;
}

.post-meta .metabar {
display:none;
}

.post-meta .entry_content {
max-width:960px;
margin:0 auto;
}

.description {
max-width:960px;
margin:0 auto;
}

.ai1ec-single-event .ai1ec-actions  {
display:none;
}

.ai1ec-field-label {
color: #193927;
}

/* Mailing List Style */
.link, .link a, #SignUp .signupframe {
color: #fff;
font-family: 'Open Sans';
font-size: 1em;
}

.link, .link a {
text-decoration: none;
}

#SignUp .signupframe {
background: #193927;
border: 10px solid #193927;
}

#SignUp .signupframe .required {
font-size: 0.8em;
}


/* Jigoshop Elements */
#breadcrumb, .product #tabs, .product .sku {
display:none;
}

#content .type-product {
max-width:960px;
margin:0 auto;
}

#post-212 .images, #post-190 .images {
margin-top:100px !important;
}

#post-190 .summary, #post-212 .summary {
margin-top:100px !important;
min-height:460px !important;
}

.product_title {
font-size:1.6em;
color:#193927;
margin:0 0 0.7em !important;
}

.product p.price {
color: #191919 !important;
float: left;
}

#post-298 .entry_content, #post-292 .entry_content, #post-300 .entry_content {
background:none !important;
max-width:1100px;
margin:100px auto !important;
min-height:290px;
}

/* Universals */

#site #page .page-canvas, #site .content {
max-width:1400px;
}



/* Header Elements */
#branding .content .content-pad {
padding: 0;
}

#branding .branding_wrap {
position: absolute;
z-index: 1;
width: 20%;
height: 150px;
margin-left: 3.5%;
padding-top: 0;
}

#navbar .content { 
width:100%;
margin:0;
padding:0;
background:#d9d1c7;
}

#navbar .content-pad {
margin-top: 0;
position: relative;
z-index: 1;
background-color: transparent;
height: 85px;
padding: 0;
padding-top:20px;
}

.navbar {
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.1) inset, 0px 0px 0px rgba(0, 0, 0, 0.25);
}

.navbar.navbar-content-width {
-webkit-border-radius:0px;
-maz-border-radius:0px;
border-radius:0px;
}

.navbar.pl-color-black-trans {
background-color: transparent;
background-image: none;
background-image: none;
background-image: none;
background-image: none;
background-image: none;
background-image: none;
background-repeat: no-repeat;
filter: none;
filter: none;
height: 85px;
border-top: 0px solid #000;
}

.navbar-inner {
margin-left:29.25%;
}

.navbar .navline {
float: left;
position: relative;
left: 0;
display: block;
margin: 0 10px 0 0;
font-family:'Open Sans', arial, Sans-Serif;
font-size: 1em;
font-weight:700;
letter-spacing:0em;
}

.navbar .navline > li > a {
float: none;
display: inline-block;
padding: 0 1em 0.8em;
line-height: 1.5em;
color: #392116;
text-decoration: none;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
height:inherit;
	margin:15px 0 0;
}

.order-btn {
	background:#193927;
}

.order-btn a {
	color:#ffffff !important;
}

.order-btn a:hover {
	color:#d9d1c7 !important;
}

.navbar .navline > li > a:hover {
color:#193927;
}

.navbar .navline > li.current-menu-item > a {
color:#193927;
background:transparent;
}

.navbar .navline .caret {
display:none;
}

body .dropdown-menu {
padding:0;
margin:0;
background-color: #d9d1c7;
border: 0px solid rgba(0, 0, 0, 0.2);
border-radius: 0px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
background-clip: content-box;
}

.navbar .navline > .dropdown > .dropdown-menu:after, .navbar .navline > .dropdown > .dropdown-menu:before {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid rgb(255, 255, 255);
}

.navbar .navline > li.dropdown.open > a {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0);
color:#193927;
}

body .dropdown-menu li  {
font-size: .85em;
font-weight: 700;
line-height: 35px;
padding:7px 0;
margin-left:8px;
}

body .dropdown-menu li > a  {
color:#392116;
padding: 3px 15px 3px 15px;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu li.current-menu-item > a {
text-decoration: none;
color: #193927;
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
}

#site .navbar .navline >li.current_page_item a {
color:#193927;
}

/* Page elements */
#site #postloop .content, #footer .content {
padding-bottom:10px;
}

#postloop {
background: #d9d1c7;
}

#postloop a {
font-weight:600;
}



body.home #postloop .content {
padding-bottom:0;
}

#page-main {
margin-top:-15px;
}

#page-main .content {
width:100%;
}


body.home #page-main #content .content-pad {
padding:0;
}

.hentry .hentry-pad {
padding:0;
}

#page-main #column-main .mcolumn-pad {
padding:0;
}

#content .content-pad {
padding: 10px 0 0;
}

article {
margin:0 !important;
}

/* Morefoot & Footer Elements */
#morefoot_area {
display:none;
}

#footer {
background:#183927;
color:#fff;
max-width:1400px;
margin:0 auto;
}

#footer .content .content-pad {
padding:8px 0;
}

#footer .pp1 {
margin-left:3.5%;
}

#address {
float:left;
font-weight:600;
font-size:1em;
padding-top:5px;
}

#right-foot {
float:left;
width:100%;
margin-top:3px;
}

.newsletter {
font-weight:700;
font-size:1.1em;
padding-right:7%;
}

.mailing-list {
font-weight:700;
font-size:1.1em;
padding-right:7%;
}

.giftcardlink {
font-weight:700;
font-size:1.1em;
padding-right:9%;
}

.collapseomatic {
background-image: none;
background-repeat: no-repeat;
border: 0px dotted blue;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.23);
font-size: 1.1em;
color: #fff;
font-weight: 700;
padding: 10px 20px 12px;
line-height: 23.5px;
border-radius: 0;
margin-top: 0;
margin-right:7%;
text-decoration: none;
}

.collapseomatic_excerpt, .collapseomatic_content {
margin-top: 4px;
margin-left: 0;
padding:8px 0 0;
float: left;
background-color: rgba(0, 0, 0, 0.23);
color: #fff;
width:90%;
}

.footcol ul {
margin:0 0 10px .4em;
}

.footcol ul li {
display:inline-block;
list-style-type:none;
font-size: 0.9em;
line-height: 1.4em;
padding:0 10px;
}

.hc-time {
padding-right:25px !important;
border-right:1px solid #fff;
}

.hc-hours-note {
width:19%;
border-right:1px solid #fff;
}

.hc-contact {
padding-left:25px !important;
}

.social-icons {
margin-left:3.5%;
}

.GVH {
font-weight: 400;
    font-size: 0.9em;
}

/* Homepage Elements */
#daily-specials {
background-image: url('http://www.thevanillabeancafe.com/wp-content/uploads/2014/08/specials-wood-grain.jpg');
margin-top:-24px;
height:110px;
}

#daily-specials ul {
list-style-type:none;
padding-top: 18px;
max-width: 900px;
margin-left: auto;
margin-right:auto;
height:80px;
overflow:hidden;
}

#daily-specials ul li {
display:inline;
float:left;
}

.daily-name {
padding: 0 30px;
margin-right: 8%;
border-right: 2px solid #3e2313;
}

.daily-name img {
padding: 0 13px;
margin: 0;
}

.home-specials-lunch {
background-image:url('http://www.thevanillabeancafe.com/wp-content/uploads/2014/08/specials-rollover-lunch.png');
display:block;
width:128px;
height:80px;
text-indent:-9999px;
margin-right:40px;
}

.home-specials-lunch:hover {
background-position:0 80px;
}

.home-specials-dinner {
background-image:url('http://www.thevanillabeancafe.com/wp-content/uploads/2014/08/specials-rollover-dinner.png');
display:block;
width:160px;
height:80px;
text-indent:-9999px;
margin-right:40px;
}

.home-specials-dinner:hover {
background-position:0 80px;
}

.home-specials-breakfast {
background-image:url('http://www.thevanillabeancafe.com/wp-content/uploads/2014/08/specials-rollover-wkendbreakfast.png');
display:block;
width:200px;
height:80px;
text-indent:-9999px;
}

.home-specials-breakfast:hover {
background-position:0 80px;
}

/* Inner Page Elements */
body.page #postloop .entry_content {
background: url('http://www.thevanillabeancafe.com/wp-content/uploads/2014/08/inner-page-top-image-bkgd.jpg') top no-repeat;
}

body.home #postloop .entry_content {
background:none;
}

#page-headlinetitle {
background:#183927;
margin-top:-22px;
margin-bottom:15px;
}

.title-image {
max-width:1100px;
margin:0 auto;
}

#page-headlinetitle img {
margin-left:1.7%;
}

#pagecontent-containter {
max-width:1100px;
margin:0 auto;
}

#pagecontent-container img {
margin:0;
}

#pagecontent-containter2 {
max-width: 1070px;
margin: 0px auto;
padding-left: 1%;
}

#pagecontent-containter2 h3 {
font-size: 1.3em;
font-weight: 600;
margin-bottom:0.2em;
}

.catering-headline {
padding-top:20px;
}

#sidenav-area {
width:20%;
float:left;
}

#sidenav-area ul {
list-style-type:none;
}

#sidenav-area ul li {
line-height:1.5em;
color:#392116;
font-weight:600;
font-size:1.1em;
}

.sidenav-head {
font-weight:700 !important;
color:#193927 !important;
line-height:2.5em !important;
}

.sidenav-active a {
color:#193927 !important;
}

#sidenav-area a {
color:#392116;
text-decoration:none;
}

#sidenav-area a:hover {
color:#193927;
}

.accordion-group {
background: transparent;
margin-bottom: 2px;
border: 0px solid #ded2c2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.accordion-heading {
background: transparent;
border-bottom: 0;
margin-left: 8px;
font-size: 1.1em;
font-weight: 600;
}

.accordion-heading a {
color:#392116;
text-decoration:none;
}

.accordion-heading:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: transparent;
}

.accordion-inner {
padding: 0;
border-top: 0px solid #ded2c2;
margin-top: 0;
margin-left: 21px;
font-size: 1.1em;
font-weight: 600;
color: #392116;
line-height:1.5em;
}

.accordion-inner a {
color:#392116;
}

.accordion-inner a:hover {
color:#193927;
}

#menucontent-area {
width:74%;
float:right;
margin-top:20px;
}

#right-content-area {
width:74%;
float:right;
}

#menucontent-area p, #menucontent-area-catering p, #right-content-area p {
margin: 0.8em 0 !important;
}

.after_graph {
	clear:both;
}

#menucontent-area-calendar {
width:74%;
float:right;
margin-top:35px;
}

#menucontent-area-catering {
width:76%;
float:left;
margin-left:10%;
}

#menucontent-area h3, #right-content-area h3 {
font-size: 1.3em;
font-weight: 600;
margin-bottom:0.2em;
}

.download-button a {
background: #193927;
color: #fff;
padding: 5px 8px;
font-size: 0.8em;
font-weight: 400;
float: right;
margin-top: -5px;
margin-left:5px;
}

.download-button a:hover {
text-decoration:none;
}

.download-button2 a {
background: #193927;
color: #fff;
padding: 5px 8px;
font-size: 0.8em;
font-weight: 400;
float: left;
margin-bottom:1.4em;
margin-right:10px;
}

.download-button2 a:hover {
text-decoration:none;
}

.download-button3 a {
background: #193927;
color: #fff;
padding: 5px 8px;
font-size: 1.1em;
font-weight: 400;
float: left;
margin-top:1.4em;
margin-right:10px;
}

.download-button3 a:hover {
text-decoration:none;
}

.menu-item {
color: #193927;
font-weight: 600;
font-size: 1.1em;
}

.menu-item2 {
font-weight: 400;
font-size: 1.1em;
}

.menu-item3 {
font-weight: 400;
font-size: 1.1em;
color:#193927;
}

.price {
float: right;
font-weight: 400;
font-size: 1.1em;
}

#attachment_93 img {
background:transparent !important;
}

.wp-caption {
background-color: transparent !important;
border: 0px solid #e9e1d6;
margin:-40px 0 100px 10px;
}

.wp-caption .wp-caption-text {
font-size: 0.9em;
line-height: 1.4em;
}

#hours-container {
min-height:350px;
}

#hoursbox {
width: 30%;
margin-right: 3.25%;
float: left;
}

#hoursbox ul {
list-style-type:none;
margin:0;
}

#hoursbox ul li {
display:inline-block;
padding-right:7%;
}

body.page.page-id-161 #postloop .alignleft {
margin:1em 0;
}

#catalog-product-cont {
min-height:230px;
}

#catalog-product-cont img {
margin-top:10px;
margin-right:8%;
}

#catalog-product-cont h3 {
margin-top:0 !important;
margin-bottom:1em;
}

ul.sister-restaurants {
list-style-type: none;
min-height: 76px;
margin:0;
}

/* Media Queries */
@media only screen and (max-width : 1320px) {
.social-icons {
margin-left:0;
}
}

@media only screen and (max-width : 1253px) {
.collapseomatic{
margin-right:3%;
}
}
@media only screen and (max-width : 1191px) {
#branding .content {
width:95%;
}

#navbar .navbar-inner {
margin-left:26.25%;
}

#footer .content {
width: 95%;
}

#menucontent-area, #menucontent-area-calendar, #right-content-area  {
width:73%;
padding-right:2%;
}

#pagecontent-containter2 {
padding-left:2%;
padding-right:2%;
}
}

@media only screen and (max-width : 1143px) {
#navbar .navbar-inner {
margin-left:25%;
}
}

@media only screen and (max-width : 1124px) {
#navbar .navbar-inner {
margin-left:23%;
}
}

@media only screen and (max-width : 1096px) {
#navbar .navbar-inner {
margin-left:20%;
}
}

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

@media only screen and (max-width : 1055px) {
.navbar .navline > li > a {
padding:0 17px;
}
}

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

@media only screen and (max-width : 1024px) {
.daily-name {
margin-right:2%;
}

#footer .content {
width: 99%;
}
}

@media only screen and (max-width : 1015px) {
.daily-cat {
padding: 0px 1%;
}
}

@media only screen and (max-width : 1010px) {
.navbar .navline > li > a {
padding:0 14px;
}
.collapseomatic{
margin-right:1%;
}
}

@media only screen and (max-width : 995px) {
body.page #postloop .entry_content {
background:none;
}


@media only screen and (max-width : 965px) {
.navbar .navline > li > a {
padding:0 12px;
}

.social-icons {
margin-left:0;
}

.giftcardlink {
padding-right:4%;
}
}

@media only screen and (max-width : 935px) {
#branding .branding_wrap {
width:17%;
margin-left:1%;
}

#navbar .navbar-inner {
margin-left:18%;
}
}

@media only screen and (max-width : 913px) {
#branding .branding_wrap {
width:14%;
}

#navbar .navbar-inner {
margin-left:15.5%;
}
}

@media only screen and (max-width : 886px) {
.navbar .navline > li > a {
padding:0 10px;
}

.daily-cat {
padding: 0px;
}

.newsletter, .mailing-list {
padding-right:5%;
}

.collapseomatic_excerpt, .collapseomatic_content {
width:100%;
}

#hoursbox {
width:32%;
margin-right:1%;
}
}

@media only screen and (max-width : 858px) {
#branding .branding_wrap {
margin-left:-1%;
}

#navbar .navbar-inner {
margin-left:13%;
}
}

@media only screen and (max-width : 844px) {
.daily-name {
padding:0 8px;
}

body.page #postloop .entry_content {
background:transparent;
}

.newsletter, .mailing-list {
padding-right:3%;
}
}

@media only screen and (max-width : 834px) {
.navbar .navline {
font-size:1em;
}

.navbar .navline > li > a {
padding:0 13px;
}

#hoursbox {
width:48%;
margin-right:1%;
}
}

@media only screen and (max-width : 818px) {
#branding .branding_wrap {
width:12.5%;
}

.navbar .navline > li > a {
padding:0 10px;
}
}

@media only screen and (max-width : 800px) {
.responsive #site .content, .responsive #footer .content, .responsive.fixed_width #page {
width: 100%;
}

#branding .branding_wrap {
margin-left:1%;
}

#navbar .navbar-inner {
margin-left:11%;
}

#footer .pp1 {
margin-left:1.5%;
}

#right-foot {
width:79%;
}

.social-icons {
line-height:50px;
}
}

@media only screen and (max-width : 767px) {
#branding .branding_wrap {
width:17%;
}

.navbar .navline {
background:#d9d1c7;
width: 60%;
float:right !important;
}

#site .navbar .navline > li > a, #site .navbar .dropdown-menu a {
color: #193927;
}

.navbar .navline > li > a {
height:20px;
line-height:20px;
}

#site .navbar .dropdown-menu a {
padding:0 15px;
}

.dropdown-menu li {
line-height: 1em;
padding: 4px 0px;
}

.daily-name {
padding:0;
}

#footer .pp1 {
margin-left:0;
}

#footer ul li {
padding:0 5px;
}
}


@media only screen and (max-width : 755px) {
.daily-name img {
padding: 0px 5px;
}

.hc-time {
padding-right:10px !important;
}

.hc-contact {
padding-right:10px !important;
padding-left: 10px !important;
}

#right-foot {
width:84%;
}
}

@media only screen and (max-width : 740px) {
.home-specials-lunch, .home-specials-dinner {
margin-right:30px;
}
}


@media only screen and (max-width : 731px) {
#site #page, #site #dynamic-content {
min-height: 350px;
}

.home-specials-lunch, .home-specials-dinner {
margin-right:20px;
}

#footer ul li {
padding: 0px 3px;
}
}

@media only screen and (max-width : 720px) {
.hc-hours-note {
width: 20%;
}

.hc-contact {
padding-right: 5px !important;
ppadding-left: 5px !important;
}

.giftcardlink, .collapseomatic {
padding-right: 3%;
}
}

@media only screen and (max-width : 710px) {
.footcol ul {
margin: 0px 0px 10px 0.1em;
}

.footcol ul li {
font-size:0.85em;
}
}

@media only screen and (max-width : 700px) {
.daily-cat img {
margin: 0;
}

.home-specials-lunch, .home-specials-dinner {
margin-right:10px;
}
}

@media only screen and (max-width : 683px) {
.daily-name {
width:19%;
}

.daily-name img {
padding: 0;
}

.newsletter, .mailing-list, .giftcardlink {
padding-right:2%;
} 

.footcol ul li {
font-size:0.9em;
}

.collapseomatic_excerpt, .collapseomatic_content {
width: 70%;
float:right;
}

.hc-hours-note {
width:50%;
border-right:0;
}

.hc-contact {
padding-top:20px !important;
}
}


@media only screen and (max-width : 640px) {
#branding .mainlogo-img {
max-width: 100%;
}

.daily-name {
width:17%;
}

.home-specials-lunch, .home-specials-dinner {
margin-right:0px;
}

.collapseomatic {
padding: 10px 7px 12px 10px;
}
}

@media only screen and (max-width : 625px) {
#branding .branding_wrap {
width: 20%;
}

#daily-specials {
height:385px;
}

#daily-specials ul {
height:auto;
}

#daily-specials ul li {
display:block;
float:none;
}

.daily-name {
width:128px;
height:80px;
margin:0 auto;
border-right: 0px;
}

.home-specials-lunch, .home-specials-dinner, .home-specials-breakfast {
margin:8px auto;
}


.daily-cat {
width:28% !important;
margin:0 auto;
}

.daily-cat2 {
width:50% !important;
margin:0 auto;
}

#right-foot {
width: 60%;
}

.newsletter {
line-height:2.3em;
}

.giftcardlink {
line-height:2.3em;
}

.collapseomatic_excerpt, .collapseomatic_content {
width: 140%;
float:left;
}
}

@media only screen and (max-width : 563px) {
#right-foot {
width:85%;
}

#hoursbox {
width: 90%;
}
}


@media only screen and (max-width : 545px) {
.daily-cat2 {
width:55% !important;
}

#sidenav-area {
display:none;
}

#menucontent-area, #menucontent-area-calendar, #right-content-area {
width: 95%;
}
}

@media only screen and (max-width : 497px) {
.daily-cat2 {
width:57% !important;
}

#branding .branding_wrap {
width: 24%;
}
}

@media only screen and (max-width : 487px) {
#right-foot {
width: 80%;
}

.collapseomatic_excerpt, .collapseomatic_content {
width: 120%;
}

.daily-cat {
width:30% !important;
}

.daily-cat2 {
width:60% !important;
}
}

@media only screen and (max-width : 479px) {
.footcol ul li {
padding:0;
}
}

@media only screen and (max-width : 466px) {
.hc-time {
border:0;
}

.hc-hours-note {
width:100%;
padding-top:20px !important;
}

.hc-contact {
padding-top:0;
}

#right-foot {
width: 90%;
}
}

@media only screen and (max-width : 453px) {
.daily-cat {
width:35% !important;
}

.daily-cat2 {
width:65% !important;
}
}

@media only screen and (max-width : 431px) {
#branding .branding_wrap {
width: 28%;
}
}

@media only screen and (max-width : 425px) {
.daily-cat2 {
width:70% !important;
}

#menucontent-area .download-button {
float: left;
margin-right: 60%;
margin-top: 10px;
margin-bottom: 10px;
}

#catalog-product-cont {
min-height: 300px;
}

#right-foot {
width:100%;
}
}

@media only screen and (max-width : 394px) {
.daily-cat {
width:40% !important;
}

.daily-cat2 {
width:80% !important;
}
}

@media only screen and (max-width : 387px) {
#branding .branding_wrap {
width: 32%;
}

#right-foot {
width:110%;
}

.collapseomatic_excerpt, .collapseomatic_content {
width: 100%;
}
}

@media only screen and (max-width : 352px) {
.newsletter, .mailing-list, .giftcardlink .collapseomatic {
font-size: 1em;
}

.collapseomatic {
margin-right: 40%;
line-height: 50px;
}
}

@media only screen and (max-width : 347px) {
.daily-cat {
width:50% !important;
}

.daily-cat2 {
width:90% !important;
}
}

	@media only screen and (max-width : 333px) {
		.collapseomatic_excerpt, .collapseomatic_content {
width: 90%;
}
}