/**
 * This file will be included in header in every page after foundation.
 * It should be used for content that relates
 * to your site as a whole, it should not be used for plugin-specific css.
 */

html {
		overflow-y: scroll;
		/* This ensures that the page always has a scrollbar to ensure that some headers load correctly without FOUC */
}

@media screen and (max-width: 1024px) {
	html.noscroll,
	body.noscroll {
		overflow-y: hidden;
		/* When the mobile nav is open, the page's scroll bar needs to disappear.  This is because the mobile nav
		is fixed, so if it becomes too long, it creates its own scroll bar that allows the user to scroll the mobile nav.
		We hide the page's scroll bar so there aren't two scroll bars */
	}	
}

html, body {
	height: 100%;
	background-color: #ececec;
}

h1 {
	font-size: 1.6rem;
	color: #696460;
	font-family: 'petala-pro', sans-serif;
}

h3 {
	font-size: 1.1rem;
	color: #696460;
	font-weight: normal;
	font-family: 'petala-pro', sans-serif;
}

h4 {
	font-size: 0.9rem;
	color: #696460;
	font-weight: bold;
	font-family: 'petala-pro', sans-serif;
}

body > .contentRender {
	min-height: 100%;
	height: 100%;
}

body .mfp-close:hover, body .mfp-arrow:hover, body .mfp-arrow:focus {
	background-color: transparent; /* foundation compatibility with magnific popup */
}

.panel_page {
	min-height: 100%;
	position: relative;
}

.row {
	max-width: 1320px;
}

.columns {
	position: static;
	padding: 0;
}

.contentRender_name_plugins_core_textbox,
.control-width,
.panel_intro_homepage {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px
}

.panel-two-column {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}

.panel-two-column > div {
	position: relative;
	padding: 0 10px
}

.panel-two-column .contentRender_name_plugins_core_textbox,
.panel-two-column .control-width,
.panel-two-column .panel_intro_homepage,
.panel-two-column .grid-placements-widget,
.panel-two-column .control-width.recent-pages,
.panel_intro_homepage .contentRender_name_plugins_core_textbox,
.panel-two-column .addthis-container,
.panel-two-column .book_now,
.panel-two-column .enews,
.panel-two-column .contentRender form.simpleForm, 
.panel-two-column .contentRender div#sv_submit_event_form.submitEventForm {
	padding: 0;
}

@media (min-width: 320px) and (max-width: 820px) {
	.panel-two-column .contentRender_name_plugins_core_textbox iframe {
		width: 100%;
	}
}

/* should be removed with one col panel */
.panel_custom_one_col {
	padding-top: 20px;
}


@media (min-width: 768px) {
	.panel-two-column {
		display: grid;
		grid-template: auto / 220px minmax(0, 1fr);
		gap: 20px;
	}

	.panel-two-column.sidebar-left .main-container {
		order: 2;
	}
	
	.panel-two-column.sidebar-left .sidebar-container {
		order: 1;
	}
}

@media screen and (max-width: 768px) {
	.columns {
		padding: 0;
	}
	.contentRender_type_panel > .control-width {
		padding-left: 0;
		padding-right: 0;
	}
	.sidebar-container {
		min-height: 0 !important;
	}
}

.addthis-container {
	float: right;
	max-width: 1320px;
	margin: 4px auto 0 auto;
	padding: 0 20px;
}

[data-sv-addthistemplate] {
	visibility: hidden;
}

[data-sv-addthistemplate] a {
	color: #047E9F;
	font-family: 'petala-pro', sans-serif;
} 

.book_now {
	max-width: 1320px;
	margin: 0 auto 20px;
	padding: 0 20px;
}

.custom-embed iframe {
	max-width: 100%;
}








/* header related styles */
.panel_custom_header {
	background-color: #EFE9D3;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8);
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	z-index: 1;
}

.panel_custom_header .logo p {
	margin-bottom: 0px;
}

/* footer related styles */
.panel_custom_footer {
	position: absolute;
	bottom: 0px;
	height: 100px;
	width: 100%;
	background-color: #2C281B;
	padding-top: 20px;
	color: white;
}

.panel_custom_footer .mobile-fixed {
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 9999;
}

.panel_custom_footer.hasMobileAd {
	height: 150px;
}

.panel_custom_footer.hasMobileAd .mobileAd {
	display: block;
}

.panel_custom_footer .mobileAd {
	display: none;
	width: 100%;
	height: 50px;
}

.panel_custom_footer .mobileAd #dtnContainer {
	padding: 0px;
	position: relative;
	margin: 0 auto;
	width: 320px;
	display: block;
}

.panel_custom_footer .mobileAd .banner-close {
	position: absolute;
	top: -18px;
	cursor: pointer;
	right: 0px;
	padding: 0px 3px;
	opacity: .75;
	color: white;
	background: #111;
	font-size: 12px;
}

.panel_custom_footer .mobileAd .fa {
	color: white;
}

.navFooter {
	margin-left: 0px;
	margin-bottom: 0px;
}

.navFooter .item {
	display: inline;
}
.navFooter .item {
	border-right: 1px solid #ccc;
	margin-right: 5px;
	padding-right: 5px;
}

.navFooter .item:last-child {
	border-right: 0px;
}

.navFooter .item a {
	font-size: 15px;
	line-height: 35px;
	color: #ccc;
	text-transform: uppercase;
}
.navFooter .item.no-border a {
	border: none;
}
.navFooter ul.dl-submenu {
	display: none;
}





.youtube-logo {
	background: url(/includes/public/assets/shared/youtube_logo_bw.png) no-repeat;
}

/* Consistent styling for shared action items in event/listing/offer layout and detail */
/* Usually appears as foo | bar | baz, span separated */
.shared-action-items {
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 16px;
}

.shared-action-items span {
	padding-right: 5px;
	margin-right: 5px;
	float: left;
	border-right: 1px solid #ccc;
}

.shared-action-items span:last-child {
	border-right: none;
}

/* shared back button used in event/listing/offer/blog  */
.shared-back-button{
	display: none;
}


/** snippet is shared in offer detail, listing layout, listing detail **/
.yelp-snippet {
	font-size: 12px;
}

.yelp-snippet .yelp-logo img {
	height: 23px;
	position: relative;
	top: -3px;
}

.yelp-snippet .yelp-bottom {
	font-size: 12px;
}

.yelp-snippet .yelp-price {
	font-size: 12px;
	font-weight: bold;
}

.yelp-snippet .yelp-review-count {
	color: #666;
}

.logo img {
	height: 40px;
	width: 90px;
}

button:focus {
	outline: none;
}

/*quote*/
.quote {
	margin: 0 auto;
	max-width: 681px;
	color: #047E9F;
	font-size: 30px;
	font-family: 'petala-pro', sans-serif;
	padding-left: 20px;
	padding-right: 20px;
}
.quote .quote-open-close {
	font-size: 88px;
	color: #047E9F;
	font-weight: 500;
	display: inline-block;
	height: 60px;
	line-height: 88px;
	vertical-align: middle;
	opacity: .48;
}

.shared-play-button {
	width: 60px;
	height: 60px;
	line-height: 1;
	border: 3px solid rgba(255, 255, 255, 1);
	font-size: 26px;
	text-align: center;
	border-radius: 50%;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	position: absolute;
	padding: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	pointer-events: none;
	transition: background 100ms, border-color 100ms;
}

/* account for fixed nav on anchors */ 
a[name] {
	display: block;
	position: relative;
	top: -60px;
	visibility: hidden;
}

/* -- change font family for inputs -- */

input,
select,
button {
	font-family: 'petala-pro', sans-serif;
}