@charset "UTF-8";

/* CSS Document */

/* Main stylesheet for Waffle House */

/* Authors: Dave Carney, Erin Kahn & John Finch for Vehicle Media https://vehiclemedia.com */

/* COLORS */

.gray-text {

	color: #595959;

}

.black {

	color: #000000;

}

.yellow {

	color: #fff200;

}

.blue {

	color: #bfdced;

}

.red {

	color: #b72c1c;

}

.black-bg {

	background-color: #000000;

	color: white;

}

.white-bg {

	background-color: #ffffff;

}

.yellow-bg {

	background-color: #fff200;

}

.gray-bg {

	background-color: #f5f5f5;

}

.blue-bg {

	background-color: #bfdced;

}

.yellow-gradient {

	background: linear-gradient(58deg, #fff98d, #fff200 27%);

}

/* FONTS */

@font-face {

	font-family: 'Font Awesome 5 Brands';

	font-style: normal;

	font-weight: normal;

	src: url("fontawesome/fa-brands-400.eot");

	src: url("fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"),

		url("fontawesome/fa-brands-400.woff2") format("woff2"), url("fontawesome/fa-brands-400.woff") format("woff"),

		url("fontawesome/fa-brands-400.ttf") format("truetype"),

		url("fontawesome/fa-brands-400.svg#fontawesome") format("svg");

}

@font-face {

	font-family: 'Font Awesome 5 Free';

	font-style: normal;

	font-weight: 400;

	src: url("fontawesome/fa-regular-400.eot");

	src: url("fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"),

		url("fontawesome/fa-regular-400.woff2") format("woff2"), url("fontawesome/fa-regular-400.woff") format("woff"),

		url("fontawesome/fa-regular-400.ttf") format("truetype"),

		url("fontawesome/fa-regular-400.svg#fontawesome") format("svg");

}

@font-face {

	font-family: 'Font Awesome 5 Free';

	font-style: normal;

	font-weight: 900;

	src: url("fontawesome/fa-solid-900.eot");

	src: url("fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"),

		url("fontawesome/fa-solid-900.woff2") format("woff2"), url("fontawesome/fa-solid-900.woff") format("woff"),

		url("fontawesome/fa-solid-900.ttf") format("truetype"),

		url("fontawesome/fa-solid-900.svg#fontawesome") format("svg");

}

@font-face {

	font-family: "House Slant";

	src: url('webfonts/HouseSlant.eot');

	src: url("webfonts/HouseSlant.eot?#iefix") format("embedded-opentype"),

		url("webfonts/HouseSlant.woff") format("woff");

	font-style: normal;

	font-weight: 400;

	font-stretch: normal;

}

.slant {

	font-family: "House Slant", script;

	text-rendering: optimizeLegibility;

	font-weight: normal;

}

.paname {

	font-family: PanameFY-Regular;

	font-weight: normal;

	font-style: normal;

}

.fjalla {

	font-family: 'Fjalla One', sans-serif;

}

.roboto {

	font-family: 'Roboto', sans-serif;

}

.roboto-med {

	font-family: 'Roboto', sans-serif;

	font-weight: 500;

}

.roboto-bold {

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

}

.roboto-italic {

	font-family: 'Roboto', sans-serif;

	font-style: italic;

}

.roboto-light-italic {

	font-family: 'Roboto', sans-serif;

	font-style: italic;

	font-weight: 300;

}

/* GLOBAL PADDING */

.site-padding {

	padding-top: 60px;

	padding-bottom: 60px;

}

/* HELPERS */

.uppercase {

	text-transform: uppercase;

}

.lowercase {

	text-transform: none;

}

.bold {

	font-weight: bold;

}

.italic {

	font-style: italic;

}

.text-center {

	text-align: center;

}

.text-right {

	text-align: right;

}

.text-left {

	text-align: left;

}

.no-wrap {

	white-space: nowrap;

}

.caboose {

	margin-bottom: 0 !important;

}

.pointer {

	cursor: pointer;

}

.prevent-scroll {

	position: fixed;

	width: 100%;

}

.relative {

	position: relative;

}

.block {

	display: block;

}

.inline-block {

	display: inline-block;

}

.inline {

	display: inline;

}

.center {

	margin-left: auto;

	margin-right: auto;

}

.center-all {

	margin: auto;

}

.no-top-margin {

	margin-top: 0;

}

.no-bot-margin {

	margin-bottom: 0;

}

.no-top-padding {

	padding-top: 0;

}

.no-bot-padding {

	padding-bottom: 0;

}

.no-padding {

	padding: 0;

}

.opaque {

	opacity: 1 !important;

}

.see-through {

	opacity: 0;

	pointer-events: none;

}

/* Slider */

.slick-slider {

	position: relative;

	display: block;

	box-sizing: border-box;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-touch-callout: none;

	-khtml-user-select: none;

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-tap-highlight-color: transparent;

}

.slick-list {

	position: relative;

	display: block;

	overflow: hidden;

	margin: 0;

	padding: 0;

}

.slick-list.dragging {

	cursor: pointer;

	cursor: hand;

}

.slick-slider .slick-track,

.slick-slider .slick-list {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.slick-track {

	position: relative;

	top: 0;

	left: 0;

	display: block;

}

.slick-track:before,

.slick-track:after {

	display: table;

	content: '';

}

.slick-track:after {

	clear: both;

}

.slick-loading .slick-track {

	visibility: hidden;

}

.slick-slide {

	display: none;

	float: left;

	height: 100%;

	min-height: 1px;

}

[dir='rtl'] .slick-slide {

	float: right;

}

.slick-slide img {

	display: block;

}

.slick-slide.slick-loading img {

	display: none;

}

.slick-slide.dragging img {

	pointer-events: none;

}

.slick-initialized .slick-slide {

	display: block;

}

.slick-loading .slick-slide {

	visibility: hidden;

}

.slick-vertical .slick-slide {

	display: block;

	height: auto;

	border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

	display: none;

}

/*===================================*/

/*========== GLOBAL STYLES ==========*/

/*===================================*/

.container {

	max-width: 1040px;

}

.gen-trans,

.vm-anim,

.circle-thumb img,

.social-share a,

.insta-feed .col-xs-6,

.sub-menu-wrapper .sub-menu li div img,

.sub-menu-flyout .sub-menu li div img,

.brick-wall .circle-thumb,

.waffle-records .monocle-target,

.rock-the-house .monocle-target,

.menu-cat img,

.cover-bg {

	transition: all 0.3s ease-in-out;

}

body {

	font-size: 14px;

	line-height: 125%;

	font-family: 'Roboto', sans-serif;

	color: #595959;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	color: #000000;

}

a,

a:link,

a:visited {

	color: black;

	stroke: black;

}

a:focus,

a:hover {

	color: #757575;

	stroke: #757575;

}

a:focus {

	text-decoration: underline;

}

a:active {

	color: #606060;

	stroke: #606060;

}

a:focus,

button:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus,

[tabindex="-1"]:focus,

label:focus {

	outline: 1px dotted black;

}

input,

button,

textarea,

select {

	-o-appearance: none;

	-ms-appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	appearance: none;

	border: none;

	border-radius: 0;

	color: black;

	font-family: 'Roboto', sans-serif;

	font-size: 93%;

}

input::-webkit-input-placeholder,

button::-webkit-input-placeholder,

textarea::-webkit-input-placeholder,

select::-webkit-input-placeholder {

	opacity: 1;

	color: black;

}

input:-moz-placeholder,

button:-moz-placeholder,

textarea:-moz-placeholder,

select:-moz-placeholder {

	opacity: 1;

	color: black;

}

input::-moz-placeholder,

button::-moz-placeholder,

textarea::-moz-placeholder,

select::-moz-placeholder {

	opacity: 1;

	color: black;

}

input:-ms-input-placeholder,

button:-ms-input-placeholder,

textarea:-ms-input-placeholder,

select:-ms-input-placeholder {

	opacity: 1;

	color: black;

}

input,

textarea,

select {

	height: 40px;

	padding-left: 10px;

	padding-right: 10px;

	margin-bottom: 20px;

}

textarea {

	padding-top: 10px;

	padding-bottom: 10px;

}

select {

	background-color: transparent;

	background-image: url('../assets/icons/down-arrow.svg');

	background-position: 95% center;

	background-repeat: no-repeat;

}

input[type="checkbox"],

input[type="radio"] {

	width: 20px;

	height: 20px;

	border-radius: 50%;

	border: 1px solid #000;

	background: none;

}

input[type="checkbox"]:checked,

input[type="radio"]:checked {

	background: #fff200;

}

label {

	color: black;

	font-size: 93%;

}

.req {

	margin-top: 30px;

	margin-bottom: 5px;

}

.req::before {

	content: '* ';

}

.sr-req::after {

	content: '*';

}

.checkbox-group {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

}

.checkbox-group span {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	margin: 12px 0;

}

.checkbox-group input {

	border: 1px solid #000;

	margin-bottom: 0;

}

.checkbox-group label {

	margin: 0 50px 0 7px;

	cursor: pointer;

}

.bg-form {

	color: black;

}

.bg-form input {

	width: 100%;

	border: 1px solid black;

	background: none;

}

.bg-form input[type="checkbox"],

.bg-form input[type="radio"] {

	width: 20px;

	height: 20px;

}

.bg-form select {

	width: 100%;

	border: 1px solid black;

}

@-moz-document url-prefix() {

	.bg-form select {

		padding-left: 5px;

		padding-right: 5px;

	}

}

.bg-form .req {

	font-size: 93%;

}

.btn,

a.btn,

button.btn {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-ms-flex-pack: center;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	text-transform: uppercase;

	font-weight: 500;

	height: 40px;

	width: 200px;

	padding: 0 15px;

	cursor: pointer;

}

.btn span,

a.btn span,

button.btn span {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-ms-flex-pack: justify;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

	margin: auto;

}

.black-btn,

a.black-btn {

	font-size: 107%;

	color: #fff;

	background: black;

}

.black-btn .angle-icon,

a.black-btn .angle-icon {

	stroke: #fff;

	width: 8px;

	height: 13px;

}

.black-btn:hover,

a.black-btn:hover {

	color: #000;

	background: #fff;

}

.black-btn:hover .angle-icon,

a.black-btn:hover .angle-icon {

	stroke: #000;

}

.black-btn:active,

a.black-btn:active {

	color: #fff200;

}

.black-btn:active .angle-icon,

a.black-btn:active .angle-icon {

	stroke: #fff200;

}

.yellow-btn {

	font-size: 86%;

	color: #000;

	background: #fff200;

}

.yellow-btn:hover {

	color: #fff200;

	stroke: #fff200;

	background: #000;

}

.yellow-btn:active {

	color: #fff;

	stroke: white;

}

small {

	font-size: 79%;

}

.role-presentation {

	pointer-events: none;

}

.sr-overide {

	clip: initial;

	width: auto;

	height: auto;

	margin: -20px 0 0;

}

.page-title {

	text-transform: uppercase;

	font-family: 'Fjalla One', sans-serif;

	color: #000000;

	font-size: 271%;

	line-height: 100%;

	letter-spacing: 0.143rem;

	margin-bottom: 30px;

}

.waffle-headline {

	color: #000000;

	text-transform: uppercase;

	font-family: 'Fjalla One', sans-serif;

	font-size: 186%;

	line-height: 121%;

	letter-spacing: 0.107rem;

	margin-bottom: 24px;

}

.waffle-sub-headline,

.post-content h1:not(.page-title),

.post-content h2:not(.page-title),

.post-content h3:not(.page-title),

.post-content h4:not(.page-title),

.post-content h5:not(.page-title),

.post-content h6:not(.page-title) {

	font-family: "House Slant", script;

	text-rendering: optimizeLegibility;

	font-weight: normal;

	color: #000000;

	font-size: 179%;

	line-height: 100%;

	letter-spacing: 0.071rem;

	margin-bottom: 2px;

	margin-top: 22px;

}

.hero-overlay {

	position: relative;

	overflow: hidden;

	width: 100%;

	min-height: 125px;

}

.hero-overlay img {

	width: 100%;

	height: 30.5vw;

	max-height: 390px;

	object-fit: cover;

}

.title-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 200;

	font-family: 'Fjalla One', sans-serif;

	font-size: 272%;

	text-transform: uppercase;

	padding: 3.25% 135px 3% 40px;

	letter-spacing: 0.107rem;

	background: url('../assets/title-overlay-bg@2x.png') center center no-repeat;

	background-size: 100% 100%;

}

.title-overlay h1,

.title-overlay p {

	padding: 0;

	margin: 0;

	color: black;

	line-height: 1.1;

}

.monocle-target {

	display: none;

}

.vm-anim {

	opacity: 0;

}

.vm-anim.vm-onscreen {

	opacity: 1;

}

.slide-right {

	transform: translateX(-100%);

	transition: all 0.6s ease-in-out;

}

.slide-left {

	transform: translateX(100%);

	transition: all 0.6s ease-in-out;

}

.slide-right.vm-onscreen,

.slide-left.vm-onscreen {

	transform: translateX(0);

}

.content, .doublespaced {

	opacity: 0;

}

.vm-anim.opaque {

	opacity: 0 !important;

}

.vm-anim.opaque.vm-onscreen {

	opacity: 1 !important;

}

.no-js .content, .no-js .doublespaced {

	opacity: 1;

}

.page .content,

.page .nutrition-content {

	padding-top: 7.75%;

	padding-bottom: 6%;

}

.post .content,

.post .nutrition-content {

	padding-top: 90px;

}

.post-content .tagline {

	font-size: 143%;

	margin-top: 0;

}

.circle-thumb {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 158px;

	-ms-flex: 0 0 158px;

	flex: 0 0 158px;

	max-width: 158px;

	height: 158px;

	border-radius: 50%;

	-webkit-mask-image: -webkit-radial-gradient(white, black);

	border: 4px solid #fff200;

	overflow: hidden;

	margin-right: 30px;

}

.circle-thumb img {

	transform: scale(1);

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center center;

}

a.circle-thumb:hover img {

	transform: scale(1.1);

}

.read-more {

	text-transform: uppercase;

	font-family: 'Fjalla One', sans-serif;

	font-size: 114%;

	display: -webkit-inline-box;

	display: -webkit-inline-flex;

	display: -ms-inline-flexbox;

	display: inline-flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	margin-top: 35px;

}

.read-more:hover .plus-icon-circle {

	background: #bfdced;

}

.plus-icon-circle {

	width: 20px;

	height: 20px;

	background: #fff200;

	border: 1.5px solid black;

	border-radius: 50%;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	margin-right: 15px;

}

.plus-icon-circle svg {

	margin: auto;

	width: 9px;

	height: 9px;

	stroke: black;

	stroke-width: 4px;

}

.plus-icon-circle:hover {

	background: #bfdced;

}

.contact-icon {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	font-size: 129%;

	letter-spacing: 0.036rem;

	line-height: 120%;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 auto;

	-ms-flex: 0 0 auto;

	flex: 0 0 auto;

	max-width: 100%;

	width: auto;

	margin: 5px 20px;

}

a.contact-icon:hover,

a.contact-icon:focus {

	text-decoration: none;

}

.contact-icon span:not([aria-hidden]) {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	border: 1px solid #b72c1c;

	border-radius: 50%;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 40px;

	-ms-flex: 0 0 40px;

	flex: 0 0 40px;

	max-width: 40px;

	width: 40px;

	height: 40px;

	margin-right: 15px;

}

.contact-icon i {

	margin: auto;

	color: #b72c1c;

	font-size: 17px;

}

.contact-icon:hover span:not([aria-hidden]),

.contact-icon:hover i {

	/* border-color: #bfdced; insufficient contrast */

	/* color: #bfdced; insufficient contrast */

	border-color: #4C9BCD;

	color: #4C9BCD;

	text-decoration: none;

}

.contact-icon i {

	text-decoration: none !important;

}

.contact-icon:active span,

.contact-icon:active i {

	border-color: #97c6e2;

	color: #97c6e2;

}

.vm-pagination {

	margin: 60px auto 50px;

	text-align: center;

	font-size: 114%;

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	letter-spacing: 0.036rem;

}

.vm-pagination li {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	min-width: 20px;

	height: 28px;

	margin: 0 1px;

}

.vm-pagination li a {

	margin: auto;

}

.vm-pagination .current-pag {

	background: #fff200;

}

.vm-pagination li span.current {

	background: #fff200;

	width: 100%;

	height: 100%;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	color: black;

}

.vm-pagination .prev-pag {

	margin-right: 35px;

}

.vm-pagination .next-pag {

	margin-left: 35px;

}

.post-nav {

	text-align: center;

	text-transform: uppercase;

	font-family: 'Fjalla One', sans-serif;

	font-size: 114%;

	letter-spacing: 0.071rem;

	padding: 100px 15px 80px;

}

.post-nav a:nth-of-type(2)::before {

	content: '/';

	color: #b72c1c;

	margin: 0 15px 0 10px;

}

.blue-gradient-bar {

	background: linear-gradient(-86deg, #2887aa, #e4eef4 0%, #60a6dd 185%);

	padding: 54px 0;

}

.blue-gradient-bar .waffle-headline {

	margin-bottom: 0;

}

.blue-gradient-bar select {

	border: 1px solid #000;

	width: 100%;

	margin: 10px 0;

}

.social-share {

	color: black;

	margin: 65px 0 20px;

	overflow: hidden;

}

.social-share p {

	font-size: 114%;

	margin-right: 15px;

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	letter-spacing: 0.036rem;

}

.social-share ul {

	margin-right: -10px;

}

.social-share li {

	margin: 5px 10px;

}

.social-share a {

	color: white;

	background: pink;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	width: 30px;

	height: 30px;

	border-radius: 50%;

}

.social-share a:hover {

	transform: translateY(-5px);

}

.social-share i {

	font-size: 129%;

	margin: auto;

}

.social-share .fb {

	background-color: #4464b1;

}

.social-share .twitter {

	background-color: #4e9edd;

}

.social-share .google {

	background-color: #d94936;

}

.social-share .mail {

	background-color: #e0e0e0;

}

.centered-slider-wrapper {

	width: 100%;

	max-width: 1110px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

}

.centered-slider {

	width: calc(100% + 30px);

	max-width: 1140px;

	margin-left: -15px;

	padding: 2.75% 0 3.65%;

}

.centered-slider .swiper-slide {

	height: 285px;

	box-shadow: none;

	visibility: hidden;

}

.centered-slider .swiper-slide img {

	transition: all 0.4s ease-in-out;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.centered-slider .swiper-slide-prev {

	transform: translateX(29%);

	visibility: visible;

}

.centered-slider .swiper-slide-active {

	transform: scale(1.2);

	transition: transform 0.4s ease-in-out, box-shadow 0.2s ease-in 0.4s;

	z-index: 10;

	position: relative;

	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);

	visibility: visible;

}

.centered-slider .swiper-slide-next {

	transform: translateX(-29%);

	visibility: visible;

}

.centered-slider-content {

	padding-bottom: 11.25%;

}

.centered-slider-content .swiper-slide .flex {

	position: absolute;

	left: 0;

	right: 0;

	bottom: -63px;

	color: white;

	background: black;

	height: 64px;

}

.centered-slider-content .swiper-slide .flex p {

	font-size: 107%;

	text-align: center;

	line-height: 115%;

}

.centered-slider-content .swiper-slide-active .flex {

	color: black;

	background: #fff200;

	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);

}

.centered-slider-content .swiper-slide-active .flex p {

	transform: scale(0.8);

}

.centered-prev-btn {

	left: 15px;

}

.centered-next-btn {

	right: 15px;

}

.slider-wrapper {

	position: relative;

}

.simple-wrapper {

	margin-top: 50px;

	margin-bottom: 95px;

}

.simple-slider {

	width: 900px;

	margin: 0 auto;

}

.simple-slider-slide {

	padding: 0 10px;

}

.simple-slider-slide img {

	width: 280px;

	height: 157px;

	object-fit: cover;

}

.slider-btn {

	position: absolute;

	z-index: 10;

	top: 50%;

	margin-top: -22px;

	width: 45px;

	height: 45px;

	border-radius: 50%;

	background: #fff200;

	cursor: pointer;

	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);

}

.slider-btn img {

	width: 8px;

	height: 14px;

}

.slider-btn:hover {

	background: #bfdced;

}

.slider-btn:active {

	background: #97c6e2;

}

.slider-btn.prev-btn img,

.slider-btn.centered-prev-btn img {

	transform: rotate(180deg);

}

.slider-btn.next-btn {

	right: 0;

}

.player-btn {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 42px;

	-ms-flex: 0 0 42px;

	flex: 0 0 42px;

	max-width: 42px;

	width: 42px;

	height: 42px;

	border-radius: 50%;

	background: black;

	fill: #fff200;

}

.player-btn:hover {

	fill: white;

}

.player-btn:active {

	fill: #bfdced;

}

.player-btn:focus {

	outline: 1px dotted white;

}

.player-btn svg {

	margin: auto;

	fill: inherit;

	stroke: none;

}

.player-btn .player-play {

	width: 10px;

	height: 21px;

}

.player-btn .player-pause {

	width: 15px;

	height: 19px;

}

.player-btn .player-stop {

	width: 13px;

	height: 13px;

}

.insta-feed {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

	position: relative;

}

.insta-banner-wrapper {

	width: 25vw !important;

	position: absolute;

	top: 0;

	left: 0;

	right: 25vw;

	bottom: 0;

	z-index: 100;

}

.insta-banner {

	position: absolute;

	top: 15px;

	left: 15px;

	z-index: 100;

	color: #151011;

	font-size: 129%;

	line-height: 120%;

	letter-spacing: 0.036rem;

	padding: 12px 10px 11%;

	pointer-events: none;

	background: url('../assets/insta-banner-bg.svg') top center no-repeat;

	background-size: contain;

}

.insta-banner-wrapper.see-through .insta-banner {

	opacity: 0;

	pointer-events: none;

}

.insta-feed .col-xs-6 {

	padding: 0;

	opacity: 0;

}

.insta-feed img {

	width: 100%;

	height: 25vw;

	object-fit: cover;

}

.insta-gallery p {

	display: none;

	position: absolute;

	bottom: 0;

	margin-bottom: 0;

	padding: 10px 5px;

	left: 0;

	line-height: 100%;

	letter-spacing: 0.071rem;

	width: 100%;

	background: #fff200;

	color: #000;

	text-align: center;

}

.insta-gallery:hover p,

.insta-gallery:focus p {

	display: block;

}

.insta-feed.vm-onscreen .col-xs-6 {

	opacity: 1;

}

.insta-feed.vm-onscreen .col-xs-6:nth-of-type(2) {

	transition-delay: 0.05s;

}

.insta-feed.vm-onscreen .col-xs-6:nth-of-type(3) {

	transition-delay: 0.1s;

}

.insta-feed.vm-onscreen .col-xs-6:nth-of-type(4) {

	transition-delay: 0.15s;

}

/*===================================*/

/*========== HEADER STYLES ==========*/

/*===================================*/

a.skip-content {

	opacity: 0;

	pointer-events: none;

	position: absolute;

	color: white;

	z-index: 999999;

	top: 0;

	left: 8px;

}

a.skip-content:focus {

	opacity: 1;

	pointer-events: auto;

}

.pre-header {

	padding: 12px 0;

	line-height: 115%;

	position: relative;

	z-index: 99999;

}

.pre-header a:link,

.pre-header a:visited {

	color: white;

}

.pre-header a:focus {

	color: #fff200;

	outline: 1px dotted #fff200;

}

.pre-header a:hover {

	color: #fff200;

}

.pre-header a:active {

	color: #ccc200;

}

.pre-header p {

	display: inline;

	margin-bottom: 0;

}

.pre-header a {

	text-decoration: underline;

}

.pre-header sup {

	font-size: 50%;

	top: -8px;

}

#nav-bg {

	transition: opacity 0.3s ease-in-out;

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	display: block;

	pointer-events: none;

	background: rgba(0, 0, 0, 0.65);

	opacity: 0;

}

#nav-bg.bg-in {

	opacity: 1;

}

.header-spacer {

	display: block;

	width: 2px;

	height: 155px;

}

header {

	position: absolute;

	z-index: 2990;

	top: -155px;

	transition: top 0.3s ease-in-out;

	background: white;

	border-bottom: 1px solid transparent;

	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);

	width: 100vw;

}

header.sticky-vis {

	top: 0;

	position: fixed;

}

header.sticky-vis .pre-header {

	display: none;

}

header.start-top .pre-header {

	display: block;

}

.bottom-border {

	border-bottom: 1px solid black;

}

#site-nav {

	line-height: 0;

}

.nav-toggle {

	-o-appearance: none;

	-ms-appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	appearance: none;

	border: none;

	cursor: pointer;

	padding: 0;

}

.nav-toggle:hover > span {

	background: #bfdced;

}

.nav-toggle:active .navbars span {

	background-color: #fff200;

}

.navbars {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	-ms-flex-pack: justify;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	background-color: #fff200;

	width: 50px;

	height: 40px;

	padding: 8px 5px;

}

.navbars span {

	display: block;

	width: 100%;

	height: 2px;

	background-color: #000000;

	color: white;

}

a:hover > .navbars {

	background: #bfdced;

}

a:active > .navbars span {

	background-color: #fff200;

}

.header-nav,

.quick-nav {

	line-height: 14px;

	text-transform: uppercase;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	font-family: 'Fjalla One', sans-serif;

	font-size: 114%;

	letter-spacing: 0.036rem;

}

.header-nav > li,

.quick-nav > li {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	margin-left: 32px;

	height: 114px;

}

.header-nav > li:last-of-type > a,

.quick-nav > li:last-of-type > a {

	z-index: 110;

}

.header-nav > li:last-of-type > a .navbars,

.quick-nav > li:last-of-type > a .navbars {

	margin-left: 20px;

}

.header-nav a:focus {

	outline: none;

	color: #757575;

}

.header-nav > li > a {

	position: relative;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	z-index: 100;

}

.header-nav > li > a:hover {

	text-decoration: none;

}

.header-nav > li:nth-of-type(2) {

	margin-left: 0;

}

.header-nav > li:nth-of-type(2) a::before {

	content: url('../assets/icons/map-marker-alt.svg');

	margin-right: 12px;

	z-index: -1;

}

#more-sub-menu-label {

	z-index: 150;

}

.drop-triangle {

	display: none;

	position: absolute;

	left: 50%;

	bottom: 0;

	margin-left: -7px;

	width: 14px;

	height: 7px;

	border-left: 7px solid white;

	border-right: 7px solid white;

	border-bottom: 7px solid black;

}

.sub-menu-wrapper {

	display: none;

	position: absolute;

	top: 0;

	right: 0;

	padding-top: 115px;

}

.sub-menu {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	width: 100%;

	background: white;

	padding: 25px 22px;

}

.sub-menu-wrapper .sub-menu li,

.sub-menu-flyout .sub-menu li {

	margin: 0 21px;

}

.sub-menu-wrapper .sub-menu li a,

.sub-menu-flyout .sub-menu li a {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	text-align: center;

}

.sub-menu-wrapper .sub-menu li a:focus img,

.sub-menu-flyout .sub-menu li a:focus img,

.sub-menu-wrapper .sub-menu li a:hover img,

.sub-menu-flyout .sub-menu li a:hover img {

	width: 110%;

	margin-left: -5%;

	margin-top: -5%;

}

.sub-menu-wrapper .sub-menu li a div,

.sub-menu-flyout .sub-menu li a div {

	width: 118px;

	height: 118px;

	margin: 0 auto 10px;

	border: 4px solid #fff200;

	border-radius: 50%;

	overflow: hidden;

}

.sub-menu-wrapper .sub-menu li div img,

.sub-menu-flyout .sub-menu li div img {

	width: 100%;

	height: auto;

	margin: 0;

}

.sub-menu-wrapper .sub-menu li:nth-of-type(4),

.sub-menu-wrapper .sub-menu li:nth-of-type(5),

.sub-menu-wrapper .sub-menu li:nth-of-type(6) {

	position: absolute;

	left: 520px;

}

.sub-menu-wrapper .sub-menu li:nth-of-type(4) a,

.sub-menu-wrapper .sub-menu li:nth-of-type(5) a,

.sub-menu-wrapper .sub-menu li:nth-of-type(6) a {

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-webkit-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

}

.sub-menu-wrapper .sub-menu li:nth-of-type(4) {

	top: 40px;

}

.sub-menu-wrapper .sub-menu li:nth-of-type(4) a::before {

	content: url('../assets/icons/catering-nav-icon.svg');

	position: absolute;

	top: -1px;

	left: -35px;

}

.sub-menu-wrapper .sub-menu li:nth-of-type(5) {

	top: 46%;

}

.sub-menu-wrapper .sub-menu li:nth-of-type(5) a::before {

	content: url('../assets/icons/product-nav-icon.svg');

	position: absolute;

	top: -2px;

	left: -31px;

}

.sub-menu-wrapper .sub-menu li:nth-of-type(6) {

	top: 71%;

}

.sub-menu-wrapper .sub-menu li:nth-of-type(6) a::before {

	content: url('../assets/icons/nutrition-nav-icon.svg');

	position: absolute;

	top: -2px;

	left: -32px;

}

#food-sub-menu {

	padding-left: 30px;

	padding-right: 245px;

	position: relative;

}

#food-sub-menu li {

	margin: 0 30px;

}

.start-top #food-sub-menu,

.start-top #shop-sub-menu {

	border-top: 1px solid #000;

	margin-top: 39px;

}

.header-nav > li > a .navbars {

	margin-left: 25px;

}

.sub-menu-flyout-wrapper {

	display: block;

	width: 380px;

	top: 0;

	right: 0;

	height: 710px;

	position: absolute;

	overflow-x: hidden;

	overflow-y: scroll;

	pointer-events: none;

}

.sub-menu-flyout {

	transition: right 0.3s ease-in-out, visibility 0s linear 0.3s;

	position: absolute;

	visibility: hidden;

	display: block;

	z-index: 100;

	top: 0;

	right: -380px;

	width: 380px;

	padding-top: 150px;

	background: linear-gradient(86deg, #fff98d, #fff200 66%);

}

.sub-menu-flyout .sub-menu {

	background-image: url('../assets/double-dot-border4.svg');

	background-position: top center;

	background-repeat: repeat-x;

	-ms-flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-ms-flex-pack: distribute;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-around;

	justify-content: space-around;

	padding: 9px 30px 8px;

}

.sub-menu-flyout .sub-menu li {

	margin: 20px 0 17px;

	width: 120px;

	line-height: 125%;

}

.sub-menu-flyout .sub-menu li a div {

	margin-bottom: 7px;

}

.header-nav > li.open-nav a {

	height: 100%;

}

.header-nav > li.open-nav .drop-triangle {

	display: block;

}

li.open-nav > .sub-menu-wrapper {

	display: block;

}

li.open-nav .sub-menu-flyout-wrapper .sub-menu-flyout {

	right: 0;

	visibility: visible;

	transition: right 0.3s ease-in-out, visibility 0s linear 0s;

}

li.open-nav .sub-menu-flyout-wrapper {

	pointer-events: auto;

}

.angle-icon {

	width: 9px;

	height: 14px;

	fill: none;

	stroke: inherit;

	stroke-width: 2px;

}

.controls-menu .angle-icon {

	display: none;

}

/*=======================================*/

/*========== PROPERTIES STYLES ==========*/

/*=======================================*/

.properties .content {

	padding-top: 80px;

	padding-bottom: 60px;

}

.properties .content p:last-of-type:not(.req) {

	margin-bottom: 40px;

}

.properties .waffle-sub-headline {

	margin: 0 10px 0 0;

}

.properties .blue-gradient-bar {

	padding: 40px 0;

}

.properties .post-nav {

	padding-top: 90px;

}

.property-title,

.news-title {

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	color: #000000;

	font-size: 143%;

	letter-spacing: 0.071rem;

	margin-bottom: 10px;

}

.property-info ul {

	text-indent: -8px;

}

.property-info ul span {

	color: #000000;

}

.property-info li::before {

	content: '•';

	margin-right: 4px;

}

.property-info li {

	padding-bottom: 5px;

	margin-left: 8px;

}

.properties-sorting .property-info li {

	padding-bottom: 1px;

}

.properties-sorting .vm-pagination {

	margin-bottom: 70px;

}

.properties-single .content {

	padding-bottom: 0;

}

.properties-single .content .col-xs-12:first-of-type {

	margin-bottom: 12px;

}

.properties-single .property-pic {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 36.5%;

	-ms-flex: 0 1 36.5%;

	flex: 0 1 36.5%;

	max-width: 36.5%;

	height: 340px;

}

.properties-single .property-pic img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center center;

}

.properties-single .property-title {

	font-size: 114%;

	margin-bottom: 24px;

}

.properties-single .property-info {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 63.5%;

	-ms-flex: 0 1 63.5%;

	flex: 0 1 63.5%;

	max-width: 63.5%;

	padding-left: 40px;

}

.properties-single .property-info li {

	margin-bottom: 20px;

}

.property-request {

	margin-top: 75px;

}

.property-request p:not(.waffle-headline) {

	font-size: 93%;

	color: black;

}

.property-request .waffle-headline {

	margin-bottom: 30px;

}

.property-request .checkbox-group + button {

	margin-top: 30px;

}

.property-request .prospect-info {

	margin-top: 30px;

}

.property-request .prospect-info input,

.property-request .prospect-info textarea {

	width: 100%;

	border: 1px solid black;

}

.property-request .prospect-info textarea {

	height: 180px;

}

p.form-toggle {

	margin-bottom: 30px !important;

}

.units {

	border-bottom: 1px solid #95989a;

}

.units .col-md-6 {

	padding-top: 70px;

	padding-bottom: 50px;

}

.form-toggle {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	background-color: #fff200;

	color: #000000;

	font-size: 93%;

	width: 100%;

	text-align: left;

	padding: 0 13px;

	height: 40px;

	margin-top: 20px;

}

button.form-toggle {

	cursor: pointer;

}

#property-request-step-one {

	padding-bottom: 40px;

}

#property-request-step-two {

	display: none;

	padding-bottom: 40px;

}

#property-request-step-one legend,

#property-request-step-two legend {

	padding-top: 0;

}

/* @-moz-document url-prefix() {

	#property-request-step-one legend,

	#property-request-step-two legend {

		padding-top: 0;

	}

} */

.black-btn:hover {

	color: #fff200;

	background: #000;

}

.black-btn:hover .angle-icon {

	stroke: #fff200;

}

.black-btn:active {

	background: #808080;

}

#property-request-step-two .req {

	margin-top: 0;

}

/*=================================*/

/*========== NEWS STYLES ==========*/

/*=================================*/

.news-title {

	margin-bottom: 17px;

	display: inline-block;

	line-height: 110%;

}

.news-loop {

	border-top: 1px solid #95989a;

	padding: 55px 0;

}

.news-loop .read-more {

	margin-top: 7px;

}

.news .content {

	padding-top: 65px;

	padding-bottom: 75px;

}

.news .waffle-headline {

	margin: 0;

	padding-top: 5px;

}

.news .contact-icon {

	max-width: 175px;

	margin: 0 20px;

}

.news .contact-icon:last-of-type {

	margin-right: 0;

}

.news .vm-pagination {

	margin-bottom: 90px;

}

.news-single .content {

	padding-bottom: 60px;

}

/*=====================================*/

/*========== HOMEPAGE STYLES ==========*/

/*=====================================*/

.homepage .hero-overlay::after {

	display: block;

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 15;

	background-color: rgba(0, 0, 0, 0.1);

}

.homepage .brick-wall {

	padding: 70px 0 55px;

}

.homepage .player-buttons {

	background: url('../assets/home-jukebox-bg@2x.png') center right no-repeat;

	background-size: contain;

	width: 136px;

	height: 240px;

	padding-left: 20px;

	margin-left: auto;

	position: relative;

	z-index: 10;

}

.homepage .music-player {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 440px;

	-ms-flex: 0 1 440px;

	flex: 0 1 440px;

	max-width: 440px;

}

.homepage .music-player .waffle-headline {

	margin-bottom: 4px;

}

.homepage .music-player p:not(.waffle-headline) {

	margin-bottom: 25px;

}

.homepage .player-box {

	position: relative;

}

.homepage .player-btn {

	margin: 3px;

}

.homepage .player-img {

	position: absolute;

	top: 0;

	left: 0;

	right: 105px;

	bottom: 0;

	background: url('../assets/jukebox-desktop@2x.jpg') center left;

	background-size: cover;

}

.perks .waffle-headline {

	margin-bottom: 4px;

}

.perks p:not(.waffle-headline) {

	margin-bottom: 25px;

}

.perks-wrapper {

	background: url('../assets/perks-form.jpg') center center;

	background-size: cover;

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 400px;

	-ms-flex: 0 1 400px;

	flex: 0 1 400px;

	max-width: 400px;

	height: 240px;

	margin-left: 0;

}

.perks-form {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 300px;

	-ms-flex: 0 1 300px;

	flex: 0 1 300px;

	max-width: 300px;

	padding: 10px 22px;

}

.perks-form input {

	width: 100%;

	margin-bottom: 13px;

}

.perks-form button {

	font-size: 114%;

	width: 90px;

	letter-spacing: 0.036rem;

}

.perks-form .sr-overide {

	margin-top: -15px;

	color: white;

	font-size: 90%;

}

.home-two-col {

	padding: 90px 0 70px;

}

.menu-favs {

	padding: 7.5% 20px;

	background: url('../assets/breakfast-favs-bg@2x.jpg') center center;

	background-size: cover;

}

.menu-favs + .menu-favs {

	background: url('../assets/lunch-dinner-favs-bg@2x.jpg') center center;

	background-size: cover;

	margin-top: 8px;

}

.menu-favs h2 {

	color: white;

	font-size: 300%;

	line-height: 125%;

	letter-spacing: 0.143rem;

	margin-bottom: 15px;

}

.menu-favs a:hover {

	text-decoration: none;

}

.menu-favs a:hover h2 {

	font-weight: 700;

}

.menu-favs .btn {

	font-size: 157%;

	letter-spacing: 0.036rem;

	width: 245px;

	height: 60px;

	margin: 0 auto;

	padding: 0 20px;

}

.menu-favs .btn .angle-icon {

	width: 8px;

	height: 14px;

}

#homepage-loader {

	position: absolute;

	color: black;

	z-index: 20;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #e8e8e8;

	font-size: 600%;

}

#homepage-slider {

	height: 47vw;

	max-height: 600px;

	position: relative;

	overflow: hidden;

}

.home-title-overlay {

	position: absolute;

	z-index: 20;

	font-family: PanameFY-Regular;

	font-weight: normal;

	font-style: normal;

	font-size: 500%;

	color: black;

	top: 20px;

	left: 20px;

	width: 345px;

	height: 280px;

	padding-left: 40px;

	background: url('../assets/home-title-overlay@2x.png') top left no-repeat;

	background-size: contain;

}

.home-title-overlay p {

	max-width: 320px;

	line-height: 85%;

	padding-bottom: 10%;

}

.home-slide {

	position: absolute;

	overflow: hidden;

	z-index: 1;

	height: 47vw;

	width: 100vw;

	max-height: 600px;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0);

}

.home-slide img {

	width: 100%;

	height: 100% !important;

	max-height: none;

	object-fit: cover;

	object-position: center center;

}

.home-slide.home-current {

	z-index: 10;

	width: 100vw;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.home-slide.in-next {

	-webkit-animation: inNext 0.8s forwards cubic-bezier(0.6, 0, 0.4, 1);

	animation: inNext 0.8s forwards cubic-bezier(0.6, 0, 0.4, 1);

}

.home-slide.out-next {

	-webkit-animation: outNext 0.8s forwards cubic-bezier(0.6, 0, 0.4, 1);

	animation: outNext 0.8s forwards cubic-bezier(0.6, 0, 0.4, 1);

}

.home-slide.in-prev {

	-webkit-animation: inPrev 0.8s forwards cubic-bezier(0.6, 0, 0.4, 1);

	animation: inPrev 0.8s forwards cubic-bezier(0.6, 0, 0.4, 1);

}

.home-slide.out-prev {

	-webkit-animation: outPrev 0.8s forwards cubic-bezier(0.6, 0, 0.4, 1);

	animation: outPrev 0.8s forwards cubic-bezier(0.6, 0, 0.4, 1);

}

@-webkit-keyframes inNext {

	0% {

		-webkit-transform: translate3d(50%, 0, 0);

		transform: translate3d(50%, 0, 0);

	}

	100% {

		-webkit-transform: none;

		transform: none;

	}

}

@keyframes inNext {

	0% {

		-webkit-transform: translate3d(50%, 0, 0);

		transform: translate3d(50%, 0, 0);

	}

	100% {

		-webkit-transform: none;

		transform: none;

	}

}

@-webkit-keyframes outNext {

	100% {

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

	}

}

@keyframes outNext {

	100% {

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

	}

}

@-webkit-keyframes inPrev {

	0% {

		-webkit-transform: translate3d(-50%, 0, 0);

		transform: translate3d(-50%, 0, 0);

	}

	100% {

		-webkit-transform: none;

		transform: none;

	}

}

@keyframes inPrev {

	0% {

		-webkit-transform: translate3d(-50%, 0, 0);

		transform: translate3d(-50%, 0, 0);

	}

	100% {

		-webkit-transform: none;

		transform: none;

	}

}

@-webkit-keyframes outPrev {

	100% {

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0);

	}

}

@keyframes outPrev {

	100% {

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0);

	}

}

#homepage-slider-pagination {

	position: absolute;

	z-index: 20;

	width: 100%;

	bottom: 32px;

}

#homepage-slider-pagination li {

	margin: 0 8px;

}

#homepage-slider-pagination a {

	display: block;

	width: 20px;

	height: 20px;

	transform: rotate(45deg);

	border: 2px solid black;

	background: black;

}

#homepage-slider-pagination a .sr-only span {

	display: none;

}

#homepage-slider-pagination a.current-pag {

	background: #fff200;

	pointer-events: none;

}

#homepage-slider-pagination a.current-pag .sr-only span {

	display: block;

}

/*===================================*/

/*========== FOOTER STYLES ==========*/

/*===================================*/

footer {

	padding-bottom: 35px;

}

footer .container-fluid {

	padding: 0 60px;

}

.diamond-border {

	background: url('../assets/diamond-border.svg') repeat-x center center #fff200;

	background-size: 19px 19px;

	display: block;

	height: 25px;

	margin-bottom: 43px;

}

#footer-nav {

	line-height: 14px;

	text-transform: uppercase;

	font-family: 'Fjalla One', sans-serif;

	font-size: 114%;

	letter-spacing: 0.071rem;

	margin-bottom: 20px;

}

#footer-nav li {

	margin-right: 13px;

}

#footer-nav li::after {

	content: '|';

	color: black;

	margin-left: 13px;

}

#footer-nav li:last-of-type::after {

	content: none;

}

.footer-social img {

	width: 30px;

	height: 30px;

}

.footer-social li {

	margin-left: 40px;

	font-size: 200%;

}

.footer-social li:first-of-type {

	margin-left: 0;

}

/*================================*/

/*========== FAQ STYLES ==========*/

/*================================*/

.faq .content {

	padding: 90px 0 70px;

}

.faq footer {

	margin-top: 0px;

}

.faq-questions {

	padding: 68px 0;

	background-color: #f5f5f5;

	color: #000;

	stroke: #000;

}

.q-wrapper {

	background: white;

	margin-bottom: 50px;

	border-radius: 6px;

	width: 100%;

}

.q-wrapper p,

.q-wrapper .p-replace {

	padding: 5px 20px;

	margin-bottom: 0;

}

.q-item {

	border-top-right-radius: 6px;

	border-top-left-radius: 6px;

	width: 100%;

	min-height: 60px;

}

.q-item,

.a-item {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	height: auto;

}

.q-item span,

.a-item span:not(.p-replace) {

	font-size: 129%;

	line-height: 200%;

	font-family: PanameFY-Regular;

	font-weight: normal;

	font-style: normal;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 28px;

	-ms-flex: 0 0 28px;

	flex: 0 0 28px;

	max-width: 28px;

	text-align: center;

	height: 40px;

	vertical-align: center;

	/*color: #797979;*/

	color: black;

	border-right: 1px solid #797979;

}

.a-item {

	-webkit-box-align: start;

	-moz-box-align: start;

	-webkit-align-items: flex-start;

	-ms-flex-align: start;

	align-items: flex-start;

	/*color: #797979;*/

	color: black;

}

.a-item span:not(.p-replace) {

	margin-top: 5px;

}

.a-item .p-replace {

	min-height: 60px;

}

.a-item .center-all {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

}

.answer-toggle {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	border-top-right-radius: 6px;

	border-bottom-right-radius: 6px;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 62px;

	-ms-flex: 0 0 62px;

	flex: 0 0 62px;

	max-width: 62px;

	-ms-flex-item-align: stretch;

	-ms-grid-row-align: stretch;

	-webkit-align-self: stretch;

	align-self: stretch;

	margin-left: auto;

	background: #fff200;

	cursor: pointer;

}

.answer-toggle svg {

	margin: auto;

	width: 20px;

	height: 20px;

	stroke-width: 2px;

}

.answer-toggle.close-answer {

	display: none;

}

.answer-toggle:hover {

	background: black;

}

.answer-toggle:hover svg {

	stroke: #fff200;

}

.q-wrapper.open-question .q-item {

	background: #fff200;

}

.q-wrapper.open-question .q-item span {

	color: black;

	border-color: black;

}

.q-wrapper.open-question .plus-icon-square {

	display: none;

}

.q-wrapper.open-question .open-answer {

	display: none;

}

.q-wrapper.open-question .close-answer {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

}

/*=======================================*/

/*==========  GIFT CARD STYLES ==========*/

/*=======================================*/

.gift-card .content {

	padding-top: 6%;

}

.gift-card-block {

	margin-top: 30px;

}

.third-party-links {

	/*

	position: absolute;

	top: 0;

	left: 27%;

	right: 0;

	bottom: 0;

	*/

	/* Below john ada change */

	position: relative;

    left: 27%;

    float: left;

    width: 100%;

}

@media (min-width: 767px) {

	.gift-card-block img {

		position: absolute;

		top: 0;

		height:100%;

	}

}


@media (min-width: 1200px) {

	.footer-social {

		margin-right: 50px;

	}

}

.third-party-links a:link,

.third-party-links a:visited {

/* .third-party-links a:focus, */

/* .third-party-links a:active { */

	color: black;

}

.third-party-links a:hover {

	color: #535555;

}

.third-party-links a:active {

/* .third-party-links a:focus { */

	color: #3a3b3b;

}

.links-wrapper {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 68%;

}

.links-wrapper > li {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

	border-bottom: 4px solid white;

	padding: 8% 0;

}

.links-wrapper > li:last-of-type {

	border-bottom: none;

}

.links-wrapper svg {

	margin: auto;

}

.links-wrapper .gift-dollar-icon {

	fill: black;

	stroke: none;

	width: 15px;

	height: 27px;

}

.links-wrapper .gift-check-icon {

	stroke: black;

	width: 28px;

	height: 21px;

}

.links-wrapper .gift-plus-icon {

	stroke: black;

	width: 25px;

	height: 25px;

}

.links-wrapper a:hover .gift-dollar-icon {

	fill: #535555;

}

.links-wrapper a:active .gift-dollar-icon {

	fill: #3a3b3b;

}

.links-wrapper a:hover .gift-check-icon,

.links-wrapper a:hover .gift-plus-icon {

	stroke: #535555;

}

.links-wrapper a:active .gift-check-icon,

.links-wrapper a:active .gift-plus-icon {

	stroke: #3a3b3b;

}

.links-wrapper a {

	font-size: 243%;

	line-height: 115%;

	letter-spacing: 0.071rem;

}

.links-wrapper a span {

	padding-top: 10px;

	text-align: left;

}

.links-wrapper a .flex {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 55px;

	-ms-flex: 0 0 55px;

	flex: 0 0 55px;

	max-width: 55px;

	height: 55px;

	border: 4px solid black;

	border-radius: 50%;

	margin-right: 40px;

	padding-top: 0;

}

.links-wrapper a:hover .flex {

	border-color: #535555;

}

.links-wrapper a:active .flex {

	border-color: #3a3b3b;

}

.gift-card-contact,

.merchandise-contact {

	margin: 30px 0 25px;

}

.gift-card-contact .waffle-sub-headline,

.merchandise-contact .waffle-sub-headline {

	margin: 15px 10px 15px 0;

}

.gift-card-contact .contact-icon,

.merchandise-contact .contact-icon {

	margin: 10px 20px;

}

.gift-card-locations-cols {

	margin-top: 30px;

}

.gift-card-location-wrapper {

	margin-top: 43px;

	margin-bottom: 23px;

}

.gift-card-location-wrapper p {

	font-size: 179%;

	letter-spacing: 0.071rem;

	color: black;

	margin-bottom: 7px;

}

.gift-card-location-wrapper li {

	margin-bottom: 1px;

}

.location-col-divider {

	border-left: 1px solid #fff200;

	margin-top: 10px;

}

.location-col-divider:last-of-type {

	display: none;

}

.locations-inner-wrapper {

	margin-left: auto;

	margin-right: auto;

}

.dupe-col {

	display: none;

	border: 1px solid transparent;

}

/*========================================*/

/*========== MERCHANDISE STYLES ==========*/

/*========================================*/

.brick-wall {

	padding: 40px 0;

	background-image: url('../assets/brick-wall-tile.jpg');

	background-size: 134px;

}

.brick-wall .container {

	max-width: 990px;

}

.brick-wall .col-sm {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 330px;

	-ms-flex: 0 1 330px;

	flex: 0 1 330px;

	max-width: 330px;

	margin: 20px 0;

}

.brick-wall .circle-thumb {

	border-color: #59a0d8;

	margin: 0 auto 13px;

}

.brick-wall .circle-thumb:hover {

	transform: translateY(-5px);

}

.brick-wall .circle-thumb:hover img {

	transform: scale(1);

}

.merch-btn {

	position: relative;

	text-transform: uppercase;

	font-size: 186%;

	line-height: 115%;

	font-family: 'Fjalla One', sans-serif;

	padding: 5px 5px 0 5px;

	letter-spacing: 0.071rem;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 285px;

	-ms-flex: 0 0 285px;

	flex: 0 0 285px;

	max-width: 285px;

	min-height: 55px;

	background: url('../assets/icons/merch-btn@2x.png') center center;

	background-size: 100% 100%;

}

.merch-btn:hover {

	color: white;

	background: url('../assets/icons/merch-btn-red@2x.png') center center;

	background-size: 100% 100%;

	text-decoration: none;

}

.merch-btn:active {

	filter: opacity(0.8);

}

.merchandise .content {

	padding-bottom: 50px;

}

.merchandise footer {

	margin-top: 70px;

}

/*====================================*/

/*========== CONTACT STYLES ==========*/

/*====================================*/

.contact .page-title + p.black {

	font-size: 107%;

}

.contact-icon-section {

	padding: 30px 0 60px;

}

.contact-icon-section .waffle-headline {

	margin-bottom: 4px;

}

.contact-icon-section .slant {

	color: black;

	font-size: 129%;

	letter-spacing: 0.036rem;

	margin-bottom: 4px;

}

.contact-icon-section .col-md-4 {

	margin-bottom: 55px;

	opacity: 0;

	transition: opacity 0.3s ease-in-out;

}

.contact-icon-section .col-md-4.vm-onscreen {

	opacity: 1;

}

.contact-icon-section .col-md-4 .contact-icon {

	margin-left: 0;

	margin-right: 0;

	font-size: 100%;

}

.contact-icon-section .col-md-4 .contact-icon:first-of-type span {

	margin-right: 10px;

}

.contact-icon-section .col-md-4 .contact-icon:hover {

	color: black;

}

.contact-icon-section .col-md-4 .contact-icon:hover span,

.contact-icon-section .col-md-4 .contact-icon:hover i {

	border-color: black;

	color: black;

}

.contact-icon-section .col-md-4 .contact-icon:active {

	color: #606060;

}

.contact-icon-section .col-md-4 .contact-icon:active span,

.contact-icon-section .col-md-4 .contact-icon:active i {

	border-color: #606060;

	color: #606060;

}

/*========================================*/

/*========== GIVING BACK STYLES ==========*/

/*========================================*/

.giving-back .content {

	padding-top: 4.5%;

}

.giving-back .blue-bg {

	font-size: 257%;

	line-height: 100%;

	padding: 42px 20px;

	letter-spacing: 0.071rem;

}

.foundation-guidelines {

	padding: 75px 0 55px;

}

.foundation-guidelines p,

.foundation-guidelines li,

.foundation-guidelines address {

	color: #797979;

	line-height: 1.3;

}

.foundation-guidelines a:link,

.foundation-guidelines a:visited {

	color: #757575;

}

.foundation-guidelines a:hover {

	color: black;

}

.foundation-guidelines a:active {

	color: #000000;

}

.foundation-guidelines .col-md-6 {

	max-width: 470px;

}

.foundation-guidelines .waffle-headline {

	border-bottom: 2px solid #b72c1c;

	display: inline-block;

	line-height: 160%;

}

.foundation-guidelines ul {

	margin: 25px 0 32px;

}

.foundation-guidelines ul li {

	margin-left: 30px;

	text-indent: -30px;

	margin-bottom: 1px;

}

.foundation-guidelines ul li:before {

	content: '•';

	color: #b72c1c;

	margin-right: 25px;

}

.foundation-guidelines .roboto-bold {

	font-size: 107%;

}

.foundation-guidelines i {

	color: #b72c1c;

	margin-right: 10px;

	font-size: 115%;

}

.foundation-guidelines a:hover i {

	color: black;

}

/*====================================*/

/*========== CULTURE STYLES ==========*/

/*====================================*/

.culture .content {

	padding-top: 6%;

}

.culture .centered-slider-wrapper {

	margin-top: 55px;

	margin-bottom: 25px;

}

.culture .news-loop:last-of-type {

	border-bottom: 1px solid #95989a;

}

/*=====================================*/

/*========== CATERING STYLES ==========*/

/*=====================================*/

.catering .content {

	padding-top: 6%;

	padding-bottom: 15px;

}

.catering .no-pad-xs {

	position: relative;

}

.catering .knockout {

	position: absolute;

	z-index: 10;

	top: 0;

	left: 0;

	right: 0;

}

.catering .knockout div {

	height: 36px;

}

.catering .knockout .white-bg {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 100%;

	-ms-flex: 0 1 100%;

	flex: 0 1 100%;

	max-width: 100%;

}

.catering .knockout-triangle-first,

.catering .knockout-triangle-last {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 36px;

	-ms-flex: 0 0 36px;

	flex: 0 0 36px;

	max-width: 36px;

	background: none;

	border-bottom: 36px solid transparent;

}

.catering .knockout-triangle-first {

	border-left: 36px solid white;

}

.catering .knockout-triangle-last {

	border-right: 36px solid white;

}

.catering .bg-form {

	padding: 0 0 8%;

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 710px;

	-ms-flex: 0 1 710px;

	flex: 0 1 710px;

	max-width: 710px;

}

.catering .bg-form .row {

	margin-left: -5px;

	margin-right: -5px;

}

.catering .bg-form .col-sm-6,

.catering .bg-form .col-xs-12 {

	padding-left: 5px;

	padding-right: 5px;

}

.catering .bg-form .req {

	margin-top: 10px;

	margin-bottom: 0;

}

.catering .bg-form button {

	margin-top: 135px;

}

.catering .checkbox-group {

	position: absolute;

	width: calc(100% + 78px);

}

.catering .checkbox-group span {

	margin: 18px 0;

}

.catering .checkbox-group label {

	margin-right: 40px;

}

.catering .checkbox-group input[type="text"] {

	width: 220px;

}

.catering .checkbox-group input[type="radio"]:checked {

	background: #1a3f4d;

	border: 3px solid white;

}

.catering .simple-wrapper {

	margin-top: 100px;

	margin-bottom: 140px;

}

#catering-form-confirm {

	position: absolute;

	top: 35px;

	left: 0;

	right: 0;

	bottom: 0;

	padding-left: 20px;

	padding-right: 20px;

}

#catering-form-confirm p {

	font-size: 186%;

	line-height: 100%;

	margin-bottom: 10px;

	letter-spacing: 0.036rem;

}

#catering-form-confirm img {

	margin-bottom: 30px;

}

.catering-request-header {

	margin-top: 11.5%;

	margin-left: auto;

	margin-right: auto;

	max-width: 710px;

}

/*============================================*/

/*========== PRODUCT STORIES STYLES ==========*/

/*============================================*/

.product-stories .content {

	padding-top: 6%;

}

.product-stories .news-loop {

	border-top: none;

	border-bottom: 1px solid #95989a;

}

.stat-tabs {

	padding: 58px 0 78px;

}

.stat-tabs .row {

	margin-left: -10px;

	margin-right: -10px;

}

.stat-tabs .col-xs-6 {

	opacity: 0;

	padding-right: 10px;

	padding-left: 10px;

	transition: opacity 0.3s ease-in-out;

}

.stat-tabs .col-xs-6.vm-onscreen {

	opacity: 1;

}

.stat-tab-num {

	font-size: 329%;

	line-height: 100%;

	margin-bottom: 5px;

}

.stat-tab-item {

	background: #fff200;

	color: black;

	padding: 60px 10px 75px;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

	margin-top: 10px;

	margin-bottom: 10px;

}

.stat-tab-item img {

	margin-bottom: 18px;

}

.stat-tab-item:hover .monocle-target {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	padding: 0 5px;

	background: black;

	color: white;

}

.stat-item {

	font-size: 86%;

	position: absolute;

	top: 173px;

	left: 10px;

	right: 10px;

}

.tab-triangle {

	display: block;

	position: absolute;

	top: 0;

	right: 0;

	width: 32px;

	height: 32px;

	border-top: 32px solid white;

	border-left: 32px solid transparent;

}

.stat-graph {

	margin-bottom: 65px;

}

.stat-graph-item {

	background: #e8e8e8;

	padding-right: 60px;

	margin-bottom: 20px;

	opacity: 0;

	transition: opacity 0.3s ease-in-out;

}

.stat-graph-item.vm-onscreen {

	opacity: 1;

}

.stat-graph-item a {

	background: #b72c1c;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 60px;

	-ms-flex: 0 0 60px;

	flex: 0 0 60px;

	max-width: 60px;

	height: 60px;

}

.stat-graph-item img {

	width: 40px;

	height: 40px;

}

.stat-graph-item p {

	font-size: 143%;

	line-height: 100%;

	margin-bottom: 0;

}

.stat-graph-item .yellow-bg {

	padding: 0 20px;

	letter-spacing: 0.036rem;

	min-width: 0px;

	max-width: calc(100% - 60px);

}

.stat-graph-product {

	margin-left: 15px;

}

.product-stories-single .post-content .container {

	max-width: 920px;

}

.product-stories-single .post-content img:not(.staff-member-pic) {

	width: 100%;

	height: calc(44.5vw - 40px);

	max-height: 370px;

	object-fit: cover;

	margin: 30px 0 40px;

}

.product-stories-single .page-title {

	font-size: 186%;

	letter-spacing: 0.107rem;

	margin-bottom: 15px;

}

.product-stories-single .post-nav {

	padding-top: 90px;

}

.staff-member-cols {

	margin-top: 40px;

	margin-bottom: 10px;

}

.staff-member {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 340px;

	-ms-flex: 0 1 340px;

	flex: 0 1 340px;

	max-width: 340px;

	margin-bottom: 40px;

	background-clip: content-box;

}

.staff-member:nth-of-type(2) { transition-delay: 0.2s; }

.staff-member:nth-of-type(3) { transition-delay: 0.4s; }

.staff-member:nth-of-type(4) { transition-delay: 0.6s; }

.staff-member p {

	font-size: 86%;

	line-height: 100%;

	font-family: 'Roboto', sans-serif;

	font-weight: 500;

	text-align: center;

	margin: 0 auto;

}

.staff-member .flex {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

	padding: 14px 10px;

}

.staff-member-pic {

	width: 100%;

	height: 370px;

	object-fit: cover;

}

/*===================================*/

/*========== MUSEUM STYLES ==========*/

/*===================================*/

.museum .contact-icon,

.music .contact-icon {

	font-size: 100%;

	margin: 9px 20px 9px 0;

}

.museum .content,

.music .content {

	padding-top: 0 !important;

	padding-bottom: 0;

}

.museum .content {

	padding-bottom: 0 !important;

}

.museum .second-content {

	padding-bottom: 80px;

}

.museum hr,

.music hr {

	border-bottom: 3px solid #b72c1c;

}

.museum-info {

	padding: 5% 4% 5% 6%;

}

.museum-info .waffle-sub-headline {

	margin-bottom: 7px;

}

.museum-hero {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 53%;

	-ms-flex: 0 0 53%;

	flex: 0 0 53%;

	max-width: 53%;

	padding: 0;

	background-size: cover;

	background-position: left center;

	padding-left: 1px;

	background-clip: content-box;

}

.museum-hero .trap {

	position: absolute;

	top: -5px;

	left: 0;

	bottom: 0;

	height: calc(100% + 20px);

}

.museum-event {

	margin-bottom: 7px;

}

.museum-event .btn {

	font-weight: 700;

	font-size: 71%;

	width: auto;

	display: -webkit-inline-box;

	display: -webkit-inline-flex;

	display: -ms-inline-flexbox;

	display: inline-flex;

	vertical-align: middle;

}

.museum-event .angle-icon {

	margin-left: 38px;

}

.museum-map-wrapper .col-xs {

	padding: 0;

}

.map-trap {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 32%;

	-ms-flex: 0 0 32%;

	flex: 0 0 32%;

	max-width: 32%%;

	height: 400px;

	position: relative;

	z-index: 10;

	-webkit-clip-path: polygon(0% 0%, 100% 0, 93% 100%, 0% 100%);

	clip-path: polygon(0% 0%, 100% 0, 93% 100%, 0% 100%);

}

.map-trap img {

	width: 100%;

	height: 100%;

	max-height: 400px;

	object-fit: cover;

}

#museum-map {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	left: 18%;

	width: 82%;

}

.museum-form {

	padding: 85px 0 60px;

}

.museum-form .waffle-headline {

	margin-bottom: 5px;

}

.museum-form .roboto-bold {

	font-size: 107%;

}

.museum-form .req {

	font-size: 93%;

	margin-top: 8px;

}

.museum-form form input,

.museum-form form select {

	border: 1px solid black;

	width: 100%;

	margin-bottom: 30px;

}

.museum-form button.black-btn:hover {

	background: #797979;

	color: white;

}

.museum-form button.black-btn:hover .angle-icon {

	stroke: white;

}

.museum-form button.black-btn:active {

	color: #fff200;

}

.museum-form button.black-btn:active .angle-icon {

	stroke: #fff200;

}

.museum-slider {

	padding-top: 60px;

}

.museum-slider .waffle-headline {

	margin-bottom: 15px;

}

.museum-slider p:not(.waffle-headline) {

	font-size: 107%;

	margin-bottom: 50px;

}

.museum-slider .simple-wrapper {

	margin-bottom: 0;

}

/*==================================*/

/*========== MUSIC STYLES ==========*/

/*==================================*/

.waffle-records img,

.rock-the-house img {

	width: 177px;

	height: 158px;

}

.waffle-records img:first-of-type,

.rock-the-house img:first-of-type {

	position: relative;

	z-index: 10;

}

.waffle-records .monocle-target,

.rock-the-house .monocle-target {

	display: block;

	position: absolute;

	right: 0;

	bottom: 0;

}

.waffle-records .monocle-target.monocle-active,

.rock-the-house .monocle-target.monocle-active {

	bottom: -7px;

}

.rock-the-house {

	margin-left: -10px;

}

.rock-the-house img {

	width: 173px;

	height: 154px;

}

.rock-the-house .monocle-target {

	right: -3px;

}

.music .content {

	padding-bottom: 0 !important;

}

.music .museum-info {

	padding: 12.25% 4% 12.25% 6%;

}

.music .museum-info p:last-of-type {

	margin-bottom: 30px;

}

.music #museum-map {

	left: 29%;

	width: 71%;

}

.music #museum-map .waffle-headline {

	font-size: 243%;

}

.music #museum-map p:not(.waffle-headline) {

	font-size: 129%;

	line-height: 110%;

	letter-spacing: 0.071rem;

	margin-bottom: 30px;

}

.music #museum-map hr {

	border-bottom: 3px solid white;

	width: calc(100% + 30px);

	margin-bottom: 30px;

}

.music #museum-map .center-all {

	padding-right: 9%;

}

.music #museum-map .btn {

	margin-right: 40px;

}

.music #museum-map .black-btn:hover {

	background: #797979;

	color: white;

}

.music #museum-map .black-btn:hover .angle-icon {

	stroke: white;

}

.music #museum-map .black-btn:active {

	color: #fff200;

}

.music #museum-map .black-btn:active .angle-icon {

	stroke: #fff200;

}

.music .music-player {

	padding: 80px 0;

}

.music .music-player .player-btn {

	background: #fff200;

	fill: black;

	margin: 8px;

}

.music .music-player .player-btn:hover {

	fill: #3890C7;

}

.music .music-player .player-btn:active {

	fill: #bfdced;

}

.song-clips-img {

	margin-bottom: -10px;

}

.song-clips-img p {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100px;

	margin-top: -27px;

	margin-left: -53px;

	font-size: 129%;

	line-height: 125%;

	color: black;

}

.artwork-side {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 71.5%;

	-ms-flex: 0 0 71.5%;

	flex: 0 0 71.5%;

	max-width: 71.5%;

	height: 480px;

	background: linear-gradient(225deg, #000000, #545454 200%);

	background-clip: content-box;

	padding-right: 0;

}

.album-artwork {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 66.666666%;

	-ms-flex: 0 0 66.666666%;

	flex: 0 0 66.666666%;

	max-width: 66.666666%;

	padding: 40px 20px 40px 0;

}

.album-artwork img {

	width: 100%;

	max-width: 400px;

	height: 400px;

	object-fit: cover;

}

.player-controls {

	padding-top: 20px;

	padding-bottom: 40px;

}

.player-links {

	margin-top: auto;

	width: 100%;

}

.player-links a:focus {

	outline: 1px dotted white;

}

.player-links .yellow-btn {

	margin: 0 auto 0px;

	padding: 0 10px;

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 160px;

	-ms-flex: 0 1 160px;

	flex: 0 1 160px;

	max-width: 160px;

	width: auto;

}

.player-links .yellow-btn span {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 auto;

	-ms-flex: 0 0 auto;

	flex: 0 0 auto;

}

.player-links .yellow-btn:first-of-type {

	margin-bottom: 20px;

}

.song-side {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 28.5%;

	-ms-flex: 0 0 28.5%;

	flex: 0 0 28.5%;

	max-width: 28.5%;

	padding-left: 0;

}

.song-slider {

	background: linear-gradient(45deg, #2887aa, #e4eef4 0%, #60a6dd 185%);

}

.song-item {

	border-bottom: 2px solid white;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

}

.song-item.active-song a {

	background: #fff200;

}

.song-item:last-of-type {

	border-bottom: none;

}

.song-item a {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-ms-flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-align-content: center;

	-ms-flex-line-pack: center;

	align-content: center;

	position: relative;

	color: black;

	padding: 0 20px 0 18%;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

}

.song-item a:hover,

.song-item a:focus {

	/* background: #fff200; */

	font-weight: 700;

	text-decoration: none;

}

.song-item a:active {

	background: black;

	color: white;

}

.song-item p {

	margin-bottom: 0;

}

.song-item p.fjalla {

	width: 100%;

}

.song-item.active-song a::before {

	content: '';

	display: block;

	position: absolute;

	top: 50%;

	margin-top: -10px;

	left: 0;

	width: 10px;

	height: 20px;

	border-left: 10px solid black;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

}

.music-videos {

	padding: 55px 0 50px;

}

.music-videos .waffle-headline {

	margin-bottom: 15px;

}

.music-videos .row {

	margin-top: 55px;

}

.video-item {

	max-width: 320px;

	margin-bottom: 40px;

}

.video-item p {

	font-size: 93%;

	margin-top: 10px;

}

/*===================================*/

/*========== REGULARS STYLES ========*/

/*===================================*/

.dude-pic {

	position: absolute;

	z-index: 10;

	top: 0;

	left: 0;

	bottom: 0;

	width: 31.5%;

}

.dude-pic img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: top center;

	-webkit-clip-path: polygon(0% 0%, 100% 0, 93% 100%, 0% 100%);

	clip-path: polygon(0% 0%, 100% 0, 80% 100%, 0% 100%);

}

.close-btn {

	width: 22px;

	height: 22px;

	stroke: black;

	margin-left: 15px;

}

.regulars-confirm #close {

	position: absolute;

	top: 40px;

	right: 40px;

}

.regulars-confirm #close:hover .close-btn {

	stroke: #797979;

}

.regulars-confirm #close:active .close-btn {

	stroke: #606060;

}

.regulars-confirm .page-title {

	line-height: 125%;

	margin-bottom: 20px;

	letter-spacing: 0.071rem;

}

.regulars-confirm hr {

	border-bottom: 4px solid white;

	margin-bottom: 40px;

}

.regulars-confirm p:not(.page-title) {

	font-size: 129%;

	line-height: 135%;

	margin-bottom: 25px;

	letter-spacing: 0.036rem;

	max-width: 480px;

}

.regulars-confirm .black-btn {

	margin-top: 40px;

}

.regulars-confirm .yellow-gradient {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 75%;

	-ms-flex: 0 0 75%;

	flex: 0 0 75%;

	max-width: 75%;

	left: 25%;

	padding-top: 17.25%;

	padding-bottom: 10%;

	padding-left: 10.5%;

}

.regulars .content {

	padding-top: 0 !important;

	padding-bottom: 0 !important;

	overflow: hidden;

}

.regulars .black-btn:hover {

	background: #797979;

	color: white;

}

.regulars .black-btn:hover .angle-icon {

	stroke: white;

}

.regulars .black-btn:active {

	color: #fff200;

}

.regulars .black-btn:active .angle-icon {

	stroke: #fff200;

}

.regulars .bg-form {

	width: 100%;

	max-width: 340px;

}

.regulars .bg-form .btn {

	width: 165px;

}

.regulars .bg-form p:last-of-type {

	font-size: 93%;

}

.regulars .bg-form .req {

	margin-top: 12px;

}

.regulars .inner-right {

	width: 100%;

	max-width: 340px;

	margin: 0 auto;

}

.regulars-left,

.regulars-right {

	padding-top: 6.5%;

	padding-bottom: 30px;

}

.regulars-left {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 47%;

	-ms-flex: 0 0 47%;

	flex: 0 0 47%;

	max-width: 47%;

}

.regulars-left .inner-left {

	width: 100%;

	max-width: 440px;

	margin: 0 auto;

}

.regulars-left ul {

	list-style: none;

	margin: 25px 0;

}

.regulars-left li {

	margin-bottom: 1px;

}

.career-item li::before,

.regulars-left li::before {

	color: #b72c1c;

	content: '•';

	margin-right: 22px;

}

.regulars-left .waffle-records img,

.regulars-left .rock-the-house img {

	width: 222px;

	height: 195px;

	width: 100%;

	height: auto;

	margin-top: 65px;

}

.regulars-left .waffle-records .monocle-target,

.regulars-left .rock-the-house .monocle-target {

	right: -5px;

	bottom: -8px;

}

.regulars-left .rock-the-house .monocle-target {

	right: -7px;

}

.regulars-left .waffle-records .monocle-target.monocle-active,

.regulars-left .rock-the-house .monocle-target.monocle-active {

	bottom: -15px;

}

.regulars-trap {

	position: absolute;

	top: 0;

	right: -40px;

	bottom: 0;

}

.regulars-right {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 53%;

	-ms-flex: 0 0 53%;

	flex: 0 0 53%;

	max-width: 53%;

}

/*=================================*/

/*========== MENU STYLES ==========*/

/*=================================*/

.menu-sorting .content,

.menu-sorting .nutrition-content {

	padding-bottom: 40px;

}

.featured-food-item + .menu-cat-sorting {

	/* margin-top: 60px; */

}

.menu-cat {

	padding-left: 20px;

	padding-right: 20px;

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 500px;

	-ms-flex: 0 1 500px;

	flex: 0 1 500px;

	max-width: 500px;

	position: relative;

	margin-bottom: 80px;

}

.menu-cat sup {

	/* position: absolute; */

}

.menu-cat img:not(.menu-cat-bg) {

	width: 100%;

	height: 252px;

}

.featured-food-item .menu-cat img:not(.menu-cat-bg) {

	height: 394px;

}

.menu-cat img {

	display: block;

}

.menu-cat p {

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	font-size: 179%;

	line-height: 120%;

	margin: auto;

	text-align: center;

	position: relative;

	z-index: 10;

}

.menu-cat span:not(.sup-wrapper) {

	font-size: 128%;

	font-family: PanameFY-Regular;

	font-weight: normal;

	font-style: normal;

	text-transform: none;

	width: 100%;

	display: block;

}

.sup-wrapper {

	position: relative;

}

.menu-cat sup {

	vertical-align: sub;

	font-size: 75%;

	/* position: absolute; */

	/* right: 0; */

	/* top: 0; */

}

.menu-cat sup.toddle-overide {

	font-size: 50%;

	top: -14px;

}

.menu-cat div {

	position: absolute;

	top: -1px;

	left: 19px;

	padding: 0 10px;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	width: 170px;

	height: 128px;

}

.menu-cat a {

	color: black;

}

.menu-cat a:hover img:not(.menu-cat-bg) {

	opacity: 0.8;

}

.menu-cat a:hover .menu-cat-bg {

	width: 190px;

}

.featured-food-item .menu-cat {

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

}

.featured-food-item .menu-cat div {

	background: #fff200;

	position: relative;

	top: initial;

	left: initial;

	right: initial;

	bottom: initial;

	width: 100%;

	height: auto;

	border-right: 1px solid white;

	padding: 24px 20px;

}

.featured-food-item .menu-cat p {

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 107%;

	line-height: 100%;

}

.menu-cat-bg {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	width: 170px;

	height: 128px;

}

.cover-bg {

	position: fixed;

	z-index: 16;

	pointer-events: none;

	opacity: 0;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(121, 121, 121, 0.65);

}

.cover-bg.open-calc {

	opacity: 1;

	pointer-events: auto;

}

#nutrition-calc-wrapper {

	position: fixed;

	z-index: 20;

	top: 0;

	right: 0;

	bottom: 0;

	max-width: 420px;

	background: linear-gradient(45deg, #fff98d, #fff200 60%);

	width: 0;

	overflow-x: hidden;

	transition: width 0.3s ease-in-out;

	-webkit-overflow-scrolling: touch;

}

#nutrition-calc-wrapper .trans-keeper {

	/* display: none; */

	visibility: hidden;

	transition: visibility 0s linear 0.3s;

}

#nutrition-calc-wrapper.open-calc {

	width: 100%;

}

#nutrition-calc-wrapper.open-calc .trans-keeper {

	/* display: block; */

	visibility: visible;

	transition: visibility 0s linear 0s;

}

.nutri-btn,

.close-calc {

	line-height: 100%;

	border-radius: 0;

	-o-appearance: none;

	-ms-appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	appearance: none;

	border: none;

	cursor: pointer;

}

.close-calc:not(.sr-only) {

	font-family: 'Roboto', sans-serif;

	font-size: 79%;

	background: none;

	margin-left: auto;

	padding-right: 20px;

	padding-top: 10px;

	height: 40px;

	position: absolute;

	top: 0;

	right: 0;

}

.close-calc span {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}

.close-calc .angle-icon {

	margin-left: 10px;

	stroke: black;

}

.close-calc:hover {

	color: #4d4d4d;

}

.close-calc:hover .angle-icon {

	stroke: #4d4d4d;

}

.close-calc:active {

	color: #666666;

}

.close-calc:active .angle-icon {

	stroke: #666666;

}

.nutri-btn {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	font-size: 129%;

	letter-spacing: 0.071rem;

	background: black;

	color: white;

	width: 100%;

	height: 60px;

	padding-left: 40px;

	padding-right: 30px;

	margin-top: auto;

}

.nutri-btn span {

	margin: auto;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-pack: justify;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

}

.nutri-btn .angle-icon {

	stroke: #fff200;

	transform: rotate(-90deg);

}

.nutri-btn:hover {

	background: #797979;

}

.nutri-btn:active {

	color: #fff200;

}

.sr-focus-keeper {

	margin-bottom: -17px;

}

@-moz-document url-prefix() {

	.sr-focus-keeper {

		margin-bottom: -235px;

	}



}

.nutri-btn-wrapper {

	position: -webkit-sticky;

	position: sticky;

	top: 114px;

	z-index: 15;

	width: 100%;

	/* margin-top: 60px; */

	margin-top: 45px;

	margin-bottom: -259px;

	height: 260px;

	overflow: hidden;

	pointer-events: none;

	transition: height 0.3s ease-in-out;

}

#open-nutritionals {

	position: absolute;

	z-index: 15;

	top: 101px;

	right: -101px;

	width: 260px;

	padding: 0 20px;

	margin-bottom: -60px;

	font-size: 171%;

	pointer-events: auto;

	transform: rotate(-90deg);

	transition: all 0.3s ease-in-out;

}

#open-nutritionals .angle-icon {

	transform: rotate(90deg);

}

.nutri-btn-wrapper.bulge-btn #open-nutritionals {

	height: 80px;

	padding-bottom: 20px;

	top: 90px;

}

#nutrition-pane,

#meal-pane {

	background: linear-gradient(45deg, #fff98d, #fff200 60%);

	color: black;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-ms-flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	-webkit-align-content: flex-end;

	-ms-flex-line-pack: end;

	align-content: flex-end;

	z-index: 10;

}

.clear-calc {

	display: inline-block;

	margin: 20px auto 40px 45px;

	height: 30px;

}

.nutrition-totals,

.meal-totals {

	text-align: left;

	padding: 60px 50px 0 45px;

	-webkit-box-flex: 0;

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

	height: calc(100% - 190px);

	overflow-y: scroll;

}

.nutrition-totals li,

.meal-totals li {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-ms-flex-pack: justify;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	-webkit-box-align: center;

	-moz-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	text-align: right;

	padding: 0 10px;

	border-top: 2px solid white;

	font-size: 79%;

}

.nutrition-totals li span,

.meal-totals li span {

	border-right: 2px solid white;

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 75%;

	-ms-flex: 0 1 75%;

	flex: 0 1 75%;

	max-width: 75%;

	padding: 6px 0;

	text-align: left;

	text-transform: uppercase;

}

.nutrition-totals li:last-of-type,

.meal-totals li:last-of-type {

	border-bottom: 2px solid white;

}

.nutrition-totals small,

.meal-totals small {

	display: block;

	margin-bottom: 10px;

}

.nutrition-header {

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	font-size: 129%;

	margin-bottom: 5px;

	letter-spacing: 0.071rem;

}

.nutrition-header:focus,

#response-txt:focus {

	outline: 1px dotted black !important;

}

.food-item-deats input:focus + label {

	outline: 1px dotted black;

}

.meal-totals {

	padding-top: 50px;

}

.meal-totals .nutrition-header {

	border-bottom: 2px solid white;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.meal-totals li {

	border: none !important;

	-webkit-box-align: start;

	-moz-box-align: start;

	-webkit-align-items: flex-start;

	-ms-flex-align: start;

	align-items: flex-start;

	text-align: left;

	margin-bottom: 10px;

}

.meal-totals li div {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 100%;

	-ms-flex: 0 1 100%;

	flex: 0 1 100%;

	max-width: 100%;

	text-align: left;

	padding-left: 15px;

}

.meal-totals li li {

	font-size: 100%;

	line-height: 100%;

	font-family: 'Roboto', sans-serif;

	font-style: italic;

	font-weight: 300;

	position: relative;

	padding-left: 6px;

	margin-bottom: 4px;

}

.meal-totals li li::before {

	content: '•';

	display: block;

	position: absolute;

	left: 0;

}

.meal-totals a {

	cursor: pointer;

}

.meal-totals p {

	text-transform: uppercase;

	font-size: 128%;

	margin-bottom: 5px;

}

.nutri-calc-remove {

	fill: black;

	width: 16px;

	height: 16px;

	stroke: none;

}

.nutri-calc-remove:hover {

	fill: #797979;

}

.nutri-calc-remove:active {

	fill: white;

}

.food-item {

	position: relative;

	margin-bottom: 80px;

						/* border: 1px solid green; */

}

.food-item-blocker {

	position: fixed;

	z-index: 1;

	display: block;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	pointer-events: none;

}

.open-menu-dropdown .food-item-blocker {

	pointer-events: auto;

}

.food-item-reveal {

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	font-size: 121%;

	text-align: center;

	letter-spacing: 0.036rem;

	display: flex;

	flex-wrap: wrap;

	align-content: space-between;

	margin: 0 auto;

										/* border: 1px solid red; */

}

.food-item:nth-of-type(odd) .food-item-reveal {

	margin: 0;

}

.food-item-reveal p {

	margin: 10px auto 0;

	line-height: 126%;

}

.food-item-reveal img {

	margin: 0 auto;

	width: 100%;

	align-self: flex-start;

										/* border: 1px solid blue; */

}

.food-item-reveal:hover img {

	opacity: 0.8;

}

.food-item-deats {

	position: relative;

	z-index: 15;

	width: 1000px;

	padding-top: 16px;

}

.food-item-deats-tri {

	width: calc(44% - 20px);

	height: 40px;

	display: block;

}

.food-item-deats-tri span {

	display: block;

	margin: 0 auto;

	width: 70px;

	height: 40px;

	border-bottom: 40px solid #fff200;

	border-left: 35px solid transparent;

	border-right: 35px solid transparent;

}

.food-item-deats-wrapper {

	margin: 0;

	padding-top: 60px;

	padding-bottom: 70px;

	background: #fff200;

	color: black;

}

.food-item-deats-wrapper .col-md-3,

.food-item-deats-wrapper .col-md-4,

.food-item-deats-wrapper .col-md-5 {

	padding-left: 40px;

	padding-right: 40px;

}

.food-item-deats-wrapper label,

.food-item-deats-wrapper legend {

	font-size: 79%;

}

.food-item-deats-wrapper label span,

.food-item-deats-wrapper legend span {

	font-family: 'Roboto', sans-serif;

	font-style: italic;

	display: inline-flex;

}

.food-item-deats-wrapper input[type="radio"],

.food-item-deats-wrapper input[type="checkbox"] {

	height: 11px;

	position: absolute;

	width: 100%;

	cursor: pointer;

	opacity: 0;

}

.food-item-deats-wrapper input[type="radio"] + label::before,

.food-item-deats-wrapper input[type="checkbox"] + label::before {

	content: '';

	display: inline-flex;

	border: 1px solid black;

	border-radius: 50%;

	width: 11px;

	height: 11px;

	margin-right: 7px;

}

.food-item-deats-wrapper input[type="radio"]:checked + label::before,

.food-item-deats-wrapper input[type="checkbox"]:checked + label::before {

	background: black;

	border-color: white;

}

.food-item-deats-wrapper fieldset {

	padding: 0;

}

.food-item-deats-wrapper .checkbox-group > span {

	margin: 10px 20px 20px 0;

	position: relative;

}

.food-item-deats-wrapper .checkbox-group label {

	margin-right: 0;

	margin-left: 0;

}

.food-item-deats-wrapper .checkbox-group label span {

	margin: 0;

}

.food-item-deats-wrapper .btn {

	font-size: 79%;

	height: 35px;

	width: 140px;

}

.food-item-deats-wrapper li {

	font-size: 79%;

	line-height: 150%;

	margin-bottom: 10px;

}

.side-items .checkbox-group > span {

	margin: 5px 20px 15px 0;

}

.food-item:nth-of-type(even) .food-item-deats-tri {

	margin-left: 48%;

	width: calc(52% - 20px);

}

.food-item:nth-of-type(even) .food-item-deats {

	margin-left: calc(-82% - 20px);

}

.meal-col-header {

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	font-size: 114%;

	letter-spacing: 0.071rem;

	margin-bottom: 1rem;

}

.col-md-3 h2.meal-col-header {

	font-size: 171%;

	border-bottom: 2px solid white;

	padding-bottom: 5px;

	line-height: 150%;

	margin-bottom: 10px;

}

p.meal-cals {

	font-family: 'Roboto', sans-serif;

	font-style: italic;

	font-size: 93%;

	/* margin: 15px 0 25px; */

	margin: 15px 0 -3px;

	line-height: 150%;

}

p.meal-cals + p {

	margin-top: 28px;

	font-size: 79%;

}

.included-items select {

	width: 100%;

	background-color: white;

	margin-bottom: 0;

}

.included-items select + select {

	margin-top: 20px;

}

.included-items select + fieldset legend {

	display: block;

	padding-top: 10px;

}

.included-items legend {

	font-family: 'Roboto', sans-serif;

	font-style: italic;

}

.included-items fieldset {

	margin-bottom: 10px;

}

.included-items .checkbox-group > span {

	margin: 10px 20px 5px 0;

}

.included-items .black-btn {

	margin-top: 20px;

}

.close-meal-dropdown {

	position: absolute;

	top: 76px;

	right: 20px;

}

.width-92-img sup,

.width-115-img sup,

.width-140-img sup,

.width-360-img sup {

	font-size: 60%;

	top: -5px;

}

.food-item:nth-of-type(odd) {

	flex: 0 1 44.25%;

	max-width: 44.25%;

}

.food-item:nth-of-type(even) {

	flex: 0 1 55.75%;

	max-width: 55.75%;

}

.col-md-4.food-item {

	flex: 0 0 33.33333%;

	max-width: 33.33333%;

}

#allStarEggBreakfast {

	flex: 0 0 100%;

	max-width: 100%;

}

#saladSides .food-item-reveal p {

	margin-top: 3px;

}



.height-220-col { height: 220px; }

.height-240-col { height: 240px; }

.height-250-col { height: 250px; }

.height-260-col { height: 260px; }

.height-280-col { height: 280px; }

.height-310-col { height: 310px; }

.width-92-img { flex: 0 0 200px; max-width: 200px; }

.width-92-img img { flex: 0 0 92px; max-width: 92px; }

.width-92-img p { width: 100%; }

.width-115-img { flex: 0 0 200px; max-width: 200px; }

.width-115-img p { width: 100%; }

.width-115-img img { flex: 0 0 115px; max-width: 115px; }

.width-140-img { flex: 0 0 200px; max-width: 200px; }

.width-140-img img { flex: 0 0 140px; max-width: 140px; }

.width-200-img { flex: 0 0 200px; max-width: 200px; }

.width-260-img { flex: 0 0 300px; max-width: 300px; }

.width-260-img img { flex: 0 0 260px; max-width: 260px; }

.width-275-img { width: 91%;}

.food-item:nth-of-type(3n+1) .three-col {

	margin-left: 0;

	margin-right: auto;

}

.food-item:nth-of-type(3n+2) .three-col {

	margin-left: auto;

	margin-right: auto;

}

.food-item:nth-of-type(3n+3) .three-col {

	margin-left: auto;

	margin-right: 0;

}

.width-288-img { flex: 0 0 288px; max-width: 288px; }

.width-300-img { flex: 0 0 300px; max-width: 300px; }

.width-320-img { flex: 0 0 320px; max-width: 320px; }

.width-324-img { flex: 0 0 324px; max-width: 324px; }

.width-340-img { flex: 0 0 340px; max-width: 340px; }

.width-360-img { flex: 0 0 360px; max-width: 360px; }

.width-378-img { flex: 0 0 378px; max-width: 378px; }

.width-400-img { flex: 0 0 400px; max-width: 400px; }

.width-500-img { flex: 0 0 500px; max-width: 500px; }

.width-640-img { flex: 0 0 640px; max-width: 640px; margin: 0 auto !important }

.width-640-img p { margin-top: 45px; }

.food-item:nth-of-type(odd) .width-92-img + div .food-item-deats-tri { width: 310px; }

.food-item:nth-of-type(odd) .width-115-img + div .food-item-deats-tri { width: 310px; }

.food-item:nth-of-type(odd) .width-140-img + div .food-item-deats-tri { width: 310px; }

.food-item:nth-of-type(odd) .width-200-img + div .food-item-deats-tri { width: 310px; }

.food-item:nth-of-type(odd) .width-260-img + div .food-item-deats-tri { width: 300px; }

.food-item:nth-of-type(odd) .width-300-img + div .food-item-deats-tri { width: 300px; }

.food-item:nth-of-type(odd) .width-320-img + div .food-item-deats-tri { width: 320px; }

.food-item:nth-of-type(odd) .width-340-img + div .food-item-deats-tri { width: 340px; }

.food-item:nth-of-type(odd) .width-360-img + div .food-item-deats-tri { width: 360px; }

.food-item:nth-of-type(odd) .width-378-img + div .food-item-deats-tri { width: 378px; }

.food-item:nth-of-type(odd) .width-400-img + div .food-item-deats-tri { width: 400px; }

.food-item:nth-of-type(odd) .width-640-img + div .food-item-deats-tri { width: 100%; }

.food-item:nth-of-type(odd) .width-92-img,

.food-item:nth-of-type(odd) .width-115-img,

.food-item:nth-of-type(odd) .width-140-img,

.food-item:nth-of-type(odd) .width-200-img { margin-left: 55px; }



.food-item:nth-of-type(3n+1) .width-92-img + .food-item-deats,

.food-item:nth-of-type(3n+1) .width-115-img + .food-item-deats,

.food-item:nth-of-type(3n+1) .width-140-img + .food-item-deats,

.food-item:nth-of-type(3n+1) .width-200-img + .food-item-deats,

.food-item:nth-of-type(3n+1) .width-275-img + .food-item-deats,

.food-item:nth-of-type(3n+1) .width-288-img + .food-item-deats {

	margin-left: 0;

}

.food-item:nth-of-type(3n+1) .width-92-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+1) .width-115-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+1) .width-140-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+1) .width-200-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+1) .width-275-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+1) .width-288-img + .food-item-deats .food-item-deats-tri {

	width: calc(33% - 40px);

	margin-left: 0;

}

.food-item:nth-of-type(3n+2) .width-92-img + .food-item-deats,

.food-item:nth-of-type(3n+2) .width-115-img + .food-item-deats,

.food-item:nth-of-type(3n+2) .width-140-img + .food-item-deats,

.food-item:nth-of-type(3n+2) .width-200-img + .food-item-deats,

.food-item:nth-of-type(3n+2) .width-275-img + .food-item-deats,

.food-item:nth-of-type(3n+2) .width-288-img + .food-item-deats {

	margin-left: calc(-100% - 40px);

}

.food-item:nth-of-type(3n+2) .width-92-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+2) .width-115-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+2) .width-140-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+2) .width-200-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+2) .width-275-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+2) .width-288-img + .food-item-deats .food-item-deats-tri {

	width: 100%;

	margin-left: 0;

}

.food-item:nth-of-type(3n+3) .width-92-img + .food-item-deats,

.food-item:nth-of-type(3n+3) .width-115-img + .food-item-deats,

.food-item:nth-of-type(3n+3) .width-140-img + .food-item-deats,

.food-item:nth-of-type(3n+3) .width-200-img + .food-item-deats,

.food-item:nth-of-type(3n+3) .width-275-img + .food-item-deats,

.food-item:nth-of-type(3n+3) .width-288-img + .food-item-deats {

	margin-left: calc(-200% - 80px);

}

.food-item:nth-of-type(3n+3) .width-92-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+3) .width-115-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+3) .width-140-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+3) .width-200-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+3) .width-275-img + .food-item-deats .food-item-deats-tri,

.food-item:nth-of-type(3n+3) .width-288-img + .food-item-deats .food-item-deats-tri {

	width: calc(33% + 40px);

	margin-left: 66%;

}



#grilledChickenSandwich { margin-bottom: 105px; }

#hamAndCheeseSandwich .food-item-reveal img { margin-top: 40px; }

#texasBltSandwich .food-item-reveal,

#grilledCheeseSandwich .food-item-reveal,

#bltSandwich .food-item-reveal,

#grilledHamAndCheeseSandwich .food-item-reveal {

	height: 225px;

}

#grilledHamAndCheeseSandwich { margin-bottom: 110px; }

#grilledCheeseSandwich .food-item-reveal img { margin-top: 8px; }



/*========== fix for bottom margin of single option inputs within fieldset ==========*/

.included-items fieldset {

	margin-bottom: 0;

	margin-top: -5px;

}

.included-items fieldset:first-of-type {

	margin-top: 0;

}

.included-items fieldset:last-of-type {

	margin-bottom: 20px;

}

    



/*====================================*/

/*========== CAREERS STYLES ==========*/

/*====================================*/

.careers .content {

	padding-top: 0;

	padding-bottom: 40px;

}

.career-quick-nav {

	font-size: 114%;

	letter-spacing: 0.071rem;

	padding: 27px 0;

}

.career-quick-nav a {

	margin: 0 15px;

}

.careers-intro {

	padding-top: 40px;

	padding-bottom: 40px;

	padding-right: 75px;

	padding-left: 6%;

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 45%;

	-ms-flex: 0 1 45%;

	flex: 0 1 45%;

	max-width: 45%;

}

.careers-hero .trap {

	position: absolute;

	top: 0;

	left: 0;

}

.careers-hero {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 55%;

	-ms-flex: 0 1 55%;

	flex: 0 1 55%;

	max-width: 55%;

	overflow: hidden;

}

.careers .blue-gradient-bar {

	padding: 40px 0;

}

.careers .blue-gradient-bar .waffle-headline {

	font-size: 172%;

	letter-spacing: 0.071rem;

	margin-top: 10px;

	margin-bottom: 10px;

}

.careers .content .btn {

	margin: 10px 0;

}

.careers .black-btn:hover {

	color: white;

	background: #797979;

}

.careers .black-btn:active {

	color: #797979;

	background: white;

}

.careers .content .blue-gradient-bar .btn:last-of-type {

	margin-left: 30px;

}

.careers .content .btn span {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 auto;

	-ms-flex: 0 1 auto;

	flex: 0 1 auto;

}

.career-pic {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 42.5%;

	-ms-flex: 0 1 42.5%;

	flex: 0 1 42.5%;

	max-width: 42.5%;

}

.career-pic img {

	width: 100%;

	height: auto;

	max-height: 300px;

	object-fit: cover;

}

.career-desc {

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 57.5%;

	-ms-flex: 0 1 57.5%;

	flex: 0 1 57.5%;

	max-width: 57.5%;

}

.career-title {

	font-family: 'Fjalla One', sans-serif;

	text-transform: uppercase;

	font-size: 114%;

	color: black;

	letter-spacing: 0.036rem;

	margin-bottom: 22px;

}

.career-desc p:last-of-type {

	margin-bottom: 0;

}

.career-item ul {

	margin-top: 25px;

}

.career-item li {

	text-indent: -30px;

	margin-left: 30px;

	margin-bottom: 10px;

}

.career-item li:last-of-type {

	margin-bottom: 0;

}

.career-item {

	padding-top: 75px;

	padding-bottom: 65px;

}

.careers-sorting-management .career-item:nth-of-type(odd) {

	background: #f4f4f4;

	padding-top: 35px;

	padding-bottom: 50px;

}

.careers-sorting-management .career-item:nth-of-type(odd) .career-desc {

	order: -1;

}

.careers-sorting-hourly .career-item:nth-of-type(even) {

	background: #f4f4f4;

	padding-top: 35px;

	padding-bottom: 50px;

}

.careers-sorting-hourly .career-item:nth-of-type(even) .career-desc {

	order: -1;

}

.careers-sorting .waffle-headline {

	margin-top: 56px;

	margin-bottom: -30px;

}

.yellow-gradient-bar {

	padding: 30px 0;

	background: linear-gradient(58deg, #fff98d, #fff200 70%);

}

.careers .content .yellow-gradient-bar .btn:last-of-type {

	margin-left: 15px;

}

.careers-sorting-hourly .waffle-headline {

	margin-bottom: 45px;

}

.music-social {

	margin-bottom: 30px;

	display: flex;

}

.music-twitter-icon,

.music-insta-icon {

	box-shadow: 1px 4px 5px -1px #0000000d;

	background: #fff200;

	flex: 0 0 50px;

	max-width: 50px;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	display: flex;

	justify-content: center;

}

.music-twitter-icon {

	margin-right: 10px;

}



.featured-food-item .menu-cat {

	margin-bottom: 20px !important;

}

.featured-food-item {

	margin-bottom: 60px;

}



#regulars-confirm .insta-feed {

	display: none !important;

}



.page.contact .content {

	padding-bottom: 0px;

}



.gm-style-iw.gm-style-iw-c{

	padding: 10px!important;

}

.gm-style-iw-d p{

	margin-bottom: 0px!important;

	margin-top: 8px!important;

	padding-left: 9px;

}

.gm-ui-hover-effect{

	top: -1px!important;

	right: -1px!important;

}

#locationResults {

	text-transform: capitalize;

	font-size: 9px;

	font-family: 'Roboto', sans-serif;

	position: absolute;

	white-space: nowrap;

}

.checkbox-group-toppings > span {

	min-width: 110px;

}



/*========== Double spaces after sentences ==========*/

.dub-space {

	display: inline-block;

	margin-right: 4px;

}



h1.p-fake,

h2.p-fake,

h3.p-fake,

h4.p-fake,

h5.p-fake,

h6.p-fake {

	font-size: 100%;

	line-height: 125%;

	margin-bottom: 1rem;

	color: #595959;

}





/* VM Changes April 2, 2023 */



#floating-online-ordering-button.order-online-btn {

  position: fixed;

  bottom: 30px;

  right: 40px;

  width: 60px;

  height: 60px;

  border-radius: 60px;

  overflow: hidden;

  display: flex;

  justify-content: center;

  flex-wrap: nowrap;

  align-items: center;

  transition: all .5s ease-in-out;

  padding: 0;

  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);

  z-index: 12;

}

#floating-online-ordering-button.order-online-btn .order-online-btn__icon {

  background: url(../assets/icons/online-order-icon.svg) no-repeat; 

  height: 22px;

  width: 35px;

  background-size: contain;

}

#floating-online-ordering-button.order-online-btn span {

  display: inline-block;

  padding: 0;

  flex: unset;

  position: relative;

}

#floating-online-ordering-button.order-online-btn .order-online-btn__text {

  display: none;

}

#floating-online-ordering-button.order-online-btn:hover {

  width: 155px;

  height: 60px;

  border-radius: 24px;

  transition: all .5s ease-in-out;

}

#floating-online-ordering-button.order-online-btn:hover .order-online-btn__icon {

  display: none;

}

#floating-online-ordering-button.order-online-btn:hover .order-online-btn__text {

  display: block;

}