/**
 * ------------------------------------------------
 * FVD Pages Stylesheet
 * Provides page styles for theme
 * Should be called before module specific sheets.
 * ------------------------------------------------
 */
 
 
/**
 * Home
 */

	 .page--home {
		/* iPad fix - prevent whitespace underneath navbar when scrolling */
		background-color: #000000;
	}
	.page--home.zaponauta {
		background-color: #f7ecd3;
	}

	.page--home .homepage-banner {
		width: 100%;
		min-height: 100vh;
		position: relative;
	}

	.page--home .homepage-banner .banner-image {
		width: 100%;
		height: 60%;
		background-size: cover;
		background-position: bottom center;
		background-repeat: no-repeat;
		position: absolute;
	}

	@media screen and (min-width: 1024px) {
		.page--home .homepage-banner .banner-image {
			position: fixed;
			height: 67vh;
		}

		.page--home.zaponauta .homepage-banner .banner-image {
			position: fixed;
			height: 80vh;
		}
	}

	.page--home .homepage-banner .banner-bottom {
		background-image: url('/assets/ui/wahaka-bkg-rptr.jpg');
		background-size: 315px 214px;
		background-repeat: repeat;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 40%;
	}

	.page--home .homepage-banner .banner-bottom.zaponauta {
		background-image: url('/assets/ui/zaponauta-bkg-rptr.jpg');
	}

	@media screen and (min-width: 1024px) {
		.page--home .homepage-banner .banner-bottom {
			height: 33vh;
		}
	}

	.page--home .homepage-banner .banner-bottom .pattern-strip {
		width: 100%;
		height: 45px;
		position: absolute;
		left: 0;
		top: 0;
		// background-image: url('/assets/ui/rptr-pattern.png');
		background-size: auto 45px;
	}

	.page--home .homepage-banner .banner-content {
		width: 100%;
		min-height: 100vh;
	}

	.page--home .homepage-banner .banner-content .flex-wrapper {
		width: 100%;
		max-width: 1536px;
		min-height: 100vh;
		margin: 0 auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.page--home .homepage-banner .banner-content .flex {
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 auto;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
	}

	@media screen and (min-width: 1024px) {
		.page--home .homepage-banner .banner-content .flex-wrapper {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-webkit-flex-direction: row;
			    -ms-flex-direction: row;
			        flex-direction: row;
		}
		.page--home .homepage-banner .banner-content .flex {
			-webkit-box-flex: 0;
			-webkit-flex: 0 1 auto;
			    -ms-flex: 0 1 auto;
			        flex: 0 1 auto;
		}
	}

	.page--home .homepage-banner .banner-content .copy {
		position: relative;
		font-size: 36px;
		line-height: .9166;
		font-family: 'GoudyOldSty';
		font-weight: 300;
		letter-spacing: 0.14px;
		text-align: center;
		text-shadow: 0 0 24px rgba(0,0,0,.5), 0 0 16px rgba(0,0,0,.5);
		color: #ffffff;
		padding: 32px;
		margin: 64px 0;
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-banner .banner-content .copy.right {
			text-shadow: none;
			color: #000000;
		}
	}

	@media screen and (min-width: 1408px) {
		.page--home .homepage-banner .banner-content .copy {
			font-size: 48px;
		}
	}

	.page--home .homepage-banner .banner-content .copy:before {
		content: '';
		position: absolute;
		top: 0;
		left: 30%;
		width: 40%;
		height: 1px;
		background-color: var(--brand-color);
		box-shadow: 0 1px 0px 1px rgba(43,25,12,.3);
	}

	.page--home .homepage-banner .banner-content .copy:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 30%;
		width: 40%;
		height: 1px;
		background-color: var(--brand-color);
		box-shadow: 0 1px 0px 1px rgba(43,25,12,.3);
	}

	.page--home .homepage-banner .banner-content .copy p {margin: 0;}

	.page--home .homepage-banner .banner-content .bottle {
		width: 50vw;
		/* The constant below is the w:h ratio of the bottle image */
		height: -webkit-calc(50vw * 3.20512821);
		height: calc(50vw * 3.20512821);
		max-height: 90vh;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		z-index: 1;
	}

	@media screen and (min-width: 1024px) {
		.page--home .homepage-banner .banner-content .bottle {
			width: 20vw;
			/* The constant below is the w:h ratio of the bottle image */
			height: -webkit-calc(20vw * 3.20512821);
			height: calc(20vw * 3.20512821);
		}
	}

	.page--home .homepage-banner.zaponauta .banner-content .bottle {
		max-height: 110vh;
		/* The constant below is the w:h ratio of the bottle image */
		height: -webkit-calc(50vw * 1.89166667);
		height: calc(50vw * 1.89166667);
	}

	@media screen and (min-width: 1024px) {
		.page--home .homepage-banner.zaponauta .banner-content .bottle {
			width: 30vw;
			/* The constant below is the w:h ratio of the bottle image */
			height: -webkit-calc(30vw * 1.89166667);
			height: calc(30vw * 1.89166667);
		}
	}

	/* Homepage Image Copy */

	.page--home .homepage-image-copy {
		width: 100%;
		positioN: relative;
		background-image: url('/assets/ui/wahaka-bkg-rptr.jpg');
		background-size: 315px 214px;
		overflow: auto;
		z-index: 2;
	}

	.page--home .homepage-image-copy.zaponauta {
		width: 100%;
		positioN: relative;
		background-image: url('/assets/ui/zaponauta-bkg-rptr.jpg');
		background-size: 315px 214px;
		overflow: auto;
		z-index: 2;
	}

	.page--home .homepage-image-copy .header {
		max-width: 1280px;
		margin: 80px auto 40px auto;
		text-align: center;
	}

	@media screen and (max-width: 1439px) {
		.page--home .homepage-image-copy .header {
			max-width: 768px;
		}
	}

	.page--home .homepage-image-copy .content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		max-width: 1280px;
		margin: 0 auto 128px auto;
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-image-copy .content {
			max-width: 768px;
		}
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-image-copy .content {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
				-ms-flex-direction: column;
					flex-direction: column;
		}
	}

	.page--home .homepage-image-copy .image {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 0px;
			-ms-flex: 1 1 0px;
				flex: 1 1 0px;
		-webkit-align-self: stretch;
			-ms-flex-item-align: stretch;
				align-self: stretch;
		min-height: 400px;
		margin: 0 32px;
		position: relative;
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-image-copy .image {
			min-height: auto;
		}
	}

	.page--home .homepage-image-copy .image div {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-image-copy .image div {
			position: relative;
			min-height: 400px;
		}
	}

	@media screen and (max-width: 560px) {
		.page--home .homepage-image-copy .image div {
			min-height: auto;
			padding-top: 56.25%;
		}
	}

	.page--home .homepage-image-copy .rule {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 1px;
			-ms-flex: 0 0 1px;
				flex: 0 0 1px;
		-webkit-align-self: stretch;
			-ms-flex-item-align: stretch;
				align-self: stretch;
		width: 1px;
		background-color: var(--brand-color);
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-image-copy .rule {
			display: none;
		}
	}

	.page--home .homepage-image-copy .text {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 0px;
			-ms-flex: 1 1 0px;
				flex: 1 1 0px;
		margin: 32px;
	}

	.page--home .homepage-image-copy .text .subhead {
		max-width: 564px;
		margin: auto;
		padding: 0 32px;
		text-align: center;
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-image-copy .text .subhead {
			padding: 0;
		}
	}

	.page--home .homepage-image-copy .text .copy {
		max-width: 564px;
		margin: auto;
		padding: 0 32px;
		text-align: center;
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-image-copy .text .copy {
			padding: 0;
		}
	}

	.page--home .homepage-image-copy .text .cta {
		max-width: 564px;
		margin: auto;
		padding: 0 32px;
		text-align: center;
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-image-copy .text .cta {
			padding: 0;
		}
	}

	/* Homepage CTA Banner Wahaka */
	.page--home .homepage-cta-banner.wahaka {
		width: 100%;
		position: relative;
		padding: 192px 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		z-index: 1;
	}

	@media screen and (max-width: 1023px) {
		.page--home .homepage-cta-banner.wahaka {
			background-attachment: initial;
		}
	}

	@media screen and (max-width: 599px) {
		.page--home .homepage-cta-banner.wahaka {
			padding: 192px 32px;
		}
	}

	.page--home .homepage-cta-banner:before {
		content: '';
		display: block;
		width: 100%;
		height: 25px;
		position: absolute;
		left: 0;
		top: 0;
		background-image: url('/assets/ui/wahaka-wavy-pattern-texture.png');
		background-size: auto 25px;
	}

	.page--home.zaponauta .homepage-cta-banner:before {
		background-image: url('/assets/ui/zaponauta-wavy-pattern-texture.png');
	}

	.page--home .homepage-cta-banner.wahaka .container {
		max-width: 1280px;
		margin: auto;
	}

	.page--home .homepage-cta-banner.wahaka .content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		width: 430px;
		min-height: 430px;
		position: relative;
		margin: 0 auto 0 0;
		border: 3px solid #dbd5c7;
		padding: 48px 40px;
		box-shadow: 0 0 0 4px #202020;
		background-color: #202020;
	}

	.page--home .homepage-cta-banner.wahaka .content:before {
		content: '';
		display: block;
		width: 100px;
		height: 100px;
		position: absolute;
		left: 6px;
		top: 6px;
		border: 1px solid #dbd5c7;
		border-bottom-width: 0;
		border-right-width: 0;
		pointer-events: none;
	}

	.page--home .homepage-cta-banner.wahaka .content:after {
		content: '';
		display: block;
		width: 100px;
		height: 100px;
		position: absolute;
		right: 6px;
		bottom: 6px;
		border: 1px solid #dbd5c7;
		border-top-width: 0;
		border-left-width: 0;
		pointer-events: none;
	}

	@media screen and (max-width: 1439px) {
		.page--home .homepage-cta-banner.wahaka .content {
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 599px) {
		.page--home .homepage-cta-banner.wahaka .content {
			width: 100%;
			height: auto;
		}
	}

	.page--home .homepage-cta-banner.wahaka .content .header,
	.page--home .homepage-cta-banner.wahaka .content .copy {
		width: 100%;
	}

	.page--home .homepage-cta-banner.wahaka .content .h1,
	.page--home .homepage-cta-banner.wahaka .content p {
		text-align: center;
		color: #ffffff;
	}

/* Homepage CTA Banner Zapanauta */
.page--home .homepage-cta-banner.zaponauta {
	width: 100%;
	position: relative;
	padding: 192px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: 1;
}

@media screen and (max-width: 1023px) {
	.page--home .homepage-cta-banner.zaponauta {
		background-attachment: initial;
	}
}

@media screen and (max-width: 599px) {
	.page--home .homepage-cta-banner.zaponauta {
		padding: 192px 32px;
	}
}

.page--home .homepage-cta-banner.zaponauta .container {
	max-width: 1280px;
	margin: auto;
}

.page--home .homepage-cta-banner.zaponauta .content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 430px;
	min-height: 430px;
	position: relative;
	margin: 0 auto 0 0;
	padding: 48px 40px;
	background: transparent;
	color: #595350;
}

@media screen and (max-width: 1439px) {
	.page--home .homepage-cta-banner.zaponauta .content {
		margin: 0 0 0 13%;
	}
}

@media screen and (max-width: 599px) {
	.page--home .homepage-cta-banner.zaponauta .content {
		width: 100%;
		height: auto;
	}
}

.page--home .homepage-cta-banner.zaponauta .content > * {
	position: relative;
	z-index: 1;
}

.page--home .homepage-cta-banner.zaponauta .content::before {
	content: "";
	position: absolute;
	inset: -13px;                 /* gap inside the orange frame */
	background: #C89D44;
	clip-path: polygon(
			0 26px,               26px 26px,                 26px 0,
			calc(100% - 26px) 0,  calc(100% - 26px) 26px,   100% 26px,
			100% calc(100% - 26px), calc(100% - 26px) calc(100% - 26px), calc(100% - 26px) 100%,
			26px 100%,            26px calc(100% - 26px),   0 calc(100% - 26px)
	);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.04); /* subtle inner edge */
	z-index: 0;
}

.page--home .homepage-cta-banner.zaponauta .content::after {
	content: "";
	position: absolute;
	inset: 13px;                 /* gap inside the orange frame */
	background: #f7ecd3;
	clip-path: polygon(
			0 26px,               26px 26px,                 26px 0,
			calc(100% - 26px) 0,  calc(100% - 26px) 26px,   100% 26px,
			100% calc(100% - 26px), calc(100% - 26px) calc(100% - 26px), calc(100% - 26px) 100%,
			26px 100%,            26px calc(100% - 26px),   0 calc(100% - 26px)
	);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.04); /* subtle inner edge */
	z-index: 0;
}


.page--home .homepage-cta-banner.zaponauta .content .header,
.page--home .homepage-cta-banner.zaponauta .content .copy {
	width: 100%;
}

.page--home .homepage-cta-banner.zaponauta .content .h1,
.page--home .homepage-cta-banner.zaponauta .content p {
	text-align: center;
	color: #595350;
}



	.page--home .featured-stories { /* On the home page it needs to be in front of the fixed banner. */
		position: relative;
		background-color: #ebebe8;
		z-index: 2;
		padding: 80px 0 160px 0;
	}

	.page--home .featured-cocktails { /* On the home page it needs to be in front of the fixed banner. */
		position: relative;
		background-color: #ebebe8;
		z-index: 2;
	}
 
 
/**
 * Map 
 */

	.page--map{

	}

	.page--map .module-google-map{
		position: relative;
		display: inline-block;
		height: 100vh;
		width: 100%;
		max-width: -webkit-calc(100% - 400px);
		max-width: calc(100% - 400px);
	}

	@media screen and (max-width: 1023px) {
		.page--map .module-google-map{
			display: none;
		}
	}

	.page--map .module-google-map::before {
		background-image: url("/assets/ui/wavy-pattern-texture-vert.png");
		background-repeat: repeat-y;
		background-size: 50% auto;
		content: "";
		height: 100vh;
		position: absolute;
		right: -36px;
		top: 0;
		width: 50px;
		z-index: 1;
	}

	.page--map .module-google-map .google-map-container{
		position: relative;
		display: inline-block;
		height: 100vh;
		width: 100%;
	}

	.page--map .module-google-map .google-map-container .google-map{
		width: 100%;
		height: 100%;
	}

	.page--map .module-google-map .map-data-holder{
		display: none;
	}


	.page--map .module-google-map .infoBox {
		background-color: #ffffff;
		padding: 20px;
		width: 400px;
		min-width: 300px;
		color: #595350;
		font-family: "GoudyOldSty", serif;
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 0.17px;
		line-height: 28px;
		border:1px solid #ddd7bf;
	}

	.page--map .module-google-map .infoBox::after {
		content: "";
		position: absolute;
		bottom: -17px;
		left: 50%;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
		width: 26px;
		height: 18px;
		background-image: url('/assets/ui/map-callout-triangle-rotate.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	.page--map .module-google-map .infoBox > img {
		display: block;
		position: absolute !important;
		top: 5px;
		right: 5px;
	}

	.page--map .module-google-map .infoBox .name {
		color: #000000;
		font-family: "GoudyOldSty", serif;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 0.17px;
		line-height: 28px;
		text-transform: uppercase;
	}

	.page--map .module-google-map .infoBox p{
		margin-top: 0;
		margin-bottom: 0;
	}

	.page--map .module-google-map .infoBox .linksout{
		color: #cb3929;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 700;
	}


	.page--map .map-sidebar{
		width: 100%;
		height: 100vh;
		position: absolute;
		max-width: 400px;
		top: 0;
		right: 0;
		overflow-y: auto;
		background-color: #eae8e3;
		text-align: center;
		background-repeat: repeat;
		background-image: url('/assets/ui/wahaka-bkg-rptr.jpg');
		font-size: 30px; /* Only for FF scrolling */
	}

	.page--map .map-sidebar.zaponauta {
		background-image: url('/assets/ui/wahaka-bkg-rptr.jpg');
	}

	@media screen and (max-width: 1023px) {
		.page--map .map-sidebar{
			max-width: none;
			position: relative;
		}
	}

	.page--map .map-sidebar .logo-space{
		display: block;
		width: 100%;
		max-width: 300px;
		clear: both;
		margin: 0 auto 170px auto;
	}

	.page--map .map-sidebar .logo-space .logo {
		display: none;
		width: 156px;
		height: 24px;
		position: absolute;
		right: 24px;
		top: 24px;
		background-image: url(/assets/ui/wahaka-logo.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		z-index: 3;
	}

	@media screen and (min-width: 832px) {
		.page--map .map-sidebar .logo-space .logo {
			display: block;
		}
	}

	@media screen and (max-width: 1023px) {
		.page--map .map-sidebar .logo-space{
			margin-bottom: 50px;
		}
	}

	.page--map .map-sidebar .description{
		display: block;
		width: 100%;
		max-width: 300px;
		clear: both;
		margin: 0 auto;
	}

	.page--map .map-sidebar .search-area{
		display: block;
		width: 100%;
		max-width: 300px;
		clear: both;
		margin: 0 auto 30px auto;
	}

	.page--map .map-sidebar .search-area .country-selection{
		margin-bottom: 15px;
	}

	.page--map .map-sidebar .search-area .country-selection select{
		font-size: 16px;
		line-height: 1.4;
		display: inline-block;
		width: 100%;
		max-width: 300px;
		color:  #000000;
	}

	.page--map .map-sidebar .search-area .postalcode{
		display: inline-block;
		width: 100%;
		max-width: 300px;
	}

	.page--map .map-sidebar .search-area .postalcode p{
		margin-top: 5px;
	}

	.page--map .map-sidebar .search-area .postalcode input{
		display: inline-block;
		width: 100%;
		max-width: 300px;
		background-color: transparent;
		border: 0px solid #c0b397;
		border-bottom: 1px solid #c0b397;
		text-align: center;
		color: #000000;
		font-family: Goudy;
		letter-spacing: 0.17px;
		font-size: 18px;
		line-height: 28px;
		-moz-appearance:textfield;
	}

	.page--map .map-sidebar .search-area .postalcode input::-webkit-outer-spin-button,
	.page--map .map-sidebar .search-area .postalcode input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	.page--map .map-sidebar .search-area .postalcode input:focus {
		outline: 0;
	}


	.page--map .map-sidebar .search-area .button-holder{
		padding: 24px 0;
	}

	.page--map .map-sidebar .results{
		display: block;
		width: 100%;
		max-width: 300px;
		clear: both;
		margin: 0 auto 40px auto;
	}

	.page--map .map-sidebar .results .result-group{
		margin-bottom: 30px;
	}

	.page--map .map-sidebar .results .result-group .title{
		font-weight: 300;
		font-style: italic;
		color: #a1550c;	
		width: 100%;
		text-align: center;
		border-top: 1px solid #beb294;
		border-bottom: 1px solid #beb294;
		margin-bottom: 15px;
	}

	.page--map .map-sidebar .results .result-group .title img{
		width: 100%;
		height: auto;
		display: inline-block;
	}

	.page--map .map-sidebar .results .result-group .location{
		text-align: left;
		margin-bottom: 30px;
	}

	.page--map .map-sidebar .results .result-group .location p{
		margin-top: 0;
	}

	.page--map .map-sidebar .results .result-group .location .name{
		color: #000000;
		font-family: "GoudyOldSty", serif;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 0.17px;
		line-height: 28px;
		text-transform: uppercase;
	}

	.page--map .map-sidebar .results .result-group .location .linksout{
		color: #cb3929;
		text-decoration: none;
		text-transform: uppercase;
		font-family: "Roboto Condensed",sans-serif;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 1.25px;
		line-height: 18px;
	}

	.page--map .translation-holder{
		display: none;
	}


/**
 * Contact 
 */

	.page--contact{

	}

	.page--contact .top-spacer{
		background-color: #e6e4df;
		display: inline-block;
		height: 80px;
		width: 100%;
		background-image: url("/assets/ui/wahaka-bkg-rptr.jpg");
		background-size: 315px 214px;
		background-repeat: repeat;
	}

	.page--contact .top-spacer.zaponauta{
		background-image: url("/assets/ui/zaponauta-bkg-rptr.jpg");
	}

	.page--contact .banner-rule {
		background-image: url("/assets/ui/wahaka-rptr-pattern.png"), url("/assets/ui/wahaka-bkg-rptr.jpg");
		background-size: auto 45px;
		height: 45px;
		position: relative;
		width: 100%;
	}

	.page--contact .banner-rule.zaponauta {
		background-image: url("/assets/ui/zaponauta-rptr-pattern.png"), url("/assets/ui/zaponauta-bkg-rptr.jpg");
		background-size: auto 45px;
		height: 45px;
		position: relative;
		width: 100%;
	}

	.page--contact .header{
		text-align: center;	
		display: inline-block;
		width: 100%;
		background-color: #e6e4df;
		background-image: url("/assets/ui/wahaka-bkg-rptr.jpg");
		background-size: 315px 214px;
		background-repeat: repeat;
		padding: 80px 15px;
	}

	.page--contact .header{
		background-image: url("/assets/ui/zaponauta-bkg-rptr.jpg");
	}

	.page--contact .banner{
		margin-bottom: 60px;
		position: relative;
	}	

	.page--contact .banner::before {
		background-color: #e6e4df;
		background-image: url("/assets/ui/wahaka-bkg-rptr.jpg");
		background-size: 315px 214px;
		background-repeat: repeat;
		content: "";
		height: 50%;
		position: absolute;
		width: 100%;
		z-index: 0;
	}

	.page--contact .banner:after{
		background-image: url("/assets/ui/wahaka-wavy-pattern-texture.png");
		background-size: auto 25px;
		width: 100%;
		content: "";
		height: 25px;
		position: absolute;
		z-index: 1;
		top: 50%;
	}

	.page--contact .banner.zaponauta::before {
		background-image: url("/assets/ui/zaponauta-bkg-rptr.jpg");
	}

	.page--contact .banner.zaponauta:after{
		background-image: url("/assets/ui/wahaka-wavy-pattern-texture.png");
	}

	.page--contact .banner img{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 2;
	}

	.page--contact .banner .banner-container {
		padding: 32px 32px 128px 32px;
	}

	.page--contact .banner .banner-image {
		background-image: url('/assets/images/banners/WAHAKA-536.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 2;
		position: relative;
		padding-top: 50%;
	}

	.page--contact .banner .banner-image.focus-left {background-position: center left;}
	.page--contact .banner .banner-image.focus-center {background-position: center center;}
	.page--contact .banner .banner-image.focus-right {background-position: center right;}

	.page--contact .contact{
		padding: 0 16px;
	}

	.page--contact .contact-inner-wrapper{
		border: 1px solid #d0c5ad;
		padding: 80px;
		margin-bottom: 100px;
	}

	@media screen and (max-width: 767px) {
		.page--contact .contact-inner-wrapper{
			padding: 40px;	
		}
	}

	.page--contact .contact-inner-wrapper .col {
		padding: 0 16px;
		min-height: 1px;
	}

	.page--contact .contact .contact-header{
		text-align: center;
		margin-bottom: 16px;
	}

/**
 * Explore 
 */

	.page--explore{
	
	}

	.page--explore .explore-hero{
		background-color: #e6e4df;
		background-image: url("/assets/ui/wahaka-bkg-rptr.jpg");
		background-repeat: repeat;
		background-size: 315px 214px;
	}

	.page--explore .explore-hero .hero-image{
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 720px;
		width: 100%;
		display: inline-block;
		margin-bottom: 200px;
	}

	@media screen and (max-width: 1023px) {
		.page--explore .explore-hero .hero-image {
			height: 480px;
		}
	}

	.page--explore .explore-hero .container {
		left: 50%;
		margin: auto;
		max-width: 1280px;
		position: absolute;
		-webkit-transform: translateX(-50%) translateY(-50%) translateY(-300px);
				transform: translateX(-50%) translateY(-50%) translateY(-300px);
		width: 100%;
	}

	@media screen and (max-width: 599px) {
		.page--explore .explore-hero .container {
			width: -webkit-calc(100% - 30px);
			width: calc(100% - 30px);
		}
	}

	.page--explore .explore-hero .container .header {
		width: 100%;
	}

	.page--explore .explore-hero .container .copy {
		width: 100%;
	}



	.page--explore .explore-hero .content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		width: 400px;
		min-height: 400px;
		position: relative;
		margin: 0 0 0 auto;
		border: 3px solid #dbd5c7;
		padding: 48px 40px;
		box-shadow: 0 0 0 4px #202020;
		background-color: #202020;
	}

	.page--explore .explore-hero .content:before {
		content: '';
		display: block;
		width: 100px;
		height: 100px;
		position: absolute;
		left: 6px;
		top: 6px;
		border: 1px solid #dbd5c7;
		border-bottom-width: 0;
		border-right-width: 0;
		pointer-events: none;
	}

	.page--explore .explore-hero .content:after {
		content: '';
		display: block;
		width: 100px;
		height: 100px;
		position: absolute;
		right: 6px;
		bottom: 6px;
		border: 1px solid #dbd5c7;
		border-top-width: 0;
		border-left-width: 0;
		pointer-events: none;
	}

	@media screen and (max-width: 1439px) {
		.page--explore .explore-hero .content {
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 599px) {
		.page--explore .explore-hero .content {
			width: 100%;
			height: auto;
		}
	}

	.page--explore .explore-hero .content .header .h1 {
		color: #ffffff;
	}

	.page--explore .explore-hero .content .h-type {
		text-align: center;
	}

	.page--explore .explore-hero .content .h-type p {
		color: #ffffff;
	}

	.page--explore .latest{
		background-color: #e6e4df;
		background-image: url("/assets/ui/wahaka-bkg-rptr.jpg");
		background-repeat: repeat;	
	}

	.page--explore .other-adventures{
		background-image: url("/assets/ui/wahaka-wavy-pattern-texture.png");
		background-size: auto 25px;
		background-position: top;
		background-repeat: repeat-x;
		text-align: center;
	}

	.page--explore .other-adventures .section-title{
		width: 100%;
		text-align: center;
		padding: 100px 0 32px 0;
	}

	.page--explore .other-adventures .adventures{
		display: inline-block;
		width: 100%;
		margin-bottom: 30px;
		padding: 16px;
	}

	.page--explore .other-adventures .adventures .adventure{
		display: inline-block;
		text-align: left;
		text-transform: uppercase;
		padding: 16px;
	}

	.page--explore .other-adventures .adventures .adventure .photo{
		display: inline-block;
		padding-top: 56.25%;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 20px;
	}

	.page--explore .other-adventures .adventures .adventure .title{
		height: 120px;
	}



/**
 * Explore Entry 
 */


	.page--explore-entry{

	}

	.page--explore-entry .back-bar{
		background-image: url("/assets/ui/rptr-pattern.png");
		background-repeat: repeat;
		background-size: auto 45px;
		width: 100%;
		margin-top: 100px;
		display: inline-block;
		position: relative;
		margin-bottom: 80px;
	}

	.page--explore-entry .back-bar .arrow{
		background-color: #ffffff;
		background-image: url("/assets/ui/back-to-arrow.png");
		background-repeat: no-repeat;
		background-position: center;
		height: 44px;
		width: 60px;
		display: inline-block;
		vertical-align: top;
	}

	.page--explore-entry .back-bar .button{
		padding: 13px 48px;
	}

	.page--explore-entry .intro{
		max-width: 1300px;
		margin: 0 auto 80px auto;
		padding: 0 16px;
		display: block;
	}


	.page--explore-entry .intro .text{
		display: inline-block;
		vertical-align: top;
		padding: 16px;
	}

	.page--explore-entry .intro .text .date{
		font-weight: 500;
		color: #000000;
		font-family: "GoudyOldSty", serif;
		font-size: 22px;
		letter-spacing: 0.2px;
		line-height: 18px;
	}

	.page--explore-entry .intro .text .copy{
		padding-top: 10px;	
		width: 100%;
		border-top: 1px solid #c0b59a;
	}	

	.page--explore-entry .intro .image{
		display: inline-block;
		vertical-align: top;
		/*padding-left: 130px;*/
		position: relative;
		padding: 16px 16px 16px 146px;
	}

	@media screen and (max-width: 1023px) {
		.page--explore-entry .intro .image{
			padding-left: 16px;
		}
	}

	.page--explore-entry .intro .image:before{
		position: absolute;
		content: "";
		height: 100%;
		width: 2px;
		background-color: #d5d0c1;
		top: 0;
		left: 65px;
	}

	@media screen and (max-width: 1023px) {
		.page--explore-entry .intro .image:before{
			display: none;
		}
	}

	.page--explore-entry .intro .image img{
		width: 100%;
		height: auto;	
	}

	.page--explore-entry .modules{
	
	}

	.page--explore-entry .modules .image-1-up{
		margin-bottom: 16px;
	}

	.page--explore-entry .modules .image-1-up .image{
		position: relative;	
	}

	.page--explore-entry .modules .image-1-up .image img{
		width: 100%;
		height: auto;
	}

	.page--explore-entry .modules .image-2-up{
		margin-bottom: 16px;
	}

	.page--explore-entry .modules .image-2-up .first{
		padding: 0 8px 0 0;
		position: relative;
	}

	@media screen and (max-width: 511px) {
		.page--explore-entry .modules .image-2-up .first{
			padding: 0 0 16px 0;
		}
	}

	.page--explore-entry .modules .image-2-up .second{
		padding: 0 0 0 8px;
		position: relative;
	}

	@media screen and (max-width: 511px) {
		.page--explore-entry .modules .image-2-up .second{
			padding: 0;
		}
	}

	.page--explore-entry .modules .image-2-up .image{
		padding: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}

	.page--explore-entry .modules .image-2-up .image.left {
		background-position: center left;
	}

	.page--explore-entry .modules .image-2-up .image.center {
		background-position: center center;
	}

	.page--explore-entry .modules .image-2-up .image.right {
		background-position: center right;
	}

	.page--explore-entry .modules .caption{
		position: absolute;
		right: 0px;	
		bottom: 0px;
		background-color: rgba(32,32,32,.5);	
		padding: 10px;
		cursor: pointer;
		max-width: 100%;
	}

	.page--explore-entry .modules .caption .copy{
		color: #ffffff;
		text-transform: uppercase;
		max-width: -webkit-calc(100% - 60px);
		max-width: calc(100% - 60px);
	}

	@media screen and (max-width: 767px) {
		.page--explore-entry .modules .caption .copy{
			max-width: 100%;
		}		
	}

	.page--explore-entry .modules .caption.open .copy{
		display: inline-block;
		vertical-align: middle;
		margin-right: 32px;
		padding-left: 12px;
	}

	@media screen and (max-width: 767px) {
		.page--explore-entry .modules .caption.open .copy{
			margin-right: 0;
			padding-left: 0;
		}	
	}

	.page--explore-entry .modules .caption.closed .copy{
		display: none;
	}

	@media screen and (max-width: 767px) {
		.page--explore-entry .modules .caption.closed .copy{
			display: block;	
		}
	}

	.page--explore-entry .modules .caption .symbol{
		width: 28px;
		height: 28px;
		position: relative;
		vertical-align: middle;
		display: inline-block;
	}

	.page--explore-entry .modules .caption .symbol:after{
		position: absolute;
		content: "";
		height: 2px;
		width: 28px;
		top: 13px;
		left: 0;
		background-color: #ffffff;
	}

	.page--explore-entry .modules .caption.closed .symbol:before{
		position: absolute;
		content: "";
		height: 28px;
		width: 2px;
		top: 0px;
		left: 13px;
		background-color: #ffffff;
	}

	@media screen and (max-width: 767px) {
		.page--explore-entry .modules .caption .symbol{
			display: none;
		}
	}

	.page--explore-entry .modules .image-and-text{
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 16px;
		margin-bottom: 16px;
	}

	.page--explore-entry .modules .image-and-text .left {
		display: block;	
	}

	.page--explore-entry .modules .image-and-text .left > .col{
		float: left;
	}

	.page--explore-entry .modules .image-and-text .right {
		display: block;	
	}

	.page--explore-entry .modules .image-and-text .right > .col{
		float: right;
	}

	.page--explore-entry .modules .image-and-text .image-holder{

	}

	.page--explore-entry .modules .image-and-text .image-holder .image{

	}

	.page--explore-entry .modules .image-and-text .image-holder .image img{
		width: 100%;
		height: auto;
	}

	.page--explore-entry .modules .image-and-text .copy{
		padding: 16px;
	}

	.page--explore-entry .modules .image-and-text .copy > *:first-child{
		margin-top: 0;
	}

	.page--explore-entry .modules .text{
		padding: 0 0 80px 100px;
		max-width: 1300px;
		margin: 0 auto;
	}

	@media screen and (max-width: 767px) {
		.page--explore-entry .modules .text{
			padding: 0 16px 16px 16px;
		}
	}

	.page--explore-entry .modules .text .copy{
	
	}

	.page--explore-entry .modules .text .copy > *:first-child{
		margin-top: 0;	
	}

/**
 * Our Mezcals Page 
 */

	.page--our-mezcals .mezcal-list {
		width: 100%;
		position: relative;
	}


	.page--our-mezcals .mezcal-list .product-section{
		position: relative;
		margin: 128px 0;
	}

	@media screen and (max-width: 599px) {
		.page--our-mezcals .mezcal-list .product-section{
			position: relative;
			margin: 0;
		}
	}

	.page--our-mezcals .mezcal-list .product-section:first-child{
		margin-top: 0;
	}

	@media screen and (max-width: 1023px) and (min-width: 832px){
		.page--our-mezcals .mezcal-list .product-section:first-child{
			margin-top: 128px;
		}
	}

	.page--our-mezcals .mezcal-list .section-rule{
		width: -webkit-calc(100% - 64px);
		width: calc(100% - 64px);
		height: 1px;
		margin: 0 auto 128px auto;
		position: relative;
		background-color: var(--brand-color);
		z-index: 1;
	}

	@media screen and (max-width: 1023px) {
		.page--our-mezcals .mezcal-list .section-rule{
			display:none;
		}
	}
	.page--our-mezcals .mezcal-list .product-section:first-child .section-rule{
		display: none !important;
	}

	.page--our-mezcals .mezcal-list .section-header {
		width: 100%;
		height: auto;
		margin: 0 auto 100px auto;
		position: relative;
		background-color: #ffffff;
		display: none;
		z-index: 1;
	}

	@media screen and (max-width: 1023px) {
		.page--our-mezcals .mezcal-list .section-header {
			display: inline-block;
		}
	}


	.page--our-mezcals .mezcal-list .section-header .h-tab-wrapper {
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: none;
				transform: none;
		margin: 0;
		padding: 8px 0;
		-webkit-transition: -webkit-transform 0s;
		transition: -webkit-transform 0s;
		transition: transform 0s;
		transition: transform 0s, -webkit-transform 0s;
	}

	.page--our-mezcals .mezcal-list .section-header .h-tab-wrapper.light .tab .header {
		color: #ffffff;
	}

	.page--our-mezcals .mezcal-list .section-header .content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
		position: absolute;
		left: 50px;
		right: 0;
		top: 8px;
		bottom: 8px;
		border: 1px solid var(--brand-color);
		border-left-width: 0;
		border-right-width: 0;
		padding: 0 64px;
	}


	.page--our-mezcals .mezcal-list .section-header .h-tab-wrapper.light .content {
		border-color: #000000;
	}

	@media screen and (max-width: 1023px) {
		.page--our-mezcals .mezcal-list .section-header .content {
			position: relative;
			left: 0;
			top: 0;
			right: auto;
			bottom: auto;
			padding: 48px 32px;
		}
	
		.page--our-mezcals .mezcal-list .section-header .content .header {
			max-width: 768px;
			margin: auto;
			text-align: center;
		}
	
		.page--our-mezcals .mezcal-list .section-header .content .copy {
			max-width: 768px;
			margin: auto;
			text-align: center;
		}
	}

	.page--our-mezcals .mezcal-list .tab-wrapper {
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
		max-width: 1000px;
		height: 260px;
		position: absolute;
		top: 100px;
		left: 100%;
		-webkit-transform: translate3d(-50px, 0px, 0);
				transform: translate3d(-50px, 0px, 0);
		-webkit-transition: -webkit-transform 0.3s 0.0s ease-out;
		transition: -webkit-transform 0.3s 0.0s ease-out;
		transition: transform 0.3s 0.0s ease-out;
		transition: transform 0.3s 0.0s ease-out, -webkit-transform 0.3s 0.0s ease-out;
		background-color: #ffffff;
		z-index: 2;
	}

	@media screen and (max-width: 1023px) {
		.page--our-mezcals .mezcal-list .tab-wrapper {
			display: none;
		}
	}

	.page--our-mezcals .mezcal-list .tab-wrapper:not(.open):hover {
		-webkit-transform: translate3d(-70px, 0%, 0);
				transform: translate3d(-70px, 0%, 0);
	}

	.page--our-mezcals .mezcal-list .tab-wrapper.open {
		-webkit-transform: translate3d(-100%, 0%, 0);
				transform: translate3d(-100%, 0%, 0);
	}

	.page--our-mezcals .mezcal-list .tab {
		width: 50px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-size: 50%;
		cursor: pointer;
	}

	.page--our-mezcals .mezcal-list .tab:before {
		content: '';
		display: block;
		position: absolute;
		left: 8px;
		right: 0px;
		top: 8px;
		bottom: 8px;
		border: 1px solid var(--brand-color);
		border-right-width: 0;
	}

	.page--our-mezcals .mezcal-list .tab-wrapper.light .tab:before {
		border-color: #ffffff;
	}


	.page--our-mezcals .mezcal-list .tab .header {
		white-space: nowrap;
		position: absolute;
		left: -webkit-calc(50% + 4px);
		left: calc(50% + 4px);
		top: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(-90deg);
				transform: translate(-50%, -50%) rotate(-90deg);
		line-height: 18px;
		font-size: 18px;
		font-family: 'GoudyOldSty';
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #000000;
	}

	.page--our-mezcals .mezcal-list .tab-wrapper.light .tab .header {
		color: #ffffff;
	}

	.page--our-mezcals .mezcal-list .tab-wrapper .content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
		position: absolute;
		left: 50px;
		right: 0;
		top: 8px;
		bottom: 8px;
		border: 1px solid var(--brand-color);
		border-left-width: 0;
		border-right-width: 0;
		padding: 0 64px;
	}

	.page--our-mezcals .mezcal-list .tab-wrapper.light .content {
		border-color: #000000;
	}
	
	.page--our-mezcals .mezcal-list .product {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		max-width: 1024px;
		height: auto;
		position: relative;
		padding: 30px;
		margin: 128px auto;
	}

	@media screen and (max-height: 600px) {
		.page--our-mezcals .mezcal-list .product:before {
			/* height: 600px; */
		}
	}


	@media screen and (max-width: 599px) {
		.page--our-mezcals .mezcal-list .product {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
				-ms-flex-direction: column;
					flex-direction: column;
			height: auto;
			max-height: auto;
			margin: 0 auto;
			display: inline-block;
			width: 100%;
		}
	}

	.page--our-mezcals .mezcal-list .product .image {
		-webkit-flex: 2 0 0px;
			-ms-flex: 2 0 0px;
				-webkit-box-flex: 2;
				flex: 2 0 0px;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
			-ms-flex-order: 2;
				order: 2;
		-webkit-align-self: stretch;
		    -ms-flex-item-align: stretch;
		        align-self: stretch;
		height: auto;
		position: relative;
		z-index: 1;
		margin: 0;
	}

	.page--our-mezcals .mezcal-list .product.alt .image {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
			-ms-flex-order: 1;
				order: 1;
		margin: 0;
	}

	@media screen and (max-width: 1439px) {
		.page--our-mezcals .mezcal-list .product .image,
		.page--our-mezcals .mezcal-list .product.alt .image {
			margin: 40px;
		}
	
		.page--our-mezcals .mezcal-list .product.alt .image {
			-webkit-box-ordinal-group: 3;
			-webkit-order: 2;
				-ms-flex-order: 2;
					order: 2;
		}
	}

	@media screen and (max-width: 599px) {
		.page--our-mezcals .mezcal-list .product .image,
		.page--our-mezcals .mezcal-list .product.alt .image {
			-webkit-box-ordinal-group: 2;
			-webkit-order: 1;
				-ms-flex-order: 1;
					order: 1;
			height: 400px;
			margin-bottom: 32px;
			margin: 0;
		}
	}

	.page--our-mezcals .mezcal-list .product .image .image-wrapper {
		width: 100%;
		height: 100%;
		position: absolute;
		background-size: contain;
		background-position: right center;
		background-repeat: no-repeat;
	}

	.page--our-mezcals .mezcal-list .product.alt .image .image-wrapper {
		-webkit-box-pack: flex-end;
		-webkit-justify-content: flex-end;
			-ms-flex-pack: flex-end;
				justify-content: flex-end;
		background-position: left center;
	}

	@media screen and (max-width: 1439px) {
		.page--our-mezcals .mezcal-list .product .image .image-wrapper,
		.page--our-mezcals .mezcal-list .product.alt .image .image-wrapper {
			background-position: center center;
		}
	}

	.page--our-mezcals .mezcal-list .product .image img {
		/* Look, if these image sizing things still cause issues, just switch to a background image. */
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		display: none; /* ar - switching to a background image */
	}

	.page--our-mezcals .mezcal-list .product .content {
		-webkit-flex: 3 0 0px;
			-ms-flex: 3 0 0px;
				-webkit-box-flex: 3;
				flex: 3 0 0px;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
			-ms-flex-order: 1;
				order: 1;
		position: relative;
		padding: 32px 0;
	}

	.page--our-mezcals .mezcal-list .product.alt .content {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
			-ms-flex-order: 2;
				order: 2;
	}

	@media screen and (max-width: 1439px) {
		.page--our-mezcals .mezcal-list .product .content {
			margin: 0;
			padding: 0;
		}
	
		.page--our-mezcals .mezcal-list .product.alt .content {
			-webkit-box-ordinal-group: 2;
			-webkit-order: 1;
				-ms-flex-order: 1;
					order: 1;
		}
	}

	@media screen and (max-width: 599px) {
		.page--our-mezcals .mezcal-list .product .content,
		.page--our-mezcals .mezcal-list .product.alt .content {
			-webkit-box-ordinal-group: 3;
			-webkit-order: 2;
				-ms-flex-order: 2;
					order: 2;

			padding: 64px 0;
		}
	}

	.page--our-mezcals .mezcal-list .product .content .watermark {
		width: 300px;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transform: translate(-50%, -150px);
				transform: translate(-50%, -150px);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		z-index: 0;
	}

	.page--our-mezcals .mezcal-list .product .content .watermark img {
		width: 100%;
	}



	.page--our-mezcals .mezcal-list .product.alt .content .watermark {
		left: 100%;
	}

	@media screen and (max-width: 1439px) {
		.page--our-mezcals .mezcal-list .product.alt .content .watermark {
			left: 0;
		}
	}

	@media screen and (max-width: 767px) {
		.page--our-mezcals .mezcal-list .product .content .watermark {
			display: none;
		}
	}

	.page--our-mezcals .mezcal-list .product .content .header {
		max-width: 530px;
		position: relative;
		padding-right: 40px;
		z-index: 1;
	}

	.page--our-mezcals .mezcal-list .product .content .subhead {
		max-width: 530px;
		position: relative;
		padding-right: 40px;
		z-index: 1;
	}

	.page--our-mezcals .mezcal-list .product .content .copy {
		max-width: 530px;
		position: relative;
		padding-right: 40px;
		z-index: 1;
	}

	.page--our-mezcals .mezcal-list .product .content .rule {
		max-width: 530px;
		height: 1px;
		position: relative;
		margin: 0 0 15px 0;
		background-color: var(--brand-color);
		z-index: 1;
	}

	.page--our-mezcals .mezcal-list .product .content .info {
		max-width: 530px;
		position: relative;
		padding-right: 40px;
		z-index: 1;
	}

	.page--our-mezcals .mezcal-list .product.alt .content .header,
	.page--our-mezcals .mezcal-list .product.alt .content .subhead,
	.page--our-mezcals .mezcal-list .product.alt .content .copy,
	.page--our-mezcals .mezcal-list .product.alt .content .info,
	.page--our-mezcals .mezcal-list .product.alt .content .rule {
		margin-left: 120px;
	}

	@media screen and (max-width: 1439px) {
		.page--our-mezcals .mezcal-list .product.alt .content .header,
		.page--our-mezcals .mezcal-list .product.alt .content .subhead,
		.page--our-mezcals .mezcal-list .product.alt .content .copy,
		.page--our-mezcals .mezcal-list .product.alt .content .info,
		.page--our-mezcals .mezcal-list .product.alt .content .rule {
			margin-left: 0;
		}
	}

	@media screen and (max-width: 599px) {
		.page--our-mezcals .mezcal-list .product .content .header,
		.page--our-mezcals .mezcal-list .product .content .subhead,
		.page--our-mezcals .mezcal-list .product .content .copy,
		.page--our-mezcals .mezcal-list .product .content .info {
			padding-right: 0;
		}
	}

	.page--our-mezcals .mezcal-list .product .content .info.limited {
		font-style: italic;
	}

	.page--our-mezcals .mezcal-list .product .content .info span {
		font-weight: 500;
		text-transform: lowercase;
	}

	.page--our-mezcals .tab-focus-overlay {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.3);
		opacity: 0;
		-webkit-transition: opacity 0.3s 0.0s linear;
		transition: opacity 0.3s 0.0s linear;
		z-index: 1;
		pointer-events: none;
	}

	.page--our-mezcals .tab-focus-overlay.show {
		opacity: 1;
	}

/**
 * Process Page 
 */

	.page--process .process-slides {
		position: relative;
		background-image: url('/assets/ui/wahaka-bkg-rptr.jpg'); /* Just to help cover up opacity snapping. */
		background-size: 315px 214px;
	}

	.page--process .process-slides .wave {
		content: '';
		display: block;
		width: 25px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background-image: url('/assets/ui/wavy-pattern-texture-vert.png');
		background-size: 100% auto;
		background-position: bottom right;
		background-repeat: repeat-y;
		z-index: 3;
	}

	.page--process .process-slides.fixed .wave {
		position: fixed;
	}

	.page--process .process-slides:not(.fixed) .wave {
		right: -webkit-calc(100% * 1 / 3 - 10px) !important;
		right: calc(100% * 1 / 3 - 10px) !important;
	}

	@media screen and (max-width: 1439px) {
		.page--process .process-slides:not(.fixed) .wave {
			right: -webkit-calc(100% * 1 / 2 - 10px) !important;
			right: calc(100% * 1 / 2 - 10px) !important;
		}
	}

	@media screen and (max-width: 599px) {
		.page--process .process-slides .wave {
			display: none;
		}
	}

	.page--process .process-slide {
		width: 100%;
		min-height: 400px;
		height: 100vh;
		position: relative;
	}

	@media screen and (max-width: 599px) {
		.page--process .process-slide {
			height: auto;
		}
	}

	.page--process .process-slide .background {
		width: -webkit-calc(100% * 2 / 3);
		width: calc(100% * 2 / 3);
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		z-index: 2;
	}

	.page--process .process-slide .background.focus-left {
		background-position: left center;
	}

	.page--process .process-slide .background.focus-right {
		background-position: right center;
	}

	.page--process .process-slide.fixed-background .background {
		position: fixed;
		z-index: 1;
	}

	.page--process .process-slide.fixed-background ~ .process-slide.fixed-background .background {
		z-index: 0;
	}

	.page--process .process-slide:not(.fixed-background) .background {
		left: 0 !important;
	}

	@media screen and (max-width: 1439px) {
		.page--process .process-slide:not(.fixed-background) .background {
			width: -webkit-calc(100% / 2) !important;
			width: calc(100% / 2) !important;
		}
	}

	@media screen and (max-width: 599px) {
		.page--process .process-slide .background,
		.page--process .process-slide:not(.fixed-background) .background	{
			width: 100% !important;
			height: auto;
			padding-top: 75%;
			position: relative !important;
		}
	}

	.page--process .process-slide .content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		width: -webkit-calc(100% * 1 / 3);
		width: calc(100% * 1 / 3);
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background-image: url('/assets/ui/wahaka-bkg-rptr.jpg');
		background-size: 315px 214px;
		-webkit-transition: opacity 0.5s 0.0s linear;
		transition: opacity 0.5s 0.0s linear;
		opacity: 0;
		pointer-events: none;
	}

	.page--process .process-slide.show-content .content {
		opacity: 1.0;
		pointer-events: auto;
	}

	.page--process .process-slides:not(.fixed) .process-slide .content {
		width: -webkit-calc(100% * 1 / 3) !important;
		width: calc(100% * 1 / 3) !important;
		right: 0 !important;
	}

	.page--process .process-slides.fixed .process-slide .content {
		position: fixed;
	}

	@media screen and (max-width: 1439px) {
		.page--process .process-slides:not(.fixed) .process-slide .content {
			width: -webkit-calc(100% / 2) !important;
			width: calc(100% / 2) !important;
		}
	}

	@media screen and (max-width: 599px) {
		.page--process .process-slide .content,
		.page--process .process-slides:not(.fixed) .process-slide .content {
			width: 100% !important;
			height: auto;
			padding: 32px 0;
			position: relative !important;
			opacity: 1.0 !important;
			pointer-events: auto;
		}
	}

	.page--process .process-slide .content .number {
		text-align: center;
	}

	.page--process .process-slide .content .number .no {
		display: inline-block;
		width: 40px;
		height: 36px;
		background-image: url('/assets/ui/no.png');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	.page--process .process-slide .content .number .tens {
		display: inline-block;
		width: 21px;
		height: 36px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	.page--process .process-slide .content .number .ones {
		display: inline-block;
		width: 18px;
		height: 36px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	.page--process .process-slide .content .number .tens + .ones {
		position: relative;
		left: -2px;
	}

	.page--process .process-slide .content .header {
		max-width: 384px;
		padding: 0 32px;
		text-align: center;
	}

	.page--process .process-slide .content .copy {
		max-width: 384px;
		padding: 0 32px;
		text-align: center;
	}

/**
 * General Page 
 */

	.page--general .sections > div:last-child {
		padding-bottom: 160px !important;
	}

	.page--general .texture-wrapper {
		padding-top: 80px;
		background-image: url('/assets/ui/wahaka-bkg-rptr.jpg');
		background-size: 315px 214px;
	}

	.page--general .section-nav {
		width: 100%;
		min-height: 45px;
		background-image: url('/assets/ui/rptr-pattern.png');
		background-size: auto 45px;
		text-align: center;
		margin-bottom: 80px;
	}

	.page--general .section-nav .item {
		display: inline-block;
		height: 45px;
		padding: 0 20px;
		line-height: 45px;
		font-size: 16px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		letter-spacing: 1.25px;
		text-transform: uppercase;
		color: #000000;
	}

	@media screen and (max-width: 399px) {
		.page--general .section-nav .item{
			padding: 0 10px;
		}
	}

	.page--general .section-nav .item.active {
		color: #ce3c2c;
	}

	.page--general .section-header {
		max-width: 768px;
		margin: auto;
		padding: 0 48px;
		text-align: center;
		margin-bottom: 64px;
	}

	.page--general .section-copy {
		max-width: 768px;
		margin: auto;
		padding: 0 32px 32px 32px;
		text-align: center;
	}

	.page--general .section-image-banner {
		position: relative;
		padding: 32px 32px 128px 32px;
	}

	.page--general .section-image-banner.textured:before {
		content: '';
		display: block;
		width: 100%;
		height: 50%;
		position: absolute;
		left: 0;
		top: 0;
		background-image: url('/assets/ui/wahaka-bkg-rptr.jpg');
		background-size: 315px 214px;
		z-index: 0;
	}

	.page--general .section-image-banner.textured:after {
		content: '';
		display: block;
		width: 100%;
		height: 25px;
		position: absolute;
		left: 0;
		top: 50%;
		background-image: url('/assets/ui/wahaka-wavy-pattern-texture.png');
		background-size: auto 25px;
		z-index: 0;
	}

	.page--general .section-image-banner .banner {
		max-width: 1280px;
		max-height: 540px;
		margin: auto;
		position: relative;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		z-index: 1;
	}

	.page--general .section-image-banner .banner.focus-left {
		background-position: left center;
	}

	.page--general .section-image-banner .banner.focus-right {
		background-position: right center;
	}

	.page--general .section-image-banner .banner:before {
		content: '';
		display: block;
		width: 100%;
		padding-top: 50%;
	}

	@media screen and (max-width: 539px) {
		.page--general .section-image-banner .banner:before {
			padding-top: 100%;
		}
	}

	.page--general .section-image-copy {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		max-width: 1280px;
		margin: auto;
		padding: 32px 0;
	}

	@media screen and (max-width: 1023px) {
		.page--general .section-image-copy {
			max-width: 768px;
		}
	}

	@media screen and (max-width: 1023px) {
		.page--general .section-image-copy {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
				-ms-flex-direction: column;
					flex-direction: column;
		}
	}

	.page--general .section-image-copy .image {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 0px;
			-ms-flex: 1 1 0px;
				flex: 1 1 0px;
		-webkit-align-self: stretch;
			-ms-flex-item-align: stretch;
				align-self: stretch;
		min-height: 400px;
		margin: 0 32px;
		position: relative;
	}

	@media screen and (max-width: 1023px) {
		.page--general .section-image-copy .image {
			min-height: auto;
		}
	}

	.page--general .section-image-copy .image div {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}


	@media screen and (max-width: 1023px) {
		.page--general .section-image-copy .image div {
			position: relative;
			min-height: 400px;
		}
	}

	.page--general .section-image-copy .rule {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 1px;
			-ms-flex: 0 0 1px;
				flex: 0 0 1px;
		-webkit-align-self: stretch;
			-ms-flex-item-align: stretch;
				align-self: stretch;
		width: 1px;
		background-color: var(--brand-color);
	}

	@media screen and (max-width: 1023px) {
		.page--general .section-image-copy .rule {
			display: none;
		}
	}

	.page--general .section-image-copy .text {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 0px;
			-ms-flex: 1 1 0px;
				flex: 1 1 0px;
		margin: 32px;
	}

	.page--general .section-image-copy .text .subhead {
		max-width: 564px;
		margin: auto;
		padding: 0 32px;
		text-align: center;
	}

	@media screen and (max-width: 1023px) {
		.page--general .section-image-copy .text .subhead {
			padding: 0;
		}
	}

	.page--general .section-image-copy .text .copy {
		max-width: 564px;
		margin: auto;
		padding: 0 32px;
		text-align: center;
	}

	@media screen and (max-width: 1023px) {
		.page--general .section-image-copy .text .copy {
			padding: 0;
		}
	}

	.page--general .section-cta-copy {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		max-width: 1280px;
		margin: auto;
		margin-bottom: 64px;
	}

	@media screen and (max-width: 1536px) {
		.page--general .section-cta-copy {
			max-width: 1024px;
		}
	}

	@media screen and (max-width: 599px) {
		.page--general .section-cta-copy {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
				-ms-flex-direction: column;
					flex-direction: column;
		}
	}

	.page--general .section-cta-copy .icon {
		-webkit-box-flex: 1;
		-webkit-flex: 0 0 200px;
			-ms-flex: 0 0 200px;
				flex: 0 0 200px;
		-webkit-align-self: stretch;
			-ms-flex-item-align: stretch;
				align-self: stretch;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		min-height: 200px;
		margin: 0 32px;
		position: relative;
	}

	@media screen and (max-width: 599px) {
		.page--general .section-cta-copy .icon {
			-webkit-box-flex: 0;
			-webkit-flex: 0 1 auto;
				-ms-flex: 0 1 auto;
					flex: 0 1 auto;
		}
	}

	.page--general .section-cta-copy .icon div {
		width: 100%;
		height: 200px;
		position: absolute;
		left: 0;
		top: 0;
		background-size: contain;
		background-position: top center;
		background-repeat: no-repeat;
	}

	@media screen and (max-width: 599px) {
		.page--general .section-cta-copy .icon div {
			position: relative;
		}
	}

	.page--general .section-cta-copy .text {
		-webkit-box-flex: 3;
		-webkit-flex: 1 0 0px;
			-ms-flex: 1 0 0px;
				flex: 1 0 0px;
		margin: 0 64px 0 32px;
	}

	@media screen and (max-width: 599px) {
		.page--general .section-cta-copy .text {
			-webkit-box-flex: 0;
			-webkit-flex: 0 1 auto;
				-ms-flex: 0 1 auto;
					flex: 0 1 auto;
			margin: 32px 32px 0 32px;
		}
	}

	.page--general .section-cta-copy .rule {
		width: 100%;
		height: 1px;
		background-color: var(--brand-color);
		margin-top: 16px;
	}

/**
 * 404 page 
 */

	.page--404 .content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		max-width: 768px;
		min-height: 100vh;
		margin: auto;
		padding: 64px 32px;
	}

	@media screen and (max-width: 831px) {
		.page--404 .content {
			min-height: -webkit-calc(100vh - 64px);
			min-height: calc(100vh - 64px);
		}
	}

	.page--404 .content .h1,
	.page--404 .content .copy p {
		text-align: center;
	}

	.page--404 .content .copy {
		margin-bottom: 64px;
	}

	.page--404 .content .links {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: flex-top;
		-webkit-align-items: flex-top;
			-ms-flex-align: flex-top;
				align-items: flex-top;
		width: 100%;
		padding: 0 64px;
	}

	@media screen and (max-width: 600px) {
		.page--404 .content .links {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
				-ms-flex-direction: column;
					flex-direction: column;
			padding: 0;
		}
	}

	.page--404 .content .links .column {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 0px;
			-ms-flex: 1 0 0px;
				flex: 1 0 0px;
	}

	@media screen and (max-width: 600px) {
		.page--404 .content .links .column {
			margin: -8px 0;
		}
	}

	.page--404 .content .links .column .link {
		display: block;
		margin: 16px 0;
		text-align: center;
	}

	.page--404 .content .links .rule {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 1px;
			-ms-flex: 0 0 1px;
				flex: 0 0 1px;
		-webkit-align-self: stretch;
			-ms-flex-item-align: stretch;
				align-self: stretch;
		margin: 16px 32px;
		background-color: var(--brand-color);
	}

	@media screen and (max-width: 600px) {
		.page--404 .content .links .rule {
			display: none;
		}
	}


/**
 * Cocktails Landing Page 
 */

	.page--cocktails .content .rule {
		width: 100%;
		margin: 100px 0 80px 0;
		background-image: url('/assets/ui/rptr-pattern.png');
		background-size: auto 45px;
	}

	.page--cocktails .content .header {
		max-width: 768px;
		margin: auto;
		padding: 0 32px;
		text-align: center;
	}

	.page--cocktails .content .copy {
		max-width: 768px;
		margin: auto;
		padding: 0 32px;
		text-align: center;
	}

	.page--cocktails .cocktails  {
		margin: 100px auto;
	}

	.page--cocktails .cocktails .cocktail {
		display: block;
		margin-bottom: 32px;
	}

	.page--cocktails .cocktails .cocktail .thumbnail {
		padding-top: 100%;
		position: relative;
		overflow: hidden;
	}

	.page--cocktails .cocktails .cocktail .thumbnail .image {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.page--cocktails .cocktails .cocktail .title {
		width: 100%;
		height: 120px;
		padding: 20px;
		border: 1px solid var(--brand-color);
		border-top-width: 0px;
		line-height: 20px;
		font-size: 18px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		letter-spacing: 1.25px;
		text-transform: uppercase;
		text-align: center;
		color: #000000;
		background-color: #ffffff;
	}

/**
 * Cocktail entry Page 
 */

	.page--cocktail-entry .back-bar {
		display: inline-block;
		width: 100%;
		margin-top: 100px;
		margin-bottom: 80px;
		position: relative;
		background-image: url("/assets/ui/rptr-pattern.png");
		background-repeat: repeat;
		background-size: auto 45px;
	}

	.page--cocktail-entry .back-bar .arrow {
		background-color: #ffffff;
		background-image: url("/assets/ui/back-to-arrow.png");
		background-repeat: no-repeat;
		background-position: center;
		height: 44px;
		width: 60px;
		display: inline-block;
		vertical-align: top;
	}

	.page--cocktail-entry .back-bar .button{
		padding: 13px 48px;
	}

	.page--cocktail-entry .cocktail-detail {
		max-width: 1280px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin: auto;
		padding: 0 32px;
	}

	@media screen and (max-width: 1023px) {
		.page--cocktail-entry .cocktail-detail {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
				-ms-flex-direction: column;
					flex-direction: column;
		}
	}

	.page--cocktail-entry .cocktail-detail .image {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 0px;
			-ms-flex: 1 0 0px;
				flex: 1 0 0px;
		-webkit-align-self: stretch;
			-ms-flex-item-align: stretch;
				align-self: stretch;
		margin: 0 32px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	.page--cocktail-entry .cocktail-detail .image img {
		width: 100%;
		height: auto;
	}

	@media screen and (max-width: 1023px) {
		.page--cocktail-entry .cocktail-detail .image {
			-webkit-box-flex: 0;
			-webkit-flex: 0 1 auto;
				-ms-flex: 0 1 auto;
					flex: 0 1 auto;
			margin: 32px 0 0 0;
		}
	}

	.page--cocktail-entry .cocktail-detail .content {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 0px;
			-ms-flex: 1 0 0px;
				flex: 1 0 0px;
		margin: 0 32px;
	}

	@media screen and (max-width: 1023px) {
		.page--cocktail-entry .cocktail-detail .content {
			-webkit-box-flex: 0;
			-webkit-flex: 0 1 auto;
				-ms-flex: 0 1 auto;
					flex: 0 1 auto;
			margin: 0;
		}
	}

	.page--cocktail-entry .cocktail-detail .content .rule {
		width: 100%;
		height: 1px;
		margin: 16px 0 32px 0;
		background-color: var(--brand-color);
	}

	.page--cocktail-entry .cocktail-detail .content .ingredients ul {
		font-family: 'GoudyOldSty';
		font-size: 18px;
		font-weight: 300;
		color: #595350;
		letter-spacing: 0.17px;
		line-height: 28px;
	}

	.page--cocktail-entry .cocktail-detail .content .copy .servings,
	.page--cocktail-entry .cocktail-detail .content .copy .preparation {
		font-style: italic;
	}

	.page--cocktail-entry .cocktail-detail .content .social .share {
		margin-right: 16px;
		line-height: 18px;
		font-size: 16px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		letter-spacing: 1.25px;
		text-transform: uppercase;
		vertical-align: middle;
		color: #000000;
	}

	@media screen and (max-width: 599px) {
		.page--cocktail-entry .cocktail-detail .content .social .share {
			display: block;
		}
	}

	.page--cocktail-entry .cocktail-detail .content .social a {
		display: inline-block;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		margin: 0 8px;
		vertical-align: middle;
		background-color: var(--brand-color);
		background-size: 24px 24px;
		background-position: center;
		background-repeat: no-repeat;
	}

	.page--cocktail-entry .cocktail-detail .content .social a:first-of-type {
		margin-left: 0;
	}

	.page--cocktail-entry .cocktail-detail .content .social a:last-of-type {
		margin-right: 0;
	}

	.page--cocktail-entry .cocktail-detail .content .social .facebook {
		background-image: url('/assets/ui/sm_fb.png');
	}

	.page--cocktail-entry .cocktail-detail .content .social .twitter {
		background-image: url('/assets/ui/sm_tw.png');
	}

	.page--cocktail-entry .cocktail-detail .content .social .pinterest {
		background-image: url('/assets/ui/sm_pin.png');
	}

	.page--cocktail-entry .cocktail-detail .content .social .googleplus {
		background-image: url('/assets/ui/sm_gp.png');
	}

	.page--cocktail-entry .cocktail-detail .content .social .mail {
		background-image: url('/assets/ui/sm_em.png');
	}