/* CSS Document */


/* Fonts */

@font-face {
    font-family: 'swaggermedium';
    src: url('../font/swagger-webfont.eot');
    src: url('../font/swagger-webfont.eot?#iefix') format('embedded-opentype'), url('../font/swagger-webfont.woff') format('woff'), url('../font/swagger-webfont.ttf') format('truetype'), url('../font/swagger-webfont.svg#swaggermedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'langdonregular';
    src: url('../font/langdon-webfont.eot');
    src: url('../font/langdon-webfont.eot?#iefix') format('embedded-opentype'), url('../font/langdon-webfont.woff') format('woff'), url('../font/langdon-webfont.ttf') format('truetype'), url('../font/langdon-webfont.svg#langdonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleobold';
    src: url('../font/aleo-bold-webfont.eot');
    src: url('../font/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/aleo-bold-webfont.woff') format('woff'), url('../font/aleo-bold-webfont.ttf') format('truetype'), url('../font/aleo-bold-webfont.svg#aleobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleoitalic';
    src: url('../font/aleo-italic-webfont.eot');
    src: url('../font/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/aleo-italic-webfont.woff') format('woff'), url('../font/aleo-italic-webfont.ttf') format('truetype'), url('../font/aleo-italic-webfont.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleoregular';
    src: url('../font/aleo-regular-webfont.eot');
    src: url('../font/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/aleo-regular-webfont.woff') format('woff'), url('../font/aleo-regular-webfont.ttf') format('truetype'), url('../font/aleo-regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-size: 14px;
    font-family: 'aleoregular', serif;
    color: #333333;
}

h1 {
    color: #e07b06;
    font-family: 'aleobold', serif;
    font-size: 2.8rem;
    text-transform: uppercase;
    text-align: center;
    margin: 2.143rem 0 0;
}

h2, h3 {
    font-family: 'langdonregular', serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #a61e21;
}

area {
    outline: none;
}

.main h2 {
    color: #e07b06;
    font-family: 'aleobold', serif;
    font-size: 2.071rem;
    text-align: center;
}

.main h2 span.tilt {
    font-family: 'swaggermedium', sans-serif;
    display: inline-block;
    font-size: 2rem;
    color: #a61e21;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    text-transform: none;
}

.callouts h3 {
    font-size: 2.571rem;
}

.sidebar .callout h3 {
    font-family: 'aleobold', serif;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 10px;
}

.sidebar .callout.text a {
    font-weight: bold;
}

.sidebar .callout.text a.phone {
    color: #333333;
}

a {
    color: #e07b06;
    text-decoration: none;
}

a:hover {
    color: #a61e21;
}

.content-area p, .content-area a, .content-area li, .hours p, .menuItemDesc {
    line-height: 1.3em;
}

.flexnav li a {
    font-family: 'aleobold', serif;
    text-transform: uppercase;
    font-size: 1.143rem;
    color: white;
    text-decoration: none;
}

.flexnav li ul li a {
    text-transform: none;
}

h1 span {
    font-size: 3.571rem;
}

h1.small-caps {
    text-transform: none;
    font-variant: small-caps;
}

nav h2 span {
    font-size: 2.786rem;
}

h1 sup {
    text-transform: none;
    font-size: 2.143rem;
}

p.subhead {
    color: #9c1c1f;
    font-family: 'swaggermedium', sans-serif;
    text-align: center;
    font-size: 2rem;
    margin: 0;
}

.extra-small {
    font-size: 10px;
    margin-bottom: 0.5rem
}

.loyalty-main {
    color: #9c1c1f;
    font-family: 'aleobold', serif;
    text-transform: uppercase;
    font-size: 1.25rem;
    margin: 5px 0 -10px;
    line-height: normal;
}

.loyalty-sub {
    font-family: 'swaggermedium', sans-serif;
    color: #e07b06;
    font-size: 1.25rem;
    margin: 5px 0 -10px;
    line-height: normal;
}

.loyalty-push {
    float: right;
    padding-right: 5px;
}

.rewardsFAQ {
    clear: both;
}
.rewardsFAQ li {
    margin: 5px 0;
}

.fancy-header p, .menu-board strong {
    font-family: 'langdonregular', serif;
    font-size: 1.286rem;
    color: #a61e21;
    text-transform: uppercase;
}

.menu-board h3, .extras h3 {
    font-size: 2.571rem;
}

.menu-board h3 span {
    color: #e07b06;
    font-size: 1.286rem;
}

.menu-board li {
    font-size: 0.857rem;
    line-height: 1.7em;
}

.callout .color a {
    color: #f4f0e6;
    text-decoration: none;
    font-family: 'langdonregular', serif;
    font-size: 1.286rem;
    text-transform: uppercase;
}

.callout .color i {
    font-size: 3.2rem;
    padding: .5rem 0;
    color: #ae1f23;
}

.sidebar .callout p {
    font-size: 0.929rem;
}

.hours h2 {
    font-size: 2.571rem;
}

.hours h3 {
    margin-bottom: 0;
    font-family: 'aleobold', serif;
    text-transform: none;
}

.hours p {
    margin-top: 2.3rem;
    line-height: 1.1em;
}

footer p {
    color: #230d06;
}

footer a {
    color: #230d06;
    font-weight: bold;
}

footer a:hover {
    color: #230d06;
    text-decoration: underline;
}

nav h2, nav h2 a {
    font-size: 2.571rem;
}

nav h2 a {
    color: #a61e21;
}


/* end Fonts */


/* Global */

body {
    background: url(../images/bg-woven-ptn.jpg);
    line-height: 1;
}

header {
    background: url(../images/bg-header.jpg) center -30px repeat-x;
    box-shadow: 0px 5px 32px 0px rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5000;
    width: 100%;
    height: 80px;
}

.slider-wrap {
    background: url(../images/bg-slider.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
}

.header-wrap {
    position: relative;
}

.slider-wrap:after, .header-wrap:after {
    content: "";
    display: block;
    height: 12px;
    width: 100%;
    background: linear-gradient(45deg, #e7e3d8 30%, transparent 30%) 0 100%, linear-gradient(-45deg, #e7e3d8 30%, transparent 30%) 0 100%;
    background-size: 12px 12px, 12px 12px;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 2000;
}

.loyalty .slider-wrap {
    background: url(../images/bg-interior-slider.jpg) top center no-repeat;
}

.row{
    max-width: 68.571em;
}

header .row {
    max-width: 70em;
}

.center{
    text-align: center;
}

footer {
    background: #9C5330 url(../images/bg-footer.jpg) top center no-repeat;
}

.bxslider, .flexnav, .flexnav ul {
    padding: 0;
    margin: 0;
}

.double-border {
    border-top: 4px double #bebaaf;
    border-bottom: 4px double #bebaaf;
}


/* end Global */


/* Header */

.topnav nav {
    position: relative;
    top: -6px;
}

.branding a {
    position: absolute;
    top: 5px;
}

.branding img {
    height: 52px;
    border: none;
}

.social .inline-list {
    float: right;
    margin-top: 12px;
}

.social li a {
    display: block;
    border-radius: 100%;
    background: #41180D;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 32% 0;
    box-shadow: inset 2px 2px 1px rgba(0,0,0,.25);
}

.social li a:hover{
    background: #2B1509;
    box-shadow: inset 2px 2px 1px rgba(0,0,0,.25);
}

.social li a i{
    color: #FFF;
    text-align: center;
}

/*.social li.tw a {
    background-position: left top;
}

.social li.tw a:hover {
    background-position: left bottom;
}

.social li.fb a {
    background-position: top right;
}

.social li.fb a:hover {
    background-position: bottom right;
}

.social .inline-list > li {
    margin-left: 15px;
}*/


/* end Header */


/* Slider */

.slide-title {
    position: absolute;
    z-index: 2000;
    bottom: 4px;
    left: 36%;
}

.slider-wrap .row, .header-wrap .row {
    position: relative;
}

.flying-callout {
    position: absolute;
    bottom: -47px;
    right: 18px;
    z-index: 3000;
}

.bxslider .app {
    position: absolute;
    display: block;
    text-indent: -9999px;
    width: 140px;
    height: 48px;
    z-index: 2050;
    right: 84px;
}

.bxslider .app.itunes {
    top: 173px;
}

.bxslider .app.google {
    top: 230px;
}


/* end Slider */


/* Callouts */

.callouts > .row {
    background: #e7e3d8;
}

.callouts {
    padding-top: 80px;
}

.callout-box {
    background: #f4f0e6;
    border: 1px solid #d5d1c6;
    max-width: 270px;
    margin: 15px auto;
}

.callout-box img {
    width: 100%;
}

.callouts h3 {
    margin: 1rem 0;
    padding-left: 10px;
    position: relative;
}

.callouts h3 a {
    color: #a61e21;
}

.callouts h3 span {
    display: inline-block;
    background: url(../images/sprite-icons.png) no-repeat;
    height: 35px;
    position: absolute;
    right: 0;
    margin-right: 10px;
}

.callouts .first h3 span {
    background-position: 0 0;
    width: 42px;
}

.callouts .second h3 span {
    background-position: right 0;
    width: 59px;
    margin-right: 4px;
}

.callouts .third h3 span {
    background-position: -82px 0;
    width: 50px;
}

.callouts p {
    padding: 10px;
    border-top: 1px solid #d5d1c6;
}


/* end Callouts */


/* Content-Area */

.home .content-area > .row {
    background: #f4f0e6;
}

.content-area > .row {
    background: #e7e3d8;
}

.content-area {
    padding-top: 80px;
}

.home .content-area {
    padding-top: 0;
}

.fancy-header {
    text-align: center;
    padding-top: 45px;
}

.fancy-header h1, .fancy-header p {
    margin: 0;
}

.fancy-header h1 {
    position: relative;
}

.fancy-header h1 span {
    background: #f4f0e6;
    display: inline-block;
    position: relative;
    z-index: 500;
    padding: 0 10px;
}

.fancy-header h1:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #d5d1c6;
    position: absolute;
    right: 0;
    left: 0;
    top: 46%;
}

.benefits-pro {
    background: #F4F0E6;
    border: 1px solid #d5d1c6;
    padding: 10px 15px 15px;
}

.benefits-text {
    margin: 0;
}

nav h2 {
    margin: 2.143rem 0 1rem;
}

.columns.main {
    border-left: 1px solid #d5d1c6;
    padding: 0 30px 0 20px;
}

.columns.menu-board, .columns.extras {
    padding: 0;
}

.columns.menu-board {
    background: #f4f0e6;
}

.callout {
    margin: 5px auto;
}

.callout .color, .callout p {
    float: left;
}

.callout.employment p{
    float:none;
}

.callout .color {
    background: #e07b06;
    min-height: 95px;
    display: inline-block;
    border: 1px solid #d5d1c6;
    color: #fff;
}

.callout .color span {
    display: block;
    background: url(../images/sprite-icons.png) no-repeat;
    height: 34px;
    margin: 14px auto 10px;
}

.callout.email .color span {
    background-position: -190px 0;
    width: 43px;
}

.callout.card .color span {
    background-position: -140px 0;
    width: 47px;
}

.callout.survey .color span {
    background: url(../images/icon-survey.png) center center no-repeat;
    background-size: contain;
}

.callout .color a {
    display: inline-block;
    border-top: 1px solid #c96d03;
    padding-top: 4px;
}

.callout.employment{
    background:#e7e3d8;
    border: 1px solid #d5d1c6;
    padding:0;
    margin:0;
    text-align:center;
}

.callout.employment h4 {
    width: 50%;
    float: left;
    margin:.875rem 0;
}

.callout p {
    /*padding-top: 5px;*/
}

.callout.survey p {
    margin: 5px 0;
}

.jump {
    text-align: center;
    background: #41180d;
    padding: 8px 0 13px;
    width: 78%;
    border-radius: 13px;
    margin: 0 auto;
}

.menu-list ul {
    padding-left: 5px;
    margin: 0;
}

.menu-list ul ul {
    padding-left: 10px;
    list-style-type: none;
}

.menu-board h3 {
    margin: 0;
    line-height: 2.2rem;
}

.menu-board h3 span {
    display: block;
    line-height: 1.5rem;
}

.menu-board .columns {
    padding: 0 10px;
}

.menu-board .arrow {
    position: absolute;
    bottom: -35px;
    left: 25px;
}

hr.dots {
    background: url(../images/border-menu-board.png) repeat-x;
    border: none;
    height: 3px;
    margin: 25px 0 .5em 0;
}

hr.dots-new {
    background: url(../images/border-menu-board.png) repeat-x;
    border: none;
    height: 3px;
    margin: 0px 0 .5em 0;
}

.think-healthy {
    position: absolute;
    top: 18px;
    right: -18px;
}

.columns.extras {
    margin: 25px inherit;
}

.extras h3 {
    text-align: center;
    margin-bottom: 0;
}

.extras a, .account-links a, .gift-card-account-links a {
    display: block;
    text-align: center;
    background: url(../images/sprite-menu-icons.png) no-repeat;
    height: 50px;
    padding-top: 40px;
    margin-top: 25px;
    color: #333333;
}

.account-links a, .gift-card-account-links a {
    text-align: left;
    height: 50px;
    padding-top: 12px;
    padding-left: 52px;
    margin-top: 12px;
}

.extras a {
    margin-bottom: 25px;
    margin-top: 15px;
}

.extras a:hover, .account-links a:hover, .gift-card-account-links a:hover {
    color: black;
}

.extras .printable a {
    background-position: center -5px;
}

.extras .allergen a {
    background-position: center -68px;
}

.extras .nutrition a {
    background-position: center -138px;
}

.extras .veggie a {
    background-position: center -450px;
}

.extras .small-3 {
        margin-bottom: 60px;
    }

.sidebar .callout p {
    /* padding-top: 10px; */
    margin: 6px 0;
}

.sidebar .callout.text {
    padding: 0 18px;
}

.sidebar .callout.text p {
    padding-top: 0;
}

.loyalty .account-links, .gift-card-account-links {
    margin: 25px 0;
}
.gift-card-account-links, .gift-card-account-links div {
    padding: 0;
}

.account-links .login a, .gift-card-account-links .login a {
    background-position: left -200px;
}

.account-links .register a, .gift-card-account-links .register a {
    background-position: left -266px;
}

.account-links .balance a, .gift-card-account-links .balance a {
    background-position: left -326px;
}

.account-links .reverse a {
    background-position: left -396px;
}

.gift-card-account-links .gift-card-faq a {
    background: url(../images/img-gift-card-faq.png) no-repeat;
    background-position:left -10px;
}

.row #formElements .row {
    margin-left: 0;
}

#formElements input, #formElements textarea, #formElements select {
    width: 100%;
}
#formElements .row > ul > li {
    padding: 5px 10px 5px 0;
    float: left;
    max-width: 100%;
}
textarea {
    max-width: 100%;
}


/*------ Hide/Show list for FAQs ------ */

ol ol {
    list-style-type: none;
    display: none;
    padding: 0;
    font-weight: normal;
}


/*end  Content-Area */


/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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


/* Menu (food) Section */

.menuPageHeader {
    color: #e07b06;
    font-family: 'aleobold', serif;
    font-size: 1.714rem;
    text-transform: uppercase;
}

.menuItemName {
    color: #a61e21;
    font-family: 'aleobold', serif;
    font-size: 1.143rem;
    font-size: 1.13rem;
    text-transform: uppercase;
    border-bottom: 1px solid #d5d1c6;
    padding: 8px;
    margin: 0;
    height: 4.5rem;
}

.menuItemDesc {
    padding: 8px 15px;
    padding: 8px;
    font-size: 13px;
}

.menuItemPrice {
    color: #a61e21;
    font-style: italic;
    float: right;
}

.menuItemPic img {
    border: none;
}

.sectionHeader {
    color: #a61e21;
    font-family: 'aleobold', serif;
    font-size: 1.429rem;
    text-transform: uppercase;
    margin: 20px 0;
}

.menuCat .columns {
    margin-bottom: 0.8em;
    
}
.menuItemDiv {
    width: 97%;
    height: 100%;
    background-color: #F4F0E6;
    border: 1px solid #d5d1c6;
}

/* Hours */

.hours > .row {
    background: #e7e3d8;
    position: relative;
    padding: 25px 0;
}

.hours h2 {
    text-align: center;
}

.hours .columns.double-border {
    padding: 20px 0 0 0;
}

.last-call {
    position: absolute;
}

.weekend {
    top: 0px;
    right: 100px;
}

.weekday {
    top: 72px;
    left: 40px;
}

.endweek {
    top: 72px;
    left: -32px;
}

.sunday {
    top: 5px;
    left: 30px;
}


/* end Hours */

/* CTA [Locations Pages] */
.cta {
	position:relative;
	display:block;
	background:#F4F0E6;
	padding-bottom:25px;
}
.cta .double-border {
	padding: 25px 0.6245rem 18px 0.6245rem;
}
.cta .medium-3 {
	padding-left: 0.313em;
	padding-right: 0.313em;
}
.cta .menu a,
.cta .express a,
.cta .happyHour a,
.cta .email a {
	display:block;
	background:#E7E3D8;
	border: 1px solid #d5d1c6;
	margin-bottom:7px;
}
.cta a .medium-5,
.cta a .small-5 {
	background:#E07B06;
	text-align:center;
	margin:0;
	padding:0;
}
.cta a .medium-5 h5 {
	margin:0;
	padding:0 0 15px 0;
	color:#fff;
	text-transform:uppercase;
    font-family: "langdonregular",serif;
    font-size: 1.125rem;
	font-weight:300;
}
.cta a .medium-5 h5:before {
    display:block;
	content:"";
    background: url(../images/sprite-icons.png) no-repeat;
    height: 34px;
    margin: 14px auto 10px;
}
.cta .menu a .medium-5 h5:before {
    background-position:0 0;
    width: 40px;
}
.cta .express a .medium-5 h5:before {
    background-position:-250px 0;
    width: 58px;
}
.cta .happyHour a .medium-5 h5:before {
    background-position:-82px 0;
    width: 47px;
}
.cta .email a .medium-5 h5:before {
    background-position:-190px 0;
    width: 43px;
}
.cta a .medium-7,
.cta a .small-7 {
}
.cta a .medium-7 p {
	font-size:0.875rem;
	margin:0;
	padding:0 7px;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
/* end CTA */

/* locations individual pages */
#locations h1 {
	margin-bottom:15px;
}
#locationContact {
	width:100%;
	float:left;
	line-height:1.3rem;
}
#mapIndividual {
    position:relative;
	height:250px;
    overflow:hidden;
    margin-bottom:15px;
    padding-bottom:25%;
	width:100%;
	float:right;
}
#locationDetails {
	width:100%;
	float:left;
}
/* Map Search on Main Locations Page */
#formLocationSearch {
	margin-top:35px;
}
#locationsLeft {
	float: left;
	width:100%;
}
#locationsSearch {
	width:100%;
	height:auto;
	margin-bottom:25px;
}
#locationsDivSearch {
	width:100%;
	height:auto;
	border:0px;
	border-radius:0;
	background-image: none;
	padding:0;
}
#locationsResults {
	padding-right:14px;
	width:100%;
	height:auto;
}
#locationsMap {
	/*height:300px;*/
	border:1px solid #d5d1c6;
	border-radius:0;
}
.locationPopUpTable {
    margin-bottom: 10px;
}
.locationPopUpTable table {
    width: 100%;
}
.locationPopUpTable td {
    /*padding: 0 7px 3px 0;*/
    width: 50px;
    text-align: center;
    border-right: 1px solid #a61e21;
}
.locationPopUpTable tr:nth-child(2) td {
    border-bottom: 1px solid #a61e21;
    padding-bottom: 6px;
}
.locationPopUpTable tr:nth-child(3) td {
    padding-top: 6px;
}
.locationPopUpTable table {
    margin-bottom: 5px;
}
.locationPopUpTable td:last-child {
    border-right: none
}
.inputDiv {
    position: relative;
	float: left;
	width:65%;
}
.inputLabel {
    color: #333;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: absolute;
	top:8px;
	left: 7px;
    font-size:0.875rem;
	opacity: 1;
	display: block;
}
#locationsDivSearch input[type=submit] {
	width:31% !important;
	margin:0 1%;
    display:inline-block;
	font-weight:500;
	font-size:1rem;
	border:0px;
	color:#fff;
	background:#A61E21;
	cursor:pointer;
	display:inline-block;
	padding:6px 0;
}
#locationsDivSearch input[type=submit]:hover,
#locationsDivSearch input[type=submit]:focus {
	background:#E07B06;
}
#inputAddress {
    background:#fff;
    height:29px;
    float:left;
    width:100%;
    padding:5px;
    font-size:0.875rem;
	border:0;
	border:1px solid #d5d1c6;	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#locationsPanel ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#locationsPanel ul li {
	border: 1px solid #d5d1c6;
	border-radius: 6px;
	display: block;
	background:#F4F0E6;
    /*line-height: 1.31;
    margin-bottom: 0.5em;*/
	margin-top: 7px;
	cursor: pointer;
	height: 100px;
}
#locationsPanel .listText {
	padding: 9px 24px 11px 60px;
    position: relative;
    vertical-align: top;
	font-size:0.813rem;
}
#locationsPanel .letter {
	color:#fff;
}
#locationsPanel .listName {
	margin:2px 0 4px 0;
	padding: 0;
	font-size: .93rem;
	font-weight: bold;
}
.listLeftBG {
	float: left;
	width: 45px;
	height: 100%;
	background-image: none;
	background:#E07B06;
	border-radius:6px 0 0 6px;
	border-right: 1px solid #d5d1c6;
}
#locationsPanel .listHover, #locationsPanel .listClick {
	border: 1px solid #d5d1c6;
}
#locationsPanel .listHover .listLeftBG,
#locationsPanel .listClick .listLeftBG {
	background:#a61e21;
}
#locationsNav {
	margin-top: 7px;
}
.locationIcons {
    clear: both;
}
.locationIcons div {
    text-align: center;
}
#locationsPanel ul .listClickHide, .listClickHide {
    display: none;
}
/* end location pages */

/* Footer */

footer img {
    padding: 15px 0 6px;
}


/* end Footer */

.ecwid-productBrowser-cart-itemsTable .ecwid-productBrowser-productNameLink a {
    font-size: 12px !important;
}

@media all and (min-width: 641px) {
	/* CTA */
	.cta a .medium-5,
	.cta a .small-5 {
		min-height:105px;
	}
}
@media all and (min-width: 768px) {
	/* Locations */
	#locationContact,
	#mapIndividual,
	#locationDetails {
		width:50%;
	}
	/* Map Search on Main Locations Page */
	#locationsLeft {
		width:50%;
	}	
    nav {
        padding-right: 15px;
        margin-top: 6px;
        padding: 0 1em;
    }

    nav.subnav{
        padding: 0;
    }

    h1 {
        font-size: 3.143rem;
    }
    /* Header */
    .topnav nav {
        position: relative;
        top: 0;
    }
    header {
        position: relative;
        background-position: top center;
        height: auto;
    }
    .branding a {
        top: 12px;
    }
    .branding img {
        height: auto;
    }
    .social li a{
        height: 40px;
        width: 40px;
    }
    .social .inline-list {
        float: none;
        margin-top: 0;
    }
    /* Callouts */
    .callouts {
        padding-top: 0;
    }
    .callout-box {
        margin: 0;
    }
    .second .callout-box {
        margin: 0 auto;
    }
    .third .callout-box {
        float: right;
    }
    /* Hours */
    .hours h2 {
        text-align: left;
        margin-top: 20px;
    }
    /* Content */
    .content-area {
        padding-top: 0;
    }
    .callout {
        background: #e7e3d8;
        padding: 0;
        margin: 0;
        border: 1px solid #d5d1c6;
    }
    .home .callout {
        margin-top: 6px;
    }
    .home .callout:first-child {
        margin-top: 45px;
    }
    .callout .color {
        /*width: 84px;*/
        border: none;
        text-decoration: none;
        font-size: 1.286rem;
        text-transform: uppercase;
        font-family: "langdonregular", serif;
        padding: 0 0.25em;
    }
    .callout.card .color span {
        margin-bottom:2px;
    }
    .callout.employment{
        text-align:left;
        padding: 0 0.5em 0 0;
    }
    .callout.employment .color{
        height:auto;
        padding: .5em;
    }
    .callout.employment h3{
        font-size:1.5rem;
    }
    .callout.employment h3 span{
        display:block;
        color:#e07b06;
        font-size:1.25rem;
        text-transform:none;
        line-height:1;
    }
    .callout.employment h4 {
        width: auto;
        float: none;
    }
    .sidebar .callout.employment p:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 36px;
        left: .25rem;
        background: url(../images/grunge-arrow.png) no-repeat;
        position: absolute;
    }
    .sidebar .callout.employment p {
        position:relative;
        padding-left: 3rem;
        float:left;
    }
    .content-callout, .callout-content a {
        color: #222222;
        text-decoration: none;
    }
    .columns.main {
        padding-bottom: 20px;
    }
    .extras h3, .menu-board h3 {
        text-align: left;
        margin-bottom: 1em;
    }
    .extras .nutrition a {
        background-position: 26px -138px;
    }
    .extras a {
        margin-bottom: 0;
        margin-top: 25px;
        font-size: 12px;
    }
    .extras .small-3 {
        margin-bottom: 60px;
    }
    .sidebar .callout {
        max-width: 255px;
        margin-bottom: 15px;
    }
    #formElements input, #formElements textarea, #formElements select {
        width: auto;
    }
}
@media all and (min-width: 768px) and (orientation: portrait) {
    nav {
        padding-right: 15px;
        margin-top: 36px;
        margin-top: -6px;
    }
    .callout .show-for-medium-up, .callout.employment .medium-16 {
        width: 60%;
    }
    .callout p, .sidebar .callout p {
        font-size: .857em;
    }
    .callout.employment p{
        margin:0;
    }
    .weekend {
        top: 7px;
    }
    .flexnav li a {
        font-size: .895rem;
    }
    .flexnav li:last-child > ul {
        left: auto;
        right: 0;
    }
    .callouts h3 span, .flying-callout {
        display: none;
    }
    .callout-box, .second .callout-box {
        margin: 15px 5px;
    }
    .slide-title {
        left: 16%;
    }
    .social .inline-list {
        margin: 12px 15px 0 0;
        float: right;
    }
    .bxslider .app {
        width: 114px;
        height: 40px;
        right: 66px;
    }
    .bxslider .app.itunes {
        top: 137px;
    }
    .bxslider .app.google {
        top: 182px;
    }
    .loyalty-main, .loyalty-sub {
        font-size: 1rem;
    }
    .loyalty-push {
        padding-right: 0px;
    }
    .extras a {
        font-size: 9px;
    }
    .think-healthy {
        display: none !important;
    }
    .extras .nutrition a {
        background-position: 16px -138px;
    }
}
@media all and (min-width:1024px) {
	/* CTA */
	.cta a .medium-5,
	.cta a .small-5 {
		min-height:90px;
	}
	/* Locations */
	#locationsPanel .listText {
		font-size:1rem;
	}
}
@media all and (min-width: 900px) {
    /* Header */
    .social {
        background: url(../images/bg-experience-54.png) bottom right no-repeat;
        margin-top: 10px;
        width: 310px;
        height: 74px;
    }
    /* Callouts */
    .callouts > .row {
        background: linear-gradient(45deg, #f4f0e6 30%, rgba(238, 238, 238, 0) 30%) 0 100%, linear-gradient(-45deg, #f4f0e6 30%, rgba(238, 238, 238, 0) 30%) 0 100%, #e7e3d8;
        background-size: 10px 10px, 10px 10px, cover;
        background-repeat: repeat-x;
        height: 100%;
        padding: 40px 0;
    }
    /* Content-Area */
    .home .content-area > .row {
        background: linear-gradient(45deg, #e7e3d8 30%, rgba(238, 238, 238, 0) 30%) 0 100%, linear-gradient(-45deg, #e7e3d8 30%, rgba(238, 238, 238, 0) 30%) 0 100%, #f4f0e6;
        background-size: 10px 10px, 10px 10px, cover;
        background-repeat: repeat-x;
        padding-bottom: 45px;
    }
    .content-area > .row {
        background: linear-gradient(to right, #f4f0e6 24.16667%, #e7e3d8 29.16667%, #e7e3d8 100%);
    }
    
    .menuItemName {
        height: 3.7rem;
    }
}

@media all and (min-width: 320px) and (max-width: 667px) {
    .extras a {
        font-size: 9px;
    }
}

.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6004;
  left: 0; }

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 6005;
  left: 0;
  background-color: #FFFFFF;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 40em) {
    .reveal-modal {
      min-height: 100vh; } }
  .reveal-modal .column, .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 80%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal {
      top: 6.25rem; } }
  .reveal-modal.radius {
    border-radius: 3px; }
  .reveal-modal.round {
    border-radius: 1000px; }
  .reveal-modal.collapse {
    padding: 0; }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.tiny {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 30%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.small {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 40%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.medium {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 60%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.large {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 70%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.xlarge {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 95%; } }
  .reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0; }
    @media only screen and (min-width: 40.0625em) {
      .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 100%; } }
  .reveal-modal.toback {
    z-index: 6003; }
  .reveal-modal .close-reveal-modal {
    color: #AAAAAA;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0.625rem;
    right: 1.375rem; }