/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain) */

/* I'D LIKE TO PULL OUTDATED TAGS BUT FOR NOW..... LEAVING IT ALONE*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/* http://css-tricks.com/snippets/css/clear-fix/ */
.group:after {
  content: "";
  display: table;
  clear: both;
}

* {
  margin: 0;
}
html, body {
  height: 100%;
}
/* ================== REBUILD ================== */

/* box sizing for responsive contact form layout */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* overflow-y:hidden; //causes issues with scrolling in IE, all versions */
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


/**
 * Start Vanilla CSS 1.0.2
 * http://noscope.com/vanilla-css/ 
 */ 
body {}
pre, code, tt {font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace;}
h1, h2, h3, h4, h5, h6, b, strong {font-weight: bold;}
em, i, dfn {font-style: italic;}
dfn {font-weight:bold;}
p, code, pre, kbd {margin:0 0 1.5em 0;}
blockquote {margin:0 1.5em 1.5em 1.5em;}
cite {font-style: italic;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom: 1px dotted;}
address {margin:0 0 1.5em;font-style:italic;}
del {text-decoration: line-through;}
pre {margin:1.5em 0;white-space:pre;}
img {max-width: 100%;border:none;}
/* END VANILLA */

/* STILL IN PROGRESS............*/


h1{font-size:2em; margin:.67em 0;}
h2{font-size:1.5em; margin:.83em 0;}
h3{font-size:1.17em; margin:1em 0;}
h4{font-size:1em; margin:1.33em 0;}
h5{font-size:.83em; margin:1.67em 0;}
h6{font-size:.67em; margin:2.33; 0}

pre {
	border: 1px solid #000;
	background-color: #fff;
	padding: 20px;
	width: 100%;
	margin: 30px 0;
	text-align: left;
}

/**
 * @license
 * MyFonts Webfont Build ID 3020948, 2015-05-05T17:36:00-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLTStd-Medium by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/65-medium/
 * Copyright: Copyright © 1981 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. Copyright © 1989 - 2002 Adobe Systems Incorporated.  All Rights Reserved.
 * 
 * Webfont: AvenirLTStd-BookOblique by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/45-book-oblique/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * Webfont: AvenirLTStd-Book by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/45-book/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3020948
 * Licensed pageviews: 250,000
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e1894");

  
@font-face {font-display: fallback; font-family: 'AvenirLTStd-Medium';src: url('webfonts/2E1894_0_0.eot');src: url('webfonts/2E1894_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E1894_0_0.woff2') format('woff2'),url('webfonts/2E1894_0_0.woff') format('woff'),url('webfonts/2E1894_0_0.ttf') format('truetype');}
 
  
@font-face {font-display: fallback; font-family: 'AvenirLTStd-BookOblique';src: url('webfonts/2E1894_1_0.eot');src: url('webfonts/2E1894_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E1894_1_0.woff2') format('woff2'),url('webfonts/2E1894_1_0.woff') format('woff'),url('webfonts/2E1894_1_0.ttf') format('truetype');}
 
  
@font-face {font-display: fallback; font-family: 'AvenirLTStd-Book';src: url('webfonts/2E1894_2_0.eot');src: url('webfonts/2E1894_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E1894_2_0.woff2') format('woff2'),url('webfonts/2E1894_2_0.woff') format('woff'),url('webfonts/2E1894_2_0.ttf') format('truetype');}
 
/**
 * @license
 * MyFonts Webfont Build ID 3020948, 2015-05-05T17:36:00-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLTStd-Medium by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/65-medium/
 * Copyright: Copyright © 1981 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. Copyright © 1989 - 2002 Adobe Systems Incorporated.  All Rights Reserved.
 * 
 * Webfont: AvenirLTStd-BookOblique by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/45-book-oblique/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * Webfont: AvenirLTStd-Book by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/45-book/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3020948
 * Licensed pageviews: 250,000
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e1894");
@font-face {font-display: fallback; font-family: 'AvenirLTStd-Medium';src: url('webfonts/2E1894_0_0.eot');src: url('webfonts/2E1894_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E1894_0_0.woff2') format('woff2'),url('webfonts/2E1894_0_0.woff') format('woff'),url('webfonts/2E1894_0_0.ttf') format('truetype');}
@font-face {font-display: fallback; font-family: 'AvenirLTStd-BookOblique';src: url('webfonts/2E1894_1_0.eot');src: url('webfonts/2E1894_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E1894_1_0.woff2') format('woff2'),url('webfonts/2E1894_1_0.woff') format('woff'),url('webfonts/2E1894_1_0.ttf') format('truetype');}
@font-face {font-display: fallback; font-family: 'AvenirLTStd-Book';src: url('webfonts/2E1894_2_0.eot');src: url('webfonts/2E1894_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E1894_2_0.woff2') format('woff2'),url('webfonts/2E1894_2_0.woff') format('woff'),url('webfonts/2E1894_2_0.ttf') format('truetype');}
/* End of MyFonts*/








body{
	font-family: 'AvenirLTStd-Book', Helvetica, Arial, sans-serif;
	color:#58585a;
}

blockquote{
	font-family: 'AvenirLTStd-BookOblique', Helvetica, Arial, sans-serif;
}

/*a{
	font-family: 'AvenirLTStd-Medium', Helvetica, Arial, sans-serif;
}*/

#brandcontact h2 {'AvenirLTStd-BookOblique', Helvetica, Arial, sans-serif;}


#skiptocontent a{
  color: #444;	
  background-color: #fff;
  position: absolute;
  top: -40px;
  left: 0px;
  padding: 5px;
  transition: all .2s ease-in-out;
  z-index: 1000;
}
#skiptocontent a:focus{
	top:0;
}

/**
*	FONT ADJUSTMENTS
* 
* http://typecast.com/blog/a-more-modern-scale-for-web-typography
*/

		body {
		  font-size: 100%;
		}

		body, h1, h2, h3, h4, h5, h6 {
		  font-size-adjust: 0.5;
		}

		/* Body Content */

		#page {
		  font-size: 1em;
		  /* equivalent to 16px */
		  line-height: 1.25;
		  /* equivalent to 20px */
		}

		@media (min-width: 43.75em) {
		  #page {
		    font-size: 1em;
		    /* equivalent to 16px */
		    line-height: 1.375;
		    /* equivalent to 22px */
		  }
		}


/**	
*		HEADINGS
*
* http://typecast.com/blog/a-more-modern-scale-for-web-typography
*/

/* H1 */

	h1 {
	  font-size: 2em;
	  /* 2x body copy size = 32px */
	  line-height: 1.25;
	  /* 45px / 36px */
	}

		@media (min-width: 43.75em) {
		  h1 {
		    font-size: 2.5em;
		    /* 2.5x body copy size = 40px */
		    line-height: 1.125;
		  }
		}

		@media (min-width: 56.25em) {
		  h1 {
		    font-size: 3em;
		    /* 3x body copy size = 48px */
		    line-height: 1.05;
		    /* keep to a multiple of the 20px line height 
		    and something more appropriate for display headings */
		  }
		}


/* H2 */

	h2 {
	  font-size: 1.625em;
	  /* 1.625x body copy size = 26px */
	  line-height: 1.15384615;
	  /* 30px / 26px */
font-variant: small-caps;
	}

		@media (min-width: 43.75em) {
		  h2 {
		    font-size: 2em;
		    /* 2x body copy size = 32px */
		    line-height: 1.25;
		  }
		}

		@media (min-width: 56.25em) {
		  h2 {
		    font-size: 2.25em;
		    /* 2.25x body copy size = 36px */
		    line-height: 1.25;
		  }
		}


/* H3 */

	h3 {
	  font-size: 1.375em;
	  /* 1.375x body copy size = 22px */
	  line-height: 1.13636364;
	  /* 25px / 22px */
	}

		@media (min-width: 43.75em) {
		  h3 {
		    font-size: 1.5em;
		    /* 1.5x body copy size = 24px */
		    line-height: 1.25;
		  }
		}

		@media (min-width: 56.25em) {
		  h3 {
		    font-size: 1.75em;
		    /* 1.75x body copy size = 28px */
		    line-height: 1.25;
		  }
		}



/* H4 */

	h4 {
	  font-size: 1.125em;
	  /* 1.125x body copy size = 18px */
	  line-height: 1.11111111;
	}

		@media (min-width: 43.75em) {
		  h4 {
		    line-height: 1.22222222;
		    /* (22px / 18px */
		  }
		}




/* BLOCKQUOTE */

	blockquote {
	  font-size: 1.25em;
	  /* 20px / 16px */
	  line-height: 1.25;
	  /* 25px / 20px */
	}

		@media (min-width: 43.75em) {
		  blockquote {
		    font-size: 1.5em;
		    /* 24px / 16px = */
		    line-height: 1.45833333;
		    /* 35px / 24px */
		  }
		}

@font-face {
	font-display: fallback;
	font-family: 'icomoon';
  src:  url('icons/icomoon.eot?ljkx4w');
  src:  url('icons/icomoon.eot?ljkx4w#iefix') format('embedded-opentype'),
    url('icons/icomoon.ttf?ljkx4w') format('truetype'),
    url('icons/icomoon.woff?ljkx4w') format('woff'),
    url('icons/icomoon.svg?ljkx4w#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e901";
}
.icon-facebook:before {
  content: "\e902";
}
.icon-mobile-menu:before {
  content: "\e903";
}
.icon-cheveron-up:before {
  content: "\e904";
}
.icon-chevron-down:before {
  content: "\e905";
}
.icon-angle-down:before {
  content: "\e906";
}
.icon-angle-right:before {
  content: "\e907";
}
.icon-chevron-left:before {
  content: "\e908";
}

/* Table of Contents
==================================================
	#Site Styles
	#Page Styles
	#OOCSS 
	#Media Queries 
*/

/* #Site Styles
================================================== */
/* JP custom changes
- page: changed dimensions of margin to calc and adjusted width/height
- contentLeft/Right: 40/60% split
- contentRight: changed background color and background url
- contentRight: changed margin height to calc
- contentRight .content: changed top
- footer: changed height
- footer nav: changed height
- footer nav a: changed height and added border-top
- footer-copy: changed height, font-size, padding
- footer-copy a: changed font-size
*/

html,
body {
  height: 100%;
  height: auto;
  min-height: 100%; 
  background:url('web-images/noisy.png');
  background-color:#ececec;
  line-height: 1.2em;
  color:#585858;
}

nav{ color:#585858; background-color: #fff;}


.screenreadable{ /* screen reader visible but not viewable */
	position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  border: 0 !important;
}

noscript{
	color:#444;
	background-color:#ececec;
}

#page {
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -o-calc(100% - 40px);
  width: calc(100% - 40px);
  height: -moz-calc(100% - 40px);
  height: -webkit-calc(100% - 40px);
  height: -o-calc(100% - 40px);
  height: calc(100% - 40px);
  margin: 20px 0 0 20px;
  /*max-height: 800px;
  max-width: 1800px;*/
/*   background-position: center bottom; */
  position: fixed;
}

header {
  width: 100%;
  /*box-shadow: inset 0 0 0 1000px rgba(88,88,88,.97);*/
  /*background:url('../assets/bg-images/wineslice.jpg');*/
  background: #444;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 80;
}
#contentLeft {
  height: 100%;
  min-height: 100%;
  width: 40%;
  display: block;
  position: absolute;
  top: 0;  
  left: 0;
  /*z-index: 50;*/
  /*border-left: 30px solid #fff;*/
  background-color: #fff;
  overflow: hidden; /*fix for slide out menu*/
}
 .image {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
/*   background: url('/web-images/NY-Strip.jpg'); */
  background-size: cover !important;
  background-position: center center !important;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  
}
#contentRight {
  height: 100%;
  /*min-height: 100%;*/
  width: 60%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  /*background-color: rgba(255,255,255,.75);*/
  background-color:#fff;
  color:#4c4c4d;
  /*background: url('/web-images/nice_snow.png');*/
  z-index: 51;
  /*border-right: 30px solid #fff;*/
  /*border-left: 1px solid #ececec;*/
  
}
#contentRight .content {
  position: absolute;
  top: 50px;
  right:0;
  width: 100%;
  height: calc(100% - 105px);
  padding:40px 0 30px 30px;
  /*border-right: 1px solid #ececec;*/
  overflow-y: scroll;
  overflow-x: hidden;
  
}

	#contentRight .content h2 {
		font-size: 1.25em;
		line-height: 1.3em;
		border-bottom:1px solid #58585a;
		width:auto;
		margin-right: 30px;
		
	}
	
	
	#contentRight .content h2 span {
		/*color:#a80532;*/
		font-size: 1.3em;
		font-family: "AvenirLTStd-Medium", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-variant: normal;
		
	}
	
/*
	#contentRight .content h2 span:before {
		content: '';
		clear:both;
		display: block;
	}
*/
	
	#contentRight .content h2,
	#contentRight .content p,
	#contentRight .content #brandlocations {
		padding-right: 30px;
	}
	
	#contentRight p + ul {
		margin-top:-12px;
	}
	
	#contentRight p.small {
		font-size: .9em;
		font-style: italic;
	}

	
	
#fullContent{
	position: relative;
/*
	border-style: solid;
	border-color:#fff;
	border-width: 30px 30px 0 30px;
*/
	width: 100%;
	height:100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	}


/*
.hometext{
  width: 100%;
  position: absolute;
  bottom: 70px;
  background-color: rgba(255,255,255,.75);
  padding: 1em 30px;
  text-align: center;
  z-index: 5;
  box-shadow: 0px -2px 3px rgba(0,0,0,.1);
}
*/


.fullborder{
	  height: 100%;
  width: 100%;
  margin: 0;
  border:1px solid #ececec;
}

	#page .logoTop {
		width:100%;
		height: 30px;
		position: absolute;
		top:0;
		left: 0;
		display: block;
		z-index: 100;

	}



footer {
  width: 100%;
  height: 56px;
  color: #585858;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 200;
  border-top: 1px solid #ececec;
  background-color:#fff;
}


/* #OOCSS
================================================== */
.marginTop5 {
  margin-top: 5px !important;
}
.marginTop10 {
  margin-top: 10px !important;
}
.marginTop15 {
  margin-top: 15px !important;
}
.marginRight5 {
  margin-right: 5px !important;
}
.marginRight10 {
  margin-right: 10px !important;
}
.marginRight15 {
  margin-right: 15px !important;
}
.marginBottom5 {
  margin-bottom: 5px !important;
}
.marginBottom10 {
  margin-bottom: 10px !important;
}
.marginBottom15 {
  margin-bottom: 15px !important;
}
.marginLeft5 {
  margin-left: 5px !important;
}
.marginLeft10 {
  margin-left: 10px !important;
}
.marginLeft15 {
  margin-left: 15px !important;
}
.paddingtop50 {
	padding-top: 50px !important;
}

/* ADD BACK STYLES 
================================================== */

/*bg fix */
.page-home{
	background-color: #fff !important;
}


.page-home .brand-selection-brands{
	display: none;
	list-style: none;
}











/* BRAND HEADING  */

.brand-header{
	color:#ececec;
	padding: 8px 30px;
}

.brand-logo{
	height: 30px;
	width: auto;
	float: left;
	margin: 5px 0 0 10px;
}



.brand-nav{
	list-style: none;
	margin:0 0 0 10px;
	display: table;
	float: left;
}
	.brand-nav li {
		display: table;
		float:left; 
		margin-top: 5px;
		margin-left:15px;
		height: 30px;
		position: relative;
	}
		.brand-nav li a{
			display: table-cell;
		  height: 30px;
		  vertical-align: middle;
		  color: #ececec;
		 	padding: 0 10px;
		  letter-spacing: .2em;
		  text-transform: uppercase;
		  font-size: 0.75em;
		  text-decoration: none;
		  border: 1px solid #444;
		}
			.brand-nav li a.active, .brand-nav li a:hover {
				border:1px solid #999;
				background:rgba(0,0,0,.1);
				border-color:#999;
				color:#fff;
			}
	
	
	
.brand-social{  float: right;  
	display: table;
	height: 100%;
}
	.brand-social a{
	  color: #fff;
  text-decoration: none;
  display: table-cell;
  width: 30px;
  vertical-align: middle;
  text-align: center;
  line-height: 32px; /*height - 2 for border */
  height: 100%;
  border: 1px solid transparent;
	}


	.brand-social a:hover{
	  border: 1px solid #848484;
		background: rgba(0,0,0,.1);
		
	}
	
	
/* concept-specific colors */


	/* Redlands Grill */
	.brand-header[rel="RedlandsGrill"],
	.brand-header[rel="redlandsgrill"] {
		background:#860428;
		color:#ececec;
	}
	.brand-header[rel="RedlandsGrill"] .brand-nav li a,
	.brand-header[rel="redlandsgrill"] .brand-nav li a {
		color:#fff;
		background:#860428;
		border-color:transparent;
	}
	.brand-header[rel="RedlandsGrill"] .brand-nav li a:hover,
	.brand-header[rel="redlandsgrill"] .brand-nav li a:hover,
	.brand-header[rel="RedlandsGrill"] .brand-nav li a.active,
	.brand-header[rel="redlandsgrill"] .brand-nav li a.active {
		background:rgba(255,255,255,.1);
		border-color:#000;
	}
	#contentRight[rel="RedlandsGrill"] .content h2 span,
	#contentRight[rel="redlandsgrill"] .content h2 span {
		color:#860428;
	}
	#contentRight[rel="RedlandsGrill"] dl.locations dt.active,
	#contentRight[rel="redlandsgrill"] dl.locations dt.active {
		background:#860428;
	}
	/* Overland Park*/
	.brand-header[rel="OverLandParkGrill"],
		.brand-header[rel="overlandparkgrill"] {
			background:#860428;
			color:#ececec;
		}
		.brand-header[rel="OverLandParkGrill"] .brand-nav li a,
		.brand-header[rel="overlandparkgrill"] .brand-nav li a {
			color:#fff;
			background:#860428;
			border-color:transparent;
		}
		.brand-header[rel="OverLandParkGrill"] .brand-nav li a:hover,
		.brand-header[rel="overlandparkgrill"] .brand-nav li a:hover,
		.brand-header[rel="OverLandParkGrill"] .brand-nav li a.active,
		.brand-header[rel="overlandparkgrill"] .brand-nav li a.active {
			background:rgba(255,255,255,.1);
			border-color:#000;
		}
		#contentRight[rel="OverLandParkGrill"] .content h2 span,
		#contentRight[rel="overlandparkgrill"] .content h2 span {
			color:#860428;
		}
		#contentRight[rel="OverLandParkGrill"] dl.locations dt.active,
		#contentRight[rel="overlandparkgrill"] dl.locations dt.active {
			background:#860428;
		}

	
	/* J. Alexander's */
	.brand-header[rel="JAlexanders"],
	.brand-header[rel="jalexanders"] {
		background:#3D3D3D;
	}
	.brand-header[rel="JAlexanders"] .brand-nav li a,
	.brand-header[rel="jalexanders"] .brand-nav li a {
		color:#fff;
		background:#3D3D3D;
		border-color:transparent;
	}
	.brand-header[rel="JAlexanders"] .brand-nav li a:hover,
	.brand-header[rel="jalexanders"] .brand-nav li a:hover,
	.brand-header[rel="JAlexanders"] .brand-nav li a.active,
	.brand-header[rel="jalexanders"] .brand-nav li a.active {
		background:rgba(255,255,255,.05);
		border-color:#999;
	}
	#contentRight[rel="JAlexanders"] .content h2 span,
	#contentRight[rel="jalexanders"] .content h2 span {
		color:#3D3D3D;
	}
	
	
	/* Stoney River */
	.brand-header[rel="StoneyRiver"],
	.brand-header[rel="stoneyriver"] {
		background:#0F1E2D;
	}
	.brand-header[rel="StoneyRiver"] .brand-nav li a,
	.brand-header[rel="stoneyriver"] .brand-nav li a {
		color:#fff;
		background:#0F1E2D;
		border-color:transparent;
	}
	.brand-header[rel="StoneyRiver"] .brand-nav li a:hover,
	.brand-header[rel="stoneyriver"] .brand-nav li a:hover,
	.brand-header[rel="StoneyRiver"] .brand-nav li a.active,
	.brand-header[rel="stoneyriver"] .brand-nav li a.active {
		background:rgba(255,255,255,.1);
		border-color:#999;
	}
	#contentRight[rel="StoneyRiver"] .content h2 span,
	#contentRight[rel="stoneyriver"] .content h2 span {
		color:#0F1E2D;
	}

	
	
		/* Merus  */
	.brand-header[rel="MerusGrill"],
	.brand-header[rel="merusgrill"] {
		background:#adc8b8;
	}
	.brand-header[rel="MerusGrill"] .brand-nav li a,
	.brand-header[rel="merusgrill"] .brand-nav li a {
		color:#fff;
		background:#adc8b8;
		border-color:transparent;
	}
	.brand-header[rel="MerusGrill"] .brand-nav li a:hover,
	.brand-header[rel="merusgrill"] .brand-nav li a:hover,
	.brand-header[rel="MerusGrill"] .brand-nav li a.active,
	.brand-header[rel="merusgrill"] .brand-nav li a.active {
		background:rgba(255,255,255,.1);
		border-color:#999;
	}
	#contentRight[rel="MerusGrill"] .content h2 span,
	#contentRight[rel="merusgrill"] .content h2 span {
		color:#adc8b8;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


/* SUBSIDIARY SELECT MENU */

.navfix{
	top:120px;
	overflow:hidden;
	position: fixed;
	height:45px;
	width:45px;
	padding-left:0px;	
	z-index: 100;
	transition: all .5s ease-in-out;
}

.navfix.active {
	height: 450px;
	width: 255px;
}

.subsidiary-nav {
 	position: absolute;
  top: 140px;
  background-color: #fff;
  color:#4c4c4d;
  margin: 0;
  padding: 1% 0;
  height: auto;
  border-top: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  z-index: 2;
	width: 210px;
  left:-210px;
  letter-spacing: .15em;
  text-transform: uppercase;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 0;
  transition: left .5s ease-in-out;
  list-style: none;
	text-align: center;
}



.navfix.active .subsidiary-nav {
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
}

	.slide-control {
		position: absolute;
	  left: 210px;
	  font-size: 30px;
	  top: -1px;
	  padding: 5px 5px 5px 10px;
	  background: #fff;
	  border-radius: 0 6px 6px 0;
	  border-top: 1px solid #ececec;
	  border-right: 1px solid #ececec;
	  border-bottom: 1px solid #ececec;
	  color: #444;
	  cursor: pointer;
	}

	.subsidiary-open,
	.subsidiary-nav:focus-within{
		left:0;
		transition: left .5s ease-in-out;
	}

	.subsidiary-nav ul {
	margin-bottom:0;
	}

	.subsidiary-nav li{
		display: table;
		width: 100%
	}

	.subsidiary-nav a{
		transition: all .25s ease;
		font-size: .9em;
		color:#a80533;
		text-decoration: none;
		display: table-cell;
		width: 100%;
		padding: 20px 0;
	}
		
		.subsidiary-nav a:hover{
			background: #ebe5dc;
    text-shadow: none;
			cursor: pointer;
		}
		
		.subsidiary-nav  a.logoed:hover{
					background-image: url('../web-images/jalexanders-holdings.svg');
	  background-repeat: no-repeat;
	  content: '';
	  text-indent: -999em;
	  background-position: center center;
		}
	.subsidiary-nav .logoed {
		background-image: url('../web-images/jalexanders-holdings.svg');
	  background-repeat: no-repeat;
	  content: '';
	  text-indent: -999em;
	  background-position: center center;
	}
	
	.subsidiary-nav li.logo {
		position: relative;
	}
	
	.subsidiary-nav li.logo:after {
		content: '';
		display: block;
		height: 1px;
		width: 90%;
		background:#9a7f53;
		position: absolute;
		bottom:0;
		left:5%;
		
	}


/* MMENU NAV */
     
.mm-next {width:100% !important;}    

.mm-menu {
  width: 60% !important;
}

html.mm-opening .mm-slideout {
  -webkit-transform: translate(60%, 0) !important;
  -moz-transform: translate(60%, 0) !important;
  -ms-transform: translate(60%, 0) !important;
  -o-transform: translate(60%, 0) !important;
  transform: translate(60%, 0) !important; 
 }

/*  CONTENT AREA */

.content .content-branding-logo{
		margin: 0 auto;
		display: block;
		max-width: 170px;
		margin-bottom:60px;
	}

	.content blockquote{
		margin: 30px 0 !important;
		color:#a80533;
		margin:0;
		display: block;
		text-align: center;
	}

	.content blockquote:before{
		content: '\201C';
	}

	.content blockquote:after{
		content: '\201D';
	}

	.content p{
		margin:.75em 0;
		
	}
	
	.content a{
		color:#a80533; 
		font-weight: bold;
	}
	.content a:hover{
		color:#a80532;
	}
		
		
		/*NEW LOCATIONS PAGE */
		dl.newlocations {
	display: block;
	width: 100%;
}

	dl.newlocations dt {
		display: block;
		background:#444;
		padding:10px 2.5%;
		margin:10px 0;
		text-transform: capitalize;
		cursor: pointer;
		color:#fff;
	}
	
	dl.newlocations dd {
		margin:0;
		display: block;
		width: 100%;
		border-bottom:10px solid transparent;
	}

	dl.newlocations .location-details,
	dl.newlocations .newlocation-applications {
			width: 48.5%;
			float: left;
			padding-left:1%;
		
	}
	
		dl.newlocations .locationDetails h2 {
			margin:0 0 15px 0 !important;
			padding:0;
			width:100%;
			display: block;
			text-transform: capitalize;
			font-variant: normal;
			font-weight: bold;
			border-bottom:1px solid #b8b8b8 !important;
		}
		
		dl.newlocations .location-details{
			margin:0 0 20px 0;
			font-size: .9em;
		}

		dl.newlocations .locationDetails p strong {
			color:#a80533;
			font-weight: bold;
			font-size: 1.1em;
		}
		
		dl.newlocations h4{
			margin:.25em 0 1em 0;
			
		}
		
		
		@media screen and (max-width:1020px) { 
			dl.newlocations .location-details {
				width:100%;
				display: block;
			}
		}
*/
		
		/* end new locations */
		
	.roomList .room {
		width: 45.5%;
		float: left;
		margin:0 0 20px 3%;
	}
	
	.roomList h4{    
		font-size: 1.75em;
    line-height: 1.25;
    margin: .25em 0;
  }
	
	.roomList h5 {
		font-size: 1.2em;
		margin:0;
	}
	
	.roomList p {
		margin:0 0 15px 0 !important;
	}
	
	.privateContact {
		padding-left:3% !important;
	}
	
	a.gather {
		height: 34px;
		line-height: 34px;
		border:1px solid #a80532;
		border-radius: 2px;
		text-decoration: none;
		display: inline-block;
		padding:0 10px;
		margin:5px 0 5px 5px;
		color:#a80532;
		transition:.15s all ease-in-out;
		-webkit-transition:.15s all ease-in-out;
		-moz-transition:.15s all ease-in-out;
		-ms-transition:.15s all ease-in-out;
	}
		
	a.gather:hover {
		color:#fff !important;
		background:#860428;
	}
	


	
	/* FOOTER NAVIGATION */ 

.footer-nav {
	margin:0; 
	width:100%; 
	display: table;
	background: #fff;
	padding:0 30px;
	box-sizing: border-box;
}
	.footer-nav li a img.home {  width:90%;}
	
	.footer-nav li.home a:hover{ transition:none;}
	
	.footer-nav li {
		display:table; 
		height:55px;
		float: left; 
		word-break: break-word;
		position: relative;
	}
	
	.footer-nav li:first-child {
		margin-left:0 !important;
	}
	
	.footer-nav li:last-child {
		margin-right:0 !important;
		float: right !important;
	}
	
	
	/* 5 links */
	.footer-nav.col5 li {
		margin:0 1.5%;
		width: 17.5%;
	}
	
	@media only screen and (max-width : 850px) {
		.footer-nav.col5 li a {
			font-size: .75em;
			letter-spacing: .2em;
		}
	}
	
	@media only screen and (max-width : 780px) {
		.footer-nav.col5 li a {
			font-size: .7em;
			letter-spacing: .16em;
		}
	}
	
	/* 6 links */
	.footer-nav.col6 li {
		width: 14.15%;
		margin:0 1.5%;
	}
	
	@media only screen and (max-width : 1060px) {
		.footer-nav.col6 li a {
			font-size: .75em;
			letter-spacing: .2em;
		}
	}
	
	@media only screen and (max-width : 944px) {
		.footer-nav.col6 li a {
			font-size: .7em;
			letter-spacing: .15em;
		}
	}
	
	@media only screen and (max-width : 830px) {
		.footer-nav.col6 li {
			width: 14.7%;
			margin:0 1%;
		}
		
		.footer-nav.col6 li a {
			font-size: .65em;
			:green;
			letter-spacing: .1em;
		}
	}

	
	.footer-nav a { 
		letter-spacing: .25em;
		text-transform: uppercase;
		font-size: .8em;
		color:#585858;
		text-decoration: none;
		background: #fff;
		display:table-cell;
		height:55px; 
		transition: all .1s linear;
		-webkit-transition: all .1s linear;
		-moz-transition: all .1s linear;
		-ms-transition: all .1s linear;
		vertical-align: middle;
		text-align: center;
		/*position: relative;*/
		z-index: 1;
	}
	.footer-nav a:focus{
		outline: 0;
	}
	.footer-nav li a:hover{
		color:#a80532;
	}
		

			
			
  .footer-copy{
  list-style: none;
  display: inline-block;
  height: 20px;
  width: calc(100% - 40px);
  margin: 0 0 0 20px;
  padding: 0 5px 0 0;
  font-size: .65em;
  text-align: right;
  color:#666;
  position: absolute;
  bottom: 0;
  left:0;
  z-index: 1000;
 background-color: #fff;
  background:url('web-images/noisy.png');
  }
  
  .footer-copy a{ 
	  color:#444; 
	  font-size:1em;
	}
  .footer-copy li{
	  display: inline-block;
	  margin-left: .5em;
	}			
			
			
			
			
/* CAREER */			
.career-heading{
	width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: middle;
  line-height: 38px;
  font-size: 1.3em;
  }
  
  
  
.contact-heading{
	font-size: 1.75em;
}
  
						
			
		/* MISC */
.note{ display: inline-block; font-size: .8em;}







/* new styles should fold into the above */
	
	
	.image { 
		width: 100%;
	  height: 100%;
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
/* 	  background: url('web-images/NY-Strip.jpg'); */
	  background-size: cover !important;
	  background-position: center center !important;
		z-index: 1;
  }
  
  #homecontentLeft{
		height: 100%;
		min-height: 100%;
		width: 265px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 70;
		background-color: #fff;
		overflow: hidden;
		padding:.5em 1em;
		color:#4c4c4d;
  }  
  
  #homecontentRight{
	  height: 100%;
	  min-height: 100%;
	  width: 100%;
	  display: block;
	  position: absolute;
	  top: 0;
	  right: 0;
	  background: transparent;
	  z-index: 51;
  }
  
  
  .homenav{
		position: relative;
		margin: 20px 0 0 0;
		padding: 1% 0;
		height: auto;
		z-index: 2;
		left: 0;
		letter-spacing: .15em;
		text-transform: uppercase;
		transition: left .5s ease-in-out;
		list-style: none;
		text-align: center;
  }
  
  #homecontentLeft div.content p{  
	  font-size: 0.80em;
  text-align: center;
  line-height: 2em;
  padding: 0 1em;
  }
  
  .homenav>li:first-child{  
	  max-width: 200px;
  margin: 10px auto 0px auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #9a7f53}
  
  .homenav li{  display: table;
  width: 100%;}


  .homenav a{
	  font-family: AvenirLTStd-Medium;
	  transition: all .25s ease;
	  font-size: .9em;
	  color: #a80533;
	  text-decoration: none;
	  display: table-cell;
	  width: 100%;
	  padding: 20px 0;

  }

  
  	.homenav a:hover{  color: #9a7f53;}
  
  
  .homenav .logoed{
	  background-image: url('../web-images/jalexanders-holdings.svg');
  background-repeat: no-repeat;
  content: '';
  text-indent: -999em;
  background-position: center center;

  }
  
  
  #page.page-home div.logoTop{display: none;}
  
  

.location-logo{
	width:100px;
	display: block;
}





.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* giftcard styling */
.giftcardselection p img{
	float: left;
	margin-right:1em;	
}




iframe.stoneycards{
	width: calc(100% - 40px);
  height: calc(100% + 70px);
}


/* gift cards - JW 9/1/15 */
#contentLeft.narrow {
	width:26%;	
}

#contentLeft.narrow + #contentRight {
	width:74%;
}

.giftSelect, .logoDisplay {
	display: block;
	width: 97%;
	height: auto;
	margin:0 0 20px 0;
}

	.giftSelect .item, .logoDisplay .item {
		display: inline-block;
		float: left;
		/* width: 30%; 3 column*/
		width: 46%; /* 2 column */
		min-height: 240px;
		background:#fff;
		border-radius: 4px;
		margin:0 1.5% 20px 1.5%;
		padding:2%;
		transition:.2s all ease;
		-webkit-transition:.2s all ease;
		-moz-transition:.2s all ease;
		-ms-transition:.2s all ease;
		border:1px solid #ececec;
	}
	
	.giftSelect .item:hover {
		background:#fff;
	}
	
	.giftSelect .item.jalex .logo {
		background:url('../web-images/giftcard-jalexanders.png') no-repeat;
		height: 60px;
		margin:0 0 14px 0;
	}
	
	.giftSelect .item.redlands .logo {
		background:url('../web-images/giftcard-redlands.png') no-repeat;
/*
		height: 42px;
		margin:8px 0 25px 0;
*/
		height: 60px;
		margin:0 0 14px 0;
	}
	
	.giftSelect .item.stoneyriver .logo {
		background:url('../web-images/giftcard-stoneyriver.png') no-repeat;
/*
		height: 68px;
		margin:-8px 0 14px 0;
*/
		height: 60px;
		margin:0 0 14px 0;
	}
	

.giftSelect .item.overlandpark .logo {
		background:url('../web-images/OverlandPark_gray.png') no-repeat;
		background-size: 75% !important;
/*
		height: 68px;
		margin:-8px 0 14px 0;
*/
		height: 60px;
		margin:0 auto 14px auto;
		max-width: 320px
	}
	
	
	
	
	
	.giftSelect .item.merusgrill .logo {
		background:url('../web-images/Merus-Grill_BW.png') no-repeat;
		background-size: 75% !important;
/*
		height: 68px;
		margin:-8px 0 14px 0;
*/
		height: 60px;
		margin:0 auto 14px auto;
		max-width: 320px
	}
	
	
	.giftSelect .item .logo {
		width: 100%;
		background-size: contain !important;
		background-position: center center !important;
	}
			
		.giftSelect .item .links a {
			height: 34px;
			line-height: 34px;
			display: block;
			border:1px solid #ececec;
			text-decoration: none;
			margin:0 0 8px 0;
			font-size: .9em;
			font-family: "AvenirLTStd-Medium", Helvetica, Arial, sans-serif;
			text-align: center;
			transition:.2s all ease;
			-webkit-transition:.2s all ease;
			-moz-transition:.2s all ease;
			-ms-transition:.2s all ease;
		}
		
		.giftSelect .item .links a:hover {
			background:#ececec;
			color:#58585a;
		}
	
	.giftSelect .item p {
		font-size: .76em;
		font-style: italic;
		font-family: "AvenirLTStd-Medium", Helvetica, Arial, sans-serif;
		width: 100%;
		text-align: center;
		padding-right:0 !important;
	}
	
	
	
	/* NEWS STYLES */
	
	
	.content.news h3{ margin-top: 0; margin-bottom:.5em;}
	.news article{
		margin:2em 0;
	}
	
	
.video{
	width: 100%;
  padding-right: 30px;
}
@media all and (max-width:668px){
	.video{
		width: 100%;
		 padding-right: 0px;
	}
}


#homecontentLeft .videoLink {
	font-size: 1.24em;
	display: block;
	width: 100%;
	margin:45px 0 0 0;
	padding:0;
	position: relative;
	text-align: center;
}

	#homecontentLeft .videoLink:before {
		content:'';
		height: 2px;
		width: 74%;
		top:-20px;
		left:13%;
		background:#a80532;
		position: absolute;
		display: block;
		color:#fff;
	}

	#homecontentLeft .videoLink p {
		margin:0;
	}
	
	#homecontentLeft .videoLink a {
		color:#58585a;
		text-decoration: none;
		font-size: .8em;
		padding:7px 7px 7px 9px;
		transition:.2s all ease;
		-webkit-transition:.2s all ease;
		-moz-transition:.2s all ease;
		-ms-transition:.2s all ease;
		display: inline-block;
    border-radius: 3px;
    border:solid 1px #ececec;
    margin:2px 0 0 0;
    width:170px;
    background-color: #fff;
	}
	
	#homecontentLeft .videoLink a span {
		font-size: 1.1em;
		position: relative;
		top:3px;
	}
	
	#homecontentLeft .videoLink a:hover {
		background: #ececec;
    color: #58585a;
	}
	
	#homecontentLeft .videoLink a:focus {
		outline: none;
	}
	
	
		/* homepage reservation link only show on small screen */
	#homecontentLeft .videoLink a.homereserve{ 
		display: none; 
	}
		#homecontentLeft .videoLink a.homereserve:hover{ 
		background: #ececec;
    color: #585858;
    }
	
	
	
	
	
	
	/* delete me - testing visual option for location button on homepage */
	
	.locationbutton{
			color:#fff !important;
			background-color:#444 !important ;
			}
	.locationbutton:hover{
			color:#444 !important;
			background-color:#ececec !important ;
			}		
			
	.applicationDownload {
  line-height: 34px;
  border: 1px solid #a80532;
  border-radius: 2px;
  text-decoration: none;
  display: inline-block;
  padding: 0 10px;
  margin: 5px 0 5px 5px;
  color: #a80532 !important;
  transition: .15s all ease-in-out;
  -webkit-transition: .15s all ease-in-out;
  -moz-transition: .15s all ease-in-out;
  -ms-transition: .15s all ease-in-out;
  font-size: .9em;
  background-color:#fff;
	}	
	
	.applicationDownload:hover{
		color: #fff !important;
  background: #a80532;
	}
	
	
	
	
	
	
/* INCOMING NEWS FIELDS */
	
	.field-field-press-release-city,
	.field-fieldpressreleasecity{
		display: none;
	}
	
	.field-field-press-release-language,
	.field-fieldpressreleaselanguage{
		display: none;
	}
	
 	.field-field-press-release-contact-html,
 	.field-fieldpressreleasecontacthtml,
 	.field-field-press-release-contact-addl,
 	.field-fieldpressreleasecontactaddl,
 	.group-press-release-contacts{
		display: none;
	}

 	.field-field-press-release-ticker-slug,
 	.field-fieldpressreleasetickerslug{
	 	display: none;
 	}
	.field-field-press-release-subheadline,
	.field-fieldpressreleasesubheadline{
		display: none;
	}
	
	
	
	
	
	

























.locationDetails{
	padding: 1.5% 0;
}



.acc_nav{
  margin:0; 
  width:100%; 
  display: table;
  background: #fff;
  color:#585858;
  padding:0 30px;
  box-sizing: border-box;
  overflow: hidden;
}

.acc_nav:hover,
.acc_nav:focus,
.acc_nav:focus-within {
	overflow:visible;
}

.acc_nav li a{
  display: block;
  text-align: center;
  text-decoration: none;
  color:#585858;
}
.acc_nav ul {
  position: absolute;
  bottom:-300%;
  padding:0;
  opacity: 0;
  -webkit-transition: 0.1s linear opacity;
  width: 100%;
  overflow: hidden;
  opacity: 0;
}

.acc_nav li:hover ul,
.acc_nav li:focus ul,
.acc_nav li:focus-within ul,
.acc_nav ul.show-menu {
  left: 0;
  opacity: 0.99;
  bottom: 100%;
  position: absolute;
  overflow: visible;
  padding-bottom: 3px;
  -webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.25);
}



.acc_nav > li{
  display: table;
  height: 55px;
  float: left;
  word-break: break-word;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 20%;
  /* margin:0 1.5%; */
  text-transform: uppercase;
}
  .acc_nav li:first-child {
    margin-left:0 !important;
  }
  
  .acc_nav li:last-child {
    margin-right:0 !important;
    float: right !important;
  }
	/*.acc_nav li ul li{
		list-style: none;
		width: 100%;
	}
*/

/* Added by JTG - 20180907 - Fix Stoney River Link */
.acc_nav li ul li:last-child {
	float: none !important;
}

.acc_nav > li a{/* applies to main and submenu */
    width: 100%;
    letter-spacing: .25em;
    height: auto;
    display: block;
    margin: 0;
    padding: 15px 0 20px 0;
    background: #fff;
    color:#585858;
    text-align: center;
    transition: .1s all linear;
    -webkit-transition: .1s all linear;
    -moz-transition: .1s all linear;
    -o-transition: .1s all linear;
    font-size: .8em;
    letter-spacing: .1em;
}


/* submenu*/
.acc_nav > li ul li a{
  font-size:.8em;
}


/*  hover styles */
  .acc_nav li > a:hover,
    .acc_nav li > a:focus,
    .acc_nav li:focus > a,
    .acc_nav li:hover > a {
/*       outline: 0; */
     }
  .acc_nav li a:hover{
    color:#a80532;
  }


  .acc_nav ul a:hover,
    .acc_nav ul a:focus {
      background: #ebe5dc;
      color: #333;
      text-shadow: none;
    }





/* SUBNAV */

.acc_nav li ul{
  box-shadow: 0 -5px 4px rgba(0,0,0,.05);
  list-style: none;
  margin:0;
  background-color: #fff;
  color:#585858;
}

.acc_nav ul li[role="menuitem"]{
  width: 100%;
    height: auto;
    display: block;
    margin: 0;
    background: #fff;
    color:#585858;
    text-align: center;
    transition: .1s all linear;
    -webkit-transition: .1s all linear;
    -moz-transition: .1s all linear;
    -o-transition: .1s all linear;
    font-size: .9em ;
    letter-spacing: .1em;
    list-style: none;
}


	/* fixes for the headings on reservations page */
	.reservations.locations h3{
		font-size: 1rem;
    line-height: 1.25;
    background: #ececec;
    padding: 10px 2.5%;
    margin: 10px 0;
    text-transform: capitalize;
    color: #4c4c4d;
	}

	
	
	



	.mobileShow {
	display: none !important;
}

.mobileClose,
.mobileDropdownHome {
	display: none;
}
.homepage-brand-selection {display: none;}
#mm-blocker{cursor: pointer;}
		
	.mobilemenubtn{display: none;}

@media screen and (max-width:1130px){
	.giftSelect .item .links a {
		font-size: .8em;
	}	
}

@media screen and (max-width:1050px){
	.giftSelect .item .links a {
		font-size: 1em;
	}	
	
	.giftSelect .item .links a span {
		display: none;
	}
	
	.giftSelect .item .links a span.mobileShow {
		display: inline-block;
	}
}

@media screen and (max-width:790px){
	.footer-nav li {
		margin:0 1%;
		width:18%;
	}
	
	.footer-nav a {
		font-size: .8em;
	}
	
	/* gift cards */
	.giftSelect .item, .logoDisplay .item {
		width: 100%;
		padding:20px 2%;
		min-height: 10px;
	}

	.giftSelect .item.jalex .logo {
		height: 50px;
		margin:0 0 14px 0;
	}
	
	.giftSelect .item.redlands .logo {
		height: 45px;
		margin:5px 0 24px 0;
	}
	
	.giftSelect .item.stoneyriver .logo {
		height: 42px;
		margin:0 0 14px 0;
	}
	
	.giftSelect .item .logo {
		width: 100%;
		background-size: contain !important;
		background-position: center center !important;
	}
	
	.giftSelect .item .links {
		text-align: center;
		width: 70%;
		margin-left:15%;
	}
	
	.giftSelect .item .links a span {
/* 		display: inline; */
	}
	
	.giftSelect .item .links a {
		height: 46px;
		line-height: 46px;
		margin:0 0 14px 0;
	}
	
}


@media screen and (max-height: 720px) {
  .homenav {
		margin-top:10px;
  }
  
  .homenav a {
	  padding:15px 0;
  }
  
  #homecontentLeft div.content p {
	  line-height: 1.8em;
	  font-size: .78em;
  }
}

@media screen and (max-height: 620px) {
  .homenav {
		margin-top:0;
  }
  
  .homenav a {
	  padding:12px 0;
  }
  
  #homecontentLeft div.content p {
	  line-height: 1.7em;
	  font-size: .78em;
  }
}


@media screen and (max-width:668px){
html,body{
background: #fff;
}
.mobileShow{
	display: inline-block !important;
}
.mobileHide{
	display: none !important;
}
#homecontentLeft .videoLink a.locationLink{
	background-color: #58585a;
	color:#fff;
}
#homecontentLeft .videoLink a.locationLink:hover{
	background: #ececec;
  color: #585858;
}
/* mobile side-nav */
.mm-menu {
  width: 72% !important;
  min-width: 72% !important;
  max-width: 72% !important;
}

html.mm-opening .mm-slideout {
	-webkit-transform: translate(70%, 0) !important;
	-moz-transform: translate(70%, 0) !important;
	-ms-transform: translate(70%, 0) !important;
	-o-transform: translate(70%, 0) !important;
	transform: translate(70%, 0) !important;
}

#mobilemenu .homeLink {
	padding:0 10px 0 8px;
	background:#a80532;
	color:#fff;
	text-decoration: none;
	display: inline-block;
	margin:8% 0 0 5%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 2px;
}

	#mobilemenu .homeLink span {
		height: 34px;
		display: block;
		float: left;
		line-height: 34px;
		font-size: .9em;
		margin:0 5px 0 0;
	}
  
  #homecontentRight{
		position: relative;
	  border:none;
	  width: 100%;
	  height: 200px;
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
  }
	  
	  .homenav{display: none; }
	  #homecontentLeft {
		  display: block;
  width: 100%;
  position: relative;

	  }

#contentLeft.narrow {
	width:100%;
	display: block;
}

#contentLeft.narrow + #contentRight {
	width:100%;
	display: block;
}


#page.page-sub .image {
	height: 240px;
}

#page.page-sub .image.static:after {
	clear:both;
	display: block;
	content:'';
	width: 100%;
}


#contentRight h2 {
	margin-right:0 !important;
}


.footer-copy {
	background:transparent;
	/*z-index: -1;*/
	width: auto;
	display: block;
	position: relative;
}


#page {
	height: auto !important;
}

/* Mobile menu */

.mobilemenubtn{
	position: fixed;
	top: 4px;
	left: 0;
	z-index: 100;
	padding:11px 0 0 11px;
	margin:0;
	display: block;
	font-size: 30px;
  text-decoration: none;
  color:#f1f1f1;
}

.page-home .mobilemenubtn{
	background-image: url('../web-images/jalexanders-holdings.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 48%;
  color:#58585a;
  height: 54px;
  padding:10px;
  width: 100% !important;
  top:0 !important;
  background-color:#fff;
  z-index: 1000;
 }



/* Footer*/
footer{
	position: initial;
	bottom:initial;
	top:initial;
	display: none;
}
	.site-footer,.site-footer.sub{ margin-top:10px; float: left; }
	
	.footer-nav{display: none;}
	
	
	
	


/* locations table */
#contentRight .content h2,
	#contentRight .content p,
	#contentRight .content #brandlocations {
		padding-right: 0px;
	}

dl.locations dd {
	padding:10px 0;
	margin:0 !important;
	padding-right:0 !important;
}

dl.locations dd > a:first-child {
	display: none;
}

dl.locations dd a{
	float: none;
}

.group table tr td {
	display: block;
}	
	
/* new resp styles really messy  */
	#contact img {display: none;}
	
	
	
	#fullContent{
		border: none;
  height: 200px;	
  }
	.brand-selection-brands{
		top: 0;
  transform: none;
	}
	
.page-home .brand-selection-brands{
	display: block;
	z-index: 100;
}
	.page-home:before{
		display: none;
	}
	
	.navfix{display: none;}
	
	#contact{
		position:initial;
	}
	
	#page{
		position: relative;
		height:initial;
		margin: 0 2.5%;
		top: 0 !important;
		left: initial;  
		padding-top: 54px;
		width:100%; 
		margin:0;
	}
	#contentLeft{
		display: block;
		position: relative;
/* 		min-height: 240px; */
		height: auto;
		width: 100%;
		border: none;		
	}

	#page .logoTop {
		display: none;
	}
	
	
	
	#contentRight{
		width: 100%;
		border-right:none;
		position:relative;
		padding: 15px;
	}
		#contentRight .content{
			position: initial;
			width: 100%;
			height: 100%;
			padding: 0;
			border-right:none;
			overflow: scroll;
		}
	
	
	#contact{
		max-width: 100%;

	}
	
.page-wrap{background-image: none;}


.mfp-hide{display:block !important;}


/* locations/menu info (modal from desktop view) */
/*
.locInfo a.popupInline {
	display: none;
}
*/

/*
.location-container {
	display: block !important;
	background:#fff;
	padding:1.5% 3%;
	margin-bottom:20px;
}
*/
	
/*
	.location-container .backgroundImage,
	.location-container .modalLogo {
		display: none;
	}
	
	.location-container .location-details,
	.location-container .location-reservations {
		width: 100%;
		display: block;
	}
*/
	
/*
	.location-container .modalContent {
		padding:0;
	}
	
		.location-container .modalContent h2 {
			font-size: 1.1em;
			margin:5px 0 0 0;
			padding:0;
			line-height: 1.4em;
		}

	.location-container .location-details p {
		line-height: 1.4em;
	}
*/
/*
	
	.location-container .location-reservations .reservations a,
	.location-container .location-reservations .reservations a:hover {
		background:#a80532;
		border:none;
		color:#fff !important;
	}
		
	#brandlocations a:before {
		content:'';
	}
	
	#brandlocations table tr {
		background:transparent !important;
	}
	
	#brandlocations table tr td:first-child {
		color: #a80532;
	  font-family: 'AvenirLTStd-Medium';
	  font-size: 1.2em;
	  border-bottom: 1px solid #585858;
	  width: 92%;
	  margin: 0 0 0 4%;
	  padding: 0;
	}
	

#brandlocations div dt {
	font-size:1.5em;
  float: none;
  width: 98%;
  }
	
#brandlocations div dd {
	margin: 0 2%;
}	
*/
	
	.location-brand-img {display: none;}

	
.brand-selection-brands{
		position: relative;
		  margin-top: 60px;
	}
	.brand-selection h1{
		margin-top:80px;
	}
	.brand-selection-brands li{
		width:94%;
		margin-bottom:2%;
		
		
	}
	
.homepage-brand-selection{
	display: block; 
	margin-top:90px;
	}
	
	/* homepage brand link adjustments */
	#homecontentRight + ul.brand-selection-brands {
		margin-top:30px;
	}
	
	#homecontentRight + ul.brand-selection-brands li {
		height: auto !important;
		margin-bottom:20px !important;
	}
	
	#homecontentRight + ul.brand-selection-brands li a {
		display: block;
		height: 100%;
		width: 100%;
	}
	
	#homecontentRight + ul.brand-selection-brands li img {
		margin-top:40px;
		margin-bottom:40px;
	}
	
	
	/* header logo/menu */

	
	
		
	
		
	
	.selection-header{
		top: 323px;
  position: relative;
  height: initial;
		
	}
		.selection-header p{
			font-size: 1em;
		}
		.selection-header p span {
		  display: inline;
		 }
  
  
  
  
  
  
  
  
	
	.brand-header {
		width: 100%;
		margin:0;
		height:60px;
		position: fixed;
		top:0;
		left:0;
	}
	
		.brand-header a.logo {
			display: block;
			z-index: 200;
			position: absolute;
			top:0;
			left:50px;
			width: 100%;
			height: 100%;
		}
	
		.brand-header .brand-logo {
			  height: 40px;
				margin: 8px 0 0 5px;
		}
	
		.brand-header .mobileClose {
			float: right;
			height:28px;
			width: 28px;
			display: block;
			cursor: pointer;
			margin:12px 2% 0 0;
			position: absolute;
			top:0;
			right:0;
			z-index: 300;
		}
		
			.brand-header .mobileClose svg rect {
				fill:#87878a;
				transition:.3s all ease-in-out;
				-webkit-transition:.3s all ease-in-out;
				-moz-transition:.3s all ease-in-out;
				transition:.2s all ease-in-out;
				-webkit-transform: rotate(0) translate(0, 0) scale(1,1);
				transform: rotate(0) translate(0, 0) scale(1,1);
				display: block;
			}
			
			
			.brand-header .mobileClose.active rect.mid {
					-webkit-transform: translate(400px,0);
					transform: translate(400px,0);
				}
				
				.brand-header .mobileClose.active rect.top {
					transform: rotate(45deg) translate(112px,-27px) scale(.9,.9);
					-webkit-transform: rotate(45deg) translate(112px,-27px) scale(.9,.9);
					-moz-transform: rotate(45deg) translate(112px,-27px) scale(.9,.9);
				}
				
				.brand-header .mobileClose.active rect.bottom {
					transform: rotate(-45deg) translate(-218px,-5px) scale(.9,.9);
					-webkit-transform: rotate(-45deg) translate(-218px,-5px) scale(.9,.9);
					-moz-transform: rotate(-45deg) translate(-218px,-5px) scale(.9,.9);
				}
		
		.brand-header .brand-social {
			padding:0;
			position: absolute;
			top:0;
			right:40px;
			z-index: 400;
		}
		
			.brand-header .brand-social a {
				font-size: 1.4em;
				height: 28px;
			}
			
			.brand-header .brand-social a span {
				padding-right:5px;
			}
		
		
		.brand-nav{display: none;}
		
		
		.brand-header[rel="StoneyRiver"] .brand-logo {
			/*height: 38px;
			margin-top:8px;*/
		}
		
		/*
		.brand-header .brand-nav {
			display: table;
			width: 100%;
			height: auto;
			position: absolute;
			top:-100%;
			left:0;
			background:#585858;
			transition:.3s all ease-in-out;
			-webkit-transition:.3s all ease-in-out;
			-moz-transition:.3s all ease-in-out;
			z-index: 100;
		}
		
			.brand-header .brand-nav.open {
				top:100%;
				padding:0;
			}

			.brand-header .brand-nav li {
				width: 100%;
				display: block;
				margin:0;
				padding:0;
				height: 50px;
			}
			
			.brand-header .brand-nav li a,
			.brand-header .brand-nav li a.active,
			.brand-header .brand-nav li a:hover  {
				display: block;
				width: 100%;
				height: 50px;
				margin:0;
				line-height: 50px;
				color:#d4d5d5;
				border-width:0 0 1px 0;
				background:#585858;
			}
			
			.brand-header .brand-nav li a:after {
				display: block;
				content:'';
				width: 3%;
				height: 100%;
				background:url('../web-images/icon-arrow-2.svg') no-repeat;
				background-size: contain;
				background-position: center center;
				float: right;
			}
	*/
	.brand-selection{
		margin-top:20%;
	}
	
 .locationanchor {text-decoration:none; color:#58585a !important;}
	
	
	.page-wrap{
		background-position: center top;
		background-size:100%;
		position: relative;
		padding-bottom:10px;
	}

	/* all locations/reservations */
	.middleContent {
		width: 100%;
		position: relative;
		float: none;
		display: block;
		margin:0 0 20px 0;
		height: auto;
		top:auto;
		left:auto;
	}
	
	#fullContent {
		height: auto;
	}
	
	.jumpnav {
		display: none;
	}
	
	#fullContent dl.locations .location-details a:before {
		display: none;
	}
	

	
	dl.locations.accordion dt {
		height: auto;
		background:#ececec;
		color:#58585a;
		padding:15px 10px;
		font-size: 1.2em !important;
	}
	
	dl.locations.accordion dt.active {
		background:#a80532;
		color:#fff;
	}
	
	dl.locations a.reserve {
		height: 40px;
		line-height: 40px;
		padding:0 !important;
		width:60% !important;
		margin-left:0 !important;
	}
	
	dl.locations .openTable {
		width: 60%;
		margin:0;
		background-size: 70%;
		background-position: center center;
		margin:10px 0;
	}
	
	#brandlocations.all dl.locations.accordion dt.active {
		background:#444;
	}

	
	
	iframe.stoneycards {
		width:100%;
		height: 100%;
		min-height: 500px;
		}
	
	

	/* gift cards */
	.giftSelect .item .links a {
		width: 94%;
		margin-left:3%;
	}
	
	
	/* homepage reservation link only show on small screen */
	#homecontentLeft .videoLink a.homereserve{ 
		display: block !important; 
		color: #fff;
    background: #a80532;
    margin: .75em auto;
    }
	


}

.content .inlinebuttonlinks{

  width: 100%;
  margin: .5em 0;
}
.content .inlinebuttonlinks .inlinebutton{
	border: 1px solid #444;
  background-color: #fff;
  line-height: 1.2em;
  padding: 0.5em .5em .25em .5em;
  color: #444;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 300;
  display: inline-block;
  margin-top: .25em;
  font-size: .8em;
}

.content .inlinebuttonlinks.jalexanders a{ 	color: #3D3D3D; }
.content .inlinebuttonlinks.jalexanders .inlinebutton{ 	border-color:  #3D3D3D;}

.content .inlinebuttonlinks.redlandsgrill a{ color:#860428; }
.content .inlinebuttonlinks.redlandsgrill .inlinebutton{ border-color:  #860428; }

.content .inlinebuttonlinks.stoneyriver a{ 	color:#0F1E2D; }
.content .inlinebuttonlinks.stoneyriver .inlinebutton{ 	border-color:  #0F1E2D;}
	
.content .inlinebuttonlinks.overlandparkgrill a{ color:#860428; }
.content .inlinebuttonlinks.overlandparkgrill .inlinebutton{ 	border-color:  #860428;}

.conceptTitle{
	display: inline-block;
}

/* GIFTCARD BALANCE SCROLLBAR FIX */
#GCRight {
  height: 100%;
  /*min-height: 100%;*/
  width: 60%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
/*   background-color: rgba(255,255,255,.75); */
  background-color: #fff;
  color:#4c4c4d;
  /*background: url('/web-images/nice_snow.png');*/
  z-index: 51;
  /*border-right: 30px solid #fff;*/
  /*border-left: 1px solid #ececec;*/
  
}
#GCRight .content {
  position: absolute;
  top: 50px;
  right:0;
  width: 100%;
  height: calc(100% - 105px);
  padding:40px 0 30px 30px;
  /*border-right: 1px solid #ececec;*/
  overflow-y: scroll;
  overflow-x: hidden;
  
}

	#GCRight .content h2 {
		font-size: 1.25em;
		line-height: 1.3em;
		border-bottom:1px solid #58585a;
		width:auto;
		margin-right: 30px;
		
	}
	
	#GCRight .content h2 span {
		/*color:#a80532;*/
		font-size: 1.3em;
		font-family: "AvenirLTStd-Medium", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-variant: normal;
		
	}
	
/*
	#contentRight .content h2 span:before {
		content: '';
		clear:both;
		display: block;
	}
*/
	
	#GCRight .content h2,
	#GCRight .content p,
	#GCRight .content #brandlocations {
		padding-right: 30px;
	}
	
	#GCRight p + ul {
		margin-top:-12px;
	}
	
	#GCRight p.small {
		font-size: .9em;
		font-style: italic;
	}



@media screen and (max-width:400px){

	
	.newsDropdown{ width:100%; right:0;}
	
}
@media screen and (max-width:387px){
#contact input[type="submit"]{
		margin-left: 0;
	}
	
}

@media screen and (max-width:340px){

	.brand-header .brand-social {
	  right: 5px;
	
	}
}


@media screen and (min-width:540px) and (max-width: 668px){
	.page-home .mobilemenubtn {
	    background-size: contain;
	}
}











/* LOCATIONS ACCORDION */
#contentRight .content h2.accordionButton{
  display: flex;
  flex-flow: row nowrap;
  flex:1 1 auto;
	border-bottom: 0;
	padding-right:0;
	width: 100%;

}

h2.accordionButton button {
  /* all: inherit;
  border: 0;
  display: flex;
  justify-content: space-between; */
  width: 100%;
  padding: 0.5em 0;
  text-align: left;
	  color: #58585a;
  
		background: #ececec;
  vertical-align: middle;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: 2px;
  padding: 15px 10px;
  font-size: 1rem;
  line-height: 1.25rem;
 	font-family: inherit;
}

h2.accordionButton button:focus{
	background-color: #58585a;
	color: #fff;
}
h2.accordionButton button[aria-expanded=true]{
	  background-color: #3D3D3D;
	  color: #fff;
}


h2.accordionButton button::before{
 	font-family: 'icomoon';
  content: "\e907";
  margin-right: 2px;
  width: 18px;
  display: inline-block;
  transition: all .2s ease-in;
}
h2.accordionButton button[aria-expanded=true]::before{
  content: "\e905 ";
  transition: all .2s ease-in;
}




h4.accordionButton{
  display: flex;
  flex-flow: row nowrap;
  flex:1 1 auto;
  margin-bottom: 10px;
}
h4.accordionButton button{
  display: flex;
  font-family: inherit;
  text-transform: capitalize;
  cursor: pointer;
  letter-spacing: 2px;
  margin: 0px 0;
  line-height: 1.8em;
  font-size: 1rem;
  padding-left: 10px;
  background-color: #fafafa;
  color: inherit;
  border: 1px solid#B0B1B7;
  position: relative;
  width: 100%;
  text-align: left;
  margin-right: 15px;
  flex-flow: row-reverse nowrap;
  align-items: center;
  justify-content: space-between;
  height:50px; /* matching height of resy links */
}


h4.accordionButton button::before{
  content: "+";
  color: #a80533;
  margin-right: 0px;
  width: 18px;
  display: inline-block;
  line-height: 1.8em;
  font-size: 1rem;
  text-align: center;
  padding-right: 5px;
  background-color: #fafafa;
  display: flex;
}
h4.accordionButton button[aria-expanded=true]::before{
  content:'-';
  background-color: #3D3D3D;
  color: #fff;
  border-color: #3D3D3D;
  }

h4.accordionButton button[aria-expanded=true]{
  background-color: #3D3D3D;
  color: #fff;
  border-color: #3D3D3D;
}







.accordionButton a.reserveTable, a.reserveTable {
  border: 1px solid rgba(142, 6, 28, .6);
  color: #a80533;
  text-decoration: none;
  font-weight: 300;
  font-size: 1rem;
  text-align: center;
  line-height: 1.8em;
  font-family: inherit;
  background-color: #fff;
  z-index: 500;
  padding: 0 4px;
  align-self: center;
}




.location-details{
	position: relative;
}

.state-details h3{
	color: #000;
	font-size:1.1rem;
	margin:0;
}



.location-details .location-menus {
  position: absolute;
  left: calc(100% - 160px);
  width: 150px;
  top: 25%;
  display: inline-block;
  text-align: right;
  }
.location-details .location-menus a{
	display: block;
  border: 1px solid rgba(142, 6, 28, .6);
  color: #a80533;
  text-decoration: none;
  font-weight: 300;
  font-size: 1em;
  text-align: center;
  line-height: 1.8em;
  font-family: inherit;
}

@media all and (max-width: 420px){
	.location-details .location-menus {
	  width: 100%;
	  display: block;
	  position: relative;
	  left: 0;
	}
}


/* MENUS MOVED EXTERNAL TO ACCORDION */
.location-menus-external{
	position: relative;
	display: block;
	margin: 0 0 25px 0;
	
}
.location-menus-external a{
	width: 150px;
  display: inline-block;
  border: 1px solid rgba(142, 6, 28, .6);
  color: #a80533;
  text-decoration: none;
  font-weight: 300;
  font-size: .9em;
  text-align: center;
  line-height: 1.8em;
  font-family: inherit;
  margin-bottom: 5px;
}
 h3 +h4.accordionButton{
	 margin-top: 10px;
 }











#contentRight .content .subheading {
		font-size: 1.25em;
		line-height: 1.3em;
		border-bottom:1px solid #58585a;
		width:auto;
		margin-right: 30px;
	}

#contentRight .content .subheading span {
		font-size: 1.3em;
		font-family: "AvenirLTStd-Medium", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-variant: normal;
		
	}
	
.ytp-chrome-top.ytp-show-watch-later-title.ytp-share-button-visible.ytp-show-share-title.ytp-show-cards-title {
    display: none !important;
}
.ytp-watch-later-button{
    display : none !important;
}
.vp-flex { height: 500px !important;}

button { border: 1px solid #d8d8d8; -moz-appearance: none; -webkit-appearance: none; }




.StoneyGiftcardMessage{
	color: #fff;
	padding-right: 30px;
}
.StoneyGiftcardMessage p{
	padding:10px;
	font-size: .9em;
	background-color:#a80533;
}
.StoneyGiftcardMessage strong{
	font-size: 1.2em;
	display: block;
	padding-bottom:5px;
	font-weight: normal;
}



.logoDisplay .item .logo img {
	margin: 0 auto;
	text-align: center;
	display: block;
}

	/* LOGO DISPLAY */
	.logoDisplay{
	  display: flex;
  flex-flow: row wrap;
  align-items: start;
	}
	
	
/* location specific social media icons */
.locationSocial a{
  width: 28px;
  background: #3d3d3d;
  display: inline-block;
  height: 28px;
  margin-bottom: 7px;
  margin-left: 5px;
  text-align: center;
  vertical-align: -webkit-baseline-middle;
  line-height: 34px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}

/*** Locations Single Template Edits for use with Wifi Pages - JTG - 20190416 ***/
.single-locations .hidden-content-from-wifi-pages { display: none; }
.content-for-wifi-pages {}
.wifi-page-social {}





.ada h2{
    margin-top: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
  }
.ada h3{
	font-weight: normal;
    font-size: 1.15em;
    text-transform:capitalize;

  }
  
 .ada em{
	 font-size: 16px;
 } 
 
 .page-template .ada h3{
	 justify-content: left;
 }
 
  .page-template .ada h3::before,
  .page-template .ada h3::after{
		display: none;
		
	} 
  .ada h3 .menu-description,
  .ada h3 + p {
	  margin-left: 2em;
	  margin-top: .25em;
  }
.ada .legal{
	font-size: .9em;
}


a.adaMenu{
	    background-color: #ffffff;
    display: inline-block;
    margin: 0 5px 10px 0;
    border: 1px solid #a80533;
    color: #a80533;
    font-weight: 400;
    text-decoration: none;
    padding: 5px 10px;
    transition: all .15s ease-in-out;
}
a.adaMenu:hover{
	color: #ffffff;
  background-color: #a80533;
}




/* Locations Landing Page */
.page-template-page_locations div#contentRight {
	width: 100%; /*overrides default 2 col layout pushing contentleft are behind. */
}

.page-template div#contentRight .content {
	padding-right: 0;
/*
	background: url(./web-images/LocationsBG.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
*/
}
@media all and (max-width:668px){
	.page-template div#contentRight .content {
		padding-left: 5%;
	}
}

.page-template div#contentRight .content > h2 {
	text-align: center;
	padding: 0 0 20px 0;
}

.page-template div#brandLocations {
	width: calc(100% - 30px);
/* 	padding-left: 5%; */
}

.page-template div#filterBar {
	color: #ffffff;
	background-color: #000000;
	margin: 20px 0;
	padding: 8px 5%;
	text-align: center;
}
@media all and (max-width:700px){
	.page-template div#filterBar strong{
		display: block;
	}
	.page-template div#filterBar {
		text-align: left;
	}
}


.page-template div#filterBar ul {
	display: inline;
	margin: 0 0 0 2%;
	padding: 0;
}

.page-template div#filterBar ul li {
	list-style: none;
	margin: 0;
	display: inline-block;
	margin: 0 2% 0 0;
}
@media all and (max-width:500px){
	.page-template div#filterBar ul li {
		display: block;
	}
}

.page-template div#filterBar ul li:last-child {
	margin-right: 0;
}

.page-template div#filterBar input[type='checkbox'] {
	margin: 0 5px 0 0;
	height: 20px;
	width: 20px;
	border-radius: 0;
	position: relative;
	top: 2px;
	bottom: 0;
	cursor: pointer;
}

.page-template div#filterBar label {
	cursor: pointer;
}

.page-template div#stateFilter {
	text-align: center;
	margin: 30px 0;
	font-size: 1.25em;
}

.page-template div#stateFilter ul {
	margin: 0;
	padding: 0;
}

.page-template div#stateFilter ul li {
	list-style: none;
	display: inline-block;
	margin: 0 0 0 15px;
}

.page-template div#stateFilter ul li:first-child {
	margin-left: 0;
}

.page-template h3 {
/*
	position: relative;
	z-index: 1;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
*/
display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
    flex: 1 0 auto;
    margin: auto;
    width:100%;
}

.page-template h3[data-state-abbreviation] span{
}


.page-template h3::before {
border-top: 1px solid rgba(51,51,51,.25);
    content: "";
    width: auto;
    z-index: -1;
    height: 1px;
    display: flex;
    flex: 1;
}

.page-template h3::after {
border-top: 1px solid rgba(51,51,51,.25);
    content: "";
    width: auto;
    z-index: -1;
    height: 1px;
    display: flex;
    flex: 1;
}
.page-template h3 strong {
	margin:10px;
	}
.page-template-page_locations h3 span {
	padding: 0 20px;
}

div#restaurantListWrapper div.flexWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

div#restaurantListWrapper div.flexWrapper > div {
	width: 33.3%;
/* 	margin: auto; */
  margin-bottom: 30px;
}
@media all and (max-width:700px){
	div#restaurantListWrapper div.flexWrapper > div {
		width:50%;
		margin:20px auto;
		}
}
@media all and (max-width:550px){
	div#restaurantListWrapper div.flexWrapper > div {
		width:100%;
		border-bottom: 3px solid #a0a0a0;
		padding-bottom: 40px;
	}
	/* SET FIRST INSTANCE TO NOT HAVE BORDER */
	div#restaurantListWrapper div.flexWrapper > div:last-of-type {
	  border-bottom-color: transparent;
	  padding: 0;
	}	
}





div#restaurantListWrapper div.flexWrapper > div:nth-child(3n+2){
	margin-left: 0;
}

div#restaurantListWrapper h4 {
	margin: 0 0 15px 0;
}

div#restaurantListWrapper div.flexWrapper address {
	font-style: normal;
	margin-bottom: 15px;
	margin-top: 20px;
}

div#restaurantListWrapper div.flexWrapper address a {
	text-decoration: inherit;
	color: inherit;
	font-weight: inherit;
}

div#restaurantListWrapper div.flexWrapper a.button:link,
div#restaurantListWrapper div.flexWrapper a.button:visited {
	background-color: #ffffff;
	display: inline-block;
	margin: 0 5px 10px 0;
	border: 1px solid #a80533;
	color: #a80533;
	font-weight: 400;
	text-decoration: none;
	padding: 5px 10px;
	transition: all .15s ease-in-out;
}

div#restaurantListWrapper div.flexWrapper a.button:hover {
	color: #ffffff;
	background-color: #a80533;
}

div#restaurantListWrapper div.flexWrapper div.socialMediaLinks {
	margin: 5px 0;
}

div#restaurantListWrapper div.flexWrapper div.socialMediaLinks ul {
	margin: 0;
	padding: 0;
}

div#restaurantListWrapper div.flexWrapper div.socialMediaLinks ul li {
	list-style: none;
	display: inline-block;
	margin: 0 0 0 8px;
}

div#restaurantListWrapper div.flexWrapper div.socialMediaLinks ul li:first-child {
	margin-left: 0;
}

div#restaurantListWrapper div.flexWrapper div.socialMediaLinks a {
	color: #3d3d3d;
	text-decoration: none;
	font-size: 130%;
}

div#restaurantListWrapper div.reservations {
	display: inline-block;
	background-color: rgb(255, 70, 45);
	color: #ffffff;
	border-radius: 5px;
	padding: 8px;
	font-weight: 600;
	height: 50px;
  line-height: 30px;
  font-size: 2vw;
}

div#restaurantListWrapper div.reservations a:link,
div#restaurantListWrapper div.reservations a:visited {
	text-transform: uppercase;
	background-color: #ffffff;
	color: #fb4535;
	border: 1px solid #fb4535;
	display: inline-block;
	margin: 0 0 0 10px;
	text-decoration: none;
	font-size: 75%;
	padding: 2px 5px;
	transition: all .15s ease-in-out;
}

div#restaurantListWrapper div.reservations a:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #fb4535;
}

div#restaurantListWrapper div.flexWrapper div.details {
	margin: 0 0 15px 0;
}

div#restaurantListWrapper div.flexWrapper div.details p {
	margin: 0 0 10px 0;
}

div#restaurantListWrapper a.adaMenu:link,
div#restaurantListWrapper a.adaMenu:visited {
	font-weight: 400;
	text-decoration: none;

	margin: 0 0 10px 0;
}

div#restaurantListWrapper a.adaMenu:hover {
    color: #ffffff;
    background-color: #a80533;
}



a.backtotop{
	position: fixed;
  bottom: 80px;
  right: 50px;
  z-index: 400;
  text-decoration: none;
  text-align: center;
}

@media all and (max-width:668px){
	a.backtotop{
		right:30px;
		bottom:30px;
	}
}





/* collections submenu */
.brand-nav li:hover > .submenu,
.brand-nav li:focus > .submenu,
.brand-nav li a:focus ~ .submenu,
.brand-nav li:focus-within ~ .submenu,
.brand-nav .submenu:focus-within{
	top: 100%;
	z-index: 2;
	height: auto;
	overflow: auto;
}
.brand-nav .submenu{
	top: 0;
  left: 0;
  width: auto;
  display: block;
  margin: 0;
  position: absolute;
  background-color: #444444;
  z-index: -1;
  height: 0;
  overflow: hidden;
}


.brand-nav .submenu li{
	margin: 0;
	padding: .25em;
	width: 100%;
}


.page-template div#filterBar{
	display: block;
}
.page-template div#filterBarSelect{ 
	display: none;
}
@media all and (max-width:668px){
	.page-template div#filterBar{
		display: none;
	}
	.page-template div#filterBarSelect {
		color: #ffffff;
		background-color: #000000;
		margin: 20px 0;
		padding: 8px 5%;
		text-align: center;
		display: block;
	}
	.page-template div#filterBarSelect select{
		font-size: 1em;
	}
	.subsidiary-nav{
		display: none;
	}
		
	
}



.reservationbutton,
a.reservationbutton{
	color: #ffffff;
  background-color: #a80533;
  display: inline-block;
  margin: 0 5px 10px 0;
  border: 1px solid #a80533;
  font-weight: 400;
  text-decoration: none;
  padding: 5px 10px;
  transition: all .15s ease-in-out;
	cursor: pointer;
}

.reservationbutton:hover,
a.reservationbutton:hover{
	color: #a80533;
	background-color:#ffffff;
}

	.joinclose{
		position: absolute;
    color: #fff;
    text-decoration: none;
    top: -1em;
    right: 0;
	}
#joinpopup{
	width: 75vw;
  height: 75vh;
  left: 12.5vw;
  position: relative;
}





.takeoutdisclaimer{
	font-style: italic;
	font-size: .9em;
	text-align: center;
}
.page-template-page_general h2{
	border: none !important;
	padding-bottom: 0 !important;
}
.page-template-page_general h2 + h3{
	margin-top: 15px;
}
.page-template-page_general h3{
	font-size: 1.25em;
    line-height: 1.3em;
    border-bottom: none;
    width: auto;
    margin-top: 30px;
    justify-content:flex-start;
}
.page-template-page_general h4{
	font-size: 1.1em;
	justify-content: flex-start;
	padding:.5em 0 0 0;	
	margin-top:0;
	margin-bottom: 0;
	    font-style: italic;
} 
.page-template-page_general h3 + p{
	margin-top: .5em;
}

.page-template-page_general h3::before, .page-template-page_general h3::after {
	border: none;
	display: none;
}


.needsinfo{ /*highlight something that needs followup attention.*/
   background-color: hotpink;
}


/* responsive youtube embed.. wrap embed in container drop fixed sizes */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0; 
overflow: hidden;
margin: 10px 20px 10px 0px;

}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.ytshrinkwrap{
	width:80%;
	max-width: 660px;
}



.mobilecareersbutton{
	color: #ffffff !important;
    background-color: #a80533;
    display: inline-block;
    margin: 0 5px 10px 0;
    border: 1px solid #a80533;
    font-weight: 400;
    text-decoration: none;
    padding: 5px 10px;
    transition: all .15s ease-in-out;
    cursor: pointer;
    min-width: 100px;
    text-align: center;    
}

.mobilecareersbutton:hover{
	color: #a80533 !important;
    background-color: #ffffff;
}






.covidbtn{
	color: #fff !important;
  background: #860428 !important;
  border-color: transparent;
  padding: 5px 15px;
  text-decoration: none;
}
.covidbtn:hover{
	text-decoration: underline;
	}
#covid .coviddismiss{
	right: -100%;
    font-size: 18px;
    color: #fff;
    position: relative;
}


.carryoutbtn{
	color: #fff !important;
  background: #860428 !important;
  border-color: transparent;
  padding: 5px 15px;
  text-decoration: none;
  position: absolute;
  left: -200vw;
}
.carryoutbtn:hover{
	text-decoration: underline;
	}
#carryout .carryoutdismiss{
	right: -100%;
    font-size: 18px;
    color: #fff;
    position: relative;
}


#tripleseat_embed_form a{
	color:#860428;
}
#tripleseat_embed_form input,
#tripleseat_embed_form textarea,
#tripleseat_embed_form select {

	MIN-HEIGHT: 40PX;
}



/*PRISONER ADJUSTMENTS*/

.prisonertitle span{
	font-family: "AvenirLTStd-Book", Helvetica, Arial, sans-serif !important; 
	font-size: 32px !important;
	text-transform: none !important;
}
.prisoner *{
	border-bottom:none;
}
.prisoner * > .has-text-align-center,
.prisoner > .has-text-align-center{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	justify-content: center;
}
.prisoner * > p.has-text-align-center,
.prisoner > p.has-text-align-center{
	padding-right:30px;
	padding-left:30px;
}
.prisoner h2{
	border-bottom: none !important;
}
.prisoner h3::before,
.prisoner h3:after{
	content:'' !important;
	display:none;
}

.prisoner * > .aligncenter{
	margin:0 auto;
	
}
.wp-block-separator.prisoner{
	width: calc(50% - 30px);
}

.content.prisoner{
	padding-right: 30px !important;
}