/* CSS Document */

/* Containers
---------------------------------------------------------------------------- */

.section {
    clear: both;
}

.content > article {
	margin: 0;
}


/* Feature
---------------------------------------------------------------------------- */

.feature {
	padding: 0;
}

.feature h1 {
	margin: 0;
}

.feature h1 strong {
    font-weight: 900;
}

.feature button.pbax-button {
	background-color: #57B38D;
	display: block;
	margin: 0 auto;
}


/* CTA
---------------------------------------------------------------------------- */

.cta {
	background: url("https://elysiumaxebar.com/wp-content/themes/elysium-axe-bar/images/bgtexture.jpg") repeat center bottom;
	color: #fff;
}

.cta h4 {
	color: #fff;
}

.cta div.gform_wrapper .gform_fields {
	align-items: center;
	display: grid;
	grid-gap: 20px;
	grid-template-areas: "icon text email submit";
	grid-template-columns: auto 1fr 270px auto;
	grid-template-rows: auto;
}

.cta div.gform_wrapper .no-input .gform_fields {
	grid-template-areas: "icon text submit submit";
}

.cta div.gform_wrapper .gform_fields .gfield_html.icon-axes {
	grid-area: icon;
}

.cta div.gform_wrapper .gform_fields .gfield_html.icon-axes img {
	width: 100px;
}

.cta div.gform_wrapper .gform_fields .gfield_html {
	font-size: 16px;
	grid-area: text;
	line-height: 1.25;
}

.cta div.gform_wrapper .gform_fields .gfield_html h4 {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 5px;
}

.cta div.gform_wrapper .gform_fields .gfield--type-email {
	grid-area: email;
}

.cta div.gform_wrapper .gform_fields .gfield--type-submit {
	grid-area: submit;
	justify-content: center;
}

.cta div.gform_wrapper .gform_fields .gfield--type-submit input {
	background-color: #B39757;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 13.5px 30px;
	text-transform: uppercase;
}

.cta div.gform_wrapper .gform_fields .gfield--type-submit input:focus,
.cta div.gform_wrapper .gform_fields .gfield--type-submit input:hover {
	background-color: #57B38D;
}

.cta div.gform_wrapper .gform_footer {
	margin: 0;
	padding: 0;
}


/* Image Slideshows
---------------------------------------------------------------------------- */

.slideshow .text {
	float: right;
	max-width: calc((90vw / 2) - 2em);
}

.slideshow .text p {
	padding: 0 !important;
}

.slideshow .slider {
	/*overflow: hidden;*/
	position: relative;
}

.slideshow .slider > div {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50vw;
}

.slideshow .slider .bx-wrapper,
.slideshow .slider .bx-viewport,
.slideshow .slider .slides,
.slideshow .slider .slides .wp-block-image {
	height: 100% !important;
	width: 100% !important;
}

.slideshow .bx-wrapper .bx-pager {
	bottom: 20px;
}

.slideshow .bx-wrapper .bx-pager.bx-default-pager a {
	height: 10px;
	margin: 0 3px;
	width: 10px;
}


/* Axe Throwing / Eat & Drink
---------------------------------------------------------------------------- */

.service {
	line-height: 1.33;
}

.service h2 strong {
	font-weight: 900;
}

.service:not(.fun-times) .wp-block-button a.wp-block-button__link {
/*	padding-left: 60px;
	padding-right: 60px;*/
}

.axe-throwing .warning {
	left: 20px;
	position: absolute;
	top: calc(100% - 20px);
	transform: translateY(-100%);
}


/* Fun Times
---------------------------------------------------------------------------- */

.fun-times.alignfull > div {
	max-width: 100%;
}

.fun-times .wp-block-cover {
/*	padding: 100px 0;*/
}

.fun-times .photos {
	position: relative;
}

.fun-times .photos > div  {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: calc(50vw - 6em);
}

.fun-times .photos .wp-block-gallery .wp-block-image {
	background-color: #fff;
}

.fun-times .photos .wp-block-gallery .wp-block-image img {
	aspect-ratio: 1 / 1;
	height: auto;
	opacity: 1;
	transition: opacity .2s ease-in-out;
}

.fun-times .photos .wp-block-gallery .wp-block-image:focus img,
.fun-times .photos .wp-block-gallery .wp-block-image:hover img {
	opacity: .8;
}


/* Map
---------------------------------------------------------------------------- */

.map.alignfull > div {
	max-width: 100%;
}

.map iframe {
	display: block;
}


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

@media only screen and (min-width: 1024px) {
    
    .slideshow .text {
		max-width: calc((960px / 2) - 2em);
	}

}

@media only screen and (min-width: 1240px) {
    
    .slideshow .text {
		max-width: calc((1170px / 2) - 2em);
	}
    
}

@media only screen and (max-width: 1024px) {

	.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
		flex-basis: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
	}
	
}

@media only screen and (max-width: 960px) {
	
	.cta {
		text-align: center;
	}
	
	.cta div.gform_wrapper .gform_fields {
		grid-template-areas: "icon icon" "text text" "email submit";
		grid-template-columns: 1fr auto;
	}
	
	.cta div.gform_wrapper .no-input .gform_fields {
		grid-template-areas: "icon icon" "text text" "submit submit";
	}
	
}

@media only screen and (max-width: 767px) {
	
	.fun-times .gb-layout-columns-2>.gb-layout-column-wrap.gb-is-responsive-column {
		grid-template-columns: 1fr;
		grid-template-areas: "col1" "col2";
	}
	
	.fun-times .photos > div {
		margin-bottom: 40px;
		position: relative;
		top: auto;
		transform: none;
		width: 100%;
	}
	
	.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
		flex-basis: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
	}
	
}

@media only screen and (max-width: 600px) {
	
	.service:not(.fun-times) .gb-layout-columns-2>.gb-layout-column-wrap.gb-is-responsive-column {
		grid-template-areas: "col2" "col1";
	}
	
	.slideshow .slider {
		height: 300px;
		margin-bottom: -50px;
	}
	
	.slideshow .slider > div {
		left: 50%;
		transform: translateX(-50%);
		width: 100vw;
	}
    
    .slideshow .text {
		float: none;
		margin-inline: auto;
		max-width: 95%;
	}
	
	.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
		flex-basis: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
	}
    
}

@media only screen and (max-width: 550px) {
	
	.cta div.gform_wrapper .gform_fields {
		grid-template-areas: "icon" "text" "email" "submit";
		grid-template-columns: 1fr;
	}
	
}