/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/
@import url("https://fonts.googleapis.com/css2?family=Londrina+Solid&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap");



html, body {
    overflow-x: hidden;
}


.wrapper {
	padding:0;
}
/* 28373e */

:root
{
  --darkgreen: #798c79;
  --palegreen: #b0d1b0;
  --cta-background-color: #ffe01b;
  --cta-background-color-disabled: #dbd9d2;
  --cta-stroke-color: #000;
  --cta-stroke-width: 0.0625rem;
  --fs-stroke: 3px;
  --cta-depth-color: #000;
  --cta-text-color: #000;
  --cta-text-size: 1em;
  --cta-line-height: 1.5;
  --cta-text-weight: 400;
  --cta-border-radius: 2em;
  --link-color: #241c15;
  --link-color-hovered: #241c15;
  --link-background-hovered: rgba(255,224,27,0.65);
  --selection-background-color: rgba(255,224,27,0.15);
}


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



	#ufo {
		position:absolute;
		top:95px;
		right:-300px;
		z-index:99999;
		width:317px;
		height:100px;
	}
	
	#ufo img {
		position:absolute;
	}
	
	#ufo img#img_duck {
		left:67px;
		cursor:pointer;
		z-index:99999;
	}
	
	#ufo #beam_wrapper {
		display:none;
		position:absolute;
		top:54px;
		width:317px;
		height:288px;
		z-index:88888;
	}
	
	#ufo #ufo_links {
		    position: absolute;
			text-align: center;
			z-index: 99999;
			left: 0;
			top: 136px;
			width: 100%;
	}
	
	#ufo #ufo_links a {
		display:block;
		clear:both;
		color:#eb6145;
		border-bottom:none;
		font-family:Roboto,sans-serif;
		font-weight:bold;
		font-size:.9em;
		margin-bottom:12px;
	}
	
	.dots-section {
		background-color:#efc55a;
		background-image:url("/treefort-wp/img/2022_aug/yellow-dots-bg.jpg");
	}
	
	#ufo #ufo_links a:hover {
		opacity:.5;
		text-decoration:none;
		border-bottom:none;
	}

	#ufo img#img_beam {
		opacity:.2;
	}


.home-site-title h1 {
	font-size:3em;
	letter-spacing:.15em;
	font-weight:700;
	width:100%;
}

.edit-link {
	display:none;
}

#main-nav {
	z-index:999;
	position:fixed;
	top:0;
	width:100%;
	box-shadow: -2px 4px 5px 0px rgba(0,0,0,1);
	-webkit-box-shadow: -2px 4px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: -2px 4px 5px 0px rgba(0,0,0,1);
}

.nav-tickets-link {
	display:none;
}

.elementor-heading-title {
	padding-top:32px;
}

#content > .row, .page-template-showlist #primary, .elementor-template-full-width #page {
	margin-top:116px;
	padding-top:2px;
}


.site-main#main {
	/*padding-top:64px;*/
}

.page-id-1215 #page {
	margin-top:114px;
}




.home #page {
	margin-top:100px;
}

#main-menu li,  .header-address, .header-mobile-btn {
	font-weight:100;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
}

.header-address {
	font-weight:100;
}

#main-menu li {
	margin: 0 16px;
}

#main-menu li a, .header-address, .header-mobile-btn {
	color:white;
	
}

#main-menu li a:hover {
	opacity:.6;
}

#main-menu li a.dropdown-item {
	
}

.dropdown-item:hover, .dropdown-item:focus {
	background-color:inherit;
}


#main-menu li.current_page_item a.dropdown-item {
	color:#fff;
	    font-size: .9em;
    font-weight: bold;
}

#main-menu li.current_page_item a.dropdown-item:hover {
	color:#b0d1b0;
}

.header-address a {
	color:white;
	text-decoration:none;
}
.header-address, .header-mobile-btn {
	float:right;
	margin-top:27px;
	margin-right:45px;
	cursor:pointer;
}

.header-address:hover {
	color:#538dc7;
}

.header-mobile-btn { 
	display:none;
}


.spec-download:after {
  content: "";
  display: table;
  clear: both;
}

.spec-download {
	margin:0 0 16px;
	background-color:#cee2ca;
	border-radius:8px;
	padding:16px;
}

.spec-download a {
	text-decoration:none !important;
	color:#ec6245;
}


#main-menu li.current_page_item a {
	color:#b0d1b0;
}

.navigation-container {
	width:100%;
	padding:5px 3px;
}

.navbar-brand, #navbarNavDropdown {
	float:left;
} 

.navbar-brand {
	margin-left:40px;
	margin-right:32px;
}

.navbar-nav {
	margin-top:18px;
}

.nav-directions {
	float:right;
	margin-right:14%;
	margin-top:16px;
}


.mh-sp-image.desktop {
	width: 100%;
    height: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    max-height:700px;
}
.mh-sp-image.desktop img {
	width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
} 
 

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

#main-menu li a.active {
	color:white;
}

.hap-hap-submenu-wrapper {
	position: fixed !important;
    top: 115px;
    z-index: 999;
    width: 100%;
    display:none;
	
}
.hap-hap-submenu {
	/* SHOW ONLY ON ID 1215, see below */
	
	
	padding:6px 0;
	background-color:#ec6245;
	position:fixed;
	width:100%;
}

.page-id-1215 .hap-hap-submenu { 
	display:block;
	
}

.hap-hap-submenu ul, .hap-hap-submenu ul li {
	list-style:none;
	list-style-type:none;
}

.hap-hap-submenu ul {
	display:flex;
	margin:0;
	padding:0;
	margin-left:176px;
}

.hap-hap-submenu ul li {
	margin-right:48px;
}
.hap-hap-submenu ul li a {
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	font-size:24px;
	text-decoration:none;
}

.about-wave-box, .wave-box {
	background-repeat:no-repeat;
	background-position-y:250px;
}

.hap-hap-events {
	border:6px solid #ec6245;
	background-color:#ec6245;
	/* lighter color: #ffcdb5 */
}

.hap-hap-event {
	clear:both;
	padding:12px;
	
	display:flex;
	justify-content:space-around;
	font-size:20px;
	font-weight:bold;
	color:#202b25;
	
}

.hap-hap-event:nth-child(even) {
	background-color:#ffcdb5;
	border-top:6px solid #ec6245;
}

.hhe-time {
	width:25%;
	text-transform:uppercase;
}

.white-bullets .swiper-pagination-clickable .swiper-pagination-bullet {
	border:2px solid white;
}

.black-bullets .swiper-pagination-clickable .swiper-pagination-bullet {
	border:2px solid black;
}


.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom:32px !important;
}




@media (min-width: 768px) {
    .elementor-1215 .elementor-element.elementor-element-f1eb58e {
        width: 35.331% !important;
    }
    


}



	.search-bar {
		display:flex;
		justify-content:flex-start;
		margin-left:32px;
		
	}
	

	.search-field {
		
		padding:4px 16px;
		height:32px;
		border-radius:20px;
		border:3px solid black;
		background-color:transparent;
		color:#333;
	}
	
	.search-field:focus {
		outline:none;
	}
	
	.search-bar .fa-rectangle-xmark {
		opacity:.01;
		color:#000000;
		font-size:28px;
		margin-left: 6px;
		margin-top: 3px;
	}
	
	.search-empty {
		opacity:.01;
		color:black;
		color: black;
		margin-left: 12px;
		margin-top: 6px;
	}
	
	
	

.hhe-headliner {
	width:50%;
	margin:0 3%;
	text-align:center;
	text-transform:uppercase;	
}

.hhe-headliner img.emoji, .hap-hap-event img.emoji {
	/*display:none !important;*/
}

.hhe-date {
	width:25%;
	text-align:right;
	text-transform:uppercase;
}

.hh-address h4 {
	font-family:"tekobold";
	color:#b0d1b0;
	font-size:2em;
}

.hh-gathering-text {
	letter-spacing:.1em;
}

@media (min-width: 800px) {
	.hh-address .elementor-widget-text-editor {
		margin-top:64px;	
	}
	

}


h1 {
	font-size: 32px;
    text-transform: uppercase;
    width: 80%;
    font-weight: bold;
    margin: 64px 0 64px 0;
}

h1.home-title {
		font-family:Londrina Solid,cursive;
		font-weight:bold;
		font-size: 112px;
		letter-spacing: 3px;
		color:#ec603d;
		text-align:center;
		margin:32px 0;
		width:100%;
		line-height:90%;
}

h2 {
	font-size: 24px;
    font-weight: bold;
    color: black;
    margin-bottom:24px;
    text-transform:uppercase;
}

h2.fs-header {
	width:85%;
	margin:0 auto 64px auto;
}

.home header.entry-header {
	display:none;
}

.home-haphap {
	position:relative;
}
.home-haphap .elementor-widget-container  {
	margin-top:400px;
}

.elementor-widget-image.home-haphap .widget-image-caption, .home-curated {
	margin-top:44px;
	color:var(--palegreen);
	text-align:center;
}

.elementor-widget-text-editor {
	color:black !important;
	font-size:1.2em;
}


.home-blurb {
	color:white;
	text-align:center;
	font-size:1.3em;
	width:70%;
	margin:0 auto;
}

.home-social {
	text-align:center;
	margin-top:180px;
}

.elementor .home-social img {
	max-width:35px;
}

.elementor-section.elementor-section-boxed.home-featured-shows-wrapper  > .elementor-container {
	max-width:none;
}






@font-face {
    font-family: 'tekobold';
    src: url('/fonts/teko-bold-webfont.woff2') format('woff2'),
         url('/fonts/teko-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* DUCK CLUB ADS */

.dc-ad {
	width:100%;
}


.dc-ad img {
	width:100%;
}


/* HAP HAP LOUNGE */

.page-id-735 a.anchor {
    display: block;
    position: relative;
    top: -112px;
    visibility: hidden;
}

.elementor-menu-anchor {
    display: block;
    position: relative;
    top: -190px;
    visibility: hidden;
}


.page-id-735 .site-main {
	padding-left:0;
	padding-right:0;
	
	
}


.page-id-735 h1, .page-id-735 h2, .page-id-735 h3 {
	font-family: 'tekobold', sans-serif;
	letter-spacing:.2em;
	color:#ccc;
}


.page-id-735 h2 {
	font-size:3em;
}



/* HAP HAP HAP HAP HAP HAP */



.page-id-735 #page-wrapper {
	background-color:#1F2B25;
}





.hh-toptext {
	padding: 18px;
    background: rgba(22,22,22,.8);
    position: absolute;
    left: 100px;
    z-index: 9;
    top: 100px;
    color: white;
}

.hh-toptext p {
	color: white;
}


.hh-topimg {
	position: absolute;
    left: -40px;
}

.hh-navmenu .elementor-widget-container {
	padding:48px 0;
}

.hh-navmenu .elementor-widget-container p {
	display:flex;
	justify-content:space-around;
	flex-wrap:nowrap;
}

.hh-navmenu .elementor-widget-container a {
	text-decoration:none !important;
	color:#8b8514;
	font-size: 1.3em;
	margin:0 1.8%;
	text-align:center;
}

.teko {
	font-family: 'tekobold', sans-serif;
	font-weight:700;
}


.drinks-col-wrapper {
	display:flex;
	justify-content:space-around;
}

.drinks-col {
	width:48%;
	margin-bottom:32px;
	border-radius:8px;
}

.col-classics {
	background-color:#b1ca8a;
}

.col-cocktails {
	background-color:#f1d484;
}

.col-food {
	background-color:#e4bfc4;
}

.col-food .di-text {
	border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

.col-food .di-cat > div:first-of-type {
	border-top:none;
}

.col-food .di-text {
	width:100%;
}

.col-food .di-name {
	border-bottom:1px solid #666;
}

.col-wines {
	background-color:#dea550;
}

.col-tap-beers, .col-cans---bottles {
	background-color:#7ebec9;
}

.drink-item {
	display:flex;
	justify-content:space-around;
	border-bottom:1px solid black;
}

.di-cat > div:first-of-type {
	border-top: 1px solid black;
}

.di-glass {
	width: 12%;
    border-right: 1px solid black;
    border-left: 1px solid black;
}

.di-text {
	width:88%;
	border-right: 1px solid black;
}

/*
.di-price-wrapper {
	width:10%;
	border-right: 1px solid black;
	position:relative;
}
*/
.di-price {
	background-color:black;
	color:#ccc;
	text-align:center;
	position:absolute;
	width: 12%;
	top:0;
    left: auto;
    right:0;
    padding: 4px;
	height:100%;
	
	display: flex;
    justify-content: center;
    align-items: center;
}


.di-cat {
	padding:32px;
}

.di-col {
	padding:8px;

}

.di-glass {
	text-align:center;
}

.di-glass-triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 100px 0 100px;
	border-color: #000000 transparent transparent transparent;
}

.di-glass img {
	width:32px;
}
.di-name {
	padding:8px 8px 4px 8px;
	border-bottom:1px solid black;
	text-transform:uppercase;
	color:#330000;
}

.di-description {
	padding:4px 8px 8px 8px;
	font-size:80%;
	position:relative;
	padding-right:14%;
}

.di-cat h3 {
	text-align:center;
	font-size:4.5em;
	text-transform:uppercase;
	font-family: 'tekobold', sans-serif;
	color:transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color:#783030;
	letter-spacing:.2em;
  
}


.di-cans---bottles h3, .di-zero-proof h3 {
	font-size:3.15em;
}
.di-cat.di-cans---bottles, .di-cat.di-tap-beers {
	/*background-color:#7ebec9*/
}

.di-cat.di-cans---bottles .di-price, .di-cat.di-tap-beers .di-price {
	color:#7ebec9
}


.di-cat.di-classics, .di-cat.di-zero-proof {
	/*background-color:#b1ca8a;*/
}

.di-cat.di-classics .di-price, .di-cat.di-zero-proof  .di-price {
	color:#b1ca8a;
}


.di-cat.di-cocktails {
	/*background-color:#f1d484;*/
}


.di-cat.di-cocktails .di-price {
	color:#f1d484;
}



.di-cat.di-wines {
	/*background-color:#dea550;*/
}

.di-cat.di-wines .di-price {
	color:#dea550;
}

.di-cat h5 {
	padding: 12px 0 6px 0;
    margin: 0;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    text-align: center;
    font-family: 'tekobold', sans-serif;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 1.7em;
    color:#3d3d3d;
}

.di-cat h5:first-of-type {
	border-top: 1px solid black;
	border-bottom: none;
}

.hh-arches h5 {
	font-family:"tekobold";
	color:#202b25;
	font-size:1.3em;
}

.hh-arches {
	color:#202b25 !important;
	font-weight:bold;
}
	

.page-id-735 .hh-arches .elementor-widget-text-editor {
	color:#202b25 !important;
}	

.hh-shows-button a.elementor-button {
	font-family:"tekobold";
	color:white;
	background-color:#ec6245;
	padding:18px 64px;
	border-radius:8px;
	text-decoration: none !important;
    font-size: 1.8em;
}

a.elementor-button {
	text-decoration:none;
}


/* MENU SLIDER */

.menu-active {
}
.hh-menu-slider {
	width:600px;
	position:relative;
	margin:8px auto;
}

.hh-menu-slider .drinks-col-wrapper {
	display:block;
}

.hh-menu-slider .drinks-col {
	float:left;
}

.hh-menu-slider .hh-food-details {
	color:#a84c4c;
}

.hh-menu-slider-liner {
	width:504px;
	overflow:hidden;
	position:relative;
	margin:8px auto;
	height:1000px;
}

.hh-menu-slider-train {
	width:100000px;
	position:absolute;
	left:0;
	top:0;
}


.hh-menu-slider .drinks-wrapper {
	display:flex;
	width:50000px;
}

.hh-menu-slider .drinks-col {
	width:500px;
	margin-right:24px;
}

.hh-menu-slider-arrows {
	    position: absolute;
    height: 32px;
    width: 100%;
    top: 300px;
}

.hh-menu-slider-arrows .hh-menu-slider-arrow {
	position:absolute;
	top:0;
	cursor:pointer;
}

.hh-menu-slider-arrows .hh-menu-slider-arrow img {
	width:40px;
	height:auto;
}

.hh-menu-slider-arrows .hh-menu-slider-arrow-r {
	position:absolute;
	right:-32px;
}

.hh-menu-slider-arrows .hh-menu-slider-arrow-l {
	position:absolute;
	left:-32px;
}





@media (max-width: 500px) {
.hh-navmenu .elementor-widget-container {
	flex-direction: column;
    align-items: center;
}

.hh-navmenu .elementor-widget-container a {
	margin: 8px;
    font-size: 1.8em;
}
.hh-menu-slider {
	width:300px;
}
.hh-menu-slider-liner {
	width:304px;
}
.hh-menu-slider .drinks-col {
	width:300px;
	margin-right:24px;
}

.hh-menu-slider .drinks-col-wrapper {
	display:flex;
}

.hh-menu-slider-arrows .hh-menu-slider-arrow-r {
	right:-40px;
}

.hh-menu-slider-arrows .hh-menu-slider-arrow-l {
	left:-40px;
}





}


/* HOME FEATURED SHOWS */


.home-featured-shows-section {
}

.fs-liner {
	/*
	width:85%;
	height:480px;
	background:transparent;
	margin:0 auto;
	position:relative;
	*/
}

/* HOME SLIDER */

.fs-slider-frame {
	/*width:100%;
	margin:0 auto;
	overflow:hidden;
	height:480px;
	position:absolute;
	*/
}

.fs-slider-btn {
	display:none;
	position:absolute;
	width:80px;
	height:80px;
	background-color:var(--palegreen);
	border:3px solid black;
	top:153px;
	cursor:pointer;
	z-index:999;
}

.fs-slider-btn-left {
	left:-80px;
}

.fs-slider-btn-right {
	right:-81px;
}


.fs-slider-slider {
	/*
	height:340px;
	width:4000px;
	position:absolute;
	left:0;
	top:0;
	*/
	width:100%;
	display:flex;
	justify-content:center;
}

.fs {
	float: left;
    width: 284px;
    margin: 0 12px;
    position:relative;
    padding-bottom:64px;
}


.home-featured-shows-section h2 {
	text-align:center;
}

.fs-all {
	margin-top:64px;
	margin-bottom:32px;
	text-align:center;
}

.fs-image {
	width:100%;
	width:284px;
	height:284px;
	overflow:hidden;
	position:relative;
	background:white;
}

.elementor img.mh-show-image-img {
	max-width:none !important;
}

.mh-show-image-img {
	width:252px;
	
}

.fs-image img.mh-show-image-img {
	position: absolute;
    width: auto;
   /* height: 284px; */
}

.fs-image img.fs-frame {
	position:absolute;
}


.fs-ticket, .fs-artists, .fs-date {
	text-align:center;
	padding:6px 4px;
	
}
.fs-ticket {
	padding: 32px 0 22px 0;
}

.fs-ticket .fun-button {
	text-transform:uppercase;
	padding:4px 50px;
}
.fs-artists {
	margin-top:12px;
}
.fs-date {
	text-transform:uppercase;
	padding-top:4px;
}

.fs-h1 {
	font-weight:bold;
	text-transform:uppercase;
}


.home .hap-hap-logo img {
	opacity:.5;
}

.home .hap-hap-logo img:hover {
	opacity:1;
}


.hap-hap-logo .elementor-widget-container {
	text-align:center;
}

.hap-hap-logo figcaption {
	margin-top:66px;	
	
	color:var(--palegreen);
	text-align:center;
}




/* SHOWS PAGE */

.shows-page {
	background-image:url("/img/ribbon-bg.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:0 -22px;
	margin-top:110px;
}
.shows-page h1 {
		width:95%;
		max-width:1300px;
        margin: 32px auto 64px auto;
		padding-top: 64px;
}

.show-page h1 {
        margin: 16px 0;
        width:100%;
        line-height:150%;
}


.mh-shows {
	width:95%;
	max-width:1300px;
	margin:32px auto;
}

.mh-show-wrapper, .mh-ad-wrapper {
	width:100%;
	border:4px solid black;
	height:256px;
	margin-bottom:36px;
	background:white;
	position:relative;
	display:flex;
}


.mh-ad-wrapper {
	height:auto;
	cursor:pointer;
}



.elementor-widget-wrap>.elementor-element.fun-button {
	width:auto;
	display:inline-block;
}

.elementor-widget-wrap>.elementor-element.fun-button.centered {
	margin:0 auto;
}

.elementor-element.fun-button .elementor-button {
	background-color:transparent;
	color:#000;
}



.tickets-are-low {
	background-color: #ec6245;
    padding: 8px 18px;
    border: 3px solid black;

    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    z-index: 99;
    font-size: .8em;
    margin-top: -60px;
    margin-bottom:30px;
}

		
.tickets-are-low.show-page {
	position:static;
	top:auto;
	left:auto;
	clear:both;
	display:block;
	margin-top:4px;
	margin-bottom:32px;
}

.tickets-are-low.show-page#low_tix {
	overflow:hidden;
	height:40px;
	position:relative;
	margin-left:0;
}

.tickets-are-low.show-page#low_tix > div {
	top: 4px;
    left: 4px;
    text-align: left;
    padding: 4px;
    position:absolute;
    width:max-content;
}

.tickets-are-low.show-page#low_tix #low_tix_div span {
	float:left;
	margin-right:12px;
}
		

.mh-show-image {
	width:256px;
	border-right:4px solid black;
	height:100%;
	overflow:hidden;
	
	aspect-ratio: 1 / 1; /* square */
	
}

.mh-show-image img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	display: block;
}

.mh-show-image img, .mh-show-image-img { 
	max-width:none;
	cursor:pointer;
}

.mh-show-image img:hover, .mh-show-image-img:hover { 
	cursor:pointer;
}

.mh-show-body {
	height:100%;
	width: calc(100% - 256px);
}

.mh-show-col {
	float:left;
	text-align:center;
	
	display: flex;
    flex-direction: column;
    align-items: center;
    height: 252px;
    justify-content: center;
    
}
.mh-show-date {
	width:25%;
	text-transform:uppercase;
}

.mh-show-artist {
	width:50%;
	cursor:pointer;
}

.mh-show-artist:hover {
	opacity:.9;
}

.mh-show-artist:hover div {
	color:#e9c0c4;
}

.mh-show-artist .mh-h1, .mh-show-artist .mh-h2, .mh-show-artist .mh-h3 {
	font-weight:bold;
	text-transform:uppercase;
}

.mh-show-artist a, .mh-show-artist a div {
	color:#333;
	text-decoration:none;
	cursor:pointer;
}


.mh-show-ticket {
	width:25%;
}


.mh-sp-liner {
	top:32px;
}


/*	
	@media (max-width: 400px) {
		
		.mh-show-date {
			width:33%
		}
		.mh-show-artist {
			width:66%
		}
		.mh-show-ticket {
			clear:both;
			margin-top:8px;
			width:100%;
		}
		
		.mh-show-image {
			width:100%;
			border-right:none;
		}
		
		.mh-show-image img {
			width:86%;
		}
		
	
	}
	
*/
	

/* SHORTCODES */

.subscribe-box {
	background-color:#b3d0b2;
	border:3px solid black;
	padding:40px;
}

.subscribe-blurb {
	color:white;
	margin:16px 0;
	font-size:
}

.subscribe-input {
	margin-bottom:38px;
}
.subscribe-input input {
	background-color:white;
	border:3px solid black;
	padding:12px;
	width:100%;
}


.playlists-box {
	background-color:#282828;
	border:2px solid black;
	padding:0;
}

.playlists-header {
	background-color:black;
	padding:20px;
}

/* FOOTER */

#footer {
	background-color:#28373e;
	position:relative;
	padding:72px 82px;
	max-width:none !important;
}

#footer .footer-social {
	float:left;
	display:flex;
	flex-direction:column;
}

#footer .footer-social img {
	margin-bottom:4px;
	width:34px;
	height:auto;
}


#footer .footer-main {
	width:100%;
	text-align:center;
	margin-top:24px;
}

#footer .footer-copyright {
	color:white;
	font-size:1.5em;
}

#footer .footer-tech-links {
	margin-top:16px;
}

#footer .footer-links {
	color:var(--palegreen);
	font-size:1.5em;
	margin-bottom:16px;
}

#footer .footer-tech-links {
	width:800px;
	margin:4px auto;
	position:relative;
}

#footer .footer-brand-links {
	position:relative;

}
#footer .footer-links.footer-brand-links a {
	color:white;
}


#rad_links {
	position: absolute;
    left: -81px;
    top: -130px;
    z-index: 999;
    width: 150px;
}

@media (max-width: 1100px) {	
	
	#rad_links {
    width: 100px;
    left:-50px;
    top:-80px;
	}
}




#footer .footer-links a {
	color:var(--palegreen);
	font-size:1.5em;
	font-size:.8em;
	text-transform:uppercase;
	text-decoration:none;
}

#footer .footer-links a:hover {
	color:white;
}

/* FOOD */

	.hh-food-menu {
		margin:0;
		color:white;
	}
	

	
	.hh-food-menu li {
		list-style:none;
		display:flex;
		font-size:16px;
		margin-bottom:8px;
		padding:8px;
		border-bottom:1px dotted #ccc;
		font-size:1.2em;
		color:#fff;
	}
	
	.hh-food-menu h5 {
		display:inline-block;
		margin:0 12px 0 0;
		font-size:inherit;
		color:#FFCDB5;
	}
	
	.hh-food-description {
		width:85%;
	}
	
	.hh-food-price {
		width:15%;
	}
	
	.hh-food-details {
		color:#b0d1b0;
		display:inline-block;
		margin-left:8px;
	}
	
	.hh-food-price {
		text-align:right;
	}






a.fun-button, .elementor a.fun-button {
	text-decoration:none !important;
}

.fun-button, .upcoming-shows-section__column--ticket-button a, .arep-form-submit-button, .fun-button-wrapper a {
	font-weight:bold;
    cursor: pointer;
    border: 2px solid black;
    text-transform:uppercase;
    background: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    --horizontal-padding: 1.5rem;
    --vertical-padding: 0.75rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Graphik Web,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;
    text-decoration: none;
    color: var(--cta-text-color);
    background:var(--palegreen);
    font-size: var(--cta-text-size);
    line-height: var(--cta-line-height);
    padding: 4px 32px;
    border-radius: var(--cta-border-radius);
    -webkit-box-shadow: 0 0 0 var(--cta-stroke-width,0) var(--cta-stroke-color);
    box-shadow: 0 0 0 var(--cta-stroke-width,0) var(--cta-stroke-color);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: relative;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.5,2.5,.7,.7),-webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    transition: -webkit-transform .3s cubic-bezier(.5,2.5,.7,.7),-webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    -o-transition: transform .3s cubic-bezier(.5,2.5,.7,.7),box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    transition: transform .3s cubic-bezier(.5,2.5,.7,.7),box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    transition: transform .3s cubic-bezier(.5,2.5,.7,.7),box-shadow .3s cubic-bezier(.5,2.5,.7,.7),-webkit-transform .3s cubic-bezier(.5,2.5,.7,.7),-webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
}


.fs-slider-btn  {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
       border-radius: 0;
    -webkit-box-shadow: 0 0 0 var(--cta-stroke-width,0) var(--cta-stroke-color);
    box-shadow: 0 0 0 var(--cta-stroke-width,0) var(--cta-stroke-color);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.5,2.5,.7,.7),-webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    transition: -webkit-transform .3s cubic-bezier(.5,2.5,.7,.7),-webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    -o-transition: transform .3s cubic-bezier(.5,2.5,.7,.7),box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    transition: transform .3s cubic-bezier(.5,2.5,.7,.7),box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
    transition: transform .3s cubic-bezier(.5,2.5,.7,.7),box-shadow .3s cubic-bezier(.5,2.5,.7,.7),-webkit-transform .3s cubic-bezier(.5,2.5,.7,.7),-webkit-box-shadow .3s cubic-bezier(.5,2.5,.7,.7);
}





.fun-button:hover, .fs-slider-btn:hover {
    color: var(--cta-hovered-text-color,var(--cta-text-color));
    -webkit-box-shadow: 0 0 0 var(--cta-stroke-width,0) var(--cta-stroke-color),0 var(--animation-depth,.375em) 0 0 var(--cta-depth-color);
    box-shadow: 0 0 0 var(--cta-stroke-width,0) var(--cta-stroke-color),0 var(--animation-depth,.375em) 0 0 var(--cta-depth-color);
    -webkit-transform: translateY(calc(-1*var(--animation-depth, .375em)));
    -ms-transform: translateY(calc(-1*var(--animation-depth, .375em)));
    transform: translateY(calc(-1*var(--animation-depth, .375em)));
  } 
  
 
.fun-button.white-fun-button {
	background-color:white;
	color:black;
}
  
  
#primary.show-page {
	margin-top:114px;
	padding:0;
}
 
.mh-sp-cols {
	display:flex;
	justify-content:space-between;
	min-height:1900px;
	overflow:auto;
}

.mh-sp-col1 {
	width:33%;
	padding:64px;
	background-color:#798c79;
}
.mh-sp-col2 {
	width:67%;
}

.mh-sp-supporting {
	margin:4px 0 16px 0;
}

.mh-show-col .mh-sp-supporting {
	margin:4px 0;
	font-weight:100;
}

.mh-show-description {
	padding:64px;
	font-size:1em;
	padding-bottom:32px;
}


.mh-sp-supp-wrapper {
	margin:8px auto 16px auto;
	border-top:1px solid #ccc;
	padding-top:16px;
	width:90%;
}

.mh-sp-supp-wrapper .mh-sp-image {
	width:50%;
	display:block;
	margin:12px auto;
}

.mh-sp-supp-blurb {
	font-size:1em;
	margin:32px;
}

.mh-sp-supp-blurb h3 {
	font-size:1.4em;
	font-weight:bold;
}

.mh-sp-supp-header {
	text-align:center;
	border-bottom:1px dotted #ccc;
	padding:0;
}

.mh-show-poster {
	width:90%;
	margin:16px auto;
}
.mh-show-poster img {
	width:100%;
	height:auto;
}


.show-page__share-icon {
    width: 24px;
    height: 24px;
}

.show-page__share-link.addeventatc .addeventatc_icon {
    display: none;
}

.show-page__share-link.addeventatc {
    text-shadow: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none;
    padding: 0;
    z-index: 2;
}


.addeventatc .addeventatc_icon {
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1;
    left: 12px;
    top: 10px;
    background: url(https://cdn.addevent.com/libs/imgs/icon-calendar-t1.svg) no-repeat;
    background-size: 18px 18px;
}

.show-page__sharing-container {
    font-family: Poppins,sans-serif;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: .9rem;
    color: #000;
}

.show-page__sharing-container img {
	margin:0 4px;
}

.mh-sp-image img {
	width:100%;
}

.mh-sp-spotify {
	margin-top:16px;
}

.mh-sp-soldout {
	margin:16px 0 16px 0;
}
.mh-sp-tickets {
	margin-top:24px;
}
.mh-sp-tickets, .mh-sp-rsvp {
	margin:16px 0;
}

.mh-sp-rsvp .fun-button {
	background:#f6b9b9;
}
.show-page__spotify-embed {
    width: 100%;
    height: 380px;
}



/* events bar imported from duck club */

.upcoming-shows-wrapper {
	margin:32px auto;
	width:100%;
}
.upcoming-shows-section__row, .upcoming-shows-section__row--shows {
    display:flex;
    flex-wrap: wrap;
}



.upcoming-shows-section__row--shows {
    position: relative;
    margin: 0;
    padding: 12px 0;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   

    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
}

.upcoming-shows-section__row--shows.show-even {
	background-color:#f0f0f0;
}

.upcoming-shows-section__row--shows:last-child {
	border-bottom:2px solid black;
}

.show-list-all {
	text-align:center;
	padding:32px;
}

.shows-section__column {
	display:flex;
	align-items:center;
	
    justify-content:space-between;
}


.upcoming-shows-section__column--date {
	width:10%;
}
.upcoming-shows-section__column--artists {
    width:25%;
}
p.upcoming-shows-section__venue {
	margin-bottom:0;
	font-style: italic;
	font-size:.8em;
}

.upcoming-shows-section__column--venue {
   width:20%;
}

h3.upcoming-shows-section__headliner {
	font-size: 1.2rem;
}

h3.upcoming-shows-section__headliner a {
	font-family: Poppins,sans-serif;
    font-weight: 700;
    margin: 0;
    color: #000;
    text-decoration:none;
}


.upcoming-shows-section__column--ticket-button {
   width:25%;
   justify-content:flex-end;
}








 
 
 /* ACCORDION */
 
 .ea-card, .sp-ea-single {
	 border-bottom:3px solid black !important;
 }
 
 h3.ea-header {
	 padding:32px 0;
 }
 
 
 .home #page-wrapper {
	 background-color:#202b25;
 }
 .page-id-28 #page,  .page-id-487 #page {
	 background-color:#b0d1b0;
 }



.navbar-toggler {
	display:none;
}

.subscribe-box h3 {
	color:white;
	text-transform:uppercase;
	color:white;
	margin-bottom:12px;
}


#arep-form-8196-header {
	display:none;
}

.arep-form-label {
	font-size:.8em;
	color:white;
	text-transform:uppercase;
}
.arep-form {
    width: 100%;
    max-width: 600px;
}
.arep-input {
    display: block;
    width: 100%;
}
.arep-form-field-wrapper {
    margin-bottom: 12px;
}
.arep-mobileNumber-input-wrap .arep-mobileNumber-code-input {
    display: inline-block;
    width: 100px;
    margin-right: 6px;
}
.arep-mobileNumber-input-wrap .arep-mobileNumber-number-input {
    display: inline-block;
    width: calc(100% - 100px - 6px);
}

#arep-submit-8196-button {
	margin-top:16px;
}



@media (max-width: 1200px) {	
	
		#main-menu li a {
			font-size:.8em;
		}
		
		.navbar-expand-md .navbar-nav .nav-link {
			padding:.25rem;
		}
		
		.header-address {
			font-size:.8em;
		}
		
		.navbar-brand {
			margin-left:20px;
			margin-right:20px;
		}
		
		.hap-hap-submenu ul {
			margin-top:4px;
		}
		
		.hap-hap-submenu ul li a {
			font-size:1.2em;
		}

}


@media (max-width: 980px) {	
	.drinks-col-wrapper {
		display:block;
	}
	
	.drinks-col {
		width:100%;
		clear:both;
	}


}





@media (max-width: 894px) {
	
		#main-menu li a {
			font-size:.65em;
		}
		
		.navbar-expand-md .navbar-nav .nav-link {
			padding:0;
		}
	
}



@media (max-width: 767px) {
	
	
	.mh-show-date {
  display: flex;
  flex-wrap: wrap;
          flex-direction: row;
        justify-content: center;
}

.mh-date-line#dow, .mh-date-line#doo {
	text-align:right;
	padding-right:8px;
}

.mh-date-line#dat, .mh-date-line#age {
	text-align:left;
	padding-left:8px;
}

.mh-show-date .mh-date-line {
  flex: 0 0 50%; /* Take up half the container */
  box-sizing: border-box; /* Ensures padding/margin don't overflow */
}




	.nav-tickets-link {
		display: block;
	    position: absolute;
	    top: -34px;
	    left: 0;
	    width: 100%;
	    height: 34px;
	    background: #ec6245;
	    color: black;
	    padding-top: 7px;
	    text-align: center;
	    font-weight: bold;
	    overflow:hidden;
	    font-size:.8em;
	}
	
	.nav-tickets-link .tickets-ticker {
		position:absolute;
		top:9px;
		left:0;
		width:max-content;
	}
	
	.tickets-ticker span {
		margin-right:16px;
		color:#333;
	}

	.mh-date-line {
		display:inline-block;
	}
	
	.mh-date-line#doo {
		clear:both;
	}
    
	.two-col-text .elementor-column:nth-child(2) {
		margin-top:-60px;
	}



	.hh-navmenu .elementor-widget-container p {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	flex-direction:column;
	}


	a.anchor, .elementor-menu-anchor {
		top:-12px;
	}
	
	.hh-toptext {
		top:auto;
		left:auto;
	}
	.hh-topimg {
		left:auto;
	}
	
	.di-cat {
		padding:12px;
	}
	
	.di-description, .di-name {
		height:auto;
	}
	
	.di-price-wrapper {
		background-color:black;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	.di-glass {
		width:15%;
	}
	.di-text {
		width:85%;
	}


	.di-cat h3 {
		font-size:2.5em;
	}
	
	
}


/* ********* MEDIA QUERIES!! ******* */



@media (max-width: 1000px) {
	 #main-menu {
		font-size:1em;
	}
	
	.fun-button.nav-directions { 
		margin-right: 16px;
		font-size: 12px;
		padding: 8px 18px;
		margin-top:22px;
	}
	

}



@media (max-width: 767px) {
	 #main-menu {
		font-size:1em;
	}
	.fun-button.nav-directions { 
		display:none;
	}
	.navbar-toggler {
		float:right;
		margin:18px 18px 0 0;
	}
	
	.home-haphap .elementor-widget-container  {
		margin-top:32px;
	}
	
	.home-social {
		margin-top:32px;
	}
	
	.hap-hap-logo img {
		width:66% !important;
		
	}
	.flag-tower img {
		width:50% !important;
	}
	
	#primary.show-page {
		margin-top:0;
	}
	
	.mh-sp-sticky {
		position:relative;
	}
	
	.mh-sp-sticky h1 {
		text-align:left;
	}
	
	.mh-sp-cols {
		display:block;
	}
	
	.mh-sp-col1 {
	width:100%;
	padding:16px;
	}
	
	.mh-sp-col2 {
	width:100%;
	padding:16px;
	}
	
	.mh-sp-info {
		text-align:center;
	}
	.mh-sp-info-text {
		text-align:center;
		margin:16px auto;
	}
	
}




@media (max-width: 800px) {
		
		.mh-show-description {
			padding:16px;
			font-size:1em;
		}

		
		.search-bar {
		flex-direction:column;
		width:80%;
		margin:0 auto;
		text-align:center;
		}
		
		.mh-shows {
			margin:8px auto;
		}

		#footer .footer-tech-links {
			width:100%;
		}
		
		#rad_links {
			left:-80px;
			top:0;
		}
		.tickets-are-low {
			position:absolute;
			margin:0;
			background-color: #ec6245;
			padding: 8px 12px;
			left: -12px;
			top: -12px;
			right:auto;
			bottom:auto;
			font-size:.8em;
	
		}

		.page-id-1215 .nav-tickets-link { 
			display:none;
		}

		.page-id-1215 .hap-hap-submenu-wrapper {
			position: fixed !important;
			width: 100%;
			height: 36px;
			left: 0;
			display: block;
			z-index: 9999999;
			top: auto;
			bottom: 57px;
			display:block;
		}
		.hap-hap-submenu ul {
			margin-left:0;
			margin-right:0;
			display:flex;
			justify-content:space-around;
		}
		
		.hap-hap-submenu ul li {
			margin-right:0;
		}

		.hap-hap-submenu ul li a {
			font-size:16px;
		}


		#content > .row, .page-template-showlist #primary, .elementor-template-full-width #page {
			margin-top:0;
			padding-top:0;
		}
		
		.shows-page {
			margin-top:32px;
		}
		.shows-page h1 {
			margin-top:0;
		}

		.mh-sp-tickets, .mh-sp-rsvp {
			margin:4px 0;
		}
		
		.mh-show-col.mh-show-artist {
			padding:0 8px;
		}
		
		.hap-hap-event {
			font-size:16px;
		}
		.desktop {
			display:none;
		}
		
		h1, h1.elementor-heading-title, .mh-sp-supporting {
	
			text-align:center;
			width:100%;
		}
		
		.mh-shows {
			width:100%;
		}
		.mh-show-wrapper {
			height:auto;
			border:none;
			margin:16px auto 32px auto;
			width:80%;
			flex-direction:column;
		}
		
		.mh-ad-wrapper {
			height:auto;
			margin:16px auto 32px auto;
			width:80%;
		}
		
		
		.mh-show-body {
			float:none;
			width:100%;
			clear:both;
			padding-bottom:12px;
			
			
			border:4px solid black;
			margin:0 auto;
			margin-top:-4px;
		}
		.mh-show-col {
			padding-top:16px;
			float:none;
			width:100%;
			height: auto;
			padding: 12px 0;
		}
		
		.mh-show-image {
			margin:0 auto;
			border:4px solid black;
			float:none;
			width:100%;
		}
		
		.mh-show-image img {
			display:block;
			margin:0 auto;
			width:100%;
		}
		
		.mh-show-ticket .fun-button {
			padding:8px 38px;
		}
		

	#ufo { display:none; }
	
	.collapse:not(.show) {
		display: block !important;
	    position: fixed;
	    background-color: black;
	    bottom: 56px;
	    right:-300px;
	    padding:32px;
	}
	
	.page-id-1215 .collapse:not(.show) {
		bottom:86px;
	}


	
	h1.home-title {
		font-size:21vw;	
	}
	
	.fs-slider-slider {
		display:block;
	}
	.fs {
		float:none;
		margin:48px auto 24px auto;
	}
	
	.fs-ticket {
	    padding: 12px 0 10px 0;
	}
	
	.fs-date {
		padding-top:1px;
	}
	
	.fs-all {
		margin-top:24px;
	}

	
	#main-nav {
		top:auto;
		bottom:0;
		border-top:2px solid black;
		padding:0;
		
	}
	
	#footer {
		padding-bottom:136px;
		padding-top:24px;
	}
	
	.header-address {
		display:none;
	}
	
	.header-mobile-btn { 
		display:block;
	}
	
	.navbar-brand {
		width:40px;
		margin-left:20px;
		margin-top: 2px;
		margin-bottom: 4px;
	}
	
	.navigation-container {
		padding:0;
	}
	
	.header-mobile-btn {
		margin-top:15px;
		font-size:18px;
	}
	
	#primary, .elementor {
		margin-top:0;
	}
	
	.mobile-center .elementor-widget-container {
		text-align:center;
	}
	
	#footer .footer-social {
		flex-direction: row;
		position: absolute;
		bottom: 80px;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
		left: 0;
	}
	
	#footer .footer-social img {
		margin:0 2px;
	}
}


@media (min-width: 801px) {
	.mobile {
		display:none;
	}

}



@media (max-width: 400px) {
	

	.mh-show-wrapper {
		width:83%;
	}
	
	#rad_links {
		display:none;
	}
	
	.hap-hap-event {
			font-size:14px;
			padding:4px;
		}

}