/*
Theme Name: Panda Inn
Theme URI: http://DreamBoxCreations.com
Author: DreamBoxCreations.com
Author URI: http://DreamBoxCreations.com
Description: Custom responsive WordPress theme.
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */

.sub-menu {
  display: none;
position: absolute;
z-index: 100;

}
.sub-menu li {
margin-left: 0px;
margin-bottom: 10px;
margin-top: 10px;
text-align: left;
}

li:hover > .sub-menu {
display: block; 
background: #000; 
/*border-top: 1px solid purple;*/
}

/*
li:hover > .sub-menu > li {
color: #fff
}

.navbar .navbar-nav li .sub-menu .menu-item a:hover {
color: #000
}
*/


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

#thanx-widget-bug {
	visibility: hidden;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ffcc00;
	border: 0;
	height: 2px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
.vertical-rule {
border-right:2px solid; 
color: #feca2f;
height: 400px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

input, select, textarea {
    background-color: #f8f8f8;
    border: 1px solid #000;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}



/* Fonts */
@font-face {
  font-family: 'BrandonGrotesque-Black';
  src: url('fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),  
	   url('fonts/BrandonGrotesque-Black.otf')  format('opentype'),
	   url('fonts/BrandonGrotesque-Black.woff') format('woff'), url('BrandonGrotesque-Black.ttf')  format('truetype'), 
	   url('fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* =Mobile First Desktop Last
-------------------------------------------------------------- */



/* =Global
-------------------------------------------------------------- */
body {
	font-family: 'brandon-grotesque', sans-serif;
	font-size: 1em;
	line-height: 22px;
}

h1 {
	font-size: 2.5rem; /* 40px; */
	line-height: 40px;
	font-weight: 700;
}

a{/* color:#000; */ text-decoration:underline;}
a:hover{text-decoration:none;/* color:#000; */}

a:focus{
	/* outline: none; */
	border: none;
}

.container-fluid {
	padding: 0px;
}

.container .row {
	margin-left: 0px;
	margin-right: 0px;
}

.container-fluid .row {
	margin:0px;
}

.row img.responsive {
    max-width: 100%;
	float:none;
	margin:0 auto;
	display:block;
}

p{
	font-size: 1.125em; /* 18px; */
}

/* =Header
-------------------------------------------------------------- */

.logo-image-top {
	text-align: center;
    position: absolute;
    z-index: 9999;
    left: 50%;
    margin-left: -75px;
	height: 185px;
	bottom: -70px;
}

.logo-image-top img {	
	max-width: 100%;
	height: 100%;
	text-align: center;
}

.navbar {
	margin-bottom:0px;
	border: none;
}

.navbar .navbar-nav {
	margin: 0px -15px;
}

#header-main-mobile{
	position: relative;
}

#header-main-mobile nav{
	overflow: hidden;
}

#header-main-mobile nav ul{
	background: #dd2833;
}

#header-main-mobile nav li{
	border-bottom: 1px solid #000000;
	width: 100%;
	text-align: center;
}

#header-main-mobile nav a{
	color: #ffffff;
	text-transform: uppercase;
	padding: 20px 20px;
	font-size: 1.25em; /* 20px; */
	display: block;
}

#header-main-mobile nav a.mobile-logo{
	padding: 0px;
}


#header-main-mobile nav li.current-menu-item a, #header-main-mobile nav #menu-mobile-primary-navigation li a:hover{
	background: #a62028;
	text-decoration: none;
}

#header-main-mobile #mobile-nav{
	padding-right: 15px;
	padding-left: 15px;
	height:120px;
	background: #000000;
	border-bottom: 5px solid #363538;
	width:100%;
}

#header-main-mobile #mobile-nav .mobile-menu-toggle, #header-main-mobile #mobile-nav .mobile-logo{
	display: inline-block;
	float: none;
	margin-top: 22px;
} 

#header-main-mobile #mobile-nav .mobile-menu-toggle img, #header-main-mobile #mobile-nav .mobile-logo img {
	width: 100%;
	vertical-align: middle;
}

.navbar .navbar-nav a{
	text-decoration:none;
}

.navbar .navbar-nav a:focus{
	background: none;
}

#header-image-container{
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 70px;
	background: #000000;
}

	#header-image-container img{
	max-width:100%;
}

#header-image-container .header-text{
		position: absolute;
		bottom: 40%;
		height: 20%;
		width: 90%;
		left: 10%;
		text-transform: uppercase;
		color: #ffffff;
		text-align: center;
}


/* =Content
-------------------------------------------------------------- */

.entry-content {
	margin-bottom:40px;
}

.homepage-slider {
	padding: 0px;
	position: relative;
}

#homepage-slider{
	margin: 0px;
	max-height: 780px;
	position: relative;
	overflow: hidden;
}

#homepage-slider a{
	display: block;
}

#homepage-slider .flex-viewport{
	width: 100%;
}

#homepage-slider ul li img{
	width: 100%;
	display: block;
	margin: 0px auto;
}

.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-next:before{
	content: '';
}

#homepage-slider:hover .flex-direction-nav .flex-prev, #homepage-slider:hover  .flex-direction-nav .flex-next{
	opacity: 1;
}

.flex-direction-nav .flex-prev{
	top: 50%;
	margin-left: 10%;
	background: url('images/left-arrow.png') no-repeat;
	background-repeat: no-repeat;
	opacity: 0;
	text-indent: 100%;
	white-space: nowrap; 
	overflow: hidden;
	width: 34px;
	height: 74px;
	z-index: 20;
}

.flex-direction-nav .flex-next{
	top: 50%;
	margin-right: 10%;
	background: url('images/right-arrow.png') no-repeat;
	opacity: 0;	
	text-indent: 100%;
	white-space: nowrap; 
	overflow: hidden;
	width: 34px;
	height: 74px;
	z-index: 20;
}

.instagram-order-online-container {
	margin: 30px auto;
}

.container{
	padding: 0px;
}

.container .row .catering {
	background: url('images/Catering-Eggrolls-Salad-Mobile.jpg') no-repeat;
	margin: 20px 0px;
	height: 753px;
}

.container .row .catering .catering-text {
	float: right;
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	color: #000000;
	font-size: 1.5625em; /* 25px; */
	line-height: 32px;
	top: 25%;
	background: rgba(255, 255, 255,0.85);
	padding: 40px 10px;
}

.container .row .catering .catering-text h1{
	
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 5px;
	font-size: 2.5rem; /* 40px; */
}

.catering .catering-text .catering-button {
	background: #b28100; /* #dd2833 */
	margin-top: 25px;
	padding: 10px 40px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
}
a.catering-button {
	background: #b28100; /* #dd2833 */
}

.catering .catering-text .catering-button:hover {
	background: #CF9F52; /* #89121c; */
}


.container .row .order-online {
	background: url('images/Order-Online-Cashew-Chicken-Mobile.jpg') no-repeat;
	margin-top: 20px;
	height: 663px;
}

.container .row .order-online-text {
	text-align: center;
}

.container .row .order-online-text h1 {
	color: #b28100; /*#e7b93d;*/
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 2.5em; /* 40px; */
}

.container .row .order-online-text {
	margin-top: 30px;
}

.container .row .order-online-text span {
	color: #b28100; /*#e7b93d;*/
	font-size: 1.5625em; /* 25px; */
	line-height: 32px;
}

.container .row .order-online .order-online-button {
	background: #b28100; /*#e7b93d;*/
	margin-top: 45px;
	padding: 10px 30px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.5625em; /* 25px; */
}

.container .row .order-online .order-online-button:hover {
	background: #be9833;
}

.instagram-feed-container  {
	text-align: center;
	color: #CF9F52; /* #d91f25; */
	font-size: 1.5625em; /* 25px; */
}

.instagram-feed-container .featured-instagram-content {
	
}

.instagram-feed-container .instagram-feed-text .instagram-feed {
	background-color: #ffffff;
	padding: 0px 60px;
}


main#content #homepage-instagram .slide-margin{
	box-shadow: 0px 0px 10px 0px #aaaaaa;
	margin: 10px;
	padding: 15px 20px;
}

main#content #homepage-instagram .slide-margin a{
	display: block;
	position: relative;
}

main#content #homepage-instagram img{
	width: 100%;
}

.instagram-feed-container .hashtag {
	color: #CF9F52; /* #d91f25; */
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 900;
	text-align: center;
	margin-bottom: 5px;
	font-size: 2.5rem; /* 40px; */
}

.instagram-feed-container .instagram-feed-text .instagram-icon{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 57px !important;
	height: 57px;
}

.instagram-feed-container .instagram-feed-text .instagram-image{
	max-width: 100%;
	box-shadow: 0px 0px 20px #cccccc;
	padding: 20px 20px 80px 20px;
}

.instagram-feed-container .instagram-feed .instagram-username {
	display: block;
    position: absolute;
    bottom: -10px;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 5px #000000;
    background-color: #CF9F52; /* #d91f25; */
    padding: 15px 0px;
    margin-left: 15%;
	margin-right: 15%;
	width: 70%;
	font-size: 1.125rem; /* 18px; */
	text-transform: uppercase;
}

.instagram-feed-container .instagram-feed .instagram-caption {
	margin-top: 20px;
	color: #000000;
	font-size: 1rem; /* 16px; */
	line-height: 18px;
}

.instagram-feed-container .instagram-feed .stream-icon {
	display: inline-block;
    position: relative;
    top: 60px;
    left: 30px;
    color: #ffffff;
    font-size: 1em; /* 16px; */
    width: 30px !important;
    border: none !important;
    float: left;
}


.instagram-feed-container .flex-direction-nav .flex-prev, .instagram-feed-container .flex-direction-nav .flex-next{
	opacity: 1;
}

.instagram-feed-container  .flex-direction-nav .flex-prev{
	top: 50%;
	left: 40px;
	margin-left: 0px;
	background: url('images/ig-left-arrow.png') no-repeat;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap; 
	overflow: hidden;
	width: 32px;
	height: 70px;
	z-index: 20;
}

.instagram-feed-container .flex-direction-nav .flex-next{
	top: 50%;
	right: 40px;
	margin-right: 0px;
	background: url('images/ig-right-arrow.png') no-repeat;
	text-indent: 100%;
	white-space: nowrap; 
	overflow: hidden;
	width: 32px;
	height: 70px;
	z-index: 20;
}

#header-spacer{
	height: 120px;
}


/* =Catering Page
---------------------------------------------------------------*/

.entry-content {
	margin-bottom: 0px;
}

.catering-row-top {
	padding: 0px 60px 60px 60px;
}

.catering-row-top a {
	
	color: #b28100; /*#eb2931;*/
	text-decoration: underline;
}

.catering-row-top a:hover {
	text-decoration: none;
}

.catering-row-top p {
	text-align: center;
	line-height: 1.5em;
}

.catering-row-top .catering-links {
	padding-bottom: 15px;
	text-align: center;
}

.catering-row-top .catering-links .divider {
	margin: 0 8px;
}

.catering-row-top .left-align-paragraph {
	text-align: left;
	line-height: 1.5em;
}

.catering-row-top .bottom-padding-paragraph {
	margin-bottom: 60px;
}

.catering-row-top .catering-bold {
	text-transform: uppercase;
	color: #b28100; /*#eb2931;*/

}

.catering-row-top img {
	width: 100%;
}

.catering-row-top hr {
	background-color: #ffcc00;
	max-width: 50%;
	margin: 24px auto;
}

.catering-row-middle {
	background: #d2d2d2;
	padding: 15px 60px;
}

.catering-row-middle .catering-package-header {
	margin-bottom: 15px;
}

.catering-section-header h1 {
	color: #b28100; /*#eb2931;*/
}

.catering-row-middle .catering-package-container {
	text-align: center;
	margin-bottom: 15px;
}

.catering-row-middle .catering-package-container .catering-package {
	background: #231f20; 
	padding: 10px 30px; 
	color: white; 
	margin-bottom: 15px; 
	width: 100%; 
	text-align: center; 
	display: inline-block; 
	font-size: 1.4em; 
	font-weight: bold; 
	line-height: 1.8em;
}

.catering-row-middle .catering-package-container .catering-dishes {
	line-height: 1.8em;
}

.catering-row-middle-disclaimer {
	background: #d2d2d2;
	padding: 30px 60px;
	text-align: center;
}

.catering-row-middle-disclaimer .add-ons {
	text-align: center;
}

.catering-row-middle-disclaimer .disclaimer-statement {
	padding: 15px 60px 15px 60px;
	text-align: center;
}

.catering-row-middle-disclaimer .disclaimer-statement a {
		color: #CF9F52; /* #eb2931; */

	text-decoration: underline;
}

.catering-row-middle-disclaimer .disclaimer-statement a:hover {
	text-decoration: none;
}

.catering-row-middle-disclaimer .disclaimer-statement .divider {
	margin: 0px 8px;
}

.catering-row-appetizers {
	padding: 30px 60px 15px 60px;
}

.catering-row-appetizers h1 {
	color: #CF9F52; /* #eb2931; */
	margin-bottom: 30px;
}

.catering-row-appetizers .party-tray-container .party-tray-section {
	background: #000; 
	padding: 15px 20px; 
	width: 100%; 
	font-size: 1.7em; 
	font-weight: bold; 
	text-align: center; 
	color: white; 
	margin-bottom:15px;
}

.catering-row-appetizers .party-tray-container .party-tray-item-header {
	color: #CF9F52; /* #eb2931; */
	font-weight: bold;
	margin: 10px 0px;
}

.catering-row-appetizers .party-tray-container .party-tray-item-bold {
	font-weight: bold;
	margin: 10px 0px;
}

.catering-row-appetizers .party-tray-container .party-tray-item {
	margin: 10px 0px;
}

.catering-row-entrees-salads {
	padding: 15px 60px 30px 60px;
}

.catering-row-entrees-salads .party-tray-container .party-tray-section {
	background: #231f20; 
	padding: 15px 20px; 
	width: 100%; 
	font-size: 1.7em; 
	font-weight: bold; 
	text-align: center; 
	color: white; 
	margin-bottom:15px;
}

.catering-row-entrees-salads .party-tray-container .party-tray-section span {
	font-size: 0.5em;
	font-weight: normal;
}

.catering-row-entrees-salads .party-tray-container .party-tray-item {
	margin: 10px 0px;
}

.catering-row-entrees-salads .party-tray-container .party-tray-item-header {
	margin: 10px 0px;
	font-weight: bold;
	color: #CF9F52; /* #eb2931; */
}

.catering-row-entrees-salads .party-tray-container  .party-tray-item-bold {
	margin: 10px 0px;
	font-weight: bold;
}

.catering-row-entrees-salads .party-tray-image img {
	margin-bottom: 15px;
	
}

.catering-row-noodles-rice-sides {
	padding: 15px 60px 30px 60px;
}

.catering-row-noodles-rice-sides .party-tray-container .party-tray-section {
	background: #231f20; 
	padding: 15px 20px; 
	width: 100%; 
	font-size: 1.7em; 
	font-weight: bold; 
	text-align: center; 
	color: white; 
	margin-bottom:15px;
}

.catering-row-noodles-rice-sides .party-tray-container .party-tray-section span {
	font-size: 0.5em;
	font-weight: normal;
}

.catering-row-noodles-rice-sides .party-tray-container .party-tray-item {
	margin: 10px 0px;
}

.catering-row-noodles-rice-sides .party-tray-container .party-tray-item-header {
	margin: 10px 0px;
	font-weight: bold;
	color: #CF9F52; /* #eb2931; */
}

.catering-row-noodles-rice-sides .party-tray-container  .party-tray-item-bold {
	margin: 10px 0px;
	font-weight: bold;
}

.catering-row-at-your-service {
	background: #f2f0f1;
	padding: 15px 60px;
}

.catering-row-at-your-service h1 {
	margin-bottom: 30px;
}

.at-your-service {
	padding-left: 0px;
	padding-right: 0px;
}

.service-container {
	padding-top: 15px;
	padding-bottom: 15px;
}

.service-container .service-heading {
	background: #231f20;
    padding: 15px 20px;
    width: 100%;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    color: white;
    margin-bottom: 15px;
}

.service-container .service-heading span {
	font-size: 0.7em;
	font-weight: normal;
}

.service-container .service-description {
	line-height: 1.5em;
}

.catering-row-how-to-order {
	background: #f2f0f1;
	padding: 30px 60px;
}

.catering-row-how-to-order h1 {
	margin-bottom: 30px;
	margin-top: 0px;
}

.catering-row-how-to-order .order-container {
	text-align: center;
	margin-bottom: 30px;
}

.catering-row-how-to-order .order-heading {
	background: #231f20;
    padding: 15px 20px;
    width: 100%;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    color: white;
    margin-bottom: 15px;
}

.catering-row-how-to-order .how-to-order {
	text-align: center;
}

.catering-row-how-to-order .order-description {
	margin-top: 30px;
	font-size:1.2em;
}

.catering-row-how-to-order .serving-guideline-header {
	text-align: center;
	color: #CF9F52; /* #eb2931; */
}

.catering-row-how-to-order .serving-guideline {
	background: #231f20;
    padding: 10px 10px;
    font-size: 1.4em;
    font-weight: bold;
    color: white;
    margin-bottom: 15px;
	width: 100%;
	text-align: center;
}

.catering-row-how-to-order .order-description {
	font-weight: bold;
}

.catering-row-how-to-order .order-description span {
	color: #CF9F52; /* #eb2931; */
}

.catering-row-how-to-order .serving-guideline span {
	color: #CF9F52; /* #eb2931; */
}

.disclaimer-statement {
	padding: 30px 60px 15px 60px;
	text-align: center;
}

.disclaimer-statement a {
	color: #CF9F52; /* #eb2931; */
	text-decoration: underline;
}

.disclaimer-statement a:hover{
	text-decoration: none;
}

.order-online-button-container {
	margin: 25px 0px;
}

.order-online-button {
	color: white;
	background: #b28100; /* #dd2833 */
    padding: 10px 25px;
    font-size: 1.7em;
    font-family: brandon-grotesque;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.order-online-button:hover {
	text-decoration: none;
	background: #CF9F52; /* #89121c; */
	color: white;
}
.order-online-button:visited {
	text-decoration: none;
	color: white;
}


/* =Menu Type Grid
-------------------------------------------------------------- */

.container .row .menu-columns {
	padding: 0px;
}

#menu-heading {
	font-family: "brandon-grotesque",sans-serif;
	text-transform: uppercase;
	margin-top: 30px;
	text-align: center;
	margin-bottom: 10px;
	color: #dd2833;
}

#menu-subheading {
	font-family: "brandon-grotesque",sans-serif;
	font-size: 1em; /* 16px; */
	text-transform: uppercase;
	margin-bottom: 30px !important;
	text-align: center;
	color: #dd2833;
}

#menu-categories-grid{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

#menu-categories-grid img {
	max-width: 100%;
	display: block;
}

#menu-categories-grid > .row{
	margin-left: -5px;
	margin-right: -5px;
}

#menu-categories-grid > .row > a > div{
	margin: 0px 0px 10px 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#menu-categories-grid .overlay-image-text{
	position: relative;
}


#menu-categories-grid .overlay-text{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 2.25em; /* 36px; */
	line-height: 36px;
	font-weight: 700;
	background: rgba(44, 44, 44,0.35);
}

#menu-categories-grid .overlay-text-table{
	display: table;
	width: 100%;
	height: 100%;
}
	
#menu-categories-grid .overlay-text-table-cell{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#menu-categories-grid .overlay-text-table-cell img {
    position: absolute;
    right: 5%;
    top: 35%;
    display: inline-block;
    max-height: 35px;

}

h2.entry-title.menu {
    text-align: center;
    color: white;
    background-color: #f3262d;
    padding: 5px;
    font-size: 2em; /* 32px; */
    text-transform: uppercase;
    line-height: 45px;
    font-weight: 900;
}

h4.menu-item-name {
    color: #f3262d;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.375em; /* 22px; */
}

#TB_caption{
	text-transform: uppercase;
}

h2.entry-title.menu {
	margin-top: 0px;
}

#menu-categories-list .overlay-image {
	margin-bottom: 15px;
}

#menu-categories-list .overlay-image img {
	max-width: 100%;
}

#menu-categories-list .overlay-image-text {
	padding-left: 0px;
	padding-right: 0px;
}

#menu-categories-list .overlay-text-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	padding: 0px 25px;
}

#menu-categories-list .overlay-text-table {
    display: table;
    width: 100%;
    height: 100%;
}

#menu-categories-list .overlay-text {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1.625em; /* 26px; */
    line-height: 30px;
    font-weight: 700;
    background: rgba(44, 44, 44,0.35);
}

#menu-categories-list .overlay-text:hover {
	background: none;
}

#menu-categories-list .current .overlay-text {
	background: none;
	display: none;
}

.menu-column-left {
	padding-left: 0px;
	padding-right: 0px;
}

 .menu-column-right {
	padding-right: 0px;
} 

.menu-items-row .menu-item {
	padding: 7px 0px;
}

.menu-item-image img {
	margin-left: 5px;
}

#menu-type-content h3 {
	font-weight: bold;
	font-size: 1.75em; /* 28px; */
	text-transform: uppercase;
	text-decoration: underline;

}
/* =Privacy Policy Page
---------------------------------------------------------------*/

div.entry-content.policy{
	-webkit-columns: 2 300px;
	-moz-columns: 2 300px;
	columns: 2 300px;
}

article#post-22, article#post-24, article#post-28, article#post-26 {
    margin-top: 200px;
	line-height: 2em;
}

p.copy-paragraph {
	margin: auto auto 30px auto;
}

#post-22 h1, #post-24 h1, #post-28 h1, #post-26 h1,
#post-22 h2, #post-24 h2, #post-28 h2, #post-26 h2{
    color: #eb2e35;
	text-transform:uppercase;
}

/* =Locations Page
-------------------------------------------------------------- */
#locations-grid > .row > div{
	padding: 10px;
}

#locations-grid > .row > div .location-inner{
	background: #f1f1f1;
	position: relative;
}

#locations-grid > .row > div h2{
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	clear: none;
	/* padding-top: 20px; */ /* commented out 1/18/17 RGM broken for iPhone 5 */
	font-size: 1.375em; /* 22px; */
	line-height: 27px;
}

#locations-grid > .row > div h2 a{
	color: #CF9F52;
	text-decoration: none;
}

#locations-grid > .row > div h2 a:hover{
	color: #000000;
	text-decoration: none;
}

#locations-grid > .row > div .address.no-shopping-center{
	margin-top: 5px;
}

#locations-grid > .row > div .address{
	text-align: center;
}

#locations-grid > .row > div .address span.shopping-center{
	color: #CF9F52;
}

#locations-grid > .row > div .get-details{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 184px;
}

#locations-grid > .row > div .get-details a{
	display: block;
	background: #CF9F52;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

#locations-grid > .row > div .get-details a:hover{
	color: #000000;
	text-decoration: none;
}

#locations-grid > .row > div .image{
	float: right;
}

#locations-grid > .row > div .image img{
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Location Page */
#locations-grid .loc-col-xs-1,
#locations-grid .loc-col-xs-2,
#locations-grid .loc-col-xs-3,
#locations-grid .loc-col-xs-4,
#locations-grid .loc-col-xs-5{
	float: left;
}

#locations-grid .loc-col-xs-5{
	width: 100%;
}

#single-location > .row > div{
	padding-left: 0px;
	padding-right: 0px;
}

#single-location .location-upper{
	margin-bottom: 60px;
}

#single-location .location-upper-left{
	text-align: center;
}

#single-location .location-upper-left h1{
	text-transform: uppercase;
	font-size: 1.25em; /* 20px; */
	line-height: 20px;
	font-weight: 500;
	color: #ffffff;
visibility: hidden;

}

#single-location .location-upper-left h1 strong{
	text-transform: uppercase;
	color: #CF9F52;
	font-size: 2.5em; /* 40px; */
	line-height: 40px;
	font-weight: 700;
margin-right: -120px;
visibility: visible;

}

#single-location .location-upper-left .location-get-directions, #single-location .location-upper-left .location-order-online{
	padding: 5px 20px;
	background: #CF9F52;
	color: #ffffff;
	margin: 20px 10px;
	display: inline-block;
	text-decoration: none;
}

#single-location .location-upper-left .location-get-directions:hover, #single-location .location-upper-left .location-order-online:hover{
	text-decoration: none;
	color: #000000;
}

#single-location .location-upper-right{
	text-align: center;
	margin-top: 37px;
}


#single-location .location-upper-right .location-phone{
	text-align: left;
}

#single-location .location-upper-right .location-phone span{
	color: #CF9F52;
}

#single-location .location-upper-right .location-phone a{
	color: #000000;
	text-decoration: none;
}

#single-location .location-upper-right .location-phone a:hover{
	color: #CF9F52;
	text-decroation: none;
}

#single-location .location-upper-right .location-hours{
	margin-top:	20px;
	text-align: left;
}

#single-location .location-upper-right .location-hours > div{
	padding-left: 0px;
	padding-right: 0px;
}

#single-location .location-upper-right .location-hours .days{
	color: #CF9F52;
}


#single-location .location-lower-left{
	padding-left: 0px;
}

#single-location .location-lower-left #single-location-map{
	width: 100%;
	height: 340px;
}

#single-location .location-lower-right{
	padding-right: 0px;
}

#single-location .location-lower-right:hover .flex-direction-nav .flex-prev, #single-location .location-lower-right:hover  .flex-direction-nav .flex-next{
	opacity: 1;
}

#single-location .location-lower-right #location-slider-container img{
	width: 100%;
	display: block;
}

#single-location #location-carousel-container{
	background: #000000;
	padding-top: 15px;
	padding-bottom: 15px;
}

#single-location #location-carousel-container img{
	display: block;
	opacity: 0.5;
	border: 3px solid #000000;
	cursor: pointer;
}

#single-location #location-carousel-container .flex-active-slide img{
	opacity: 1.0;
	border: 3px solid #CF9F52;
}

#single-location .coming-soon-hours {
	color: #CF9F52; 
	font-size: 2.625em; /* 22px; */ 
	text-transform: uppercase;
}

/* =Contact
-------------------------------------------------------------- */
.gform_wrapper .datepicker {
    width: 97%!important;
}

.ginput_container.ginput_container_text {
    /* width: 97%; */
}

input#input_1_5 {
    width: 97%;
}


li#field_1_14 div.ginput_container.ginput_container_text {
   /*  margin-top: 1.2em!important; label added 1/16/17 RGM - no longer needed*/
}

 #gform_fields_1 #field_1_10 {
     margin-top:.9em!important;
 }


div#input_1_7, #field_1_5 {
    margin-top: -1.5em;
}

#field_1_5 input {
    width:100%;
}

select {
    height: 37px;
}

input#input_1_3 {
    width: 97%!important;
}

input#gform_submit_button_1 {
    background-color: #d31b21; /* #eb2931; */
    border: 0;
    color: white;
    padding: 10px;
    width: 100%;
    text-transform: uppercase;
    max-width: 200px;
}

input#gform_submit_button_2 {
    background-color: #d31b21; /* #eb2931; */
    border: 0;
    color: white;
    padding: 18px;
    width: 100%;
    max-width: 200px;
border-radius: 3px;
    font-size: 1.27em; /* 20px; */

}
.hours h3 {
    font-size: 1.25em; /* 20px; */
    margin-bottom: .5em;
    margin-top: 1.25em;
}

.hours .red {
    color: #d31b21; /* #eb2931; */
}

.row p:nth-child(5){
    margin-top:.5em;
}




/* =Footer
-------------------------------------------------------------- */
footer{
	margin-top:40px;
}

body.single-locations footer{
	margin-top: 0px;
}

.page-id-4 #colophon {
	margin-top: 0px;
}

#footer-top {
	background: #CF9F52;
	padding: 20px 0px;
}

#footer-bottom {
	background: #000000;
	width: 100%;
}

#footer-top span {
	color: #ffffff;
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 900;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.footer-image {
	white-space: nowrap;
	text-align: center;
	height: 110px;
}

.footer-image span {
	font-size: 1.75em; /* 28px; */
}

.footer-image figure {
	display: inline-block;
}

.footer-image figure img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 110px;
}

.footer-image .wide-image{
	vertical-align: middle;
	max-width: 90%;
	max-height: 100%;
}

.footer-links {
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #696969;
	padding: 15px 0px;
}

.footer-links a {
	color: #888888;
}

.social-links .facebook {
	display: inline-block;
	
}

.social-links .twitter {
	display: inline-block;
	
}

.social-links .instagram {
	display: inline-block;
	
}

.social-links .facebook a {
	width: 36px;
	height: 36px;
	padding: 0px;
	font-size: 0;
	background: url('images/Social-Sprite-gold.png') no-repeat;
	background-position: 4px -44px;
	display: block;
}

.social-links .twitter a {
	width: 36px;
	height: 36px;
	padding: 0px;
	font-size: 0;
	background: url('images/Social-Sprite-gold') no-repeat;
	background-position: -75px -44px;
	display: block;
}

.social-links .instagram a {
	width: 36px;
	height: 36px;
	padding: 0px;
	font-size: 0;
	background: url('images/Social-Sprite-gold.png') no-repeat;
	background-position: -35px -44px;
	display: block;
}

.social-links .facebook a:hover{
	background-position: 4px 4px;
}

.social-links .twitter a:hover {
	background-position: -76px 6px;
}

.social-links .instagram a:hover {
	background-position: -35px 4px;
}

.dreambox-logo {
	text-align: center;
}

/* Footer Mobile */

#footer-bottom .container-fluid .row .footer-links-left-mobile {
	margin-top: 30px;
	padding: 10px 20px;
	border-right: 2px solid #6d6968;
	text-align: center;
}

#footer-bottom .container-fluid .row .footer-links-left-mobile a {
	display: block;
	line-height: 28px;
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #696969;
	text-transform: uppercase;
}

#footer-bottom .container-fluid .row .footer-links-bottom-mobile {
	text-decoration: underline;
	text-transform: none;
	margin-top: 40px;
	text-align: center;
}

#footer-bottom .container-fluid .row .footer-links-bottom-mobile a{
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #696969;
	text-decoration: underline;
}

#footer-bottom .container-fluid .row .footer-links-bottom-mobile span{
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #696969;
}

#footer-bottom .container-fluid .row .footer-links-bottom-mobile .copyright-mobile {
	text-align: center;
	margin-top: 15px;
}

#footer-bottom .container-fluid .row .social-links {
	text-align: center;
	margin-top: 40px;;
}

#footer-bottom .container-fluid .row .social-links span {
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #696969;
}

#footer-bottom .container-fluid .row .social-links ul {
padding: 10px 0px;
}

.dreambox-logo {
	margin: 15px 0px;
}

.social-links .facebook a {
	width: 40px;
	height: 40px;
	padding: 0px;
	font-size: 0;
	background: url('images/Social-Sprite-gold.png') no-repeat;
	background-position: 4px -80px;
	display: block;
	margin: 0px 7px;
}

.social-links .instagram a {
	width: 40px;
	height: 40px;
	padding: 0px;
	font-size: 0;
	background: url('images/Social-Sprite-gold.png') no-repeat;
	background-position: -65px -80px;
	display: block;
	margin: 0px 7px;
}

.social-links .twitter a {
	width: 40px;
	height: 40px;
	padding: 0px;
	font-size: 0;
	background: url('images/Social-Sprite-gold.png') no-repeat;
	background-position: -135px -80px;
	display: block;
	margin: 0px 7px;
}

.social-links .facebook a:hover{
	background-position: 4px 6px;
}

.social-links .twitter a:hover {
	background-position: -75px 6px;
}

.social-links .instagram a:hover {
	background-position: -35px 6px;
}


/* =Media Queries
-------------------------------------------------------------- */

@media (max-width: 400px) {
	#menu-categories-grid .overlay-text{
		font-size: 1.6875em; /* 27px; */
	}
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 767px) {
	#homepage-instagram .flex-direction-nav{
		display: none;
	}
	
	.instagram-feed-container .instagram-feed-text .instagram-feed{
		padding: 0px;
	}
	
	footer#colophon #footer-top figure,
	footer#colophon #footer-top img{
		max-width: 100%;
	}
	
	#single-location .location-lower-left{
		padding-right: 0px;
	}
	
	#single-location .location-lower-right{
		padding-left: 0px;
	}

.vertical-rule {
border-right:0px solid; 
color: #feca2f;
height: 0px;
}
}



@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {	
	#mobile-menu-toggle.collapsed{
		background: none;
	}
}

@media (max-width:991px) {
.vertical-rule {
border-right:0px solid; 
color: #feca2f;
height: 0px;
}
	#mobile-menu-toggle{
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		border: none;
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
		margin-top: 18px;
		height: 40px;
	}

	#mobile-menu-toggle:focus{
		outline: none;
	}

	#mobile-menu-toggle .icon-bar{
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background: #737373; 
		width: 30px;
		height: 5px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
	}

	#mobile-menu-toggle .top, #mobile-menu-toggle .bottom{
		/*-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;*/
		transition: -moz-transform .3s;
		-moz-transition: -moz-transform .3s;
		-o-transition: -o-transform .3s;
		-webkit-transition: -webkit-transform .3s;
		position: absolute;
		left: 0;
		right: 0;
	}

	#mobile-menu-toggle .icon-bar{
		background: #ffffff;
	}

	#mobile-menu-toggle .top{
		top: 8px;
	}

	#mobile-menu-toggle .icon-bar.middle{
		position: absolute;
		top: 18px;
		left: 0;
		right: 0;
		opacity: 1;
	}

	#mobile-menu-toggle .bottom{
		top: 28px;
	}

	#mobile-menu-toggle.open .top{
		-ms-transform: translate(0,10px) rotate(-45deg);
		-webkit-transform: translate(0,10px) rotate(-45deg);
		transform: translate(0,10px) rotate(-45deg);
	}

	#mobile-menu-toggle.open .bottom{
		-ms-transform: translate(0,-10px) rotate(45deg);
		-webkit-transform: translate(0,-10px) rotate(45deg);
		transform: translate(0,-10px) rotate(45deg);
	}

	#mobile-menu-toggle.open .middle{
		-ms-transform: opacity .25s ease-in-out; /* IE 9 */
		-webkit-transform: opacity .25s ease-in-out; /* Safari */
		transform: opacity .25s ease-in-out;
		opacity: 0;
	}
	

	.icon-bar{
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background: #737373; 
		width: 30px;
		height: 5px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
	}

	.icon-bar{
		background: #ffffff;
	}

	.icon-bar.middle{
		position: absolute;
		top: 18px;
		left: 0;
		right: 0;
		opacity: 1;
	}
	
	.page-id-16 .col-xs-12.col-sm-12.col-md-5.col-lg-5 {
    	margin-top:40px
	}
	
	article#post-22, article#post-24, article#post-28, article#post-26{
		margin-top: 100px;
	}

    #header-image-container .header-text {
        left:0%;
        width:100%;
        padding-bottom: 120px;
        bottom: 0;
    }
	
	p.mobile-center{
		text-align:center;
	}

    .header-mask {
        display: none;
    }

    .header-text h1 {
        line-height: 22px;
    }
	
	.social-links .facebook a {
		background-position: 4px -42px;
	}

	.social-links .twitter a{
		background-position: -75px -42px;
	}

	.social-links .instagram a {
		background-position: -35px -42px;
	}

	#masthead .social-links .facebook a {
		background-position: 4px 6px;
	}

	#masthead .social-links .twitter a{
		background-position: -76px 6px;
	}

	#masthead .social-links .instagram a {
		background-position: -36px 6px;
	}
	
	#header-main-mobile nav .social-links ul li{
		display: table-cell;
		border-bottom: 0;
		padding: 10px 0;
		width: 20px;
	}

	.social-links ul {
		max-width: 162px;
		margin:0 auto;
	}

	#mobile-nav-menu .social-links {
		background-color: #CF9F52;
	}
	
	#header-image-container .header-sub-text{
		font-size: .8125em; /* 13px; */
		line-height: 20px;
		padding: 0px 20px;
	}
	
		#footer-bottom .container-fluid .row .footer-links-left-mobile a {
		display: block;
		line-height: 28px;
		font-family: "brandon-grotesque",sans-serif;
		font-style: normal;
		font-weight: 500;
		text-transform: uppercase;
	}
	
	#footer-bottom .container-fluid .row .footer-links-left-mobile a:hover, #footer-bottom .container-fluid .row .footer-links-bottom-mobile a:hover {
		color:#fff;
	}
	
	#single-location .location-upper-right .location-phone{
		text-align: center;
	}
	
	#single-location .location-upper-right .location-hours .days {
		color: #dd2833;
		text-align: right;
		padding-right: 5px;
	}
	
	/* Catering Page */

	.catering-page-container h1 {
		font-size: 2.25em; /* 36px; */
	}

	.header-sub-text p {
		font-size: 1em; !important;
	}

	.page-container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-page-container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-links a{
		display: block;
		font-size: 1.2em;
		line-height: 1.8em;
	}

	.divider {
		display: none;
	}

	.catering-main-image {
		padding-bottom: 15px;
	}

	.catering-row-top img {
		width: 100%;
		margin-bottom: 10px !important;
		height: auto;
	}

	.catering-row-top {
		padding: 0px 0px 30px 0px;
	}

	.catering-row-top p {
		padding-left: 15px;
		padding-right: 15px;
	}

	.catering-row-top .bottom-padding-paragraph {
		margin-bottom: 30px;
	}

	.catering-row-middle {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-appetizers {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-noodles-rice-sides {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-middle-disclaimer {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-at-your-service {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-how-to-order {
		padding-left: 0px;
		padding-right: 0px;
	}

	.disclaimer-statement {
		padding: 0px 15px 15px 15px;
	}

	.disclaimer-statement a {
		display: block;
		line-height: 1.7em;
	}

	.catering-row-middle-disclaimer .disclaimer-statement .divider {
		margin: 0px 8px;
	}

	.catering-row-appetizers .party-tray-container {
		margin-bottom: 15px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-appetizers .party-tray-image {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-appetizers .party-tray-image img {
		max-width: 100%;
		height: auto;
	}


	.catering-row-entrees-salads {
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-entrees-salads .party-tray-container {
		margin-bottom: 15px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-entrees-salads .party-tray-image {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-entrees-salads .party-tray-image img {
		max-width: 100%;
		height: auto;
	}

	.catering-row-noodles-rice-sides .party-tray-container {
		margin-bottom: 15px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-noodles-rice-sides .party-tray-image {
		padding-left: 0px;
		padding-right: 0px;
	}

	.catering-row-noodles-rice-sides .party-tray-image img {
		max-width: 100%;
		height: auto;
	}

	/* .catering-row-how-to-order .order-container {
		padding-left: 0px;
		padding-right: 0px;
	} */

	.catering-row-how-to-order .order-container .order-description {
		padding: 0px 5px;
	}

	.service-container .service-description {
		padding: 0px 15px;
		text-align: center;
	}

	.catering-row-how-to-order .serving-guideline {
		font-size: 1em;
	}

	.catering-row-how-to-order .serving-guideline-container {
		padding-left: 0px;
		padding-right: 0px;
	}

	/* Menu Page */

	#menu-categories-list .overlay-text-table-cell {
		padding: 0px;
	}

	#menu-categories-before .overlay-image img {
		max-width: 100%;
	}

	#menu-categories-current .overlay-image img {
		max-width: 100%;
	}

	#menu-categories-after .overlay-image img {
		max-width: 100%;
	}

	#menu-type-content .overlay-image-text {
		padding-left: 0px;
		padding-right: 0px;
	}

	#menu-type-content .overlay-image {
		margin-bottom: 15px;
	}

	#menu-type-content .overlay-image img {
		max-width: 100%;
	}

	#menu-type-content .overlay-image-text {
		padding-left: 0px;
		padding-right: 0px;
	}

	#menu-type-content .overlay-text-table-cell {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		padding: 0px 25px;
	}

	#menu-type-content .overlay-text-table {
		display: table;
		width: 100%;
		height: 100%;
	}

	#menu-type-content .overlay-text {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 20px;
		text-align: center;
		text-transform: uppercase;
		color: #ffffff;
		font-size: 1.5625em; /* 26px; */
		line-height: 30px;
		font-weight: 700;
		background: rgba(44, 44, 44,0.35);
	}

	#menu-type-content .current .overlay-text {
		display: none;
	}

	.menu-item-image img {
		margin-left: 5px;
	}

	.menu-column-right {
		padding-left: 0px;
	}


	.page-id-14 #colophon {
		margin-top: 0px;
	}

	.page-id-4 #colophon {
		margin-top: 0px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	/* Header */
	.navbar-toggle {
		display: block;
	}

	/* Menu Grid */

	#menu-categories-grid > .row > a > div{
		padding: 10px;
		margin-bottom: 0px;
	}

	#menu-categories-grid .overlay-image-text{
		position: relative;
	}


	#menu-categories-grid .overlay-text{
		position: absolute;
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
		text-align: center;
		text-transform: uppercase;
		color: #ffffff;
		font-size: 2.25em; /* 36px; */
		line-height: 36px;
		font-weight: 700;
		background: rgba(44, 44, 44,0.35);
	}

	#menu-categories-grid .overlay-text:hover{
		background: none;
	}
	
	div#menu-category-poultry, div#menu-category-small-plates {
		clear: both;
	}

	/* Location Page */
	#locations-grid .loc-col-sm-1,
	#locations-grid .loc-col-sm-2,
	#locations-grid .loc-col-sm-3,
	#locations-grid .loc-col-sm-4,
	#locations-grid .loc-col-sm-5{
		float: left;
	}
	
	#locations-grid .loc-col-sm-5 {
		width: 100%;
	}

	/* Footer */

	.footer-image span {
		font-size: 1em; /* 16px; */
	}

	.footer-image figure img{
		vertical-align: middle;
		width: 100%;
		max-height: 110px;
	}

	#footer-bottom .container-fluid .row .footer-links-left-mobile {
		margin-top: 30px;
		padding: 10px 20px;
		border-right: 2px solid #6d6968;
		text-align: center;
	}

	#footer-bottom .container-fluid .row .footer-links-left-mobile a {
		display: block;
		line-height: 28px;
		font-family: "brandon-grotesque",sans-serif;
		font-style: normal;
		font-weight: 500;
		color: #fe2229;
		text-transform: uppercase;
	}
	
	#footer-bottom .container-fluid .row .footer-links-left-mobile a:hover {
		color:#fff;
	}

	#footer-bottom .container-fluid .row .footer-links-bottom-mobile {
		text-decoration: underline;
		text-transform: none;
		margin-top: 40px;
		text-align: center;
	}

	#footer-bottom .container-fluid .row .footer-links-bottom-mobile a{
		font-family: "brandon-grotesque",sans-serif;
		font-style: normal;
		font-weight: 500;
		color: #f3262d;
		text-decoration: underline;
	}

	#footer-bottom .container-fluid .row .footer-links-bottom-mobile span{
		font-family: "brandon-grotesque",sans-serif;
		font-style: normal;
		font-weight: 500;
		color: #696969;
	}

	#footer-bottom .container-fluid .row .footer-links-bottom-mobile .copyright-mobile {
		text-align: center;
		margin-top: 15px;
	}

	#footer-bottom .container-fluid .row .social-links {
		text-align: center;
		margin-top: 40px;
	}

	#footer-bottom .container-fluid .row .social-links span {
		font-family: "brandon-grotesque",sans-serif;
		font-style: normal;
		font-weight: 500;
		color: #696969;
	}

	#footer-bottom .container-fluid .row .social-links ul {
	padding: 10px 0px;
	}

	.dreambox-logo {
		margin: 15px 0px;
	}

}


@media (min-width: 768px) and (max-width: 992px){
	#single-location .location-lower-left{
		padding-right: 0px;
	}
	
	#single-location .location-lower-right{
		padding-left: 0px;
	}
}	

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	/* Header */

	.logo-image-top {	
		top: 10px;
		left: 2%;
		margin: 0px;
		padding-top: 0px;
		padding-left: 20px;
		padding-right: 20px;
		background: rgba(0, 0, 0, .75);
		margin-top: 40px;
	}

	.logo-image-top img{
		height: 90%;
	}

	.header-right {
		background: rgba(0, 0, 0, .75);
		text-align: right;
		z-index: 20;
		color: #ffffff;
		position: fixed;
	}

	.navbar {
		float: right;
	}

	.navbar-header {
		float:right;
	}

	.navbar .navbar-nav {
		float: right;
	}

	.navbar .navbar-nav  a{
		color: white;
		text-transform: uppercase;
		font-family: 'brandon-grotesque', sans-serif;
		font-size: .775em; /* 14px; */
padding: 12px;

	}

	.navbar .navbar-nav  a:hover, .navbar .navbar-nav  .current_page_item a {
		background: none;
		color: #CF9F52; /* #dd2833; */
	}

	.header-right .social-links {
		top: 5px;
		float: right;
		margin-left: 20px;
		position: relative;
	}

	.header-right .social-links .facebook a {
		width: 36px;
		height: 36px;
		padding: 0px;
		font-size: 0;
		background: url('images/Social-Sprite-gold.png') no-repeat;
		background-position: 4px 4px;
		display: block;
		margin: 0px 3px;
	}

	.header-right .social-links .twitter a {
		width: 36px;
		height: 36px;
		padding: 0px;
		font-size: 0;
		background: url('images/Social-Sprite-gold.png') no-repeat;
		background-position: -75px 4px;
		display: block;
		margin: 0px 0px;
	}

	.header-right .social-links .instagram a {
		width: 36px;
		height: 36px;
		padding: 0px;
		font-size: 0;
		background: url('images/Social-Sprite-gold.png') no-repeat;
		background-position: -35px 6px;
		display: block;
		margin: 0px 3px;
	}

	.header-right .social-links .facebook a:hover{
		background-position: 4px -44px;
	}

	.header-right .social-links .twitter a:hover {
		background-position: -75px -44px;
	}

	.header-right .social-links .instagram a:hover {
		background-position: -35px -42px;
	}


	/* Home Page */
	.homepage-slider{
		margin-bottom: 110px;
	}

	#homepage-content{
		position: absolute;
		bottom: -110px;
		background: url('images/Panda-Inn-Red-Blurb-Video-1200-gold.png');
		background-repeat: no-repeat !important;
		background-size: cover !important;
		width: 100%;
		height: 150px;
		padding-top: 40px;
		text-align: center;
		color: #ffffff;
	}

	#homepage-content .left{
		line-height: 24px;
		border-right: 1px dotted #ffffff;
		font-size: 1.25em; /* 20px; */
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#homepage-content .left .first{
	    letter-spacing: 0.05em;
		font-weight: 900;
	}
	
	#homepage-content .left .last{
	    letter-spacing: 0.2em;
		font-weight: 900;
		font-size: 1.4375em; /* 23px; */
	}
	
	#homepage-content .right{
		font-style: italic;
		margin-top: 15px;
		padding-left: 30px;
		padding-right: 30px;
		text-align: justify;
		line-height: 20px;
	}


	.instagram-order-online-container {
		margin: 40px auto 0px auto;
	}

	.catering-container {
		margin: 40px auto 0px auto;
	}

	.container .row .catering {
		background: url('images/Catering-Eggrolls-Salad.jpg') no-repeat;
		padding: 0px;
		height: 420px;
		margin: 0px;
	}

	.container .row .catering .catering-text {
		line-height: 28px;
		top: 15%;
		padding: 40px 10px;
	}

	.catering .catering-text .catering-button {
		height: 36px;
		line-height: 0px;
		font-size: 1.375rem; /* 22px; */
		padding: 25px 35px;
	}

	.container .row .order-online {
		background: url('images/Order-Online-Cashew-Chicken.jpg') no-repeat;
		margin-top: 0px;
		height: 509px;
	}

	.container .row .order-online .order-online-button {
		margin-top: 25px;
	}

	.container .row .order-online-text {
		margin-top: 0px;
	}

	.instagram-feed-container {
		margin-top: 0px;
	}
	
	/* Header Image */
	#header-spacer{
		height: 170px;
	}
	
	#header-image-container .header-background-image{
		
		
	}
	
	#header-image-container .header-background-image img{
		display: block;
		width: 100%;
	}
	
	#header-image-container .header-text{
		bottom: 23%;
		width: 30%;
		left: 12%;
		text-transform: uppercase;
		color: #ffffff;
		text-align:left;
	}
	
	#header-image-container .header-text h1{
		color: #ffffff;
	}
	
	#header-image-container .header-sub-text{
		font-weight: 300;
		font-size: .8125em; /* 13px; */
		line-height: 20px;
		padding: 0px 30px 0px 0px;
	}
	
	#header-image-container .header-mask{
		position: absolute;
		bottom: -40px;
	}
	
	#header-image-container .header-mask img{
		display: block;
		width: 100%;
	}
		
	/* Location Page */
	#locations-grid > .row > div.location-float-right{
		float: right;
	}

	#locations-grid > .row > div.location-float-right h2{
		clear: both;
		margin-bottom: 0px;
	}

	#locations-grid > .row > div.location-float-right .address{
		margin-bottom: 26px;
		margin-top: 0px;
	}

	#locations-grid > .row > div.location-float-right .get-details{
		right: 0px;
	}

	#locations-grid > .row > div.location-float-right .image{
		width: 100%;
	}
	
	#locations-grid .loc-col-md-1,
	#locations-grid .loc-col-md-2,
	#locations-grid .loc-col-md-3,
	#locations-grid .loc-col-md-4,
	#locations-grid .loc-col-md-5{
		float: left;
	}
	
	#locations-grid .loc-col-md-1 {
		width: 20%;
	}

	#locations-grid .loc-col-md-2 {
		width: 40%;
	}

	#single-location .location-lower-right #location-slider-container .flex-direction-nav .flex-prev{
		left: -35px;
	}
	
	/* Footer */

	#footer-top {
		padding: 40px 0px;
	}

	#footer-bottom {
		padding: 30px 0px;
	}

	#footer-top span {
		font-size: 1.25em; /* 20px; */
	}

	.footer-image figure img{
		vertical-align: middle;
		width: 100%;
		max-height: 110px;
	}

	.footer-logo {
		top: 10px;
	}

	.footer-links {
		color: #888888;
		font-size: 0.7em;
		padding: 0px;
		margin: 0px;
		padding: 15px 0px;
	}

	.footer-links a {
		padding: 0px 4px;
		line-height: 20px;
	}

	.footer-links .row {
		padding: 10px 0px;
	}

	.social-links {
		top: 35px;
		float: right;
	}

	.social-links .facebook a {
		width: 36px;
		height: 36px;
		padding: 0px;
		font-size: 0;
		background: url('images/Social-Sprite-gold.png') no-repeat;
		background-position: 4px -44px;
		display: block;
		margin: 0px 3px;
	}

	.social-links .twitter a {
		width: 36px;
		height: 36px;
		padding: 0px;
		font-size: 0;
		background: url('images/Social-Sprite-gold.png') no-repeat;
		background-position: -75px -44px;
		display: block;
		margin: 0px 3px;
	}

	.social-links .instagram a {
		width: 36px;
		height: 36px;
		padding: 0px;
		font-size: 0;
		background: url('images/Social-Sprite-gold.png') no-repeat;
		background-position: -35px -44px;
		display: block;
		margin: 0px 3px;
	}

	.social-links .facebook a:hover{
		background-position: 4px 4px;
	}

	.social-links .twitter a:hover {
		background-position: -75px 4px;
	}

	.social-links .instagram a:hover {
		background-position: -35px 4px;
	}

}

@media (min-width: 992px) and (max-width: 1199px){ 

	.navbar .navbar-nav  a{
		margin: 0px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	/* Home Page */
	#homepage-content{
		background: url('images/Panda-Inn-Gold-Blurb-Video-1200.png');
	}
	
	#homepage-content .right{
		line-height: 23px;
		font-size: 1.1875em; /* 19px; */
		margin-top: 10px;
	}
	
	.logo-image-top img {
		height: 90%;
	}

	.navbar .navbar-nav  a{
		margin: 0px 14px;
	}

	.container .row .catering .catering-text {
		background: none;
	}

	.container .row .catering .catering-text {
		padding: 0px 30px;
		top: 15%;
	}

	.container .row .catering .catering-text h2{
		font-size: 2.5em; /* 40px; */
	}

	.catering .catering-text .catering-button {
		height: 40px;
		line-height: 0px;
		font-size: 1.5625rem; /* 25px; */
		padding: 25px 35px;
		margin-top: 25px;
	}
	
	/* Page Header */
	#header-image-container .header-mask{
		position: absolute;
		bottom: -50px;
		width: 100%;
	}
	
	/* Location Page */
	#locations-grid .loc-col-lg-1,
	#locations-grid .loc-col-lg-2,
	#locations-grid .loc-col-lg-3,
	#locations-grid .loc-col-lg-4,
	#locations-grid .loc-col-lg-5{
		float: left;
	}
	
	#locations-grid .loc-col-lg-1 {
		width: 20%;
	}

	#locations-grid .loc-col-lg-2 {
		width: 40%;
	}

	/* Footer */

	#footer-top {
		padding: 40px 0px;
	}

	#footer-bottom {
		padding: 30px 0px;
	}

	#footer-top span {
		font-size: 1.25em; /* 20px; */
	}

	.footer-image figure img{
		vertical-align: middle;
	/* 	max-width: 100%; */
		max-height: 110px;
		width: 100%;
	}

	.footer-logo {
		top: 10px;
	}

	.footer-links {
		font-size: 0.8em;
	}

	.footer-links a {
		padding: 0px 10px;
	}

	.footer-links .row {
		padding: 10px 0px;
	}

	.container-fluid .row .social-links {
		margin-top: 0px !important;
		top: 35px;
	}

}

@media 
(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

	.social-links .facebook a {
		padding: 0px;
		font-size: 0;
		background: url('images/Social-Sprite-2x-gold.png') no-repeat;
		background-position: 4px -50px;
		display: block;
		background-size: 126px;
	}

	.social-links .twitter a {
		padding: 0px;
		font-size: 0;
		background: url('images/Social-Sprite-2x-gold.png') no-repeat;
		background-position: -88px -50px;
		display: block;
		background-size: 126px;
	}

	.social-links .instagram a {
		padding: 0px;
		font-size: 0;
		background: url('images/Social-Sprite-2x-gold.png') no-repeat;
		background-position: -41px -50px;
		display: block;
		background-size: 126px;
	}

	#masthead .social-links .facebook a{
		background-position:4px 6px;
	}

	#masthead .social-links .twitter a{
		1background-position: -39px 6px;
	}
	
	#masthead .social-links .instagram a{
		1background-position: -87px 6px;
		
	}
}

/*===================== WCAG 2.0 edits RGM 1/16/17 =====================*/

#gform_1 #field_1_14 label, #gform_1 #field_1_5 label, #gform_1 #field_1_7 label, #gform_1 #field_1_8 label, #gform_1 #field_1_9  label{
	visibility: hidden;
}

.catering-page-container {
	margin-top: 20px;
}

.hiddenText {
	display: none;
}

/* Gravity Forms Datepicker.css */

.ui-datepicker{
	font-size: .75em !important;
}

.ui-datepicker th {
	font-size: .5rem !important;
}

.ui-datepicker-month, .ui-datepicker-year {
	border: none !important; 
	background: none !important;
	color: #fff !important;
}

.ui-datepicker-header {
	color: #fff !important;
	background: #d31b21 !important;
}

.ui-datepicker-title select {
	margin-bottom: 2.5% !important;
}

.ui-datepicker-unselectable .ui-state-default {
	background:#ffffff !important;
	color:#666666 !important;
}
/* End Datepicker.css */

/* Gravity Forms Formsmain.css */

.gform_wrapper .gf_progressbar{
	color: #000000 !important;
}

.gform_wrapper .gf_progressbar{
	color:#ffffff;
}
.gform_wrapper .gf_progressbar_percentage{
	color: #ffffff
}
.gform_wrapper .gf_progressbar:after{
	color:#ffffff;
}
.gform_wrapper .gf_progressbar_percentage.percentbar_0 span{
	color:#959595;
}
.gform_wrapper .percentbar_blue{
	background-color:#024d72;
	color:#FFF
}
.gform_wrapper .percentbar_gray{
	background-color:#4e4e4e;
	color:#FFF
}
.gform_wrapper .percentbar_green{
	background-color:#235127;
	color:#FFF
}
.gform_wrapper .percentbar_orange{
	background-color:#833000;
	color:#FFF
}
.gform_wrapper .percentbar_red{
	background-color:#9d0a00;
	color:#FFF
}

/* End Formsmain.css */

/* Dashicons.css */

.dashicons,.dashicons-before:before{
	font-size: 1.25rem;
}

/* End Dashicons.css */

/* Thickbox.css */

.tb-close-icon:before {
	font: normal 1.2rem/1.8125rem dashicons;
}

@media (max-width: 768px){
	.order-online-button{
		display: block;
		font-size: 1.3em;
	}
	.catering-page-container h1 {
		font-size: 1.8em;
		text-align: center;
	}
}

@media (max-width: 320px){
	.order-online-button{
		font-size: 1.0em !important;
	}
}

footer.f24 .footer-nav-2 {
    justify-content: center !important;
}

footer.f24 .footer-nav-2 li{
	padding-left: 30px;
	padding-right: 30px;
}

.pum-theme-1964 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close{
	background-color: #ccc !important;
	height: 30px !important;
    width: 30px !important;
    top: -14px !important;
}

.gallery .photo-credit{
	padding: 15px 0px;
    text-align: center;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 19px;
}


#onetrust-banner-sdk.otFlat{
	z-index: 2147483645 !important;
}

article#post-2347, 
article#post-2394{
	margin-top: 200px;
    line-height: 2em;
}

#post-2347 h1, #post-2394 h1,
#post-2347 h2, #post-2394 h2{
    color: #eb2e35;
	text-transform:uppercase;
}

div.entry-content.policy {
    columns: unset;
}

div.entry-content.policy .otnotice-section-content ul{
    columns: unset;
	list-style: disc;
}

footer.f24 .footer-pi-logo{
	width: 250px !important;
	margin-bottom: 20px;
}

footer.f24 .footer-nav{
	margin: 15px 0 !important;
}

@media only screen and (max-width: 1400px) {
	
	footer.f24 .footer-nav{
		margin: 40px 0 0 0 !important;
	}

	footer.f24 .footer-nav-2 {
		margin: 0 0 40px 0 !important;
	}
}

@media only screen and (max-width: 500px) {
    footer.f24 .footer-pi-logo {
        width: 100% !important;
        max-width: 250px !important;
    }
}


#yelp_reservation_toggl{
	rotate: 270deg;
    position: fixed;
    right: -128px;
    top: 50%;
    z-index: 99;
}

#yelp_reservation_toggl button{
	font-family: "brandon-grotesque", sans-serif;
    font-size: 2rem;
    color: #FFFFFF;
    background: #C08B35;
    font-weight: 900;
    width: 310px;
    height: 55px;
    border: none;
    padding-left: 34px;
    /* background: url(images/yelp_reservations/Arrow.svg) #C08B35 no-repeat; */
    position: relative;
}

#yelp_reservation_toggl button:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 18px;
    left: 18px;
    background: url(images/yelp_reservations/Arrow.svg) no-repeat;
    transform: rotate(90deg);
    background-size: 100% 100%;
}


#yelp_popup{
    display: none;
    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 6000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    opacity: 0;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

#yelp_popup_wrap{
	display: none;
	position: fixed;
		top: 50%;
		left: 50%;
		z-index: 100;
	width: 90vw;
    height: 74vh;
	overflow: hidden;
	background-color: #000;

	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
    background: url(/wp-content/themes/panda-inn/images/yelp_reservations/yelp-widget-background.jpg?v=2);
    background-size: cover;
    background-repeat: no-repeat;
	padding-left: 50px;
    padding-right: 50px;
}

#yelp_popup_wrap .inner{
	background: #ffffff;
    margin: 5rem auto;
    border-radius: 20px;
    max-width: 1100px;
    position: relative;
    padding: 100px 20px;
}


#yelp_popup_wrap.nofocus a:focus,
#yelp_popup_wrap.nofocus button:focus,
#yelp_popup_wrap.nofocus a:focus-visible,
#yelp_popup_wrap.nofocus button:focus-visible{
	outline-color: transparent;
}

#yelp_popup_wrap #popup_dismiss{
	position: absolute;
		top: 2em;
		right: 2em;
		z-index: 1;
	overflow: hidden;
	padding: 0;
	margin-top: 0;
	opacity: 1;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	font-size: 1rem;
	cursor: pointer;
	width: 30px;
    height: 30px;
    background: url(/wp-content/themes/panda-inn/images/yelp_reservations/Close-Button.svg);
}

#yelp_popup_wrap #popup_dismiss span{
	font-size: 4rem;
	color: #FFF;
	font-weight: bold;
}




#yelp_popup_wrap #popup_header{
	display: block;
	margin-bottom: 20px;
	font-size: 4rem;
	color: #522762;
	font-weight: bold;
	text-align: center;  
	text-transform: uppercase;
}

#yelp_popup_wrap.is_image{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#yelp_popup_wrap.is_image #popup_dismiss {
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	padding: 0;
	margin: 0;
	font-size: 4rem;
}

#yelp_popup_wrap.is_image #popup_header,
#yelp_popup_wrap.is_image #popup_dismiss span{
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

#yelp_popup_wrap h2{
	font-family: "brandon-grotesque", sans-serif;
    color: #000000;
	font-size: 2rem;
    font-weight: 900;
    text-align: center;
}

#yelp_popup_wrap #select-location-buttons{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
    grid-gap: 15px 30px;
    justify-content: center;
}

#yelp_popup_wrap #select-location-buttons .yelp-location-open{
	padding: 10px 0px;
    /*margin: 0px 20px;*/
    border: 2px solid #B90318;
    border-radius: 10px;
    background: #fff;
    font-weight: 700;
    font-size: 1.15rem;
	display: flex;
    justify-content: center;
    width: 20%;
}

#yelp_popup_wrap #select-location-buttons .yelp-location-open:hover{
	background: #B90318;
	color: #ffffff;
}

#yelp_popup_wrap .yelp-reservation-description{
	padding: 10px 50px;
    max-width: 850px;
    margin: 0px auto;
}

#yelp_popup_wrap #popup_content,
#yelp_popup_wrap #popup_content p{
	font-size: 1.1rem;
    line-height: 1.5rem;
    margin-bottom: .5em;
    color: #000000;
    text-align: center;
    font-weight: 900;
}

#yelp_popup_wrap .iframe-container{
	background: url('/wp-content/themes/panda-inn/images/loading.gif');
	background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 50% 20%;
}

#yelp_popup_wrap .iframe-container iframe{
	margin-left: auto;
	margin-right: auto;
}

#popup_overlay{
    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 70;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

#yelp_popup.show{
    display: block;
}

#yelp_popup.reveal{
    opacity: 1;
}

.desktop_only{
	display: block;
}

.mobile_only{
	display: none;
}

@media (max-height: 800px){
    #yelp_popup_wrap{
        top: 400px;
        width: 90%;
        max-width: 600px;
    }
}

@media (max-width: 767px){
	
	#yelp_reservation_toggl button {
		font-size: 1.8rem;
	}
    
    #yelp_popup_wrap{
        position: absolute;
	        z-index: 1;
        -webkit-transform: translate(-50%,0%);
                transform: translate(-50%,0%);
		height: 90vh;
		top: 5vh;
		padding-left: 20px;
		padding-right: 20px;
		background-position-x: 5%;
    }
	
	#yelp_popup_wrap .inner{
		padding: 20px 20px;
	}
	
	#yelp_popup_wrap h2{
		font-size: 1.5rem;
	}
	
	#yelp_popup_wrap .yelp-reservation-description{
		padding-left: 0px;
		padding-right: 0px;
		display: none;
	}
	
	#yelp_popup_wrap #select-location-buttons{
		flex-wrap: wrap;
		grid-gap: 30px 30px;
	}
	
	#yelp_popup_wrap #select-location-buttons .yelp-location-open{
		width: 100%;
	}
	
	#yelp_popup_wrap .iframe-container iframe{
		width: 250px;
		height: 530px;
	}
	
	#yelp_popup_wrap #popup_dismiss {
		top: 0.5em;
		right: 0.5em;
	}

	.desktop_only{
		display: none;
	}

	.mobile_only{
		display: block;
	}
}


body .f24 .round-hero-copy .buttons{
	grid-gap: 15px 30px;
    flex-wrap: wrap;
}


#opentable_reservation_toggl{
	rotate: 270deg;
    position: fixed;
    right: -128px;
    top: 50%;
    z-index: 99;
}

#opentable_reservation_toggl button{
	font-family: "brandon-grotesque", sans-serif;
    font-size: 2rem;
    color: #FFFFFF;
    background: #C08B35;
    font-weight: 900;
    width: 310px;
    height: 55px;
    border: none;
    padding-left: 34px;
    /* background: url(images/opentable_reservations/Arrow.svg) #C08B35 no-repeat; */
    position: relative;
}

#opentable_reservation_toggl button:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 18px;
    left: 18px;
    background: url(images/opentable_reservations/Arrow.svg) no-repeat;
    transform: rotate(90deg);
    background-size: 100% 100%;
}


#opentable_popup{
    display: none;
    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 6000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    opacity: 0;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

#opentable_popup_wrap{
	display: none;
	position: fixed;
		top: 50%;
		left: 50%;
		z-index: 100;
	width: 90vw;
    height: 74vh;
	overflow: hidden;
	background-color: #000;

	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
    background: url(/wp-content/themes/panda-inn/images/opentable_reservations/opentable-widget-background.jpg?v=2);
    background-size: cover;
    background-repeat: no-repeat;
	padding-left: 50px;
    padding-right: 50px;
}

#opentable_popup_wrap .inner{
	background: #ffffff;
    margin: 5rem auto;
    border-radius: 20px;
    max-width: 1100px;
    position: relative;
    padding: 100px 20px;
}


#opentable_popup_wrap.nofocus a:focus,
#opentable_popup_wrap.nofocus button:focus,
#opentable_popup_wrap.nofocus a:focus-visible,
#opentable_popup_wrap.nofocus button:focus-visible{
	outline-color: transparent;
}

#opentable_popup_wrap .location-back{
    position: absolute;
    top: 0;
    left: 2em;
    left: 50px;
    z-index: 1;
    overflow: hidden;
    padding: 0;
    margin-top: 0;
    opacity: 1;
    -webkit-appearance: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    border-radius: 15px;
    line-height: 1;
}

#opentable_popup_wrap .location-back span{
	transform: translate(-1px, -3px);
    display: block;
}

#opentable_popup_wrap #popup_dismiss{
	position: absolute;
		top: 2em;
		right: 2em;
		z-index: 1;
	overflow: hidden;
	padding: 0;
	margin-top: 0;
	opacity: 1;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	font-size: 1rem;
	cursor: pointer;
	width: 30px;
    height: 30px;
    background: url(/wp-content/themes/panda-inn/images/opentable_reservations/Close-Button.svg);
}

#opentable_popup_wrap #popup_dismiss span{
	font-size: 4rem;
	color: #FFF;
	font-weight: bold;
}




#opentable_popup_wrap #popup_header{
	display: block;
	margin-bottom: 20px;
	font-size: 4rem;
	color: #522762;
	font-weight: bold;
	text-align: center;  
	text-transform: uppercase;
}

#opentable_popup_wrap.is_image{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#opentable_popup_wrap.is_image #popup_dismiss {
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	padding: 0;
	margin: 0;
	font-size: 4rem;
}

#opentable_popup_wrap.is_image #popup_header,
#opentable_popup_wrap.is_image #popup_dismiss span{
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

#opentable_popup_wrap h2{
	font-family: "brandon-grotesque", sans-serif;
    color: #000000;
	font-size: 2rem;
    font-weight: 900;
    text-align: center;
}

#opentable_popup_wrap #select-location-buttons{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
    grid-gap: 15px 30px;
    justify-content: center;
}

#opentable_popup_wrap #select-location-buttons .opentable-location-open{
	padding: 10px 0px;
    /*margin: 0px 20px;*/
    border: 2px solid #B90318;
    border-radius: 10px;
    background: #fff;
    font-weight: 700;
    font-size: 1.15rem;
	display: flex;
    justify-content: center;
    width: 20%;
}

#opentable_popup_wrap #select-location-buttons .opentable-location-open:hover{
	background: #B90318;
	color: #ffffff;
}

#opentable_popup_wrap .opentable-reservation-location{
	padding: 0px 50px;
	max-width: 850px;
    margin: 0px auto;
	position: relative;
}

#opentable_popup_wrap .opentable-reservation-description{
	padding: 10px 50px;
    max-width: 850px;
    margin: 0px auto;
}

#opentable_popup_wrap #popup_content,
#opentable_popup_wrap #popup_content p{
	font-size: 1.1rem;
    line-height: 1.5rem;
    margin-bottom: .5em;
    color: #000000;
    text-align: center;
    font-weight: 900;
}

#opentable_popup_wrap .iframe-container{
	background: url('/wp-content/themes/panda-inn/images/loading.gif');
	background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 50% 20%;
    background-position: 50% 35%;
}

#opentable_popup_wrap .iframe-container iframe{
	margin-left: auto;
	margin-right: auto;
	max-height: 200px;
}

#popup_overlay{
    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 70;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

#opentable_popup.show{
    display: block;
}

#opentable_popup.reveal{
    opacity: 1;
}

.desktop_only,
.over_1200{
	display: block;
}

.mobile_only,
.under_1200{
	display: none;
}

@media (max-width: 1200px){

	.over_1200{
		display: none;
	}

	.under_1200{
		display: block;
	}
	
	#opentable_popup_wrap .inner {
		padding: 60px 20px;
	}
	
	#opentable_popup_wrap .iframe-container iframe{
		max-height: 301px;
	}
}


@media (max-height: 800px){
    #opentable_popup_wrap{
        top: 400px;
        width: 90%;
        max-width: 600px;
    }
}

@media (max-width: 767px){
	
	#opentable_reservation_toggl button {
		font-size: 1.8rem;
	}
    
    #opentable_popup_wrap{
        position: absolute;
	        z-index: 1;
        -webkit-transform: translate(-50%,0%);
                transform: translate(-50%,0%);
		height: 90vh;
		top: 5vh;
		padding-left: 20px;
		padding-right: 20px;
		background-position-x: 5%;
    }
	
	#opentable_popup_wrap .inner{
		padding: 20px 20px;
		margin: 15rem auto;
	}
	
	#opentable_popup_wrap h2{
		font-size: 1.5rem;
	}
	
	
	#opentable_popup_wrap .location-back{
		left: 0;
	}
	
	#opentable_popup_wrap .opentable-reservation-location{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#opentable_popup_wrap .opentable-reservation-description{
		padding-left: 0px;
		padding-right: 0px;
		display: none;
	}
	
	#opentable_popup_wrap #select-location-buttons{
		flex-wrap: wrap;
		grid-gap: 30px 30px;
	}
	
	#opentable_popup_wrap #select-location-buttons .opentable-location-open{
		width: 100%;
	}
	
	#opentable_popup_wrap .iframe-container iframe{
		width: 250px;
		width: 224px;
		height: 530px;
		height: 301px;
	}
	
	#opentable_popup_wrap #popup_dismiss {
		top: 0.5em;
		right: 0.5em;
	}

	.desktop_only{
		display: none;
	}

	.mobile_only{
		display: block;
	}
}

@media (max-width: 440px){
	#opentable_popup_wrap .inner{
		margin: 9rem auto;
	}
}

body .f24 .round-hero-copy .buttons{
	grid-gap: 15px 30px;
    flex-wrap: wrap;
}