/*
THEME NAME: Doggystyle
THEME URI: http://doggystyle.uk
*/

@media only screen and (min-width: 1201px)
{
	:root {
		/* Paddings */
		--pad: 60px;
		--pad-half: 30px;
		--pad-small: 30px;
		
		/* Font sizes */
		--base: 22px; 
		--header: 32px;
		--larger-header: 40px;
		--page-title: 56px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px)
{
	:root {
		--pad: 40px;
		--pad-half: 20px;
		--pad-small: 20px;
		
		--base: 22px;
		--header: 27px;
		--larger-header: 32px;
		--page-title: 48px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px)
{
	:root {
		--pad: 40px;
		--pad-half: 20px;
		--pad-small: 20px;
		
		--base: 20px;
		--header: 24px;
		--larger-header: 30px;
		--page-title: 40px;
	}
}

@media only screen and (max-width: 767px)
{
	:root {
		--pad: 30px;
		--pad-half: 20px;
		--pad-small: 12px;
		
		--base: 17px; 
		--header: 20px;
		--larger-header: 24px;
		--page-title: 30px;
	}
}

/* CSS RESET */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;width:auto}
q:before,q:after{content:"";}
abbr,acronym {font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a,a:hover,a:visited:hover,a:active,a:active:hover{outline:none}
a,a:hover,a:visited:hover,a:visited{text-decoration: none;}
::selection { background: #ccc; }
::-moz-selection { background: #ccc; }
::-webkit-selection { background: #ccc; }
.text-box ::selection { background: #ccc; color: #fff; }
.text-box ::-moz-selection { background: #ccc; color: #fff; }
.text-box ::-webkit-selection { background: #ccc; color: #fff; }
.search-form ::selection { background: #ccc; color: #fff; }
.search-form  ::-moz-selection { background: #ccc; color: #fff; }
.search-form  ::-webkit-selection { background: #ccc; color: #fff; }

@font-face {
	font-family: 'Fontello';
	src: url('fonts/fontello.eot');
	src: url('fonts/fontello.eot') format('embedded-opentype'),
		 url('fonts/fontello.woff') format('woff2'),
		 url('fonts/fontello.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html
{
	font-size: 62.5%;
}

body
{
	font: 22px/1.4 "Verlag A", "Verlag B", sans-serif;
	font-size: var(--base);
	text-align: left;
	background: #fff;
	color: #777;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum";
	-webkit-font-feature-settings: "lnum";
	font-feature-settings: "lnum";
}

	html.no-mousehover body
	{
		-webkit-text-size-adjust:none;
	}

h1,
h2,
h3,
.large-text
{
	color: #111;
}

	.full h1,
	.full h2
	{
		color: #fff;
	}

h1,
h2
{
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.0001rem;
}

	h1
	{
		font-size: var(--header);
	}
	
		.header-title
		{
			position: absolute;
			bottom: calc(var(--pad)/4*3);
			left: var(--pad);
			right: var(--pad);
			z-index: 1;
		}
		
			.header-title h1
			{
				font-size: var(--page-title);
			}
	h2,
	.large-text
	{
		font-size: var(--header);
	}
	
		h2.bigger
		{
			font-size: var(--larger-header);
		}
	
	.rotated h2
	{
		display: inline-block;
		transform: rotate(90deg);
	}
	
		.button-image .rotated h2,
		.button-two-images .rotated h2
		{
			transform: rotate(-90deg);
		}

h3
{
	font-weight: bold;
	line-height: 1.6;
}

h4,
.bar,
.scroll-to-results
{
	font-size: 15px;
	line-height: 20px;

	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.25px;
}

h2 a,
h3 a,
.lined-list h3
{
	-webkit-background-clip: text;
	background-clip: text;
	display: block;
}

	.mousehover h2:hover a,
	.mousehover h3:hover a,
	.hovered h2 a,
	.hovered h3 a,
	.mousehover .lined-list .list-header:hover h3
	{
		color: transparent;
	}

h1 + p,
h2 + p,
h2 + ul
{
	margin-top: 20px;
	margin-top: var(--base);
}

h2 + h3 + p,
h2 + h3 + ul
{
	margin-top: 23px;
	margin-top: calc(var(--base) + 3px);
}

h2 + h3
{
	margin-top: 2px;
}

p
{
	line-height: 1.6;
}

.text-box p:not(:last-child),
.text-box:not(.blog-filters):not(.legend-box):not(.accordion-box) ul:not(:last-child)
{
	margin-bottom: 25px;
	margin-bottom: calc(var(--base) + 5px);
}

p:empty
{
	display: none;
}

.text-box:not(.blog-filters):not(.legend-box):not(.accordion-box) ul
{
	display: inline-block;
	min-width: 66.66%;
}

	.text-box:not(.blog-filters):not(.legend-box):not(.accordion-box) li:not(:last-child)
	{
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #e7e7e7;	
	}

a,
a:visited
{
	color: #111;
	cursor: pointer;
}
	
	p a,
	p a:visited
	{
		color: #777;
		display: inline-block;
		position: relative;
	}
	
		p a:after
		{
			content: "";
			display: block;
			height: 1px;
			position: absolute;
			left: 1px;
			right: 1px;
			bottom: 1px;
			background: #bbb;
		}
			
		.mousehover p a:hover,
		.mousehover p a:visited:hover
		{
			color: #333;
		}
		
			.mousehover p a:hover:after
			{
				background-color: #111;
				transform: translate3d(0, -2px, 0);
			}
		
	.full,
	.full a,
	.full a:visited,
	.thumb a,
	.thumb a:visited
	{
		color: #fff;
	}

a,
.overlay,
.thumb-overlay,
.slider-arrow,
.video-button a:after,
.video-banner .video-button a:after,
.social-icon:before,
.mousehover .layout-box .mask:after,
.lined-list h3
{
	transition: all .2s ease-out;
}

p a:after
{
	transition: background .2s ease-out, transform .15s ease-in-out;
}

input[type="submit"],
button
{
	transition: background-color .2s ease-out;
}

.thumb .gradient
{
	transition: opacity .2s ease-out;
}

.img-holder
{
	overflow: hidden;
	background: #c3c3c3;
	position: relative;
}
	
	.full-header .img-holder
	{
		background: #333;
	}
	
.img-holder.loaded,
.thumb .img-holder,
.big-bottle .img-holder,
.small-bottles .img-holder
{
	background: transparent;
}

.overlay
{
	background: #000;
	opacity: .2;
}

.no-mousehover .thumbs img,
.no-mousehover .img-holder img
{
	transition: opacity .5s ease-out;
}

.mousehover .thumbs img,
.mousehover .img-holder img
{
	transition: opacity .5s ease-out, transform .2s ease-out;
}

.img-holder,
.bar,
.lined-list h3,
.scroll-to-results
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
}

canvas
{
	width: 100%;
	height: auto;
	display: block;
}

.img-holder img,
.img-holder video
{
	width: 100%;
	height: 100%;
	position: absolute;
}

	.cover-img img,
	.cover-img video
	{
		object-fit: cover;
		height: 100%;
	}
	
	.contain-img img,
	.contain-img video
	{
		object-fit: contain;
		height: 100%;
	}
	
	/*.mousehover .img-holder.has-link img,
	.mousehover .half-box.has-link img,*/
	.mousehover .insta-box img
	{
		transform: translate3d(0,0,0);
	}
	
	/*.mousehover .hovered .img-holder.has-link img,
	.mousehover .hovered .half-box.has-link img
	{
		transform: translate3d(0,0,0) scale(1.01);
	}*/
	
	.mousehover .insta-box:hover img
	{
		transform: translate3d(0,0,0) scale(1.015);
	}

div.loading img,
a.loading img
{
	opacity: 0;
}

.absolute
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.full
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.fullscreen
{
	position: relative;
	width: 100%;
	height: 100vh;
}

	@supports (color: var(--primary)) {
		.mobilesafari .fullscreen
		{
			height: calc(100vh - var(--ios-fix));
		}
	}

.mousehover .accelerate
{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Header */

.full-header
{
	width: 100%;
	margin: 0 0 var(--pad-half) 0;
	height: calc(100vh - var(--pad));
	min-height: 600px;
	position: relative;
	backface-visibility: hidden;

	overflow: hidden;
}

	@supports (color: var(--primary)) {
		@media only screen and (min-width: 768px)
			.mobilesafari .full-header
			{
				height: calc(100vh - var(--pad) - var(--ios-fix));
			}
		}
	}

	.single-flavor .full-header
	{
		margin-bottom: calc(var(--pad)*3/2);
		justify-content: space-between;
	}

	.full-header > div
	{
		height: 100%;
	}

	.page .full-header:before
	{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #000;
		opacity: .2;
		z-index: 1;
	}
	
	.full-header.map:before
	{
		display: none;
	}


/* Grid */

.align-center
{
	-ms-flex-align: center;
	align-items: center;
	
	align-self: center;
	
	-ms-flex-pack: center;
	-ms-flex-line-pack: center;
	
	justify-content: center;
	text-align: center;
}

.row
{
	display: -ms-flexbox;
	display: flex;
	
	-ms-flex-flow: row wrap;
    flex-flow: row wrap;
    
    padding: 0 var(--pad-small);
}

	.no-padding
	{
		padding: 0;
	}

	.spaced-row
	{ 
	    margin-bottom: calc(var(--pad-half)*3);
	}
	
	.spaced-top
	{
		margin-top: calc(var(--pad-half)*3);
	}

.two-images
{
	display: flex;
}

	.margin-col-1
	{
		margin-left: calc(100%/6);
	}
	
	.margin-right-col-1
	{
		margin-right: calc(100%/6);
	}

.text-box
{
	width: 100%;
}

.col-2
{
	width: calc(100%/3);
}

	.col-2-edge
	{
		width: calc(100%/3 + var(--pad-small));
	}
	
	.margin-col-2
	{
		margin-left: calc(100%/3);
	}
	
		.image-text .col-2-edge
		{
			padding-left: 0;
			margin-left: calc(-1 * var(--pad-small));
		}			
		
		.text-image .col-2-edge
		{
			padding-right: 0;
			margin-right: calc(-1 * var(--pad-small));
		}

.col-3
{
	width: 50%;
}

	.col-3-edge
	{
		width: calc(50% + var(--pad-small));
	}
	
		.wide-image-text .col-3-edge
		{
			padding-left: 0;
			margin-left: calc(-1 * var(--pad-small));
		}
		
		.text-wide-image .col-3-edge
		{
			padding-right: 0;
			margin-right: calc(-1 * var(--pad-small));
		}

.col-3-5
{
	width: calc((100vw - var(--pad-small)*3)/5*3 + var(--pad-small));
}

.col-4
{
	width: calc(100%/3*2);
}

	.col-4-edge
	{
		width: calc(100%/3*2 + var(--pad-small));
	}
	
		.image-button .col-4-edge
		{
			padding-left: 0;
			margin-left: calc(-1 * var(--pad-small));
		}
		
		.button-image .col-4-edge
		{
			padding-right: 0;
			margin-right: calc(-1 * var(--pad-small));
		}

	.col-4-text
	{
		width: calc(100%/3*2 - var(--pad-small)*2);
	}

.half-box
{
	width: 50%;
}

.full-box
{
	width: 100%;
}

.max-width
{
/* 	max-width: 1680px; */
	margin-right: auto;
	margin-left: auto;
}

	.header-title .max-width
	{
/* 		max-width: 1560px; */
	}

.text-max-width
{
	/*width: 100%;*/
	max-width: 720px;
	max-width: calc(var(--base)*32);
}

	.footer-max-width
	{
		max-width: 740px;
		max-width: calc(var(--base)*33);
	}

	.wide-text-max-width
	{
		width: 100%;
		max-width: 900px;
		max-width: calc(var(--header)*28);
	}
	
	.text-max-width h1
	{
		padding-right: calc(var(--pad)/2*3);
	}

.ingredients
{
	max-width: 420px;
}

.col-2-max-width
{
	max-width: 530px;
}

.col-3-max-width
{
	max-width: 800px;
}

.col-4-max-width
{
	max-width: 1000px;
}

	.button-image .text-box.col-4-max-width
	{
		max-width: 970px
	}

/* Layout */

.everything,
.ajax
{
	width: 100%;
	min-height: 100vh;
}

	@supports (color: var(--primary)) {
		.mobilesafari .everything,
		.mobilesafari .ajax
		{
			min-height: calc(100vh - var(--ios-fix));
		}
	}

.everything
{
	overflow-x: hidden;
}

.layout
{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0 0 var(--pad-half) 0;
}

.layout-box
{
	position: relative;
	min-height: 1px;
	padding: var(--pad-half) var(--pad-small);
}

	.text-box
	{
		padding: calc(var(--pad-half)/3*2) var(--pad-small);
	}
	
		.image-text .text-box,
		.text-image .text-box,
		.wide-image-text .text-box,
		.text-wide-image .text-box
		{
			padding: calc(var(--pad-half)*3 - var(--pad-half)/3*2) var(--pad-small);
		}
	
	.blog-thumb .thumb-text-box
	{
		padding: calc(var(--pad)/6*5) var(--pad) calc(var(--pad)/6*5) 0;
	}

	.layout-box .mask
	{
		display: block;
		position: relative;
	}
	
		.mousehover .layout-box:not(.video-box) .mask:after
		{
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.01);
		}
		
			.mousehover .image-button.hovered .mask.loaded:after,
			.mousehover .button-image.hovered .mask.loaded:after,
			.mousehover .insta-box:hover .mask:after,
			.mousehover .blog-thumb:hover .mask:after
			{
				background: rgba(0, 0, 0, .15);
			}

	.thumb
	{
		padding: calc(var(--pad-small));
	}
	
		.small-thumb
		{
			width: 20%;
			padding: calc(var(--pad-small)/2);
		}
		
		/*.big-thumb
		{
			width: 33.333333%;
			padding: 0;
		}*/
	
	.thumb h4
	{
		position: absolute;
	    top: var(--pad-half);
	    right: calc(100% - var(--pad-half));
	    transform: rotate(-90deg);
	    transform-origin: 100% 0;
	    width: calc(115% - var(--pad));
	    display: block;
	    text-align: right;
	    white-space: nowrap;
	    padding-right: 5px;
	}
	
		/*.big-thumb h4
		{
			top: 58px;
			right: calc(100% - 58px);
		}*/

	.thumb .mask
	{
		width: 100%;
		height: 0;
		padding-bottom: 66.666666%;
		overflow: hidden;
		position: relative;
	}
	
	/*.video-box .mask
	{
		padding-bottom: 56.25%;
	}*/

	.thumb .mask
	{
		padding-bottom: 115%;
		background: #c3c3c3;
	}
	
		/*.big-thumb .mask
		{
			padding-bottom: 0;
			height: calc(100vh - var(--pad));
			min-height: 600px;
		}
		
			@supports (color: var(--primary)) {
				.mobilesafari .big-thumb .mask
				{
					height: calc(100vh - var(--pad) - var(--ios-fix));
				}
			}*/
	
		.thumb .padder
		{
			margin: calc(var(--pad-half)*3.5) 0 var(--pad-half);
		}
		
			.small-thumb .padder
			{
				margin: var(--pad) 0 var(--pad-half);
			}
			
			/*.big-thumb .padder
			{
				margin: 25vh 0 75px;
			}*/
		
		.thumb .gradient
		{
			opacity: 0;
		}
		
			.mousehover .thumb:hover .gradient
			{
				opacity: 1;
			}

	.layout-box .square-mask
	{
		padding-bottom: 100%;
	}

	.layout-box img,
	.thumb img
	{
		position: absolute;
	}

.mousehover .thumb .img-holder,
.mousehover .small-bottles .img-holder
{
	transition: transform .2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transform: translate3d(0, 0, 0);
}

	.mousehover .small-bottles a:hover .img-holder:not(.selected)
	{
		transform: translate3d(0, -7px, 0);
	}

	.mousehover .thumbs .thumb:hover .img-holder
	{
		transform: translate3d(0, calc(-1 * var(--pad-half)), 0);
	}
	
	.mousehover .related .thumb:hover .img-holder
	{
		transform: translate3d(0, calc(-1 * var(--pad-half)/2), 0);
	}
	
	.mousehover .thumbs .thumb:hover a,
	.mousehover .thumbs .thumb:hover a:visited
	{
		color: #111;
	}

/*.mousehover .image-button .mask,
.mousehover .button-image .mask,
.mousehover .image-button .text-box,
.mousehover .button-image .text-box
{
	transition: transform .2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transform: translate3d(0, 0, 0);
}

.hovered.image-button .mask,
.hovered.image-button .text-box
{
	transform: translate3d(30px, 0, 0);
}

.hovered.button-image .mask,
.hovered.button-image .text-box
{
	transform: translate3d(-30px, 0, 0);
}*/

/*.video-box
{
	overflow: hidden;
	position: absolute;
	top: 180px;
	right: 120px;
	bottom: 180px;
	left: 120px;
}

	.video-container
	{
		width: 100%;
		height: calc((100vw - 240px)/16*9);
		position: relative;
		margin: 0 auto;
		background: #000;
	}*/

	.video-box iframe,
	.video-box video,
	.video-box object
	{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100% !important;
		height: 100% !important;

		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
	}

/* Flavors */

.big-bottle
{
	background: #c3c3c3;
	position: relative;
}

	.big-bottle .padder
	{
		margin: calc(var(--pad)/3*8) var(--pad) calc(var(--pad)/3*4);
	}

.flavor-text
{
	display: flex;
	flex-flow: column;
	flex: 1;
}

.small-bottles
{
	display: flex;
	position: absolute;
	bottom: var(--pad-half);
}

	.small-bottles a
	{
		margin: 0px 10px;
		padding: 5px;
		cursor: pointer;
	}
	
	.small-bottles .selected
	{
		opacity: .4;
		pointer-events: none;
	}

	.small-bottles canvas
	{
		height: 100px;
		width: auto;
	}

/* Instagram */

.related
{
	padding: 15px 45px;
	padding: calc(var(--pad-small)/2) calc(var(--pad-small)/2*3);
}

	.related h2
	{
		width: 100%;
		text-align: center;
		margin-bottom: 27px;
	}

.instagrams
{
	padding: 15px 45px 45px;
	padding: calc(var(--pad-small)/2) calc(var(--pad-small)/2*3) calc(var(--pad-small)/2*3);
	position: relative;
	flex-flow: row wrap-reverse;
}
	
	.social-box
	{
		width: 40%;
		padding: 15px;
		padding: calc(var(--pad-small)/2);
		margin-left: auto;
		flex-flow: column;
	}

.small-thumbs .mask a
{
	display: block;
}

/* Inputs */

input[type="text"],
input[type="email"],
input[type="date"],
input[type="search"],
input[type="submit"],
input[type="number"],
button,
textarea,
select
{
	border: 0;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: #ccc;

	-webkit-border-radius: 0;
	border-radius: 0;

	outline: none;

	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="date"],
input[type="search"],
input[type="number"],
textarea,
select
{
	background: #c3c3c3;
	color: #777;
}

input[type="submit"],
button
{
	cursor: pointer;
}

	.wpcf7 input[type="submit"],
	#storemapper-go
	{
		width: 100%;
	}

textarea:focus,
input:focus,
textarea:required,
input:required,
textarea:invalid,
input:invalid,
button:focus
{
	outline: 0;
	box-shadow:none;
}

input::-ms-clear,
textarea::-ms-clear
{
	display: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
	color: #fff;
	color: rgba(255, 255, 255, .8);
	padding: 0;
	outline: 0;
}

input::-moz-input-placeholder,
textarea::-moz-input-placeholder
{
	color: #fff;
	color: rgba(255, 255, 255, .8);
	padding: 0;
	outline: 0;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder
{
	color: #fff;
	color: rgba(255, 255, 255, .8);
	padding: 0;
	outline: 0;
}

.contact-form
{
	width: 620px;
	margin: 0 auto;
	padding: var(--pad);
	background: #867cd2;
}

	.contact-form p
	{
		margin: 0;
	}

.wpcf7 span,
.wpcf7 label
{
	display: block;
}

.wpcf7 label
{
	position: relative;
}

.wpcf7 .placeholder
{
	position: absolute;
	top: 0;
	left: 0;
	color: #aaa;
	background: #fff;
	cursor: text;
	text-align: left;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="date"],
.wpcf7 input[type="number"],
.wpcf7 .placeholder,
.wpcf7 textarea,
.wpcf7 select,
.newsletter-input,
.finder-form input,
.finder-form select
{
	font-size: 18px;
	line-height: 26px;
	padding: 10px 15px;
	width: 100%;
	height: 46px;
	margin-bottom: 20px;
	display: block;
}

	.finder-form input,
	.finder-form select
	{
		margin-bottom: 0;
		background: rgba(17, 17, 16, .75) !important;
		color: #fff;
	}
	
	.newsletter-form
	{
		display: inline-block;
		width: 320px;
	}
	
	.finder-form
	{
		display: flex;
		flex-wrap: wrap;
		flex-grow: 1;
	}
	
	.finder-form.working
	{
		pointer-events: none;
	}
	
	.finder-form h4
	{
		color: #111;
		font-size: 21px;
		padding: 15px;
		font-weight: 800;
		width: 100%;
	}

	.newsletter-input
	{
		width: calc(100% - 46px);
		margin-bottom: 8px;
		display: inline-block;
	}
	
	.finder-form .finder-input
	{
		width: 194px;
	}
	
	.finder-form .select-wrapper
	{
		position: relative;
	}
	
	.finder-form .select-wrapper:after
	{
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 4px 0 4px;
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		top: 21px;
		right: 28px;
	}
	
	.finder-form .finder-distance
	{
		width: 120px;
		margin-right: 10px;
	}
	
	.finder-form .finder-flavors
	{
		width: 260px;
		margin-right: 10px;
	}
	
	.signup p
	{
		margin:  12px 0 20px 0;
		font-size: 18px;
	}
	
	.newsletter-submit
	{
		width: 46px;
		height: 46px;
		background: #aaa;
		float: right;
		position: relative;
	}
	
		.finder-submit
		{
			background: #111 !important;
		}
	
		.newsletter-submit:after
		{
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 5px 0 5px 8px;
			border-color: transparent transparent transparent #fff;
			position: absolute;
			top: 18px;
			left: 20px;
		}
		
		.working .finder-submit:after
		{
			opacity: 0;
		}
		
			.working .finder-submit
			{
				background: #111 url("images/loading.svg") center center no-repeat !important;
			}
		
		.mousehover .newsletter-submit:hover
		{
			background: #111;
		}

	.wpcf7 textarea
	{
		height: 150px;
	}

	.wpcf7 .your-subject
	{
		position: relative;
		display: block;
	}

	.wpcf7 .your-subject:after
	{
		content: "";
		position: absolute;
		top: 22px;
		right: 18px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 4px 0 4px;
		border-color: #607d8b transparent transparent transparent;
	}

.wpcf7 input[type="checkbox"]
{
	margin: 0 10px 0 0;
}

	.wpcf7 .wpcf7-checkbox,
	.wpcf7 .wpcf7-list-item-label
	{
		font-size: 13px;
		line-height: 16px;
		color: #aaa;
	}

.wpcf7 input[type="checkbox"],
.wpcf7 .wpcf7-list-item-label
{
	display: inline-block;
}

.wpcf7 .wpcf7-not-valid
{
	border: 1px solid #e43834;
}

	.wpcf7-not-valid::-webkit-input-placeholder
	{
		color: #e43834;
	}

	.wpcf7-not-valid::-moz-input-placeholder
	{
		color: #e43834;
	}

	.wpcf7-not-valid::-ms-input-placeholder
	{
		color: #e43834;
	}

	.wpcf7-display-none
	{
		display: none;
	}

	.screen-reader-response,
	.wpcf7-not-valid-tip,
	.wpcf7-validation-errors,
	div.wpcf7 img.ajax-loader
	{
		display: none !important;
	}

.wpcf7-spam-blocked
{
	display: block !important;
}

div.wpcf7-response-output
{
	margin: 60px 0 0 0;
	padding: 31px 30px 29px;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	background: #40b099;
	text-transform: uppercase;
	text-align: center;
	border: none !important;
}

div.wpcf7-spam-blocked
{
	border-width: 1px;
}

.wpcf7 .your-message
{
	clear: both;
}

.wpcf7 .notification
{

}

.map
{
	background: #eee;
	margin: 0 !important;
}

.marker-title
{
	width: 120px;
	height: 40px;
	font: 13px/17px "Verlag A", "Verlag B", sans-serif;
	font-weight: bold;
	text-align: center;
	color: #111;
	color: #fff;
	position: relative;
	
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
	flex-basis: auto;
}

	.marker-title span
	{
		display: inline-block;
		padding: 5px 8px;
		background: #f6921e;
		background: #111;
		text-align: center;
	}

.finder-form
{
	position: absolute;
	bottom: var(--pad);
	left: var(--pad);
}

/* Header + menu */

.logo
{
	width: 195px;
	height: 24px;
	position: fixed;
	top: 53px;
	left: var(--pad);
	z-index: 10;
	display: block;
	cursor: pointer;
}

	/*@media only screen and (min-width: 1681px)
	{
		.logo
		{
			left: calc(50vw - 660px);
		}
	}*/

	.logo svg
	{
		display: block;
		height: 23px;
		width: auto;
	}
	
	body.white-logo:not(.hide-logo-text-on-scroll) > .logo .logo-dark,
	body.white-logo:not(.hide-logo-text-on-scroll) > .logo .logo-main,
	body.white-logo:not(.hide-logo-text-on-scroll) > .logo .logo-light
	{
		fill: #fff !important;
	}
	
	.mousehover .logo:hover .logo-light,
	.mousehover .footer-logo .logo-light
	{
		animation: logo-light 4s infinite ease-in-out;
	}
	
	.mousehover .logo:hover .logo-main,
	.mousehover .footer-logo .logo-main
	{
		animation: logo-main 4s infinite ease-in-out;
	}
	
	.mousehover .logo:hover .logo-dark,
	.mousehover .footer-logo .logo-dark
	{
		animation: logo-dark 4s infinite ease-in-out;
	}

.bar
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

	.menu-bar
	{
		position: fixed;
		top: calc(var(--pad-small));
		right: calc(var(--pad-small));
		transition: background .35s ease-out;
		overflow: hidden;
	
		width: auto;
		max-width: 850px;
		height: 70px;
		background: #cc0099;
		z-index: 10;
		padding: 10px 15px;
	}
	
		.flex-bar
		{
			display: flex;
			flex-wrap: wrap;
		}
	
	.footer-bar
	{
		background: #111;
	}
	
	.footer-bar .bar
	{
		padding: 40px 45px;
		padding: calc(var(--pad-small)/2*3 - var(--pad-small)/6) calc(var(--pad-small)/2*3);
	}

	.bar li
	{
		
	}
	
	.bar a,
	.bar a:visited,
	.bar span
	{
		padding: 16px 14px 14px;
		display: block;
		color: #fff;
	}
	
		.footer-bar a,
		.footer-bar a:visited,
		.footer-bar span
		{
			color: #777;
		}
	
	.bar .copyright
	{
		margin-left: auto;
		text-transform: none;
		font-weight: normal;
		font-size: 16px;
	}
	
	.current-menu-item > a,
	.current-menu-item > a:visited,
	.current_page_ancestor > a,
	.current_page_ancestor > a:visited,
	.single-flavor .menu-item-33 > a,
	.single-flavor .menu-item-33 > a:visited,
	.single-post .menu-item-27 > a,
	.single-post .menu-item-27 > a:visited,
	.mousehover .menu-bar a:hover,
	.mousehover .menu-bar a:visited:hover
	{
		color: #111;
	}
	
		.mousehover .footer-bar a:hover,
		.mousehover .footer-bar a:visited:hover,
		.footer-bar .current-menu-item > a,
		.footer-bar .current-menu-item > a:visited,
		.single-post .footer-bar .menu-item-37 > a,
		.single-post .footer-bar .menu-item-37 > a:visited,
		.footer-bar .current_page_ancestor > a,
		.footer-bar .current_page_ancestor > a:visited
		{
			color: #fff;
		}

/* Footer */

.footer
{
	flex-flow: column;
	margin-bottom: 120px;
	margin-bottom: calc(var(--pad)*2);
}

.footer-logo
{
	width: 58px;
	height: 62px;
	display: inline-block;
}

.disable-hover .thumb,
.disable-hover .video-box
{
	pointer-events: none !important;
}

.one-percent
{
	width: 103px;
	height: 40px;
	display: block;
	background: transparent url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 258 102'%3E%3Cstyle%3E.st0%7Bfill:%23777%7D%3C/style%3E%3Cpath class='st0' d='M109.5 24.6h18.7v5.7H116v3.9h11v5.4h-11V48h-6.5zm21 11.7c0-6.8 5.4-12.2 12.7-12.2 7.2 0 12.6 5.4 12.6 12.1v.1c0 6.7-5.4 12.2-12.7 12.2-7.2 0-12.6-5.4-12.6-12.2zm18.6 0c0-3.4-2.4-6.4-6-6.4-3.5 0-5.9 2.9-5.9 6.3v.1c0 3.4 2.4 6.3 6 6.3s5.9-2.9 5.9-6.3zm10.2-11.7h11.1c3.6 0 6.1.9 7.6 2.5 1.4 1.3 2.1 3.1 2.1 5.5v.1c0 3.6-1.9 6-4.8 7.2l5.6 8.2h-7.5l-4.7-7.1h-2.9v7h-6.5V24.6zm10.8 11.2c2.2 0 3.5-1.1 3.5-2.8 0-1.8-1.3-2.8-3.5-2.8h-4.3v5.6h4.3zm25.4-5.5h-7v-5.7H209v5.7h-7V48h-6.5zm16.6-5.7h6.5v8.7h8.3v-8.7h6.5V48h-6.5v-8.9h-8.3V48h-6.5zm25.6 0h18.8v5.5h-12.4v3.5h11.3v5.2h-11.3v3.7h12.6V48h-19zM109.3 52.7h10.8c6.4 0 10.5 3.3 10.5 8.9v.1c0 5.9-4.6 9.1-10.8 9.1h-3.5V78h-7V52.7zm10.3 12.5c2.5 0 4-1.3 4-3.3v-.1c0-2.2-1.5-3.3-4-3.3h-3.3v6.7h3.3zm14-12.5h6.9v19.1h12.3v6.1h-19.2zm30.9-.2h6.7l10.7 25.4h-7.5l-1.8-4.5h-9.7l-1.8 4.5h-7.4l10.8-25.4zm6.1 15.5l-2.8-7.2L165 68h5.6zm13.8-15.3h6.5L201.3 66V52.7h6.9v25.2h-6.1l-10.8-13.8v13.8h-6.9zm28.3 0H233v5.9h-13.4v3.8h12.1V68h-12.1v4h13.5v5.9h-20.4zm30.2 6.1h-7.6v-6.1h22.1v6.1h-7.5v19.1h-7z'/%3E%3Cpath class='st0' d='M250.4 77.4l.5-.6c.3.2.7.4 1 .4.2 0 .4-.1.4-.2s-.1-.2-.5-.3c-.7-.2-1.2-.3-1.2-1 0-.6.5-1 1.2-1 .5 0 1 .1 1.3.4l-.4.6c-.3-.2-.6-.3-.9-.3-.2 0-.3.1-.3.2s.1.2.6.3c.7.2 1.2.4 1.2 1 0 .7-.5 1-1.3 1-.7 0-1.2-.2-1.6-.5zm3.2-2.8h1l.7 1.3.8-1.3h.9v3.2h-.9V76l-.8 1.3-.8-1.3v1.8h-.9z'/%3E%3Ccircle class='st0' cx='85.8' cy='55.8' r='2.5'/%3E%3Cpath class='st0' d='M50.6 1C23 1 .6 23.4.6 51s22.4 50 50 50 50-22.4 50-50-22.4-50-50-50zm10.1 88.9H41.1V29.5l-7.3-.1.1-9.8 9.4-8.4h17.3v78.7zm4.8-46.7c0-3.1 2.5-5.6 5.6-5.6 3.1 0 5.6 2.5 5.6 5.6 0 3.1-2.5 5.6-5.6 5.6-3 0-5.6-2.5-5.6-5.6zm2.3 18.2l17.5-24h4.1l-17.5 24h-4.1zm18 0c-3.1 0-5.6-2.5-5.6-5.6 0-3.1 2.5-5.6 5.6-5.6 3.1 0 5.6 2.5 5.6 5.6.1 3.1-2.5 5.6-5.6 5.6z'/%3E%3Ccircle class='st0' cx='71.2' cy='43.2' r='2.5'/%3E%3C/svg%3E") center center no-repeat;
	background-size: contain;
}

	@media only screen and (min-width: 1024px)
	{
		.one-percent
		{
			margin-right: 40px;
			margin-right: calc(var(--pad-small)/2*3);
		}
	}
	
	@media only screen and (max-width: 1023px)
	{
		.one-percent
		{
			margin-bottom: 10px
		}
	}
	
	@media only screen and (max-width: 767px)
	{
		.one-percent
		{
			width: 80px;
			height: 31px;
		}
	}

.has-link
{
	cursor: pointer;
}


/* Lists */

.lined-list
{
	width: 100%;
	text-align: left;
	border-top: 1px solid #e7e7e7;
}

	.accordion
	{
		margin-top: calc(var(--pad) - 10px);
	}

	.lined-list li
	{
		border-bottom: 1px solid #e7e7e7;
		overflow: hidden;
		position: relative;
	}
	
	.list-header
	{
		width: 100%;
		padding: 20px 0;
		padding: calc(var(--pad-half)/3*2) 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
	}
	
		.press-list .list-header
		{
			justify-content: flex-start;
			flex-direction: column;
			align-items: flex-start;
		}

	.lined-list h3
	{
		position: relative;
		margin-right: auto;
	}
	
	.lined-list .description
	{
		font-weight: 400;
	}
	
		.accordion .description
		{
			height: 0;
			overflow: hidden;
		}
	
		.lined-list .padder
		{
			padding: 0 60px 50px 0;
			padding: 0 var(--pad) calc(var(--pad)/6*5) 0;
		}

	.accordion .open .description
	{
		height: auto;
	}
	
	.lined-list .dots
	{
		height: 13px;
		font-size: 0;
		line-height: 0;
	}
	
		.flavors-dots,
		.flavors-head-title
		{
			width: 138px;
			margin-left: 20px;
			text-align: right;
		}
		
		
		.single-dot,
		.single-head-title
		{
			width: 80px;
			margin-left: 20px;
			text-align: right;
		}
		
		.flavors-head-title,
		.single-head-title
		{
			color: #777;
		}
	
		.results .dot
		{
			width: 13px;
			height: 13px;
			border-radius: 7px;
			display: inline-block;
			margin-left: 10px;
			background: #c3c3c3;
		}
		
			.results .special-release
			{
				background: #fff;
				border: 1px dotted #666;
			}
			
		.results
		{
			transform: translate3d(0, 100px, 0);
			transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		}
		
		.invisible-results-button .results
		{
			transform: translate3d(0, 0, 0);
		}
		
		.results p a:after
		{
			background: #fff;
		}
		
		.results p a,
		.results p a:visited
		{
			color: #333;
		}
		
		.results .distance
		{
			display: inline-block;
			margin-left: 12px;
			background: transparent !important;
			color: #777 !important;
			font-weight: normal;
		}
		
		/*.scroll-to-results
		{
			width: 100%;
			height: 60px;
			line-height: 20px;
			text-align: center;
			transition: opacity .2s ease-out, visibilty 0s ease-out .25s;
			cursor: pointer;
			z-index: 1;
		}
		
			.invisible-results-button .scroll-to-results
			{
				opacity: 0;
				visibility: hidden;
				transition: opacity .2s ease-out, visibilty 0s ease-out 0s;
			}*/
		
			.scroll-to-results,
			.scroll-to-results:visited
			{
				display: inline-block;
				position: absolute;
				bottom: var(--pad);
				right: var(--pad);
				padding: 13px 15px;
				height: 46px;
				cursor: pointer;
				background: #f6921e;
				color: #fff;
				transform: translate3d(0, 0, 0);
				transform .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			}
			
				.invisible-results-button .scroll-to-results,
				.invisible-results-button .scroll-to-results:visited
				{
					transform: translate3d(0, 120px, 0);
				}
			
			.mousehover .scroll-to-results:hover,
			.mousehover .scroll-to-results:visited:hover
			{
				background: #111;
			}
		
		.results-head
		{
			display: flex;
			justify-content: space-between;
			margin-bottom: calc(-1 * var(--pad)/3);
			text-align: left;
			clear: both;
		}
		
			.results-head h3:first-child
			{
				font-weight: 800;
				text-transform: uppercase;
				margin-right: auto;
			}
	
	.legend
	{
		width: 100%;
		font-size: 17px;
		line-height: 26px;
		display: flex;
		justify-content: flex-end;
		text-align: right;
		flex-wrap: wrap;
		margin-bottom: var(--pad) !important;
		max-width: 460px;
		float: right;
	}
	
		.legend li
		{
			width: 50%;
			margin-bottom: 8px;
		}
		
		.legend .dot
		{
			width: 9px;
			height: 9px;
			margin-left: 10px;
		}
			
#wpadminbar
{
	display: none;
}

/* Share icons */

.social-icons
{
	margin-top: -5px;
}

.social-icon
{
	padding: 10px;
	display: inline-block;
}

.social-icon:before
{
	font-family: "Fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	text-align: left;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	cursor: pointer;

	height: 30px;
	font-size: 30px;
	line-height: 30px;
	color: #111;
}

	.mousehover .social-icon:hover:before
	{
		color: #fff;
	}

	.social-icon.twitter:before
	{
		content: '\e802';
	}

	.social-icon.instagram:before
	{
		content: '\e800';
	}
	
		.footer-bar .social-icon.instagram:before
		{
			font-size: 18px;
			line-height: 20px;
			height: 20px;
			color: #777;
			top: -1px;
			position: relative;
		}
	
		.mousehover .social-box .social-icon.instagram:hover:before
		{
			color: #bc2a8d;
		}
	
	.social-icon.facebook:before
	{
		font-size: 29px;
		content: '\e801';
	}
	
		.footer-bar .social-icon.facebook:before
		{
			font-size: 17px;
			line-height: 20px;
			height: 20px;
			color: #777;
			top: -1px;
			position: relative;
		}
		
		.mousehover .social-box .social-icon.facebook:hover:before
		{
			color: #3b5998;
		}
		
		.mousehover .footer-bar .social-icon:hover:before
		{
			color: #fff;
		}
		
.button,
.button:visited
{
	width: 240px;
	height: 60px;
	font-size: 16px;
	line-height: 20px;
	padding: 20px;

	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -120px;
	overflow: hidden;

	background: #344787;
	color: #fff !important;
	text-align: center;
}

	.button span
	{
		display: inline-block;
		z-index: 1;
		position: relative;
	}

	.button:after
	{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #30a9dc;

		-webkit-transform: translate3d(0, -60px, 0);
		transform: translate3d(0, -60px, 0);
	}

	.mousehover .button:hover:after
	{
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	
/* Blog filters */

.blog-filters
{
	width: 100%;
	font-weight: bold;
	margin-top: calc(-1 * var(--pad-half));
}

	.title-row
	{
		margin-top: calc(var(--pad)*4);
	}

	.filters-row
	{
		justify-content: space-between;
	}

	.blog-filters ul
	{
		display: flex;
		white-space: wrap;
	}
	
	.blog-filters li
	{
		margin-right: 30px;
	}
	
		.blog-filters li a,
		.blog-filters li a:visited
		{
			color: #777;
		}
		
			.blog-filters .current-cat a,
			.blog-filters .current-cat a:visited,
			.mousehover .blog-filters a:hover,
			.mousehover .blog-filters a:visited:hover
			{
				color: #111;
			}


/* Age popup */

.age-popup
{
	z-index: 1000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	/*display: none !important;*/
}

	.age-popup h2
	{
		display: inline-block;
		margin: 8px 15px 0;
		cursor: pointer;
	}

	.age-logo
	{
		width: 102px;
		height: 96px;
		display: inline-block;
		background-size: contain;
		margin-bottom: 50px;
	}


@media (orientation:landscape) {

	html.ipad.ios7 > body
	{
        width: 100%;
        height: 671px !important;
        position: relative;
    }
}

@media only screen and (max-width: 1440px)
{
	.text-max-width
	{
		max-width: 680px;
		max-width: calc(var(--base)*31);
	}
}

@media only screen and (min-width: 1281px)
{
	.blog-thumb
	{
		width: calc((100% + var(--pad))/3);
	}
	
	.blog-thumb:nth-child(6n+1) .thumb-text-box
	{
		padding: calc(var(--pad)/6*5) 0 calc(var(--pad)/6*5) var(--pad);
	}
	
	.blog-thumb:nth-child(6n+1)
	{
		margin-left: calc(-1 * var(--pad));
	}
	
	.blog-thumb:nth-child(6n+6)
	{
		margin-right: calc(-1 * var(--pad));
	}
}

@media only screen and (max-width: 1280px)
{
	.blog-thumb
	{
		width: calc((100% + var(--pad))/2);
	}
	
	.blog-thumb:nth-child(4n+1) .thumb-text-box
	{
		padding: calc(var(--pad)/6*5) 0 calc(var(--pad)/6*5) var(--pad);
	}
	
	.blog-thumb:nth-child(4n+1)
	{
		margin-left: calc(-1 * var(--pad));
	}
	
	.blog-thumb:nth-child(4n+4)
	{
		margin-right: calc(-1 * var(--pad));
	}
}

@media only screen and (max-width: 1200px)
{
	.col-3-5
	{
		width: 100%
	}
	
	.thumb.col-2
	{
		width: 50%;
	}
	
	.menu-bar
	{
		height: 60px;
		padding: 5px 13px 5px 12px;
	}
	
	.logo
	{
		top: 39px;
	}
	
	.bar a, .bar a:visited, .bar span
	{
    	padding: 16px 12px 14px 13px;
    }
    
    .title-row
    {
	    margin-top: calc(var(--pad)*5);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px)
{
	.logo-text
	{
		display: none;
	}
}

@media only screen and (min-width: 1024px)
{
	.hide-tablet
	{
		display: none;
	}
	
	body.hide-logo-text .logo-text,
	body.page-id-17 .logo-text,
	body.hide-logo-text-on-scroll .logo-text
	{
		visibility: hidden;
	}
}

@media only screen and (max-width: 1023px)
{	
	.hide-portrait,
	.small-bottles
	{
		display: none;
	}
	
	.footer-break
	{
    	width: 100%;
	}
	
	.col-3-edge.img-box
	{
		width: calc(100%/3 + var(--pad-small));
	}
	
	.col-3.text-box
	{
		width: calc(100%/3*2);
	}
	
	.header-title .wide-text-max-width
	{
	    max-width: calc(var(--header)*25);
	}
	
	.wide-text-max-width
	{
		max-width: none;
	}
	
	.small-thumb
	{
		width: 25%;
	}
	
		.related .small-thumb
		{
			width: 33.333333%
		}
	
	.single-flavor .full-header
	{
		height: auto;
		min-height: auto;
		display: flex;
	}
	
		.single-flavor .big-bottle
		{
			width: calc(100% - var(--pad-small)*4);
			height: 67vh;
			order: 1;
			margin-left: calc(2*var(--pad-small));
		}
		
		.flavor-text
		{
			padding: calc(var(--pad)*3) calc(2*var(--pad-small)) calc(2*var(--pad-small));
			text-align: left;
			display: block;
		}
	
	.social-box
	{
		width: 100%;
		padding-bottom: var(--pad-small);
	}
	
	.footer-bar .bar
	{
		justify-content: center;
	}
	
		.bar .copyright
		{
			margin-left: 0;
		}
	
	.finder-form .finder-flavors
	{
		width: 145px
	}
	
	.finder-form .finder-distance
	{
		width: 115px;
	}
	
	.finder-form .finder-input
	{
		width: 150px;
	}
	
	.menu-bar
	{
		width: 100%;
		max-width: none;
		top: 0;
		right: 0;
		height: 50px;
		padding: 0 calc(var(--pad-small)*2 - 10px);
		justify-content: flex-end;
	}
	
		.bar a, .bar a:visited, .bar span {
		    padding: 15px 10px;
		    font-size: 14px;
		}
		
		.logo
		{
			top: 16px;
			left: calc(var(--pad-small)*2);
			z-index: 11;
			width: 146px;
			height: 18px;
		}
		
			.logo svg
			{
				height: 18px;
			}
		
			.logo path
			{
				fill: #fff !important;
			}
	
	.title-row
	{
    	margin-top: calc(var(--pad)*3);
	}
	
	.finder-form h4
	{
		font-size: 16px;
		padding: 10px 15px;
	}
}

@media only screen and (min-width: 768px)
{
	.hide-desktop
	{
		display: none;
	}
	
	.align-right
	{
		justify-content: flex-end;
	}
}

@media only screen and (max-width: 767px)
{
	.hide-mobile,
	.single-head-title,
	.single-dot,
	.select-wrapper
	{
		display: none;
	}
	
	.full-header
	{
		height: 75vh;
		min-height: auto;
		margin: 0 0 var(--pad-small) 0;
	}
	
	.header-title
	{
		left: calc(var(--pad-small)*2);
		right: calc(var(--pad-small)*2);
		bottom: calc(var(--pad-small)*2 - 3px);
	}
	
	.spaced-row
	{
	    margin-bottom: calc(var(--pad-half)*3);
	}
	
	.align-center
	{
		margin-left: auto;
		margin-right: auto;
	}
	
	.text-box,
	.img-box,
	.rotated.align-center,
	.image-text .text-box,
	.text-image .text-box,
	.wide-image-text .text-box,
	.text-wide-image .text-box
	{
		padding: var(--pad-small);
	}
	
	.image-button .rotated.align-center,
	.two-images-button .rotated.align-center,
	.text-image .img-box
	{
		order: -1;
	}
	
	.col-2,
	.col-3:not(.big-bottle),
	.col-4
	{
		width: 100% !important;
	}
	
	.col-2-edge,
	.col-3-edge,
	.col-4-edge,
	.blog-thumb
	{
		width: calc(100% + var(--pad-small)) !important;
		max-width: none;
	}
	
	.blog-thumb:nth-child(4n+1),
	.blog-thumb:nth-child(4n+3)
	{
	    padding-left: 0;
	    margin-left: calc(-1 * var(--pad-small));
	}
	
	.blog-thumb:nth-child(4n+2),
	.blog-thumb:nth-child(4n+4)
	{
	    padding-right: 0;
	    margin-right: calc(-1 * var(--pad-small));
	}
	
	.blog-thumb:nth-child(4n+2) .thumb-text-box,
	.blog-thumb:nth-child(4n+4) .thumb-text-box
	{
	    padding: calc(var(--pad-small)*2) calc(var(--pad-small)*2) calc(var(--pad-small)*2) 0;
	}
	
	.blog-thumb:nth-child(4n+1) .thumb-text-box,
	.blog-thumb:nth-child(4n+3) .thumb-text-box
	{
	    padding: calc(var(--pad-small)*2) 0 calc(var(--pad-small)*2) calc(var(--pad-small)*2);
	}
	
	.text-max-width h1
	{
		padding-right: calc(var(--pad-half))
	}
	
	.rotated h2
	{
		transform: none !important;
	}
	
		.rotated.align-center
		{
			text-align: left;
		}
	
	.single-flavor .big-bottle
	{
		height: 125vw;
	}

	.mobile-menu
	{
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100%;
		margin-left: 100%;
		background: #2a51a3;
		z-index: 1;
		touch-action: none;
		font-size: 20px;
		line-height: 30px;
	}
	
		.mobile-menu ul
		{
			padding-top: 75px;
		}

		.mobile-menu a,
		.mobile-menu a:visited
		{
			color: #fff;
		}

	.mobile-menu .top-level
	{
		margin-bottom: 20px;
	}

	.mobile-menu iframe
	{
		margin-top: -5px;
	}
	
	.small-thumb,
	.related .small-thumb
	{
		width: 50%;
	}
	
	.lined-list .padder
	{
		padding-right: 0;	
	}
	
	.footer-logo
	{
		width: 42px;
		height: 40px;
	}
	
	.menu-bar
	{
		backface-visibility: hidden;
	}
	
	.flex-bar
	{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		padding: 50px 0;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-direction: column;
	}
	
		.menu-bar a, .menu-bar a:visited
		{
		    font-size: var(--header);
		    font-weight: 800;
			letter-spacing: 0.0001rem;
			padding: 12px 10px;
		}
		
		.open-menu .menu-bar
		{
			height: 100vh;	
		}
		
		@supports (color: var(--primary)) {
			.mobilesafari .flex-bar,
			.mobilesafari .open-menu .menu-bar
			{
				height: calc(100vh - var(--ios-fix));
			}
		}
	
	.footer-bar .bar a,
	.footer-bar .bar a:visited,
	.footer-bar .bar span
	{
		font-size: 12px;
    	padding: 4px 6px;
    }
    
    	.menu-item-37:before
    	{
	    	content: "";
	    	width: 100%;
	    	display: block;
	    }
    
    	.footer-bar .social-icon.facebook:before
    	{
	    	font-size: 15px;
	    	top: -1px;
	    }
	    
	    .footer-bar .social-icon.instagram:before
	    {
		    font-size: 16px;
		}
    
    	.bar .copyright
    	{
	    	margin-top: 0;
	    	width: 100%;
	    	text-align: center;
	    }
	    
	    .signup p,
	    .newsletter-input
	    {
			font-size: var(--base);
		}
	
	.hamburger
	{
		width: 50px;
		height: 50px;
		display: block;
		cursor: pointer;
		position: fixed;
		top: 0;
		right: 8px;
		cursor: pointer;
		z-index: 11;
	}

		.hamburger span
		{
			width: 18px;
			height: 2px;
			background: #fff;
			display: block;
			position: absolute;
			left: 16px;

			-webkit-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);

			transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		}

		.hamburger .line1
		{
			top: 18px;
		}

		.hamburger .line2
		{
			top: 24px;
		}

		.hamburger .line3
		{
			top: 30px;
		}

		.closeburger .line1
		{
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			top: 24px;
		}

		.closeburger .line2
		{
			opacity: 0;
		}

		.closeburger .line3
		{
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 24px;
		}
	
	.signup
	{
		width: calc(100% - var(--pad-small)*2);
	}
	
		.newsletter-form
		{
			width: 100%;
		}
	
	.finder-form
	{
		left: calc(var(--pad-small) * 2);
	}
	
	.finder-form .finder-input
	{
		font-size: 15px;
		line-height: 20px;
		height: 40px;
		width: 110px;
	}
	
	.scroll-to-results,
	.scroll-to-results:visited
	{
		height: 40px;
		padding: 10px 12px;
		font-size: 14px;
		right: calc(var(--pad-small) * 2);
	}
	
	.finder-submit
	{
		width: 40px;
		height: 40px;
	}
	
	.finder-submit:after
	{
		top: 15px;
		left: 17px;
	}
	
	.results
	{
		transform: none;
	}
	
	.results .list-header
	{
		align-items: flex-start;
		margin-top: 
	}
	
	.results .dot
	{
		width: 9px;
		height: 9px;
		margin-left: 7px;
	}
	
	.results .distance
	{
		display: block;
		margin-left: 0;
	}
	
	.lined-list .dots
	{
		margin-top: 8px
	}
	
	.flavors-dots,
	.flavors-head-title
	{
		width: 102px;
		margin-left: 13px;
	}
	
	.single-dot,
	.single-head-title
	{
		width: 0;
	}
	
	.legend li
	{
		width: 100%;
		margin-bottom: 4px;
	}
	
	.results .spaced-top
	{
		margin-top: calc(var(--pad-half));
	}
}

.fit-img img
{
	width: 100%;
	height: auto;
	position: absolute;
}

.mousehover .loading,
.mousehover .loading *
{
	cursor: progress !important;
}

.no-transition,
.resizing *
{
	-webkit-transition: none 0s linear !important;
	   -moz-transition: none 0s linear !important;
	    -ms-transition: none 0s linear !important;
	        transition: none 0s linear !important;
}

.no-animation
{
	-webkit-animation: none !important;
	   -moz-animation: none !important;
			animation: none !important;
}

.hidden
{
	display: none;
}

.zero-height
{
	height: 0;
	min-height: auto;
	overflow: hidden;
	clear: both;
}

.transparent
{
	opacity: 0;
}

.no-overflow,
.clear
{
	overflow: hidden;
}

.no-max-height
{
	max-height: none;
}

.fixed
{
	position: fixed;
}

strong
{
	font-weight: bold;
}

.inline-block
{
	display: inline-block;
	vertical-align: middle;
}

.sep
{
	width: 20px;
	height: 1px;
	background: #fff;
	display: block;
	margin: 20px auto;
}

.mousehover .hidden-scroller,
.no-mousehover .open .hidden-scroller
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
}

	.no-mousehover .open .hidden-scroller
	{
		-webkit-overflow-scrolling: touch;
	}

	.mousehover .hidden-scroller
	{
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.scroll-container
	{
		position: relative;
	}

	.no-mousehover .open .hidden-scroller .scroll-container
	{
		height: 100%;
		overflow-y: auto;
	}

	.no-overflow,
	.no-mousehover .no-overflow .scroll-container
	{
		overflow: hidden;
	}

	.mousehover .scroll-container
	{
		min-height: 100%;
		height: 1px;
	}