/*
 Theme Name: The Metropolitan Grill
 Theme URI: http://www.themovation.com/eatery
 Description: The Metropolitan Grill - Eatery Child Theme with customizations by Visceral 
 Author: Themovation, Visceral
 Author URI: http://www.themovation.com
 Version: 1
 Template: eatery
 Tags: Restaurant, Eatery, Cafe, Fancy, Casual, Breakfast, Seafood, Responsive, Mobile, Black, Blank, Brown, Yellow, Blue
 Text Domain: eatery-child
 License: GNU GENERAL PUBLIC LICENSE Version 2
 License URI: http://www.themovation.com/eatery/license
*/

#logo img { -webkit-backface-visibility: hidden; }
#logo a:hover img { -webkit-backface-visibility: hidden; }

a img, a:hover { -webkit-backface-visibility: hidden; }

#sidebar-container { width: 30%; max-width: 325px; position: fixed; top: 0px; left: 0px; }
.container > .row > .eightcol { width: 59%; margin-left: 31%;  }

#sidebar { background-color: rgba(0,0,0,.8); }
	#sidebar #the-side-menu { border-bottom: 1px solid #58595b !important; }
	#sidebar .side-widget.below { border-bottom: 1px solid #58595b !important; }

	/*#sidebar .side-widget.below p a { text-decoration: underline; }*/

	#sidebar #the-side-menu ul li { margin-bottom: 10px; }
		#sidebar #the-side-menu ul li a { text-transform: uppercase; font-weight: 100; font-size: 18px; color: #fff; transition: color .3s; }
			#sidebar #the-side-menu ul li a:hover { color: #999; }
			#sidebar #the-side-menu ul li.current-menu-item a, #sidebar #the-side-menu ul li.current-page-ancestor a  { font-weight: 400; text-decoration: underline; }

	.powered-by-open-table { display: none; }

	form.otw-widget-form {  }
		form.otw-widget-form .otw-input-wrap { background-size: 20px 20px; padding-left: 35px; background-repeat: no-repeat; width: 60%; margin: 0 auto 10px; text-align: center; }
		form.otw-widget-form .otw-date-li { background-image: url(images/bg-otw-date.png); }
		form.otw-widget-form .otw-time-wrap { background-image: url(images/bg-otw-time.png); }
		form.otw-widget-form .otw-party-size-wrap { background-image: url(images/bg-otw-party.png); }
		
		form.otw-widget-form #date-otw_widget-2 { background-color: #2f2e2f; border: none; color: #fff; background-image: none; padding: 3px; font-family: 'Roboto Slab', serif; font-size: 14px; }
		form.otw-widget-form #time-otw_widget-2 { background-color: #2f2e2f; border: none; color: #fff; background-image: none; padding: 3px; font-family: 'Roboto Slab', serif; font-size: 14px;}
		form.otw-widget-form #party-otw_widget-2 { background-color: #2f2e2f; border: none; color: #fff; background-image: none; padding: 3px; font-family: 'Roboto Slab', serif; font-size: 14px;}
		
		form.otw-widget-form input.otw-submit { background-color: #7b0000; border-radius: 5px; color: #fff; text-transform: uppercase; padding: 5px 40px; font-weight: normal; display: block; border: none; font-family: 'Roboto Slab', serif; font-size: 16px; cursor: pointer; margin: 0 auto; }
	
	#sidebar .phonenum a { display: inline; display: none; }
		#sidebar .phonenum a:hover { background-color: transparent; text-decoration: underline; color: #fff; opacity: 1; }
	
	#sidebar .address a { display: inline; display: none; }
		#sidebar .address a:hover { background-color: transparent; text-decoration: underline; color: #fff; opacity: 1; }
	
	#sidebar .makeres { display: none; }
		#sidebar .makeres a { display: inline; }
		#sidebar .makeres a:hover { background-color: transparent; text-decoration: underline; color: #fff; opacity: 1; }

#inner-content { box-shadow: none !important; min-height: 500px; background-color: rgba(255,255,255,0.8); } 

#inner-content ul li {   font-family: 'Roboto Slab', serif; color: #000; font-weight: 300; }
	#inner-content p { color: #000; font-size: 12px; line-height: 18px; font-weight: 300; }
#inner-content img { border-radius: 0px;  }
#inner-content p.callout { font-size: 16px; line-height: 26px; font-weight: 300; }
	#inner-content p.red-text { color: #7b0000; }

#inner-content p a { color: #7b0000; font-weight: normal; }
	#inner-content h1 a:hover,
	#inner-content h2 a:hover,
	#inner-content h3 a:hover,
	#inner-content h4 a:hover,
	#inner-content h5 a:hover,
	#inner-content h6 a:hover { color: #7b0000; background-color: transparent; }
	#inner-content p a:hover { background-color: transparent; text-decoration: underline; }

#inner-content h1 { font-weight: 200; text-transform: uppercase; }
#inner-content h2 { font-weight: 300; text-transform: uppercase; margin-top: 0px; }
#inner-content h3.post-title { font-weight: 300; text-transform: uppercase; margin-top: 0px; }
.page-template-menus-page hr.headings { margin-bottom: 15px; }

#inner-content a.grey-link { color: #333; }


/* gift cards landing page */

.half-column {
	width: 50%;
	padding: 0 4%;
	box-sizing: border-box;
	float: left;
	margin: 3em 0;
}

.border-left {
	border-left: 1px solid #000;
	margin-left: -1px;
}

.border-right {
	border-right: 1px solid #000;
}


/* temporary closure notice */
#inner-content #closure-notice {
	background-color: rgba(0,0,0,.7);
	position: absolute;
	top: 110px;
	left: 60px;
	right: 60px;
	color: #fff;
	font-family: 'Roboto Slab', serif;
	padding: 20px;
}

.closure-notice-close {
	text-align: right;
	margin-bottom: 10px;
}

.closure-notice-close a {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	font-family: sans-serif;
}

.closure-notice-header,
.closure-notice-date {
	font-size: 26px;
	/*font-style: italic;*/
	text-align: center;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	line-height: 1.4;
}

.closure-notice-date {
	font-size: 18px;
	margin-bottom: 30px;
}

.closure-notice-button {
	text-align: center;
	margin-bottom: 30px;
}

.closure-notice-button a {
	background-color: #7b0000;
	padding: 5px 10px;
	display: inline-block;
	margin: 0 auto;
	width: 90px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

#inner-content #closure-notice p {
	color: #fff;
	padding-left: 10%;
	padding-right: 10%;
	/*font-style: italic;*/
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
}

#footer { background-color: rgba(0,0,0,.8); box-shadow: none !important; color: #fff; margin-bottom: 30px; }
	#footer .copyright { text-align: center; float: none; display: block; }
	
.menu-food-menus-menu-container { text-align: center; margin-bottom: 35px; }
	.menu-food-menus-menu-container ul { list-style-type: none; margin-left: 0px; }
		.menu-food-menus-menu-container ul li { display: inline-block; }
			.menu-food-menus-menu-container ul li a { font-weight: 300; font-size: 15px; text-transform: uppercase; text-decoration: none; font-family: 'Roboto Slab', serif; padding: 0 15px; transition: color .3s; }
				.menu-food-menus-menu-container ul li a:hover { color: #999; }
			.menu-food-menus-menu-container ul li.current-menu-item a { text-decoration: underline; color: #7b0000; }
			
			
.menu-footer-menu-container { width: 80%; display: inline; }
	.menu-footer-menu-container ul { list-style-type: none; margin-left: 0px; }
		.menu-footer-menu-container ul li { display: inline-block; }
			.menu-footer-menu-container ul li a { color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; font-family: 'Roboto Slab', serif; padding: 0 13px; }
			.menu-footer-menu-container ul li a:hover { color: #999; }

.page-template-menus-page #main-content p.menu-btn { margin-bottom: 15px; text-align: center !important; }


/* remove blue outlines on form fields */

textarea:focus,
input:focus {
    outline: none;
}
/*
giftcard
donations
mailing list
*/

#foxypress_form { color: #000; font-size: 12px; line-height: 18px; font-weight: 300; text-align: center; margin: 0 auto; padding: 2% 4%; }
	#foxypress_form .foxypress_item_name { display: none; }
	#foxypress_form .foxypress_item_regular_price { display: none; }
	#foxypress_form .foxypress_item_name { font-weight: 500; font-size: 14px; }
 #foxypress_form .foxypress_item_image_single { display: none; } 


#foxypress_form select { display: block; margin-bottom: 10px; margin: 0 auto; }
	#foxypress_form select { margin-bottom: 15px; text-align: center; background-color: transparent; border: 1px solid #aaa;  }
	#foxypress_form .foxypress_item_options { font-weight: bold; }
	#foxypress_form .shipto_container_wrapper_single label { font-weight: bold; }

.gform_wrapper input.gform_button,
#foxypress_form input.foxypress_item_submit { background: #7b0000 none; border-radius: 5px; color: #fff; text-transform: uppercase; padding: 10px 15px; font-weight: normal; display: inline-block; margin: 3px 3px; border: none; -webkit-appearance: none; font-size: 12px; font-family: 'Roboto Slab', serif; }

.gform_wrapper .ginput_complex label { font-weight: bold; font-size: 1em !important; }
	.gform_wrapper #input_1_4_1_label { display: none !important; }
	
	
.foxyshop_product .foxyshop_product_image {
	float: none;
	margin: 0 auto 20px;
}
	
.foxyshop_product .foxyshop_product_image img {
	display: none;
}
	
.foxyshop_product .foxyshop_product_info {
	float: none;
	width: auto;
	text-align: center;
}

.foxyshop_product .foxyshop_product_info h2 {
	display: none;
}
		
.foxyshop_product .foxyshop_product_info .foxyshop_variations {
	margin: 1em 0;
}
	
.foxyshop_product .foxyshop_variations label {
	width: 48%;
	text-transform: capitalize;
}
	
.foxyshop_product .foxyshop_button {
	float: none;
	background-color: #7b0000;
	border: none;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	font-family: 'Roboto Slab', serif;
	font-weight: normal;
	border-radius: 5px;
	font-size: 12px;
	line-height: 1.4;
}

#foxyshop_main_price {
	display: none;
}

.cart {
    max-width: 760px;
    border: 2px solid #ddd;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

/* MailChimp forms */

.mc4wp-form-fields label {
	display: block;
	font-weight: 700;
	font-size: inherit;
}

.mc4wp-form-fields input {
	padding: 5px 4px;
	width: 50%;
	font-size: inherit;
	margin-top: 8px;
	box-sizing: border-box;
	font-family: inherit;
	line-height: 2;
}

.mc4wp-form-fields input[type=submit] {
	background: #7b0000 none;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	font-weight: normal;
	display: inline-block;
	margin: 3px 3px;
	border: none;
	-webkit-appearance: none;
	font-size: 12px;
	font-family: 'Roboto Slab', serif;
	width: auto;
	cursor: pointer;
}

#main-content p.menu-btn { margin-bottom: 15px; text-align: left; }
#main-content p.menu-btn a { background-color: #7b0000; border-radius: 5px; color: #fff; text-transform: uppercase; padding: 10px 15px; font-weight: normal; display: inline-block; margin: 3px 3px; }
	#main-content p.menu-btn a:hover { opacity: .8; text-decoration: none !important; }
	
#main-content p.menu-btn.skinny a {
	padding: 5px 30px;
}

#inner-content .flatbutton.red { font-family: 'Roboto Slab', serif; background-color: #7b0000; border-radius: 5px; color: #fff; text-transform: uppercase; padding: 10px 15px; font-weight: normal; display: inline-block; }
	#inner-content .flatbutton.red:hover { text-decoration: none; }

	.page-template-menus-page p strong { color: #7b0000; font-weight: 600; font-size: 16px; }


#sidebar .side-widget { text-align: center; }



#footer .soc .textwidget { text-align: center;  }
	#footer .soc .textwidget a { margin: 0px 6px 0px; }

#footer .soc a { height: 30px; width: 30px; background-size: 200px 131px; }
#footer .soc a.twitter { background-position: -34px 0; }
#footer .soc a.googlemaps { background-position: -171px -34px; }
#footer .soc a.instagram { background-position: -68px -102px; }

.footer-inner { text-align: center; font-weight: 200; }


/* 

SKIN | Black - Fancy Theme

HELP | To make adding a new skin easier start with 6 colours
and use the comments beside each ID and CLASS to fill in your
custom colors in the right spaces.

#1 | SIDE BG 		| #161616	| Shade or Background Color (Sidebar) 				
#2 | SIDE CONTRAST 	| #eae7e1	| Contrasting Color (Sidebar) 						
#3 | SIDE TINT 		| #1d1d1d	| Shade or Background Tint (Sidebar) 				
#4 | SITE BG 		| #ece7e1 	| Off White (Site Background) 						
#5 | PAGE BG 		| #ffffff	| Bright white background (Content Page Background) 
#6 | TEXT 			| #131313	| Page headings & text (Content Page) 		 		

*/

body {
		/* background:#ece7e1 url(images/warm-grain.jpg); */ /* SITE BG */
		color:#5b5b5b;
}



/******************** Mobile Menu ********************/

.mean-container .mean-bar {border-bottom:1px solid #383838}

/******************** Default Widgets ********************/

#wp-calendar tbody .pad:hover {
		background:none} 
#wp-calendar tbody td:hover {
		background:#161616;} 				/* SIDE BG */	
#wp-calendar tbody td {
		border: 1px solid #161616;}			/* SIDE BG */	
#wp-calendar tbody .pad {
		background:#161616;} 				/* SIDE BG */	

#sidebar #wp-calendar tbody td a:link, 
#sidebar #wp-calendar tbody td a {
		color:#eae7e1 ; font-weight:bold; 
		text-decoration:underline}			/* SIDE CONTRAST */
#wp-calendar thead th, 
#wp-calendar caption {
		color: #eae7e1;} 					/* SIDE CONTRAST */
#wp-calendar tbody { 
		color: #eae7e1; } 					/* SIDE CONTRAST */
#wp-calendar tbody td {
		background:#1d1d1d;} 				/*SIDE TINT*/


/******************** Tag Cloud ********************/

#sidebar .tagcloud a:hover {
		background-color:#eae7e1; 
		color:#1d1d1d} 						/* SIDE CONTRAST & SIDE BG */
#sidebar .tagcloud a{
		background-color:#1d1d1d;} 			/* SIDE TINT */

/******************** Content ********************/

			/* PAGE BG */

/******************** Food Menu ********************/

.menu_item_wrapper, h3.menu-title, 
h4.menu-title { 
		border-color:#efead9;} 				/* SITE BG */

/******************** Footer ********************/


/******************** Typography ********************/

h1, h2, h3, h4, h5, h6, h1 a, h2 a, 
h3 a, h4 a, h5 a, h6 a, p a, a {
		color:#131313;} 					/* TEXT */

p a, #older-posts a, #newer-posts a {
		color:#1d1d1d;} 					/* SIDE BG */

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover,
p a:hover, #older-posts a:hover, 
#newer-posts a:hover {
		text-decoration:none; 
		background-color:none;
		color:#fff;} 						/* SIDE BG & PAGE BG */

h1, h2, h3, h4 {
}

#sidebar {
		font-family:Helvetica, Arial, sans-serif;
		color:#eae7e1;} 					/* SIDE CONTRAST */

#sidebar .side-widget a {
		color:#eae7e1; font-weight:normal;} /* SIDE CONTRAST */


#sidebar h1, #sidebar h2, #sidebar h3,
#sidebar h4, #sidebar h5, #sidebar h6, 
#sidebar h1 a, #sidebar h2 a, #sidebar h3 a,
#sidebar h4 a, #sidebar h5 a, #sidebar h6 a,
#sidebar p a, #sidebar a{
		color:#fff;}  						/* PAGE BG */
		
#sidebar h1 a:hover, #sidebar h2 a:hover,
#sidebar h3 a:hover, #sidebar h4 a:hover, 
#sidebar h5 a:hover, #sidebar h6 a:hover, 
#sidebar p a:hover, #sidebar #older-posts a:hover, 
#sidebar #newer-posts a:hover{
		text-decoration:none; 
		color:#999;
		}
											/* SIDE BG & SIDE CONTRAST */
				
#sidebar h1, #sidebar h2 {
		color:#fff;} 						/* PAGE BG */ 

#sidebar p {
		color:#eae7e1;} 					/* SIDE CONTRAST */

.postmeta {
		font-family:Arial, Helvetica, sans-serif;}
		
#sidebar a {
	padding: 0;
}

/*blockquote {
		border-top:3px #1d1d1d solid;}*/ 		/* SIDE BG */

/******************** Forms ********************/

/* Reservation Form */

#form-wrapper input.sendbtn {
	background-color: #161616;				/* SIDE BG */
	color:#eae7e1;							/* SIDE CONTRAST */							
}
#form-wrapper input.sendbtn:hover {
	background-color:#eae7e1;				/* SIDE CONTRAST */
	color: #161616;							/* SIDE BG */	
}

/******************** Blog ********************/

#comments-title, #reply-title, .nocomments {border-color:#ece7e1;} 					/* SITE BG */

#comments .comment-author .fn, #comments .comment-author .fn a {color:#1d1d1d;}		/*SIDE TINT*/
#comments .comment-author a:hover {background-color:#1d1d1d; color:#ffffff;}		/*SIDE TINT & PAGE BG*/

#respond input#submit {
	background-color: #161616;				/* SIDE BG */
	color:#eae7e1;							/* SIDE CONTRAST */
}
#respond input#submit:hover {
	background-color:#eae7e1;				/* SIDE CONTRAST */
	color: #161616;							/* SIDE BG */
}

/******************** Social Media ********************/

.soc a{
	opacity:0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
}

.soc a:hover{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

/******************** Shortcodes ********************/

h3.trigger a:hover {
		color:#1d1d1d; 						/* SIDE TINT */
}

/******************** Search ********************/
input[type=search], input[type=search]:focus {
		background: #1f1f1f url(images/search-icon.png) no-repeat 9px center; 
		color:#eae7e1; 					/* SIDE CONTRAST */
		border:1px solid #000;
		box-shadow: 0 1px 1px rgba(255,255,255,.1),
					inset 0 1px 1px rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 1px rgba(255,255,255,.1),
					inset 0 1px 1px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.1),
					inset 0 1px 1px rgba(0,0,0,.3);
}


/* CONFIRMATION PAGE */

.confirmation-page .intro-text {
	margin-top: 2.5em;
}

.confirmation-page .cta-text {
	margin-bottom: 2.5em;
}


@media all and (max-height: 820px) and (min-width: 768px) { 
/* 	#sidebar .otw-bare-bones-style + .side-widget { display: none; } */

	#logo { padding-top: 0px; margin-bottom: 0px; }
	#sidebar #the-side-menu ul li a { line-height: 20px; }
}

@media all and (max-height: 670px) and (min-width: 768px) { 
	#sidebar .otw-bare-bones-style + .side-widget { display: none; }
/* 	#sidebar .otw-bare-bones-style { display: none; } */
}


@media all and (max-width: 768px) { 
	#sidebar .otw-bare-bones-style + .side-widget { display: none; }
	
	#sidebar-container { max-width: 100%; }
	
	div.one_third { width: 100%; float: none; clear: both; display: block; }
	div.two_third { width: 100%; float: none; clear: both; display: block; }
	div.one_half { width: 100%; float: none; clear: both; display: block; }
	
	#sidebar-container { position: static; width: 100%; margin: 0px; }
	.container > .row > .eightcol { position: static; width: 100%; margin: 0px; }

	#sidebar .makeres { margin-top: 15px; display: block; }
	
	.menu-food-menus-menu-container ul li, .menu-footer-menu-container ul li { display: block;  }  	
	.menu-food-menus-menu-container ul li a { padding: 0px; clear: both; float: none; display: block; font-size: 20px; margin: 15px 0px; }
	.menu-footer-menu-container ul li a { padding: 0px; clear: both; float: none; display: block; font-size: 16px; margin: 15px 0px; }
	
	#inner-content { min-height: 100%; }
	
	#sidebar .phonenum a { display: inline; }
	#sidebar .address a { display: inline; }
}


@media all and (max-width: 640px) {
	.mc4wp-form-fields input {
		width: 100%;
	}
}

@media all and (max-width: 540px) {
	.half-column {
		width: auto;
		display: block;
	}
	
	.border-left,
	.border-right {
		border: none;
	}
}


@media all and (max-width: 480px) {

	#inner-content img.alignleft,
	#inner-content img.alignright {
		float: none;
		display: block;
		margin: 0 auto 14px;
	}
}

@media print {
	#sidebar-container,
	#footer {
		display: none;
	}
	
	.container > .row > .eightcol {
		margin-left: 0;
		width: 80%;
	}
}