/*  MICROTHEMER STYLES  */


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

/** Header >> Festival Header Row **/
.festival-header-row {
	position: relative !important;
	overflow: visible !important;
}
.festival-header-row .fl-row {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/** Header >> Set constant Header Height and sides **/
.festival-header-row .fl-row-content-wrap {
	height: 54px !important;
	padding-right: 76px !important;
	padding-left: 76px !important;
	position: relative !important;
	overflow: visible !important;
}

/** Header >> Red Triangle **/
.festival-header-row:after {
	background: #D04034 !important;
	width: 46px !important;
	height: 46px !important;
	position: absolute !important;
	top: 25px !important;
	right: 92px !important;
	z-index: 1 !important;
	transform: rotateZ(-45deg) !important;
	content: '' !important;
}

/** Header >> Menu toggle Icon **/
.my-menu-icon {
	height: 20px !important;
	padding-top: 5px !important;
	position: relative !important;
	z-index: 999 !important;
	float: right !important;
	cursor: pointer !important;
}
#my-menu-toggle {
	cursor: pointer !important;
}
#nav-toggle span {
	line-height: 0 !important;
	background: #ffffff !important;
	width: 50px !important;
	height: 2px !important;
	margin-top: 7px !important;
	border-radius: 1px !important;
	position: relative !important;
	top: 0% !important;
	-webkit-transition: 200ms ease-in !important;
	-webkit-transition: 200ms ease-in !important;
	transition: 200ms ease-in !important;
	display: block !important;
	cursor: pointer !important;
	content: '' !important;
}
#nav-toggle span:before, 
#nav-toggle span:after {
	cursor: pointer !important;
	border-radius: 1px !important;
	height: 2px !important;
	width: 50px !important;
	position: absolute !important;
	display: block !important;
	background: #ffffff !important;
	content: '' !important;
	-webkit-transition: all 200ms ease-in-out !important;
	-webkit-transition: all 200ms ease-in-out !important;
	transition: all 200ms ease-in-out !important;
}
#nav-toggle span:before {
	top: -8px !important;
}
#nav-toggle span:after {
	bottom: -8px !important;
}
#nav-toggle.active span {
	background-color: transparent !important;
}
#nav-toggle.active span:before, 
#nav-toggle.active span:after {
	top: 0 !important;
	color: #FBD324 !important;
}
#nav-toggle.active span:before {
	transform: rotate(45deg) !important;
	height: 4px !important;
	background: #FBD324 !important;
}
#nav-toggle.active span:after {
	transform: rotate(-45deg) !important;
	height: 4px !important;
	background: #FBD324 !important;
}

/** Header >> Menu Insert **/
.menu-html-insert {
	width: 100% !important;
	padding: 0 !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	z-index: 9 !important;
}
.menu-html-insert .fl-row-content-wrap {
	padding: 0 !important;
}

/** Header >> Ticket Logo **/
.buy-tickets-logo {
	position: relative !important;
	bottom: -26px !important;
	z-index: 99 !important;
}

/** Header >> WP image 2447 **/
.fl-photo-content .wp-image-2447 {
	position: relative !important;
	z-index: 1 !important;
}


/*= Mobile Menu Stuff ========= */

/** Mobile Menu Stuff >> Menu Row sizing and position **/
.menu-popup-container-row {
	height: 100vh !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 9999 !important;
}
.full-menu-row {
	position: relative !important;
}
.menu-col {
	max-width: 700px !important;
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	height: 100vh !important;
}

/** Mobile Menu Stuff >> Main Menu Link Positioning **/
.popup-menu-module {
	position: absolute !important;
	top: 76px !important;
	right: 66px !important;
}

/** Mobile Menu Stuff >> Submenu top padding **/
#full-menu-row .fl-has-submenu-container a {
	padding-right: 14px !important;
}

/** Mobile Menu Stuff >> Sub menu link **/
#full-menu-row .sub-menu a {
	font-size: 16px !important;
	font-weight: 200 !important;
	padding-bottom: 15px !important;
}

/** Mobile Menu Stuff >> Menu Col Background **/
.menu-col .fl-col-content {
	height: 100vh !important;
	background: linear-gradient(to bottom, #1B4659 0%, #1B4659 calc(100% - 165px), #133C4E calc(100% - 165px), #133C4E 100%) !important;
}

/** Mobile Menu Stuff >> Popup's Logo **/
.menu-col:after {
	width: 200px !important;
	height: 130px !important;
	position: absolute !important;
	bottom: 20px !important;
	right: 98px !important;
	z-index: 999999 !important;
	content: '' !important;
	background-size: contain !important;
	background-image: url('../images/beerfestlogo_menu.png') !important;
	background-repeat: no-repeat !important;
}

/** Mobile Menu Stuff >> Menu Links **/
#menu-header-menu a {
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
}


/*= General =================== */

/** General >> Home Img Slider Nav **/
.pp-image-carousel .swiper-pagination-bullet {
	border: 2px solid white !important;
}

/** General >> Max Width Headings **/
.middle-heading-width {
	max-width: 635px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/** General >> Red Button **/
/* Button Changes */ 	/* Red Buttons */.fl-button {
	
}
.fl-button {
	border-radius: 50px !important;
	background: #D04034 !important;
	color: #000000 !important;
	font-family: Vitesse !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	border: none !important;
	-webkit-animation-duration: .2s !important;
	animation-duration: .2s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	padding: 11px 23px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
}
.fl-button:hover {
	transform: translate3d(0, -4px, 0) !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	border: none !important;
}
.fl-button-text {
	color: #ffffff !important;
	-webkit-text-stroke-width: 1px !important;
	-webkit-text-stroke-color: white !important;
}

/** General >> Yellow Button **/
/* Button Changes */ 	/* Red Buttons */.fl-button {
	
}
.yeller-btn .fl-button {
	background: #FAD536 !important;
}
.yeller-btn .fl-button-text {
	color: #1B4659 !important;
	-webkit-text-stroke-width: 1px !important;
	-webkit-text-stroke-color: #1B4659 !important;
}

/** General >> Blue Button **/
.blue-btn .fl-button {
	text-transform: uppercase !important;
	letter-spacing: 1.1px !important;
	background: #012C45 !important;
	padding: 13px 41px 13px 41px !important;
	border-width: medium !important;
	border-style: none !important;
	-webkit-animation-duration: .2s !important;
	animation-duration: .2s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
}
.blue-btn .fl-button-text {
	color: #ffffff !important;
	letter-spacing: 12px !important;
}

/** General >> Secondary Transparent Btn **/
.transparent-btn .fl-button {
	text-transform: uppercase !important;
	letter-spacing: 1.1px !important;
	background: initial !important;
	padding: 10px 35px 10px 35px !important;
	border-width: medium !important;
	border-style: none !important;
	-webkit-animation-duration: .2s !important;
	animation-duration: .2s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	padding-left: 0 !important;
}
.transparent-btn .fl-button-text {
	color: #464547 !important;
	font-family: ultramagnetic !important;
	font-size: 14px !important;
	margin-left: 0 !important;
}

/** General >> Transparent Btn with Border **/
.transparent-border-btn .fl-button {
	text-transform: uppercase !important;
	letter-spacing: 1.1px !important;
	background: initial !important;
	padding: 10px 35px 10px 35px !important;
	border: 4px solid white !important;
	-webkit-animation-duration: .2s !important;
	animation-duration: .2s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
}

/** General >> Regular Blue Button **/
/* Blue btn Changes */.blue-btn .fl-button {
	
}
.primary-blue-btn .fl-button {
	background: #012C45 !important;
	border: none !important;
	text-transform: uppercase !important;
}
.primary-blue-btn .fl-button-text {
	color: #ffffff !important;
}

/** General >> Fluent Forms Buttons **/
/* Button Changes */ html:not(.subscribe-form) .ff-btn-submit {
	
}
html:not(.subscribe-form) .ff-btn-submit, 
.contact-form .gform_button {
	border-radius: 50px !important;
	background: #D04034 !important;
	color: #ffffff !important;
	font-family: Vitesse !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	border: none !important;
	-webkit-animation-duration: .2s !important;
	animation-duration: .2s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	padding: 9px 27px !important;
	letter-spacing: 1.1px !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
}
html:not(.subscribe-form) .fluentform .ff_btn_style:hover, 
.contact-form .gform_button:hover {
	transform: translate3d(0, -4px, 0) !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	border: none !important;
}
.fluentform .ff_btn_style {
	border: none !important;
}
.fluentform .ff_btn_style:hover, 
.contact-form .gform_button:hover {
	border: none !important;
	background: #D04034 !important;
	color: #ffffff !important;
	opacity: 1 !important;
}

/** General >> Add Drop Shadow to ticket PNG **/
#fl-post-1477 .wp-image-1515 {
	filter: drop-shadow(5px 5px 0px #000000) !important;
	-webkit-filter: drop-shadow(5px 5px  rgba(0, 0, 0, 0.24)) !important;
}

/** General >> Max Width Col with pics left **/
.col-with-full-pic .fl-col-content {
	max-width: 415px !important;
	margin-left: 68px !important;
}

/** General >> Red Link **/
.underline-links a {
	color: #903C28 !important;
	text-decoration: underline !important;
}

/** General >> Smaller Btn **/
.smaller-btn a {
	font-size: 14px !important;
	letter-spacing: .5px !important;
	padding: 9px 13px 9px 13px !important;
}

/** General >> Make Relative **/
.make-relative {
	position: relative !important;
}


/*= Headings ================== */

/** Headings >> Large h2 **/
.large-h2 h2 {
	font-size: 42px !important;
	font-weight: 500 !important;
}

/** Headings >> PP Primary Title **/
.pp-primary-title {
	font-family: Filmotype !important;
	color: #D04034 !important;
	font-size: 48px !important;
	text-transform: none !important;
}
.filmotype h2 {
	font-family: Filmotype !important;
	font-size: 48px !important;
	text-transform: none !important;
	color: #D04034 !important;
}

/** Headings >> PP Secondary Title **/
.pp-secondary-title {
	font-family: Vitesse !important;
	color: #1B4659 !important;
	font-size: 42px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: -1px !important;
}

/** Headings >> PP Dual Heading Paragraph **/
.dual-heading-sub-heading-paragraph-width .pp-sub-heading {
	max-width: 540px !important;
	margin: auto !important;
}

/** Headings >> h3 font size **/
h3 {
	font-family: Vitesse !important;
	color: #012C45 !important;
	font-weight: 500 !important;
	letter-spacing: .5px !important;
}

/** Headings >> h3 font size Copy 1 **/
h4 {
	font-family: Vitesse !important;
	color: #012C45 !important;
	font-weight: 400 !important;
}

/** Headings >> Small heading width **/
.small-heading-width {
	width: 500px !important;
	margin: auto !important;
}

/** Headings >> Festivals heading and button **/
.festival-callouts h4 a {
	font-family: ultramagnetic !important;
	color: #A92A13 !important;
	font-size: 16px !important;
	font-weight: 300 !important;
}
.festival-callouts {
	margin-top: -5px !important;
}
.festival-callouts .fl-button {
	font-size: 15px !important;
}

/** Headings >> Bigger Kerning **/
.big-kerning h3 {
	font-size: 20px !important;
	font-weight: 400 !important;
	letter-spacing: 1.3rem !important;
	-webkit-text-stroke-width: 1px !important;
}


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

/** Content >> Fl col content vendor logos width **/
.fl-col-content .vendor-logos-width {
	max-width: 550px !important;
	margin: auto !important;
}


/*= Forms ===================== */

/** Forms >> Contact Form - Email  placeholde **/
.contact-form input::placeholder, 
.contact-form textarea::placeholder {
	font-family: Ultramagnetic !important;
	font-size: 12px !important;
	font-weight: 300 !important;
	text-transform: uppercase !important;
}

/** Forms >> Contact Form - Input Height Padding **/
.contact-form  input {
	height: 24px !important;
	padding-bottom: 5px !important;
	margin-bottom: 3px !important;
	border-top-width: 0 !important;
	border-right-width: 0 !important;
	border-left-width: 0 !important;
}

/** Forms >> Contact form text area border radius **/
.contact-form textarea {
	background: #EFEFEF !important;
	border-color: #EFEFEF !important;
	border-radius: 20px !important;
}
.contact-form input {
	border-color: #EFEFEF !important;
	background: #EFEFEF !important;
	border-radius: 20px !important;
	height: 35px !important;
}
.contact-form input:focus, 
.contact-form textarea:focus {
	border-color: #1B4659 !important;
}

/** Forms >> Subscribe CTA - Placeholder **/
#ff_3_2_email::placeholder, 
#ff_3_email::placeholder, 
.subscribe-form input::placeholder {
	font-family: ultramagnetic !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
}
#ff_3_2_email, 
#ff_3_email, 
.subscribe-form .ginput_container .ginput_container_email {
	border-color: #D04034 !important;
	border-radius: 25px 0px 0px 25px !important;
}
#ff_3_2_email:focus, 
#ff_3_email:focus, 
.subscribe-form:focus {
	border-color: #D04034 !important;
}

/** Forms >> Subscribe CTA - form btn **/
#fluentform_3 .footer-form-btn {
	font-family: Vitesse !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	max-width: 140px !important;
	height: 40px !important;
	padding-right: 25px !important;
	padding-left: 25px !important;
	border-width: medium !important;
	border-style: none !important;
	border-radius: 0 30px 30px 0 !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
}
#fluentform_3 .footer-form-btn:hover {
	transform: translate3d(0, 0, 0) !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	border: none !important;
	padding-right: 25px !important;
	padding-left: 25px !important;
}

/** Forms >> Subscribe CTA - Form Flex ontainer **/
.frm-fluent-form .ff-t-container {
	width: 100% !important;
	height: 38px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	grid-column-gap: 0 !important;
	column-gap: 0 !important;
	grid-row-gap: 0 !important;
	row-gap: 0 !important;
}

/** Forms >> Remove Form Padding bottom **/
.fl-module-content .pp-fluent-form-content {
	padding-bottom: 0 !important;
}

/** Forms >> Gravity text input **/
.contact-form input {
	padding-left: 15px !important;
}
.contact-form .gfield textarea {
	padding-left: 20px !important;
	padding-top: 10px !important;
}

/** Forms >> Gform required legend **/
.gform_required_legend {
	display: none !important;
}

/** Forms >> Gravity Forms - Sub Email Field **/
.subscribe-form #input_3_1 {
	background-color: #FCFCFC !important;
	height: 39px !important;
	padding-left: 15px !important;
	margin: 0 !important;
	border-color: #D04034 !important;
	border-radius: 30px 0 0 30px !important;
}
.subscribe-form #input_3_1:focus {
	border-color: #D04034 !important;
}

/** Forms >> Gravity Forms - Sub Email Field Placeholder **/
.subscribe-form #input_3_1::placeholder {
	color: #BEBEBE !important;
}

/** Forms >> Gravity - Grid Row Gap Stuff **/
.gform_wrapper.gravity-theme .gform_fields {
	grid-column-gap: 0 !important;
}

/** Forms >> Gravity Forms - Sub Submit **/
.subscribe-form input[type=submit] {
	font-family: Vitesse !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	background: #D04034 !important;
	max-width: 140px !important;
	height: 39px !important;
	padding-right: 20px !important;
	padding-left: 12px !important;
	margin-top: -1px !important;
	border-width: medium !important;
	border-style: none !important;
	border-radius: 0 30px 30px 0 !important;
	transform: translate3d(0, 0, 0) !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
}
.subscribe-form input[type=submit]:hover {
	padding-right: 15px !important;
	padding-left: 20px !important;
	max-width: 150px !important;
}


/*= Event Layout ============== */

/** Event Layout >> Event Description Left **/
.event-description-left .fl-col-content {
	max-width: 440px !important;
	margin-right: 80px !important;
	margin-left: auto !important;
}

/** Event Layout >> Event Description Right Modules **/
.event-details-right .fl-col {
	max-width: 50% !important;
}

/** Event Layout >> Event Description Right **/
.event-details-right .fl-col-content {
	max-width: 100% !important;
	margin-right: auto !important;
}


/*= Psuedos =================== */

/** Psuedos >> Row Sep **/
.triangle-row-separator::after {
	width: 100% !important;
	height: 56px !important;
	position: absolute !important;
	bottom: 0 !important;
	content: '' !important;
	background-image: url("../images/triangle.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
}


/*= Absolutes ================= */

/** Absolutes >> Abs Logo **/
.beer-fest-abolute-logo {
	width: 290px !important;
	height: 290px !important;
	margin: auto !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 2 !important;
}


/*= Beer List Page ============ */

/** Beer List Page >> Font Sizes for Beers **/
.beer-name, 
.brewery-name {
	font-family: Ultramagnetic !important;
	font-size: 21px !important;
	letter-spacing: .2px !important;
}


/*= Footer ==================== */

/** Footer >> Footer sponors **/
.footer-sponors {
	max-width: 750px !important;
	margin: auto !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** Mobile Menu Stuff >> Menu Row sizing and position **/
	.menu-popup-container-row {
	position: absolute !important;
	top: 76px !important;
	left: 0 !important;
	right: 0 !important;
}
.full-menu-row {
	position: relative !important;
}
.menu-col .fl-col-content {
	max-width: 850px !important;
	margin-left: auto !important;
	position: relative !important;
}

	/** Headings >> Large h2 **/
	.large-h2 h2 {
	font-size: 42px !important;
}

	/** Headings >> Small heading width **/
	.small-heading-width {
	width: 500px !important;
	margin: auto !important;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** Header >> Set constant Header Height and sides **/
	.festival-header-row .fl-row-content-wrap {
	padding-right: 61px !important;
	padding-left: 46px !important;
}

	/** Header >> Red Triangle **/
	.festival-header-row:after {
	background: #D04034 !important;
	width: 46px !important;
	height: 46px !important;
	position: absolute !important;
	top: 25px !important;
	right: 77px !important;
	z-index: 1 !important;
	transform: rotateZ(-45deg) !important;
	content: '' !important;
}

	/** Mobile Menu Stuff >> Menu Row sizing and position **/
	.menu-popup-container-row {
	position: absolute !important;
	top: 76px !important;
	left: 0 !important;
	right: 0 !important;
}
.full-menu-row {
	position: relative !important;
}
.menu-col .fl-col-content {
	max-width: 850px !important;
	margin-left: auto !important;
	position: relative !important;
}

	/** Mobile Menu Stuff >> Main Menu Link Positioning **/
	.popup-menu-module {
	top: 76px !important;
	right: 50px !important;
}

	/** Mobile Menu Stuff >> Menu Links **/
	#menu-header-menu a {
	font-size: 22px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
}

	/** Event Layout >> Event Description Left **/
	.event-description-left .fl-col-content {
	max-width: 440px !important;
	margin-right: 40px !important;
	margin-left: auto !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** Header >> Set constant Header Height and sides **/
	.festival-header-row .fl-row-content-wrap {
	padding-right: 27px !important;
	padding-left: 25px !important;
}

	/** Header >> Red Triangle **/
	.festival-header-row:after {
	background: #D04034 !important;
	width: 46px !important;
	height: 46px !important;
	position: absolute !important;
	top: 25px !important;
	right: 44px !important;
	z-index: 1 !important;
	transform: rotateZ(-45deg) !important;
	content: '' !important;
}

	/** Header >> Menu toggle Icon **/
	.my-menu-icon {
	top: 50% !important;
}

	/** Header >> Ticket Logo **/
	.buy-tickets-logo {
	left: 2px !important;
}

	/** General >> Max Width Col with pics left **/
	.col-with-full-pic .fl-col-content {
	margin-left: 20px !important;
}

	/** Mobile Menu Stuff >> Menu Row sizing and position **/
	.menu-popup-container-row {
	position: absolute !important;
	top: 76px !important;
	left: 0 !important;
	right: 0 !important;
}
.full-menu-row {
	position: relative !important;
}
.menu-col .fl-col-content {
	width: 100vw !important;
	padding-right: 35px !important;
	padding-top: 4px !important;
	margin-left: auto !important;
	position: relative !important;
}

	/** Mobile Menu Stuff >> Main Menu Link Positioning **/
	.popup-menu-module {
	top: 76px !important;
	right: 20px !important;
}

	/** Mobile Menu Stuff >> Remove weird arrows on submenu items **/
	.menu-item a::before {
	display: none !important;
}

	/** Mobile Menu Stuff >> Popup's Logo **/
	.menu-col:after {
	bottom: 20px !important;
	right: 40px !important;
}

	/** Mobile Menu Stuff >> Menu Links **/
	#menu-header-menu a {
	font-size: 22px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
}

	/** Event Layout >> Event Description Left **/
	.event-description-left .fl-col-content {
	max-width: 440px !important;
	margin-right: 40px !important;
	margin-left: 40px !important;
}

	/** Event Layout >> Event Description Right **/
	.event-details-right .fl-col-content {
	max-width: 100% !important;
	padding-left: 30px !important;
	margin-right: 0 !important;
}

	/** Headings >> Large h2 **/
	.large-h2 h2 {
	font-size: 36px !important;
}

}


/*( Phone )*/
@media (max-width: 479px) {
	/** Header >> Set constant Header Height and sides **/
	.festival-header-row .fl-row-content-wrap {
	width: 100vw !important;
	height: 54px !important;
}

	/** Header >> Red Triangle **/
	.festival-header-row:after {
	height: 52px !important;
	right: 34px !important;
}

	/** Header >> Menu toggle Icon **/
	.my-menu-icon {
	height: 20px !important;
	position: absolute !important;
	top: 30% !important;
	right: 30px !important;
	float: right !important;
	cursor: pointer !important;
}
#my-menu-toggle {
	cursor: pointer !important;
}
#nav-toggle span {
	line-height: 0 !important;
	background: #ffffff !important;
	width: 50px !important;
	height: 2px !important;
	margin-top: 7px !important;
	border-radius: 1px !important;
	position: relative !important;
	top: 20% !important;
	-webkit-transition: 200ms ease-in !important;
	-webkit-transition: 200ms ease-in !important;
	transition: 200ms ease-in !important;
	display: block !important;
	cursor: pointer !important;
	content: '' !important;
}
#nav-toggle span:before, 
#nav-toggle span:after {
	cursor: pointer !important;
	border-radius: 1px !important;
	height: 2px !important;
	width: 50px !important;
	position: absolute !important;
	display: block !important;
	background: #ffffff !important;
	content: '' !important;
	-webkit-transition: all 200ms ease-in-out !important;
	-webkit-transition: all 200ms ease-in-out !important;
	transition: all 200ms ease-in-out !important;
}
#nav-toggle span:before {
	top: -10px !important;
}
#nav-toggle span:after {
	bottom: -10px !important;
}
#nav-toggle.active span {
	background-color: transparent !important;
}
#nav-toggle.active span:before, 
#nav-toggle.active span:after {
	top: 0 !important;
	color: #F4F1D7 !important;
}
#nav-toggle.active span:before {
	transform: rotate(45deg) !important;
	height: 4px !important;
	background: #FBD324 !important;
	width: 40px !important;
}
#nav-toggle.active span:after {
	transform: rotate(-45deg) !important;
	height: 4px !important;
	background: #FBD324 !important;
	width: 40px !important;
}

	/** Header >> Menu Insert **/
	.menu-html-insert {
	top: 54px !important;
	left: 0 !important;
	right: 0 !important;
}

	/** Header >> Header logo module fl heading text **/
	.header-logo-module {
	width: 85px !important;
}

	/** Header >> Ticket Logo **/
	.buy-tickets-logo {
	padding-left: 0 !important;
	margin-left: 0 !important;
	top: 3px !important;
	left: -10px !important;
}

	/** Content >> Fl col content vendor logos width **/
	.fl-col-content .vendor-logos-width {
	max-width: 50% !important;
}

	/** Content >> Paragraph Breaks **/
	.break-paragraphs p {
	max-width: 210px !important;
}

	/** Mobile Menu Stuff >> Menu Row sizing and position **/
	.menu-popup-container-row {
	
}
.menu-col .fl-col-content {
	width: 100vw !important;
	height: 90vh !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	position: relative !important;
}
.menu-col .fl-module-menu .fl-module-content {
	margin-top: 0px !important;
	margin-right: 0px !important;
}
.menu-col {
	height: calc(100vh - 54px) !important;
}

	/** Mobile Menu Stuff >> Main Menu Link Positioning **/
	.popup-menu-module {
	top: 56px !important;
	right: 30px !important;
}

	/** Mobile Menu Stuff >> Sub menu link **/
	#full-menu-row .sub-menu a {
	color: #012C45 !important;
	font-size: 16px !important;
}

	/** Mobile Menu Stuff >> Popup's Logo **/
	.menu-col:after {
	top: 450px !important;
	right: 30px !important;
}

	/** Mobile Menu Stuff >> Menu Links **/
	#menu-header-menu a {
	font-size: 18px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
}

	/** Mobile Menu Stuff >> Menu Col Background **/
	.menu-col .fl-col-content {
	background: linear-gradient(to top, #133C4E 0%, #133C4E calc(100% - 405px), #1B4659 calc(100% - 405px), #1B4659 100%) !important;
}

	/** Headings >> PP Primary Title **/
	.pp-primary-title {
	font-size: 24px !important;
	letter-spacing: 1px !important;
}

	/** Headings >> PP Secondary Title **/
	.pp-secondary-title {
	font-size: 32px !important;
	letter-spacing: 1.5px !important;
	margin: auto !important;
}

	/** Headings >> PP Dual Heading Paragraph **/
	.dual-heading-sub-heading-paragraph-width .pp-sub-heading {
	font-size: 16px !important;
	font-weight: 200 !important;
	max-width: 250px !important;
	margin: auto !important;
}

	/** Headings >> col with pic top heading padding mobile **/
	.col-with-full-pic {
	padding-top: 50px !important;
}

	/** Headings >> Wine package tweak **/
	.fl-node-i2dxqfleuh73 .fl-module-content {
	margin-top: 0 !important;
}

	/** Headings >> Small heading width **/
	.small-heading-width {
	width: auto !important;
}

	/** Headings >> Bigger Kerning **/
	.big-kerning h3 {
	line-height: 1.5 !important;
}

	/** Event Layout >> Event Description Left **/
	.event-description-left .fl-col-content {
	padding-top: 30px !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
}

	/** Event Layout >> Event Description Right Modules **/
	.event-details-right .fl-col {
	width: 100% !important;
}

	/** Event Layout >> Event Description Right **/
	.event-details-right .fl-col-content {
	padding-top: 30px !important;
}

	/** Forms >> Subscribe CTA - Placeholder **/
	#ff_3_2_email::placeholder, 
#ff_3_email::placeholder, 
.subscribe-form input::placeholder {
	text-align: center !important;
	padding-left: 2px !important;
}
#ff_3_2_email {
	width: 75vw !important;
	text-align: center !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	border-radius: 50px !important;
}

	/** Forms >> Subscribe CTA - form btn **/
	#fluentform_3 .footer-form-btn {
	font-size: 18px !important;
	line-height: 0 !important;
	width: 100% !important;
	height: 38px !important;
	padding-top: 9px !important;
	border-radius: 50px !important;
}

	/** Forms >> Subscribe CTA - Form Flex ontainer **/
	.frm-fluent-form .ff-t-container {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Forms >> Subscribe CTA - Mobile form email **/
	#fluentform_3.ff-el-group .email-address-container {
	margin-bottom: 0 !important;
}

	/** Forms >> Subscribe CTA - Mobile Email Container **/
	#fluentform_3 .email-address-container {
	margin-bottom: 15px !important;
}

	/** Forms >> Gravity Forms - Sub Email Field **/
	.subscribe-form #input_3_1 {
	max-width: 90vw !important;
	margin: auto !important;
	border-radius: 30px !important;
}

	/** Forms >> Gravity Forms - Sub Email Field Placeholder **/
	.subscribe-form #input_3_1::placeholder {
	max-width: 90vw !important;
	margin: auto !important;
	border-radius: 30px !important;
}

	/** Forms >> Gravity - Grid Row Gap Stuff **/
	.gform_wrapper.gravity-theme .gform_fields {
	max-width: 90vw !important;
	margin: auto !important;
	border-radius: 30px !important;
	grid-row-gap: 12px !important;
}

	/** Forms >> Gravity Forms - Sub Submit **/
	.subscribe-form input[type=submit] {
	border-radius: 50px !important;
}

	/** Forms >> Gravity - Sub Submit Center - Mobile **/
	#gform_fields_3 #field_submit {
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

	/** General >> Max Width Headings **/
	.middle-heading-width {
	max-width: 275px !important;
}

	/** General >> Red Button **/
	/* Button Changes */ 	/* Red Buttons */.fl-button {
	
}
.fl-button {
	font-size: 16px !important;
}

	/** General >> Blue Button **/
	.blue-btn .fl-button {
	letter-spacing: 2px !important;
}
.blue-btn .fl-button-text {
	color: #F4F1D7 !important;
	font-size: 22px !important;
	letter-spacing: 3px !important;
}

	/** General >> Secondary Transparent Btn **/
	.transparent-btn .fl-button {
	
}
.transparent-btn .fl-button-text {
	color: #464547 !important;
	font-family: ultramagnetic !important;
	font-size: 12px !important;
}

	/** General >> Transparent Btn with Border **/
	.transparent-border-btn .fl-button {
	
}
.transparent-btn .fl-button-text {
	color: #464547 !important;
	font-family: ultramagnetic !important;
	font-size: 12px !important;
}

	/** General >> Dual Button Plain Text  on Accomodations #1 **/
	#fl-button-group-button-sah53bkixq82-1 .fl-button {
	background: #ffffff !important;
	padding-right: 5px !important;
	padding-left: 5px !important;
}
#fl-button-group-button-sah53bkixq82-1 .fl-button-text {
	color: #464547 !important;
	font-family: Ultramagnetic !important;
	font-size: 14px !important;
}

}