/*
	Theme Name: Ramp 3 Creature Comforts
	Theme URI: http://myramp.co
	Author: Ramp Ventures
	Author URI: http://myramp.co
	
*/
 
@media (max-width: 992px) {
	body .page-wrap  {
		margin-top: 18% !important;
	}
	.header .row {
		margin-left: 0;
		margin-right: 0;
	}
}
@charset "UTF-8";

@font-face {
  font-family: "creature-comforts";
  src:url("fonts/creature-comforts.eot");
  src:url("fonts/creature-comforts.eot?#iefix") format("embedded-opentype"),
    url("fonts/creature-comforts.woff") format("woff"),
    url("fonts/creature-comforts.ttf") format("truetype"),
    url("fonts/creature-comforts.svg#creature-comforts") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "creature-comforts" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "creature-comforts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook-official:before {
  content: "\61";
}
.icon-instagram:before {
  content: "\62";
}
.icon-twitter:before {
  content: "\63";
}
.icon-linkedin:before {
  content: "\64";
}
.icon-chevron-right:before {
  content: "\65";
}
.icon-chevron-right-1:before {
  content: "\66";
}
.icon-plus:before {
  content: "\67";
}
.icon-minus:before {
  content: "\68";
}


/*******************************
	GENERAL
*******************************/

@media (max-width: 991px) {
		h1 {
			font-size: 50px;
		}
		.faq-arrow {
			display: none
		}
	}

.cmplz-cookiebanner {
	z-index: 9999 !important
} 

@media (max-width: 992px) {
	.container .row {
		margin: 20px;
	}
}

/* 
.container, .col-xs-12 {
	padding-left: 0;
	padding-right: 0
} */

small, .small {
    font-size: 80%;
    line-height: 1.4em !important;
}

.black {
	color: #333;
}

.gray {
	color: #8d8d8d;
}

sup {
	font-size: 30%;
    line-height: 0;
    position: absolute;
    top: .25em;
    vertical-align: inherit;
}

h4 {
	font-size: 18px;
	line-height: 28px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .1em;
}

.page-wrap-inner .no-background:first-child {
	padding-top: 0 !important;
}

.section-border {
	border: 2px solid #000;
}

@media (min-width: 1200px) {
	
	.container {
		width: 100% !important;
		max-width: 1300px !important;
	}

}

/*******************************
	PROMO BOXES	
*******************************/

.section-promo-boxes {
	height: auto;
	overflow: auto;
}

.section-promo-boxes + .section-promo-boxes {
	margin-top: -85px !important;
}

.promo-boxes {
	padding: 0;
	margin: 0;
	width: 100%;
}

.promo-box,
.promo-box-inline {
	position: relative;
	display: inline-block;
	float: left;
	padding: 0 15px;
	border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.promo-box:first-child,
.promo-box-inline:first-child {
	border-left: 0;
}

.promo-box:last-child,
.promo-box-inline:last-child {
	border-right: 0;
}

.promo-box,
.promo-box:hover {
	color: #fff !important;
}

.promo-box-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .2;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.promo-box:hover .promo-box-overlay {
	opacity: .7 !important;
}

.promo-box-content {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	margin: auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.promo-box-count-1 .promo-box {
	height: 360px;
	width: 33.3%;
	margin-left: 33.3%;
	margin-right: 33.3%;
	border-radius: 10px;
	overflow: hidden;
}

.promo-box-count-2 .promo-box {
	height: 500px;
	width: 50%;
}

.promo-box-count-3 .promo-box {
	height: 360px;
	width: 33.33%;
}

.promo-box-count-4 .promo-box {
	height: 300px;
	width: 25%;
}

.promo-box-count-5 .promo-box {
	height: 250px;
	width: 20%;
}

@media (max-width: 991px) {

.section-promo-boxes + .section-promo-boxes {
	margin-top: -55px !important;
}

}

@media (max-width: 767px) {

	.promo-box,
	.promo-box-inline {
		border: none;
	}
	
	.section-promo-boxes + .section-promo-boxes {
		margin-top: -30px !important;
	}
	
}

/*** Inline option ***/

.promo-box-inline {
	position: relative;
}

.promo-box-inline img {
	width: 100%;
	height: auto;
}

.promo-box-count-5 .promo-box-inline {
	width: 20%;
}

.promo-box-count-4 .promo-box-inline {
	width: 20%;
}

.promo-box-count-3 .promo-box-inline {
	width: 33.333%;
}

.promo-box-count-2 .promo-box-inline {
	width: 50%;
}

.promo-box-count-1 .promo-box-inline {
	width: 100%;
}

.promo-box-logo {
	display: block;
    margin: 15px auto;
    height: auto;
    width: auto;
    max-height: 160px;
    padding: 0 30px;
}

@media (max-width: 767px) {

	body .promo-box,
	body .promo-box-inline {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.promo-box-count-1 .promo-box,
	.promo-box-count-2 .promo-box,
	.promo-box-count-3 .promo-box,
	.promo-box-count-4 .promo-box,
	.promo-box-count-5 .promo-box {
		height: 250px;
	}
	
	.promo-box-logo {
		margin: 10px auto;
		height: 100px;
	}

}

/*** Hover ***/

.promo-box:hover .promo-box-overlay,
.promo-box-inline:hover .promo-box-overlay {
	opacity: .3;
}


/*******************************
	BUTTONS
*******************************/

body .gform_wrapper .gform_footer input[type=submit],
input[type=submit],
a.button,
a.button:hover,
.button,
.button:hover
body .gform_wrapper .gform_page_footer .button.gform_button,
body .gform_wrapper .gform_page_footer .button.gform_next_button,
body .gform_wrapper .gform_page_footer .button.gform_previous_button {
	display: inline-block !important;
	font-size: 14px !important;
	letter-spacing: .06em !important;
	font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 13px 20px !important;
}

.section-featured .button,
.section-latest-message .button,
.promo-boxes .button {
	background: none;
	color: #fff;
	border-color: #fff;
}

.section-featured .button:hover,
.section-latest-message .button:hover,
.promo-box:hover .button,
.promo-box-inline:hover .button {
	background: #fff;
	color: #000;
	border-color: #fff;
	padding: 13px 20px !important;
}

/*******************************
	FOOTER
*******************************/


#footer h3 {
	margin-bottom: 30px;
}

#footer p {
	margin-bottom: 15px !important;
}

#footer {
	font-size: 14px;
	line-height: 24px;
}

.textwidget {
	margin-bottom: 10px;
}

.hours-table {
	width: 200px;
    margin: 0 auto 10px;
}

.hours-table td.day {
	text-align: left;
}

.hours-table td.time {
	text-align: right;
}

.social-links {
	font-size: 30px;
}

.social-links a {
	padding: 10px;
	display: block;
}

.social-links a:hover {
	text-decoration: none !important;
}



/*** Footer Menu Widget ***/

.widget_nav_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/*******************************
	COLUMNS
*******************************/

.columns-2 .column {
	width: 50%;
}

.columns-3 .column {
	width: 33.33%;
}

.columns-4 .column {
	width: 25%;
}

.columns-5 .column {
	width: 20%;
}

@media (max-width: 991px) {

	.columns-2 .column,
	.columns-3 .column,
	.columns-4 .column,
	.columns-5 .column {
		width: 100%;
	}

}

/*******************************
	TOGGLES
*******************************/

.toggle-box {
	border-left: 2px solid #eaeaea;
	padding-left: 20px;
	margin-bottom: 60px;
}

h3.toggle {
	position: relative;
	margin: 0 !important;
    border-top: 1px solid #eaeaea;
    padding: 20px 0 20px 40px;
}

.toggle-icon {
	position: absolute;
	left: 0;
	top: 23px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.toggle.active .toggle-icon {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

/*******************************
	HEADER
*******************************/

@media (min-width: 768px) {
	
	.menu-wrap {
	    padding-top: 0 !important;
		align-items: end;
    	min-height: 70px;
	}
}

#header {
}

.header-inner {
	padding: 0 30px
}

@media (max-width: 767px) {

/**
	body #header {
		width: 100% !important;
		height: auto;
		padding: 0px !important;
	}
	
	.header-inner {
		position: relative;
		top: auto;
		width: auto;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	
	.page-wrap {
		padding: 0 !important;
		margin-top: 0 !important;
	}
**/	
	.menu-wrap {
		position: fixed !important;
		border-width: 0 !important;
		right: -100% !important;
		height: auto !important;
		margin-top: 0 !important;
	}
	
	.menu-wrap.active {
		right: 0 !important;
	}

}

/*******************************
	HEADER (used for side nav)
*******************************


#header {
	width: 200px !important;
    height: 100vh;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .3);
}

.header-inner {
	position: absolute;
	padding: 15px;
	top: 50%;
	width: 100%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.page-wrap {
    padding: 15px 15px 0px 215px;
}

.menu-wrap {
	width: 100% !important;
    display: block !important;
    text-align: center;
    margin-top: 30px;
}

.container {
	width: 100% !important;
}

@media (min-width: 768px) {
	
	.page-wrap {
		margin-top: 0 !important;
	}
	
}

@media (max-width: 991px) {
	
	#header {
		width: 150px !important;
	}
	
	.page-wrap {
		padding: 15px 15px 0px 165px;
	}

}




/*******************************
	FEATURED
*******************************/

.border-radius {
	border-radius: 10px;
	overflow: hidden;
}

.section-featured {
	overflow: hidden;
}

.section-featured h3.headline {
	margin-bottom: 0 !important;
}

.content-fade .featured-content {
	opacity: 0;
-webkit-transition: all 12s ease;
-moz-transition: all 12s ease;
-ms-transition: all 12s ease;
-o-transition: all 12s ease;
transition: all 12s ease;
}

.content-fade .featured-content.load {
	opacity: 1;
}

@media (max-width: 767px) {
	
	.section-featured {
		border: none;
	}

}
@media (max-width: 430px) {
	.section-featured #vid-background {
		min-height: 460px;
	}
	.section-featured #vid-background iframe {
		width: 190%
	}
	#header {
		padding-left:20px !important
	}
}
/*** Background Video ***/
#vid-background {
	width:100%;
	height:100%;
}
@media (max-width:1050px) {
	#vid-background {
		display:none
	}
}
/*******************************
	PROMOTION
*******************************/

.promotion-wrap {
	height: 370px;
}

.promotion-content {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgba(255, 255, 255, .85);
	padding: 15px;
	width: auto;
	max-width: 600px;
	border-radius: 0px 5px 5px 0;
}

.promotion-content .headline,
.promotion-content .sub-headline {
	margin-bottom: 5px !important;
}

.promotion-content p.sub-headline {
	font-size: 15px !important;
}

.promotion-content .buttons-wrap {
	text-align: left;
}

.promotion-content .button,
.promotion-content .button:hover {
    color: #000;
    border-color: #000;
    padding: 5px 15px !important;
}

.promotion-content .button:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}

/*******************************
	CONTENT
*******************************/

.no-background + .no-background {
	padding-top: 0 !important;
}

@media (min-width: 992px) {
	.buttons-wrap.left-align {
		text-align: left !Important
	}
}

.buttons-wrap {
	text-align: center;
}

/*******************************
	BEERS LOOP
*******************************/
.curious-collection .beer-loop-title {
	margin: 20px 0 0 !important;
}
.beer-loop-box {
	position: relative;
	margin: 15px 0;
}

.beer-loop-box .link-tile {
	position: relative;
	display: block;
	color: #333 !important;
	padding: 10px;
	border-radius: 10px;
}

.on-tap .beer-loop-box .link-tile {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
}

.beer-loop-box .link-tile a,
.beer-loop-box .link-tile a:hover {
	color: #333 !important;
}

.beer-loop-box a.link {
	position: relative;
	display: block;
	background: #fff;
	color: #333 !important;
	padding: 10px;
	border-radius: 10px;

}
.on-tap .beer-loop-box a.link {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
}
.on-tap .beer-loop-box a.link-tile:hover {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
}
.beer-loop-box a.link:hover {
	color: #333 !important;
	text-decoration: none !important;
}

.beer-loop-box a.link-tile:hover {
	color: #333 !important;
	text-decoration: none !important;
	
}

.available {
	position: absolute;
    background: rgba(255, 255, 255, .75);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 200px;
    text-align: center;
    left: -50px;
    top: 30px;
}

.border-radius {
	border-radius: 8px;
}


.beer-can-placeholder {
  position: relative;
  background: #eaeaea;
	background-size: cover !important;
  width: 100%;
}

.beer-can-placeholder:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.all-drinks .beer-can-placeholder:after {
  content: "";
  display: none;
  padding-bottom: 0%;
}

.beer-can-placeholder .placeholder {
  position: absolute;
  top: 50%;
  width: 100%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	font-size: 12px !important;
    line-height: 1.2em;
    padding: 5px;
    text-align: center;
}

@media (max-width: 991px) {
	
	

	.beer-loop-box:nth-child(4n+1) {
		clear: none;
	}
	
	.beer-loop-box:nth-child(2n+1) {
		clear: left;
	}

}

@media (max-width: 767px) {

	.beer-loop-box {
		margin: 0 auto 15px;
	}

}


/*******************************
	BEERS SINGLE
*******************************/

.section-beer-title {
	color: #4E4E4C;
}

.single-beer-title {
	font-size: 55px;
    line-height: 1.1em;
	margin-bottom: 10px !important;
}

.beer-title {
	margin: 0 0 10px !important;
	text-shadow: 4px 4px 0px rgba(255, 255, 255, 1);
}

.abv-text-wrap {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.abv-text {
	position: absolute;
    top: 14px;
    width: 100%;
    color: #fff;
    line-height: 16px;
}

.abv-box {
	color: #fff;
	height: 80px;
	width: 80px;
	margin: 0 auto;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.abv-value {
	font-family: arial;
	font-size: 16px;
}

.abv-label,
.percent {
	font-size: 13px;
}

.notes-wrap {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 1200px) {

	.single-beer-title {
		font-size: 40px;	
	}

}

@media (max-width: 991px) {
	
	.section-highlight-images {
		padding: 0 15px;
	}

	.highlight-image {
		margin-top: 0 !important;
	}
	
	.single-beer-title {
		font-size: 34px;	
	}
	
	.single-can-image {
		margin-bottom: 15px;
	}

}

@media (max-width: 767px) {

	.single-beer-title {
		font-size: 26px;	
	}
	
	.grid-item {
		width: 100% !important;
	}

}
/**************
 * SWEEPS
 * ************/
@media (max-width: 768px) {
	.postid-637 .banner-form .gform_wrapper.gravity-theme .gform_footer input[type=submit], .postid-641 .banner-form .gform_wrapper.gravity-theme .gform_footer input[type=submit] {
		width: 100%;
	}
}
@media (max-width: 992px) {
	.postid-637 .banner-form .gform_wrapper.gravity-theme .gform_footer input[type=submit], .postid-641 .banner-form .gform_wrapper.gravity-theme .gform_footer input[type=submit] {
		margin-top: 20px;
		margin-bottom: 20px
	}
}

/***** Masonry 
 * stole "gallery" formatting from line 1248ish 1/9/25 because of formatting problems on single beer pages *******/
.section-highlight-images .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    gap: 6px;
}

.section-highlight-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-highlight-images img.four-grid-cells {
    grid-row: span 2 / auto;
    grid-column: span 2 / auto;
}

.section-highlight-images img.wide-image {
    grid-column: span 2 / auto;
}
 
@media (max-width: 767px) {

}


/*******************************
	POSTS LOOP
*******************************/
	
.blog-featured-image {
	height: 170px;
	background-size: cover;
	background-position: center center;
}

@media (max-width: 1200px) {

	.blog-featured-image {
		height: 310px;
	}

}

@media (max-width: 991px) {

	.blog-featured-image {
		height: 230px;
	}

}

@media (max-width: 767px) {

	.blog-featured290pximage {
		height: 290px;
	}

}


/*******************************
	STAFF
*******************************/

.staff-block {
	margin-top: 15px;
	margin-bottom: 15px;
}

.staff-block:nth-child(4n+1) {
	clear: left;
}

.headshot {
	width: 100%;
	margin-bottom: 5px;
}

@media (max-width: 991px) {

	.staff-block:nth-child(3n+1) {
		clear: none;
	}
	
	.staff-block:nth-child(2n+1) {
		clear: left;
	}

}

/*******************************
	LOOP
*******************************/

h1.post-title a {
	 color: #000;
 }

/*******************************
	SINGLE
*******************************/

.featured-image {
	margin-bottom: 30px !important;
}

/*******************************
	EVENT
*******************************/

.event-date {
	font-weight: 700;
}

/*******************************
	INSTAGRAM PLUGIN
*******************************/

#sb_instagram .sbi_photo {
	border-radius: 10px;
	overflow: hidden;
}

/**

.ri-grid li {
	padding: 10px !important;
	background: #fff !important;
}

.ri-grid li a {
	position: relative !important;
	background-size: cover !important;
	border-radius: 10px !important;
	overflow: hidden !important;
}

/*******************************
	TAPROOM MENU
*******************************/

a.taproom-link {
	color: #0a0a0a;
}

.taproom-beer .beer-loop-title {
	margin-top: 0 !important;
}

.taproom-beer .beer-can-placeholder {
}

.taproom .beer-loop-box:nth-child(4n+1) {
	clear: none !important;
}

.taproom .beer-loop-box:nth-child(3n+1) {
	clear: left !important;
}

.@media (max-width: 991px) {
	
	.taproom .beer-loop-box:nth-child(3n+1) {
		clear: none !important;
	}
	
	.taproom .beer-loop-box:nth-child(2n+1) {
		clear: left !important;
	}
	
}


/*******************************
	AGE GATE
*******************************/

.age-gate-heading,
.age-gate-subheading {
	margin-bottom: 30px !important;
}

.age-gate-submit-yes,
.age-gate-submit-no,
.age-gate-submit-yes:hover,
.age-gate-submit-no:hover {
	display: inline-block !important;
	font-size: 14px !important;
	letter-spacing: .06em !important;
	font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 13px 20px !important;
    background: none !important;
    border: 2px solid #000 !important;
    border-radius: 10px !important;
    margin: 0 !important;
    color: #000 !important;
}

.age-gate-submit-yes:hover,
.age-gate-submit-no:hover {
	background: #000 !important;
	color: #fff !important;
}

/*******************************
	TRIBE EVENTS
*******************************/

.tribe-events .tribe-events-header,
,tribe-events-calendar-list-nav.tribe-events-c-nav,
.tribe-events-c-ical {
	display: none !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	min-height: 0px !important;
}

/*******************************
	CAREERS
*******************************/

h3.toggle a {
	color: #000 !important;
}

.stacked-buttons .button-wrap {
	display: block;
	margin: 10px auto;
}

.stacked-buttons .button {
	width: 100%;
	max-width: 350px;
}

/****************************
 homepage newsletter subscribe popup
 * *************************/
#SignupForm_0 .modalContent__image {
	left: 20px !Important;
}

#mc_embed_signup .button {
	height: 54px !Important;
}


/******************
 MISC
 *******************/
.n2-ss-layer .n2-ow .n-uc-1e151db54b360 {
	margin: auto !Important;
}
#page-wrap-inner {
	margin-top: -50px !Important;
}

/******************
 EVENTS FORMS
 *******************/

.events-form {
	padding: 20px;
	border: 1px solid #000;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1200px) {
	.events-form {
		width: 80%;
	}
}
/******************
 GALLERY GRID
 *******************/

.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    gap: 6px;
}

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

img.four-grid-cells {
    grid-row: span 2 / auto;
    grid-column: span 2 / auto;
}

img.wide-image {
    grid-column: span 2 / auto;
}
/*********************
 FAQ ACCORDION
**********************/
.faq-accordion {
  border: 1px solid #ddd;
  margin: 20px 0;
}

.faq-item {
  border-bottom: 1px solid #ddd;
}

.faq-question h3 {
  margin: 0;
  padding: 15px;
  background-color: #f7f7f7;
  cursor: pointer;
}

.faq-answer {
  display: none;
  padding: 15px;
  background-color: #fff;
}

/***************
 * BEERS FORM
 * ***********/

#fake-submit {
	display: none !Important
}