/*!
 * Theme Name: The Hopmarket
 * Theme URI: https://thehopmarket.co.uk
 * Author: hopmarket
 * Author URI: https://thehopmarket.co.uk
 * Description: Description
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: LICENSE
 * Text Domain: hopmarket
 * Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 *
 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned.
 *
 * This theme is based on hopmarket_ (C) 2012-2020 Automattic, Inc.
 * hopmarket_ is distributed under the terms of the GNU GPL v2 or later.
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap");
html {
		line-height: 1.15;
		-webkit-text-size-adjust: 100%;
}

body {
		margin: 0;
}

h1 {
		font-size: 2em;
		margin: 0.67em 0;
}

hr {
		-webkit-box-sizing: content-box;
		        box-sizing: content-box;
		height: 0;
		overflow: visible;
}

pre {
		font-family: monospace, monospace;
		font-size: 1em;
}

a {
		background-color: transparent;
}

abbr[title] {
		border-bottom: none;
		text-decoration: underline;
		-webkit-text-decoration: underline dotted;
		        text-decoration: underline dotted;
}

b,
strong {
		font-weight: bolder;
}

code,
kbd,
samp {
		font-family: monospace, monospace;
		font-size: 1em;
}

small {
		font-size: 80%;
}

sub,
sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
}

sub {
		bottom: -0.25em;
}

sup {
		top: -0.5em;
}

img {
		border-style: none;
}

button,
input,
optgroup,
select,
textarea {
		font-family: inherit;
		font-size: 100%;
		line-height: 1.15;
		margin: 0;
}

button,
input {
		overflow: visible;
}

button,
select {
		text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
		-webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
		border-style: none;
		padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
		outline: 1px dotted ButtonText;
}

fieldset {
		padding: 0.35em 0.75em 0.625em;
}

legend {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		color: inherit;
		display: table;
		max-width: 100%;
		padding: 0;
		white-space: normal;
}

progress {
		vertical-align: baseline;
}

textarea {
		overflow: auto;
}

[type=checkbox],
[type=radio] {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
		height: auto;
}

[type=search] {
		-webkit-appearance: textfield;
		outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
		-webkit-appearance: none;
}

::-webkit-file-upload-button {
		-webkit-appearance: button;
		font: inherit;
}

details {
		display: block;
}

summary {
		display: list-item;
}

template {
		display: none;
}

[hidden] {
		display: none;
}

.alignleft {
		float: left;
		margin-right: 1.5em;
		margin-bottom: 1.5em;
}

.alignright {
		float: right;
		margin-left: 1.5em;
		margin-bottom: 1.5em;
}

.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.5em;
}

.wp-caption {
		margin-bottom: 1.5em;
		max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
		display: block;
		margin-left: auto;
		margin-right: auto;
}

.wp-caption .wp-caption-text {
		margin: 0.8075em 0;
}

.wp-caption-text {
		text-align: center;
}

.gallery {
		margin-bottom: 1.5em;
}

.gallery-item {
		display: inline-block;
		text-align: center;
		vertical-align: top;
		width: 100%;
}

.gallery-columns-2 .gallery-item {
		max-width: 50%;
}

.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
		max-width: 25%;
}

.gallery-columns-5 .gallery-item {
		max-width: 20%;
}

.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
}

.gallery-caption {
		display: block;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
		padding: 0 0 0 15px;
		display: inline-block;
		cursor: pointer;
		-webkit-transition-property: opacity, -webkit-filter;
		transition-property: opacity, -webkit-filter;
		transition-property: opacity, filter;
		transition-property: opacity, filter, -webkit-filter;
		-webkit-transition-duration: 0.15s;
		        transition-duration: 0.15s;
		-webkit-transition-timing-function: linear;
		        transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible;
		outline: none;
}
.hamburger:hover {
		-webkit-filter: opacity(100%);
		        filter: opacity(100%);
}
.hamburger.is-active:hover {
		-webkit-filter: opacity(100%);
		        filter: opacity(100%);
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
		background-color: #F7D64B;
		width: 100%;
}

.hamburger-box {
		width: 40px;
		height: 25px;
		display: inline-block;
		position: relative;
}

.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 3px;
		background-color: #F7D64B;
		border-radius: 0;
		position: absolute;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-duration: 0.15s;
		        transition-duration: 0.15s;
		-webkit-transition-timing-function: ease;
		        transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block;
}
.hamburger-inner::before {
		top: -11px;
		width: 100%;
		right: 0;
}
.hamburger-inner::after {
		bottom: -11px;
		width: 100%;
		right: 0;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateY(180deg);
		        transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 11px, 0) rotate(45deg);
		        transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -11px, 0) rotate(-45deg);
		        transform: translate3d(0, -11px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateY(-180deg);
		        transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 11px, 0) rotate(45deg);
		        transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -11px, 0) rotate(-45deg);
		        transform: translate3d(0, -11px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateX(-180deg);
		        transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 11px, 0) rotate(45deg);
		        transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -11px, 0) rotate(-45deg);
		        transform: translate3d(0, -11px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateX(180deg);
		        transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 11px, 0) rotate(45deg);
		        transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -11px, 0) rotate(-45deg);
		        transform: translate3d(0, -11px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateX(180deg) rotateY(180deg);
		        transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 11px, 0) rotate(45deg);
		        transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -11px, 0) rotate(-45deg);
		        transform: translate3d(0, -11px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
		        transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 11px, 0) rotate(45deg);
		        transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -11px, 0) rotate(-45deg);
		        transform: translate3d(0, -11px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
		-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
		-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
		-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
		-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
		-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
		-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
		-webkit-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		        transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
		-webkit-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		        transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
		-webkit-transition-property: none;
		transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
		top: auto;
		bottom: 0;
		-webkit-transition-duration: 0.13s;
		        transition-duration: 0.13s;
		-webkit-transition-delay: 0.13s;
		        transition-delay: 0.13s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
		top: -22px;
		-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
		-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, -11px, 0) rotate(-45deg);
		        transform: translate3d(0, -11px, 0) rotate(-45deg);
		-webkit-transition-delay: 0.22s;
		        transition-delay: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
		top: auto;
		bottom: 0;
		-webkit-transition-duration: 0.13s;
		        transition-duration: 0.13s;
		-webkit-transition-delay: 0.13s;
		        transition-delay: 0.13s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
		top: -22px;
		-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
		-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, -11px, 0) rotate(45deg);
		        transform: translate3d(0, -11px, 0) rotate(45deg);
		-webkit-transition-delay: 0.22s;
		        transition-delay: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
		top: 1.5px;
		-webkit-transition-duration: 0.275s;
		        transition-duration: 0.275s;
		-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
		        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
		top: 11px;
		-webkit-transition: opacity 0.125s 0.275s ease;
		transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
		top: 22px;
		-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, 11px, 0) rotate(135deg);
		        transform: translate3d(0, 11px, 0) rotate(135deg);
		-webkit-transition-delay: 0.075s;
		        transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -22px, 0) rotate(-270deg);
		        transform: translate3d(0, -22px, 0) rotate(-270deg);
		-webkit-transition-delay: 0.075s;
		        transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
		top: 1.5px;
		-webkit-transition-duration: 0.275s;
		        transition-duration: 0.275s;
		-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
		        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
		top: 11px;
		-webkit-transition: opacity 0.125s 0.275s ease;
		transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
		top: 22px;
		-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, 11px, 0) rotate(-135deg);
		        transform: translate3d(0, 11px, 0) rotate(-135deg);
		-webkit-transition-delay: 0.075s;
		        transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -22px, 0) rotate(270deg);
		        transform: translate3d(0, -22px, 0) rotate(270deg);
		-webkit-transition-delay: 0.075s;
		        transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
		overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
		-webkit-transition: background-color 0.125s 0.175s ease-in;
		transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
		left: 0;
		-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner::after {
		top: 11px;
		right: 0;
		-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		-webkit-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
		background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
		left: -80px;
		top: -80px;
		-webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
		        transform: translate3d(80px, 80px, 0) rotate(45deg);
		-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
		right: -80px;
		top: -80px;
		-webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
		        transform: translate3d(-80px, 80px, 0) rotate(-45deg);
		-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
		overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
		-webkit-transition: background-color 0.125s 0.175s ease-in;
		transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
		left: 0;
		-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
		top: 11px;
		right: 0;
		-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r.is-active .hamburger-inner {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		-webkit-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
		background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
		left: -80px;
		top: 80px;
		-webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
		        transform: translate3d(80px, -80px, 0) rotate(-45deg);
		-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
		right: -80px;
		top: 80px;
		-webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
		        transform: translate3d(-80px, -80px, 0) rotate(45deg);
		-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
		-webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
		transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
		opacity: 0;
		-webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
		transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
		top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
		bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
		top: 1.5px;
}
.hamburger--slider .hamburger-inner::before {
		top: 11px;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform;
		-webkit-transition-timing-function: ease;
		        transition-timing-function: ease;
		-webkit-transition-duration: 0.15s;
		        transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
		top: 22px;
}
.hamburger--slider.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, 11px, 0) rotate(45deg);
		        transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
		-webkit-transform: rotate(-45deg) translate3d(-5.7142857143px, -8px, 0);
		        transform: rotate(-45deg) translate3d(-5.7142857143px, -8px, 0);
		opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -22px, 0) rotate(-90deg);
		        transform: translate3d(0, -22px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
		top: 1.5px;
}
.hamburger--slider-r .hamburger-inner::before {
		top: 11px;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform;
		-webkit-transition-timing-function: ease;
		        transition-timing-function: ease;
		-webkit-transition-duration: 0.15s;
		        transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
		top: 22px;
}
.hamburger--slider-r.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, 11px, 0) rotate(-45deg);
		        transform: translate3d(0, 11px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
		-webkit-transform: rotate(45deg) translate3d(5.7142857143px, -8px, 0);
		        transform: rotate(45deg) translate3d(5.7142857143px, -8px, 0);
		opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -22px, 0) rotate(90deg);
		        transform: translate3d(0, -22px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
		-webkit-transition-duration: 0.22s;
		        transition-duration: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
		transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
		-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
		-webkit-transform: rotate(225deg);
		    -ms-transform: rotate(225deg);
		        transform: rotate(225deg);
		-webkit-transition-delay: 0.12s;
		        transition-delay: 0.12s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
		transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
		-webkit-transition-duration: 0.22s;
		        transition-duration: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
		transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
		-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
		-webkit-transform: rotate(-225deg);
		    -ms-transform: rotate(-225deg);
		        transform: rotate(-225deg);
		-webkit-transition-delay: 0.12s;
		        transition-delay: 0.12s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
		transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
		top: 1.5px;
		-webkit-transition: background-color 0s 0.13s linear;
		transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
		top: 11px;
		-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
		top: 22px;
		-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
		-webkit-transition-delay: 0.22s;
		        transition-delay: 0.22s;
		background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 11px, 0) rotate(45deg);
		        transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
		top: 0;
		-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 11px, 0) rotate(-45deg);
		        transform: translate3d(0, 11px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
		top: auto;
		bottom: 0;
		-webkit-transition-duration: 0.13s;
		        transition-duration: 0.13s;
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
		top: -22px;
		-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, -11px, 0) rotate(-45deg);
		        transform: translate3d(0, -11px, 0) rotate(-45deg);
		-webkit-transition-delay: 0.22s;
		        transition-delay: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
		-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
		-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
		-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		background-color: transparent !important;
		-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
		-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
		-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
		-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		background-color: transparent !important;
		-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
		-webkit-transition-duration: 0.075s;
		        transition-duration: 0.075s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
		-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
		transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
		-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transition-delay: 0.12s;
		        transition-delay: 0.12s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
		transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
		-webkit-transition-duration: 0.2s;
		        transition-duration: 0.2s;
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
		-webkit-transition-duration: 0s;
		        transition-duration: 0s;
		-webkit-transition-delay: 0.1s;
		        transition-delay: 0.1s;
		-webkit-transition-timing-function: linear;
		        transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
		-webkit-transition-property: top, opacity;
		transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform;
		transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
		-webkit-transform: rotate(765deg);
		    -ms-transform: rotate(765deg);
		        transform: rotate(765deg);
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
		-webkit-transition-duration: 0.2s;
		        transition-duration: 0.2s;
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
		-webkit-transition-duration: 0s;
		        transition-duration: 0s;
		-webkit-transition-delay: 0.1s;
		        transition-delay: 0.1s;
		-webkit-transition-timing-function: linear;
		        transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
		-webkit-transition-property: top, opacity;
		transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform;
		transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
		-webkit-transform: rotate(-765deg);
		    -ms-transform: rotate(-765deg);
		        transform: rotate(-765deg);
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
}

.container-fluid,
.container {
		margin-right: auto;
		margin-left: auto;
		max-width: 160rem;
}

.container-fluid {
		padding-right: 2rem;
		padding-left: 2rem;
}

.row {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 1rem;
		margin-left: 1rem;
}
@media (min-width: 768px) {
		.row {
				margin-right: 2rem;
				margin-left: 2rem;
		}
}

.row.reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
}

.col.reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: 1rem;
		padding-left: 1rem;
}
@media (min-width: 768px) {
		.col-xs,
		.col-xs-1,
		.col-xs-2,
		.col-xs-3,
		.col-xs-4,
		.col-xs-5,
		.col-xs-6,
		.col-xs-7,
		.col-xs-8,
		.col-xs-9,
		.col-xs-10,
		.col-xs-11,
		.col-xs-12,
		.col-xs-offset-0,
		.col-xs-offset-1,
		.col-xs-offset-2,
		.col-xs-offset-3,
		.col-xs-offset-4,
		.col-xs-offset-5,
		.col-xs-offset-6,
		.col-xs-offset-7,
		.col-xs-offset-8,
		.col-xs-offset-9,
		.col-xs-offset-10,
		.col-xs-offset-11,
		.col-xs-offset-12 {
				padding-right: 2rem;
				padding-left: 2rem;
		}
}

.col-xs {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		flex-basis: 100%;
		max-width: 100%;
}

.col-xs-1 {
		-ms-flex-preferred-size: 8.33333333%;
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
}

.col-xs-2 {
		-ms-flex-preferred-size: 16.66666667%;
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
}

.col-xs-3 {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
}

.col-xs-4 {
		-ms-flex-preferred-size: 33.33333333%;
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
}

.col-xs-5 {
		-ms-flex-preferred-size: 41.66666667%;
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
}

.col-xs-6 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
}

.col-xs-7 {
		-ms-flex-preferred-size: 58.33333333%;
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
}

.col-xs-8 {
		-ms-flex-preferred-size: 66.66666667%;
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
}

.col-xs-9 {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%;
}

.col-xs-10 {
		-ms-flex-preferred-size: 83.33333333%;
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
}

.col-xs-11 {
		-ms-flex-preferred-size: 91.66666667%;
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
}

.col-xs-12 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
}

.col-xs-offset-0 {
		margin-left: 0;
}

.col-xs-offset-1 {
		margin-left: 8.33333333%;
}

.col-xs-offset-2 {
		margin-left: 16.66666667%;
}

.col-xs-offset-3 {
		margin-left: 25%;
}

.col-xs-offset-4 {
		margin-left: 33.33333333%;
}

.col-xs-offset-5 {
		margin-left: 41.66666667%;
}

.col-xs-offset-6 {
		margin-left: 50%;
}

.col-xs-offset-7 {
		margin-left: 58.33333333%;
}

.col-xs-offset-8 {
		margin-left: 66.66666667%;
}

.col-xs-offset-9 {
		margin-left: 75%;
}

.col-xs-offset-10 {
		margin-left: 83.33333333%;
}

.col-xs-offset-11 {
		margin-left: 91.66666667%;
}

.start-xs {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start;
}

.center-xs {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
}

.end-xs {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end;
}

.top-xs {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
}

.middle-xs {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}

.bottom-xs {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
}

.around-xs {
		-ms-flex-pack: distribute;
		justify-content: space-around;
}

.between-xs {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}

.first-xs {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
}

.last-xs {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
}

@media only screen and (min-width: 420px) {
		.col-sm,
		.col-sm-1,
		.col-sm-2,
		.col-sm-3,
		.col-sm-4,
		.col-sm-5,
		.col-sm-6,
		.col-sm-7,
		.col-sm-8,
		.col-sm-9,
		.col-sm-10,
		.col-sm-11,
		.col-sm-12,
		.col-sm-offset-0,
		.col-sm-offset-1,
		.col-sm-offset-2,
		.col-sm-offset-3,
		.col-sm-offset-4,
		.col-sm-offset-5,
		.col-sm-offset-6,
		.col-sm-offset-7,
		.col-sm-offset-8,
		.col-sm-offset-9,
		.col-sm-offset-10,
		.col-sm-offset-11,
		.col-sm-offset-12 {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				padding-right: 2rem;
				padding-left: 2rem;
		}
		.col-sm {
				-webkit-box-flex: 1;
				-ms-flex-positive: 1;
				flex-grow: 1;
				-ms-flex-preferred-size: 0;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-sm-1 {
				-ms-flex-preferred-size: 8.33333333%;
				flex-basis: 8.33333333%;
				max-width: 8.33333333%;
		}
		.col-sm-2 {
				-ms-flex-preferred-size: 16.66666667%;
				flex-basis: 16.66666667%;
				max-width: 16.66666667%;
		}
		.col-sm-3 {
				-ms-flex-preferred-size: 25%;
				flex-basis: 25%;
				max-width: 25%;
		}
		.col-sm-4 {
				-ms-flex-preferred-size: 33.33333333%;
				flex-basis: 33.33333333%;
				max-width: 33.33333333%;
		}
		.col-sm-5 {
				-ms-flex-preferred-size: 41.66666667%;
				flex-basis: 41.66666667%;
				max-width: 41.66666667%;
		}
		.col-sm-6 {
				-ms-flex-preferred-size: 50%;
				flex-basis: 50%;
				max-width: 50%;
		}
		.col-sm-7 {
				-ms-flex-preferred-size: 58.33333333%;
				flex-basis: 58.33333333%;
				max-width: 58.33333333%;
		}
		.col-sm-8 {
				-ms-flex-preferred-size: 66.66666667%;
				flex-basis: 66.66666667%;
				max-width: 66.66666667%;
		}
		.col-sm-9 {
				-ms-flex-preferred-size: 75%;
				flex-basis: 75%;
				max-width: 75%;
		}
		.col-sm-10 {
				-ms-flex-preferred-size: 83.33333333%;
				flex-basis: 83.33333333%;
				max-width: 83.33333333%;
		}
		.col-sm-11 {
				-ms-flex-preferred-size: 91.66666667%;
				flex-basis: 91.66666667%;
				max-width: 91.66666667%;
		}
		.col-sm-12 {
				-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-sm-offset-0 {
				margin-left: 0;
		}
		.col-sm-offset-1 {
				margin-left: 8.33333333%;
		}
		.col-sm-offset-2 {
				margin-left: 16.66666667%;
		}
		.col-sm-offset-3 {
				margin-left: 25%;
		}
		.col-sm-offset-4 {
				margin-left: 33.33333333%;
		}
		.col-sm-offset-5 {
				margin-left: 41.66666667%;
		}
		.col-sm-offset-6 {
				margin-left: 50%;
		}
		.col-sm-offset-7 {
				margin-left: 58.33333333%;
		}
		.col-sm-offset-8 {
				margin-left: 66.66666667%;
		}
		.col-sm-offset-9 {
				margin-left: 75%;
		}
		.col-sm-offset-10 {
				margin-left: 83.33333333%;
		}
		.col-sm-offset-11 {
				margin-left: 91.66666667%;
		}
		.start-sm {
				-webkit-box-pack: start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				text-align: start;
		}
		.center-sm {
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				text-align: center;
		}
		.end-sm {
				-webkit-box-pack: end;
				-ms-flex-pack: end;
				justify-content: flex-end;
				text-align: end;
		}
		.top-sm {
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
		}
		.middle-sm {
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
		}
		.bottom-sm {
				-webkit-box-align: end;
				-ms-flex-align: end;
				align-items: flex-end;
		}
		.around-sm {
				-ms-flex-pack: distribute;
				justify-content: space-around;
		}
		.between-sm {
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
		}
		.first-sm {
				-webkit-box-ordinal-group: 0;
				-ms-flex-order: -1;
				order: -1;
		}
		.last-sm {
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1;
		}
}
@media only screen and (min-width: 768px) {
		.col-md,
		.col-md-1,
		.col-md-2,
		.col-md-3,
		.col-md-4,
		.col-md-5,
		.col-md-6,
		.col-md-7,
		.col-md-8,
		.col-md-9,
		.col-md-10,
		.col-md-11,
		.col-md-12,
		.col-md-offset-0,
		.col-md-offset-1,
		.col-md-offset-2,
		.col-md-offset-3,
		.col-md-offset-4,
		.col-md-offset-5,
		.col-md-offset-6,
		.col-md-offset-7,
		.col-md-offset-8,
		.col-md-offset-9,
		.col-md-offset-10,
		.col-md-offset-11,
		.col-md-offset-12 {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				padding-right: 2rem;
				padding-left: 2rem;
		}
		.col-md {
				-webkit-box-flex: 1;
				-ms-flex-positive: 1;
				flex-grow: 1;
				-ms-flex-preferred-size: 0;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-md-1 {
				-ms-flex-preferred-size: 8.33333333%;
				flex-basis: 8.33333333%;
				max-width: 8.33333333%;
		}
		.col-md-2 {
				-ms-flex-preferred-size: 16.66666667%;
				flex-basis: 16.66666667%;
				max-width: 16.66666667%;
		}
		.col-md-3 {
				-ms-flex-preferred-size: 25%;
				flex-basis: 25%;
				max-width: 25%;
		}
		.col-md-4 {
				-ms-flex-preferred-size: 33.33333333%;
				flex-basis: 33.33333333%;
				max-width: 33.33333333%;
		}
		.col-md-5 {
				-ms-flex-preferred-size: 41.66666667%;
				flex-basis: 41.66666667%;
				max-width: 41.66666667%;
		}
		.col-md-6 {
				-ms-flex-preferred-size: 50%;
				flex-basis: 50%;
				max-width: 50%;
		}
		.col-md-7 {
				-ms-flex-preferred-size: 58.33333333%;
				flex-basis: 58.33333333%;
				max-width: 58.33333333%;
		}
		.col-md-8 {
				-ms-flex-preferred-size: 66.66666667%;
				flex-basis: 66.66666667%;
				max-width: 66.66666667%;
		}
		.col-md-9 {
				-ms-flex-preferred-size: 75%;
				flex-basis: 75%;
				max-width: 75%;
		}
		.col-md-10 {
				-ms-flex-preferred-size: 83.33333333%;
				flex-basis: 83.33333333%;
				max-width: 83.33333333%;
		}
		.col-md-11 {
				-ms-flex-preferred-size: 91.66666667%;
				flex-basis: 91.66666667%;
				max-width: 91.66666667%;
		}
		.col-md-12 {
				-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-md-offset-0 {
				margin-left: 0;
		}
		.col-md-offset-1 {
				margin-left: 8.33333333%;
		}
		.col-md-offset-2 {
				margin-left: 16.66666667%;
		}
		.col-md-offset-3 {
				margin-left: 25%;
		}
		.col-md-offset-4 {
				margin-left: 33.33333333%;
		}
		.col-md-offset-5 {
				margin-left: 41.66666667%;
		}
		.col-md-offset-6 {
				margin-left: 50%;
		}
		.col-md-offset-7 {
				margin-left: 58.33333333%;
		}
		.col-md-offset-8 {
				margin-left: 66.66666667%;
		}
		.col-md-offset-9 {
				margin-left: 75%;
		}
		.col-md-offset-10 {
				margin-left: 83.33333333%;
		}
		.col-md-offset-11 {
				margin-left: 91.66666667%;
		}
		.start-md {
				-webkit-box-pack: start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				text-align: start;
		}
		.center-md {
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				text-align: center;
		}
		.end-md {
				-webkit-box-pack: end;
				-ms-flex-pack: end;
				justify-content: flex-end;
				text-align: end;
		}
		.top-md {
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
		}
		.middle-md {
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
		}
		.bottom-md {
				-webkit-box-align: end;
				-ms-flex-align: end;
				align-items: flex-end;
		}
		.around-md {
				-ms-flex-pack: distribute;
				justify-content: space-around;
		}
		.between-md {
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
		}
		.first-md {
				-webkit-box-ordinal-group: 0;
				-ms-flex-order: -1;
				order: -1;
		}
		.last-md {
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1;
		}
}
@media only screen and (min-width: 1024px) {
		.col-lg,
		.col-lg-1,
		.col-lg-2,
		.col-lg-3,
		.col-lg-4,
		.col-lg-5,
		.col-lg-6,
		.col-lg-7,
		.col-lg-8,
		.col-lg-9,
		.col-lg-10,
		.col-lg-11,
		.col-lg-12,
		.col-lg-offset-0,
		.col-lg-offset-1,
		.col-lg-offset-2,
		.col-lg-offset-3,
		.col-lg-offset-4,
		.col-lg-offset-5,
		.col-lg-offset-6,
		.col-lg-offset-7,
		.col-lg-offset-8,
		.col-lg-offset-9,
		.col-lg-offset-10,
		.col-lg-offset-11,
		.col-lg-offset-12 {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				padding-right: 2rem;
				padding-left: 2rem;
		}
		.col-lg {
				-webkit-box-flex: 1;
				-ms-flex-positive: 1;
				flex-grow: 1;
				-ms-flex-preferred-size: 0;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-lg-1 {
				-ms-flex-preferred-size: 8.33333333%;
				flex-basis: 8.33333333%;
				max-width: 8.33333333%;
		}
		.col-lg-2 {
				-ms-flex-preferred-size: 16.66666667%;
				flex-basis: 16.66666667%;
				max-width: 16.66666667%;
		}
		.col-lg-3 {
				-ms-flex-preferred-size: 25%;
				flex-basis: 25%;
				max-width: 25%;
		}
		.col-lg-4 {
				-ms-flex-preferred-size: 33.33333333%;
				flex-basis: 33.33333333%;
				max-width: 33.33333333%;
		}
		.col-lg-5 {
				-ms-flex-preferred-size: 41.66666667%;
				flex-basis: 41.66666667%;
				max-width: 41.66666667%;
		}
		.col-lg-6 {
				-ms-flex-preferred-size: 50%;
				flex-basis: 50%;
				max-width: 50%;
		}
		.col-lg-7 {
				-ms-flex-preferred-size: 58.33333333%;
				flex-basis: 58.33333333%;
				max-width: 58.33333333%;
		}
		.col-lg-8 {
				-ms-flex-preferred-size: 66.66666667%;
				flex-basis: 66.66666667%;
				max-width: 66.66666667%;
		}
		.col-lg-9 {
				-ms-flex-preferred-size: 75%;
				flex-basis: 75%;
				max-width: 75%;
		}
		.col-lg-10 {
				-ms-flex-preferred-size: 83.33333333%;
				flex-basis: 83.33333333%;
				max-width: 83.33333333%;
		}
		.col-lg-11 {
				-ms-flex-preferred-size: 91.66666667%;
				flex-basis: 91.66666667%;
				max-width: 91.66666667%;
		}
		.col-lg-12 {
				-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-lg-offset-0 {
				margin-left: 0;
		}
		.col-lg-offset-1 {
				margin-left: 8.33333333%;
		}
		.col-lg-offset-2 {
				margin-left: 16.66666667%;
		}
		.col-lg-offset-3 {
				margin-left: 25%;
		}
		.col-lg-offset-4 {
				margin-left: 33.33333333%;
		}
		.col-lg-offset-5 {
				margin-left: 41.66666667%;
		}
		.col-lg-offset-6 {
				margin-left: 50%;
		}
		.col-lg-offset-7 {
				margin-left: 58.33333333%;
		}
		.col-lg-offset-8 {
				margin-left: 66.66666667%;
		}
		.col-lg-offset-9 {
				margin-left: 75%;
		}
		.col-lg-offset-10 {
				margin-left: 83.33333333%;
		}
		.col-lg-offset-11 {
				margin-left: 91.66666667%;
		}
		.start-lg {
				-webkit-box-pack: start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				text-align: start;
		}
		.center-lg {
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				text-align: center;
		}
		.end-lg {
				-webkit-box-pack: end;
				-ms-flex-pack: end;
				justify-content: flex-end;
				text-align: end;
		}
		.top-lg {
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
		}
		.middle-lg {
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
		}
		.bottom-lg {
				-webkit-box-align: end;
				-ms-flex-align: end;
				align-items: flex-end;
		}
		.around-lg {
				-ms-flex-pack: distribute;
				justify-content: space-around;
		}
		.between-lg {
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
		}
		.first-lg {
				-webkit-box-ordinal-group: 0;
				-ms-flex-order: -1;
				order: -1;
		}
		.last-lg {
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1;
		}
}
* {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}

html {
		font-size: 62.5%;
}
html.no-scroll {
		overflow: hidden;
}

body {
		font-size: 1.8rem;
		line-height: 1.6;
		font-weight: 400;
		font-family: "Open Sans", sans-serif;
		color: #FEF9E5;
		overflow-x: hidden;
		background-color: #2F4842;
}
body.no-scroll {
		overflow: hidden;
}

img {
		-o-object-fit: contain;
		   object-fit: contain;
		height: auto;
		width: auto;
		max-width: 100%;
}

svg {
		-o-object-fit: contain;
		   object-fit: contain;
		max-width: 100%;
		height: auto;
		width: auto;
}

iframe {
		max-width: 100%;
}

.menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		visibility: hidden;
		opacity: 0;
		background-color: black;
		z-index: 7;
		-webkit-transition: 0.2s all ease-in-out;
		transition: 0.2s all ease-in-out;
}
.menu-overlay.show {
		visibility: visible;
		opacity: 0.3;
}

h1, h2, h3, h4, h5, h6 {
		margin-top: 0;
		margin-bottom: 2rem;
		font-weight: 500;
		font-family: "Playfair", serif;
		color: #F7D64B;
}

h1 {
		font-size: 3.75rem;
		line-height: 1.1;
}

h2 {
		font-size: 3rem;
		line-height: 1.25;
}

h3 {
		font-size: 2.75rem;
		line-height: 1.3;
}
h3.large {
		font-size: 3rem;
		line-height: 1.1;
}

h4 {
		font-size: 2.4rem;
		line-height: 1.35;
}

h5 {
		font-size: 1.8rem;
		line-height: 1.5;
}

h6 {
		font-size: 1.5rem;
		line-height: 1.6;
}

@media (min-width: 768px) {
		h1 {
				font-size: 4.5rem;
				line-height: 1.1;
		}
		h2 {
				font-size: 3.5rem;
		}
		h2.small {
				font-size: 2.5rem;
		}
		h3 {
				font-size: 3rem;
		}
		h3.large {
				font-size: 3.5rem;
				line-height: 1.3;
		}
		h4 {
				font-size: 3rem;
		}
		h5 {
				font-size: 2.4rem;
		}
		h6 {
				font-size: 1.5rem;
		}
}
@media (min-width: 1024px) {
		h1 {
				font-size: 6rem;
				line-height: 1;
		}
}
@media (min-width: 1360px) {
		h1 {
				font-size: 8rem;
				line-height: 1;
		}
}
p {
		margin-top: 0;
}

a {
		color: #F7D64B;
		text-decoration: none;
		font-weight: 600;
}

ul {
		list-style: disc outside;
}

ol {
		list-style: decimal outside;
}

ol, ul {
		padding-left: 20px;
		margin-top: 0;
		margin-left: 15px;
}
ol ul ul,
ol ul ol,
ol ol ol,
ol ol ul, ul ul ul,
ul ul ol,
ul ol ol,
ul ol ul {
		margin: 1.5rem 0 1.5rem 3rem;
}

li {
		margin-bottom: 1rem;
}

code {
		padding: 0.2rem 0.5rem;
		margin: 0 0.2rem;
		font-size: 90%;
		white-space: nowrap;
		background: #F1F1F1;
		border: 1px solid #E1E1E1;
		border-radius: 4px;
}

pre > code {
		display: block;
		padding: 1rem 1.5rem;
		white-space: pre;
}

.button, input[type=submit] {
		display: inline-block;
		text-align: center;
		background-color: #F7D64B;
		border: 2px solid #F7D64B;
		color: #2F4842;
		line-height: 1.4;
		font-size: 1.8rem;
		padding: 7px 15px;
		border-radius: 0;
		min-width: 100px;
		text-decoration: none;
		cursor: pointer;
		font-weight: 600;
		letter-spacing: 0.5px;
		font-family: "Open Sans", sans-serif;
}
.button:hover, input[type=submit]:hover {
		background-color: transparent;
		color: #F7D64B;
}
.button.green, input[type=submit].green {
		background-color: #2F4842;
		color: #FEF9E5;
		border-color: #2F4842;
}
.button.green:hover, input[type=submit].green:hover {
		background-color: transparent;
		color: #2F4842;
}

.gform_wrapper.gravity-theme .gform_body .gfield label {
		font-size: 1.7rem;
		font-weight: 400;
		margin-bottom: 5px;
}
.gform_wrapper.gravity-theme .gform_body .gfield .gfield_required {
		color: #F7D64B;
}
.gform_wrapper.gravity-theme .gform_body .gfield input[type=color], .gform_wrapper.gravity-theme .gform_body .gfield input[type=date], .gform_wrapper.gravity-theme .gform_body .gfield input[type=datetime-local], .gform_wrapper.gravity-theme .gform_body .gfield input[type=datetime], .gform_wrapper.gravity-theme .gform_body .gfield input[type=email], .gform_wrapper.gravity-theme .gform_body .gfield input[type=month], .gform_wrapper.gravity-theme .gform_body .gfield input[type=number], .gform_wrapper.gravity-theme .gform_body .gfield input[type=password], .gform_wrapper.gravity-theme .gform_body .gfield input[type=search], .gform_wrapper.gravity-theme .gform_body .gfield input[type=tel], .gform_wrapper.gravity-theme .gform_body .gfield input[type=text], .gform_wrapper.gravity-theme .gform_body .gfield input[type=time], .gform_wrapper.gravity-theme .gform_body .gfield input[type=url], .gform_wrapper.gravity-theme .gform_body .gfield input[type=week], .gform_wrapper.gravity-theme .gform_body .gfield select, .gform_wrapper.gravity-theme .gform_body .gfield textarea {
		padding: 10px;
		background-color: #1a2a27;
		border: 1px solid #1a2a27;
		outline: none;
		color: #FEF9E5;
}
.gform_wrapper.gravity-theme .gform_body .gfield input[type=color]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=date]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=datetime-local]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=datetime]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=email]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=month]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=number]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=password]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=search]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=tel]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=text]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=time]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=url]:focus, .gform_wrapper.gravity-theme .gform_body .gfield input[type=week]:focus, .gform_wrapper.gravity-theme .gform_body .gfield select:focus, .gform_wrapper.gravity-theme .gform_body .gfield textarea:focus {
		border-color: #F7D64B;
}

th,
td {
		padding: 12px 15px;
		text-align: left;
		border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
		padding-left: 0;
}

th:last-child,
td:last-child {
		padding-right: 0;
}

#page {
		overflow: hidden;
		position: relative;
}

.white {
		color: #FEF9E5;
}

.caps {
		text-transform: uppercase;
}

.serif {
		font-family: "Playfair", serif;
}

.bold {
		font-weight: 600;
}

.medium {
		font-weight: medium;
}

.yellow {
		color: #F7D64B;
}

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

.align-center {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}

.light-bg {
		background-color: #FEF9E5;
}
.light-bg p, .light-bg ul, .light-bg li {
		color: #2F4842;
}
.light-bg h1, .light-bg h2, .light-bg h3, .light-bg h4, .light-bg h5, .light-bg a {
		color: #2F4842;
}

.dark-green-bg {
		background-color: #243A35;
}

section {
		padding: 33.3333333333px 0;
}
@media (min-width: 768px) {
		section {
				padding: 50px 0;
		}
}
@media (min-width: 1024px) {
		section {
				padding: 100px 0;
		}
}

.page-template-default:not(.home) #primary {
		padding-top: 50px;
		padding-bottom: 100px;
		background-color: #FEF9E5;
		color: #2F4842;
}
.page-template-default:not(.home) #primary h1, .page-template-default:not(.home) #primary h2, .page-template-default:not(.home) #primary h3, .page-template-default:not(.home) #primary h4, .page-template-default:not(.home) #primary h5, .page-template-default:not(.home) #primary a {
		color: #2F4842;
}

.page-header {
		position: relative;
		padding-top: 25px;
		padding-bottom: 25px;
}
@media (min-width: 768px) {
		.page-header {
				padding-top: 33.3333333333px;
				padding-bottom: 33.3333333333px;
		}
}
@media (min-width: 1024px) {
		.page-header {
				padding-top: 50px;
				padding-bottom: 50px;
		}
}
@media (min-width: 1360px) {
		.page-header {
				padding-top: 100px;
				padding-bottom: 100px;
		}
}
.page-header p {
		font-size: 2rem;
		line-height: 1.1;
		letter-spacing: 0.5px;
		margin-bottom: 1rem;
}
@media (min-width: 768px) {
		.page-header p {
				font-size: 2.25rem;
		}
}
@media (min-width: 1024px) {
		.page-header p {
				font-size: 2.5rem;
		}
}

.credit {
		font-size: 1.6rem;
		font-family: "Playfair", serif;
		margin-bottom: 1rem;
}

.hopmarket-text {
		position: absolute;
		width: 1600px;
		height: auto;
		opacity: 0.5;
}

.acf-map {
		width: 100%;
		height: 400px;
		border: #ccc solid 1px;
		margin: 20px 0;
}
.acf-map img {
		max-width: inherit !important;
}

.hop {
		position: relative;
		padding-top: 80px;
}
.hop.yellow:before {
		background-image: url(assets/dist/img/hops-yellow.svg);
}
.hop.green:before {
		background-image: url(assets/dist/img/hops-green.svg);
}
.hop:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		height: 60px;
		width: 110px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}

.cut-out {
		position: relative;
		padding-top: 120px;
}
@media (min-width: 1024px) {
		.cut-out {
				padding-top: 180px;
		}
}
.cut-out.left:before {
		left: 0;
}
.cut-out.right:before {
		right: 0;
}
.cut-out.light:before {
		background-color: #FEF9E5;
}
.cut-out.green:before {
		background-color: #2F4842;
}
.cut-out:before {
		content: "";
		position: absolute;
		top: 0;
		width: 20%;
		height: 80px;
}
@media (min-width: 768px) {
		.cut-out:before {
				width: 30%;
		}
}
@media (min-width: 1024px) {
		.cut-out:before {
				width: 49%;
				height: 100px;
		}
}

.splide--loop .splide__pagination {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		padding: 0;
		margin-top: 1rem;
}
.splide--loop .splide__pagination li {
		margin-right: 5px;
}
.splide--loop .splide__pagination li button {
		border: 2px solid #F7D64B;
		height: 12px;
		width: 12px;
		padding: 0;
		border-radius: 50%;
		background-color: transparent;
		cursor: pointer;
}
.splide--loop .splide__pagination li button.is-active {
		background-color: #F7D64B;
}

::-webkit-input-placeholder {
		color: #2F4842;
}

::-moz-placeholder {
		color: #2F4842;
}

:-ms-input-placeholder {
		color: #2F4842;
}

:-moz-placeholder {
		color: #2F4842;
}

.pagination .wp-pagenavi {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.pagination .wp-pagenavi .pages {
		display: inline-block;
		background-color: #FEF9E5;
		border: 1px solid #2F4842;
		height: 35px;
		color: #2F4842;
		margin: 0;
		margin-right: 10px;
		border-radius: 5px;
}
.pagination .wp-pagenavi .current {
		height: 35px;
		background-color: #2F4842;
		font-weight: 400;
		padding: 0 10px;
		line-height: 35px;
		display: inline-block;
		margin: 0;
		border-radius: 5px;
		border: none;
		color: #FEF9E5;
		margin: 0 2px;
		min-width: 30px;
		text-align: center;
}
.pagination .wp-pagenavi a {
		height: 35px;
		background-color: #FEF9E5;
		font-weight: 400;
		padding: 0 10px;
		min-width: 30px;
		text-align: center;
		line-height: 35px;
		display: inline-block;
		margin: 0;
		border-radius: 5px;
		border: 1px solid #2F4842;
		color: #2F4842;
		margin: 0 2px;
}
.pagination .wp-pagenavi a:hover {
		background-color: #2F4842;
		color: #FEF9E5;
}

.error404 {
		background-color: #243A35;
}
.error404 .page-header {
		padding-top: 0;
}
.error404 .error-404 {
		text-align: center;
}
.error404 .error-404 span {
		display: block;
		font-size: 4rem;
		margin-top: 1rem;
}
.error404 #footer:before {
		background-color: #243A35;
}

#desktop-header {
		padding: 2rem 0;
		display: none;
}
@media (min-width: 1024px) {
		#desktop-header {
				display: block;
		}
}
#desktop-header .row {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
#desktop-header #main-navigation {
		width: 100%;
}
#desktop-header .menu-main-menu-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		max-width: 1200px;
		margin: 0 auto;
}
#desktop-header .menu-main-menu-container .logo {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 260px;
		        flex: 0 0 260px;
		max-width: 260px;
}
@media (min-width: 1024px) {
		#desktop-header .menu-main-menu-container .logo {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 220px;
				        flex: 0 0 220px;
				max-width: 220px;
		}
}
@media (min-width: 1240px) {
		#desktop-header .menu-main-menu-container .logo {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 260px;
				        flex: 0 0 260px;
				max-width: 260px;
		}
}
#desktop-header .menu-main-menu-container .logo a {
		display: block;
}
#desktop-header .menu-main-menu-container .logo svg, #desktop-header .menu-main-menu-container .logo img {
		width: 100%;
}
#desktop-header .menu-main-menu-container .menu {
		list-style-type: none;
		margin: 0;
		padding: 0 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 50%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-transform: translateY(14px);
		    -ms-transform: translateY(14px);
		        transform: translateY(14px);
}
@media (min-width: 1240px) {
		#desktop-header .menu-main-menu-container .menu {
				-webkit-transform: translateY(18px);
				    -ms-transform: translateY(18px);
				        transform: translateY(18px);
		}
}
#desktop-header .menu-main-menu-container .menu li {
		padding: 0 10px;
		margin: 0;
}
@media (min-width: 1360px) {
		#desktop-header .menu-main-menu-container .menu li {
				padding: 0 20px;
		}
}
#desktop-header .menu-main-menu-container .menu li.current_page_item a {
		font-weight: 600;
		color: #F7D64B;
		text-decoration: underline;
		text-underline-offset: 4px;
		text-decoration-thickness: 2px;
}
#desktop-header .menu-main-menu-container .menu li a {
		color: #FEF9E5;
		font-weight: 400;
}
#desktop-header .menu-main-menu-container .menu li a:hover {
		color: #F7D64B;
		text-decoration: underline;
		text-underline-offset: 4px;
		text-decoration-thickness: 2px;
}

#mobile-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 2rem 0;
}
@media (min-width: 1024px) {
		#mobile-header {
				display: none;
		}
}
#mobile-header .row {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		width: 100%;
		padding: 0 1rem;
}
@media (min-width: 768px) {
		#mobile-header .row {
				padding: 0;
		}
}
#mobile-header .site-branding {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 200px;
		        flex: 0 0 200px;
		max-width: 200px;
		position: relative;
		z-index: 99;
}
@media (min-width: 768px) {
		#mobile-header .site-branding {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 260px;
				        flex: 0 0 260px;
				max-width: 260px;
				z-index: 1;
		}
}
#mobile-header .site-branding a {
		display: block;
}
#mobile-header .site-branding a svg, #mobile-header .site-branding a img {
		width: 200px;
}
@media (min-width: 768px) {
		#mobile-header .site-branding a svg, #mobile-header .site-branding a img {
				width: 260px;
		}
}
#mobile-header .nav-link {
		position: relative;
		z-index: 99;
		-webkit-transform: translateY(-8px);
		    -ms-transform: translateY(-8px);
		        transform: translateY(-8px);
}
@media (min-width: 768px) {
		#mobile-header .nav-link {
				-webkit-transform: translateY(-14px);
				    -ms-transform: translateY(-14px);
				        transform: translateY(-14px);
		}
}
#mobile-header #mobile-navigation {
		position: absolute;
		top: 0;
		right: -100vw;
		background: #172320;
		padding: 20px;
		padding-top: 100px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 100%;
		height: 100vh;
		z-index: 8;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-ms-flex-line-pack: start;
		    align-content: start;
		-webkit-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		overflow: hidden;
}
@media (min-width: 768px) {
		#mobile-header #mobile-navigation {
				width: 560px;
				padding-top: 120px;
		}
}
#mobile-header #mobile-navigation:after {
		content: "";
		position: absolute;
		bottom: 60px;
		right: 50%;
		height: 250px;
		width: 125%;
		-webkit-transform: translateX(50%);
		    -ms-transform: translateX(50%);
		        transform: translateX(50%);
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
@media (min-width: 420px) {
		#mobile-header #mobile-navigation:after {
				bottom: 60px;
				right: -140px;
				height: 250px;
				width: 100%;
				-webkit-transform: none;
				    -ms-transform: none;
				        transform: none;
		}
}
#mobile-header #mobile-navigation.is-active {
		right: 0;
}
#mobile-header #mobile-navigation.is-active .scroll {
		width: 100%;
		height: calc(100vh - 160px);
}
@media (min-width: 420px) {
		#mobile-header #mobile-navigation.is-active .scroll {
				max-height: none;
				height: calc(100vh - 120px);
		}
}
#mobile-header #mobile-navigation.is-active .scroll .simplebar-track.simplebar-vertical {
		display: none;
}
#mobile-header #mobile-navigation #site-navigation {
		width: 100%;
}
#mobile-header #mobile-navigation .menu-main-menu-container {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
#mobile-header #mobile-navigation .menu-main-menu-container #primary-menu {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		display: block;
		margin: 0;
		padding: 0;
		list-style-type: none;
		padding-bottom: 1rem;
}
#mobile-header #mobile-navigation .menu-main-menu-container #primary-menu .menu-item {
		line-height: 1.6;
		position: relative;
		padding-right: 30px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 2px solid rgba(254, 249, 229, 0.25);
}
#mobile-header #mobile-navigation .menu-main-menu-container #primary-menu .menu-item a {
		font-size: 2rem;
		color: #FEF9E5;
		font-weight: 400;
		position: relative;
		line-height: 1.3;
		text-decoration: none;
		letter-spacing: 1px;
}
#mobile-header #mobile-navigation .menu-main-menu-container #primary-menu .menu-item a:hover {
		color: #F7D64B;
}
#mobile-header #mobile-navigation .menu-main-menu-container #primary-menu .menu-item.current-menu-item a, #mobile-header #mobile-navigation .menu-main-menu-container #primary-menu .menu-item.is-active a {
		color: #F7D64B;
}

#footer {
		position: relative;
		background-color: #2F4842;
}
#footer:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 20%;
		height: 80px;
		background-color: #FEF9E5;
}
@media (min-width: 768px) {
		#footer:before {
				width: 30%;
				height: 100px;
		}
}
@media (min-width: 1024px) {
		#footer:before {
				width: 49%;
		}
}
#footer:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0.5;
		display: none;
}
@media (min-width: 1024px) {
		#footer:after {
				left: -170px;
				display: block;
		}
}
@media (min-width: 1600px) {
		#footer:after {
				left: -100px;
		}
}
#footer .logo-wrap {
		height: 80px;
		margin-bottom: 33.3333333333px;
		padding-top: 20px;
}
@media (min-width: 768px) {
		#footer .logo-wrap {
				height: 100px;
				margin-bottom: 50px;
				padding-top: 30px;
		}
}
@media (min-width: 1024px) {
		#footer .logo-wrap {
				margin-bottom: 100px;
				padding-top: 40px;
		}
}
#footer .logo-wrap .col-xs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 100%;
		padding-right: 25%;
		position: relative;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
}
@media (min-width: 768px) {
		#footer .logo-wrap .col-xs {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 68%;
				        flex: 0 0 68%;
				padding-right: 18%;
		}
}
@media (min-width: 1024px) {
		#footer .logo-wrap .col-xs {
				padding-right: 18%;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
		}
}
@media (min-width: 1210px) {
		#footer .logo-wrap .col-xs {
				padding-right: 290px;
		}
}
#footer .logo-wrap .col-xs:after {
		content: "";
		position: absolute;
		height: 100%;
		width: 33.33%;
		top: 50%;
		right: 20%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		background-image: url(assets/dist/img/yellow-plus-repeat-strip.svg);
		background-size: 70% auto;
		background-position: right center;
		background-repeat: repeat-x;
		display: none;
}
@media (min-width: 768px) {
		#footer .logo-wrap .col-xs:after {
				right: 0;
				display: block;
		}
}
@media (min-width: 1210px) {
		#footer .logo-wrap .col-xs:after {
				width: 280px;
				background-size: 50% auto;
		}
}
#footer .logo-wrap img, #footer .logo-wrap svg {
		width: 100%;
		max-width: 190px;
}
@media (min-width: 768px) {
		#footer .logo-wrap img, #footer .logo-wrap svg {
				max-width: 230px;
		}
}
@media (min-width: 1210px) {
		#footer .logo-wrap img, #footer .logo-wrap svg {
				height: 80px;
				width: auto;
		}
}
#footer .footer-title {
		font-family: "Playfair", serif;
		color: #F7D64B;
		font-size: 2.5rem;
		margin-bottom: 1rem;
		line-height: 1.2;
}
#footer .inner-row {
		margin: 0;
}
#footer .inner-row .socials {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
}
@media (min-width: 600px) {
		#footer .inner-row .socials {
				padding: 0 2rem;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 80px;
				        flex: 0 0 80px;
				max-width: 80px;
		}
}
@media (min-width: 1024px) {
		#footer .inner-row .socials {
				padding: 0 1rem;
				margin-top: 10px;
		}
}
@media (min-width: 1360px) {
		#footer .inner-row .socials {
				padding: 0 2rem;
		}
}
#footer .inner-row .socials a {
		display: inline-block;
		margin-right: 10px;
}
@media (min-width: 600px) {
		#footer .inner-row .socials a {
				margin-bottom: 10px;
				margin-right: 0;
		}
}
#footer .inner-row .socials a svg, #footer .inner-row .socials a img {
		height: 35px;
		width: 35px;
}
#footer .inner-row .footer-menu {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
		margin-top: 2rem;
}
@media (min-width: 600px) {
		#footer .inner-row .footer-menu {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				max-width: 50%;
				padding: 0 2rem;
				text-align: left;
				margin-top: 0;
		}
}
@media (min-width: 1024px) {
		#footer .inner-row .footer-menu {
				padding: 0 1rem;
		}
}
@media (min-width: 1360px) {
		#footer .inner-row .footer-menu {
				padding: 0 2rem;
		}
}
#footer .inner-row .footer-menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
}
#footer .inner-row .footer-menu ul a {
		font-weight: 400;
		color: #FEF9E5;
}
#footer .inner-row .opening-times-address {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
}
@media (min-width: 600px) {
		#footer .inner-row .opening-times-address {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				max-width: 50%;
				text-align: left;
		}
}
#footer .signoff {
		margin-top: 33.3333333333px;
		text-align: center;
}
@media (min-width: 768px) {
		#footer .signoff {
				margin-top: 50px;
		}
}
@media (min-width: 800px) {
		#footer .signoff {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-flow: wrap row;
				        flex-flow: wrap row;
				text-align: left;
		}
}
@media (min-width: 1024px) {
		#footer .signoff {
				margin-top: 100px;
		}
}
#footer .signoff .copyright {
		font-size: 1.6rem;
}
#footer .signoff p {
		display: block;
}
#footer .signoff p a {
		color: #FEF9E5;
		font-weight: 400;
}
@media (min-width: 800px) {
		#footer .signoff .beard {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 200px;
				        flex: 0 0 200px;
				max-width: 200px;
				text-align: right;
		}
}
#footer .signoff .beard a {
		display: inline-block;
		margin-left: 5px;
		-webkit-transform: translateY(3px);
		    -ms-transform: translateY(3px);
		        transform: translateY(3px);
}
#footer .signoff .beard a svg {
		height: 20px;
		width: 60px;
}
#footer .signoff .beard a svg path {
		fill: #FEF9E5;
}

.home .page-header:before {
		content: "";
		position: absolute;
		top: 2%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		height: 50%;
		width: 50%;
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 2;
		display: none;
}
@media (min-width: 1024px) {
		.home .page-header:before {
				display: block;
		}
}
@media (min-width: 768px) {
		.home .page-header .col-xs {
				padding: 0 3rem;
		}
}
.home .page-header .left {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		position: relative;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		text-align: center;
}
@media (min-width: 768px) {
		.home .page-header .left {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
				max-width: 50%;
				text-align: left;
		}
}
@media (min-width: 1024px) {
		.home .page-header .left {
				padding-top: 50px;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 30%;
				        flex: 0 0 30%;
				max-width: 30%;
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
		}
}
@media (min-width: 1360px) {
		.home .page-header .left {
				padding-top: 100px;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 33.33%;
				        flex: 0 0 33.33%;
				max-width: 33.33%;
		}
}
.home .page-header .left:after {
		content: "";
		position: absolute;
		height: 30px;
		width: 230px;
		top: 50%;
		right: 0;
		display: none;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		background-image: url(assets/dist/img/yellow-plus-repeat-strip.svg);
		background-size: 70% auto;
		background-position: right center;
		background-repeat: repeat-x;
		z-index: 1;
}
@media (min-width: 768px) {
		.home .page-header .left:after {
				display: block;
		}
}
.home .page-header .left img {
		max-width: 400px;
		width: 100%;
		margin-bottom: 2rem;
		position: relative;
		z-index: 2;
}
@media (min-width: 768px) {
		.home .page-header .left img {
				margin-bottom: 0;
		}
}
@media (min-width: 768px) {
		.home .page-header .left img:first-of-type {
				max-width: 300px;
				margin-bottom: 150px;
		}
}
.home .page-header .right {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		position: relative;
		text-align: center;
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		z-index: 2;
}
@media (min-width: 768px) {
		.home .page-header .right {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
				max-width: 50%;
				text-align: right;
		}
}
@media (min-width: 1024px) {
		.home .page-header .right {
				margin-top: -33.3333333333px;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 30%;
				        flex: 0 0 30%;
				max-width: 30%;
		}
}
@media (min-width: 1360px) {
		.home .page-header .right {
				margin-top: -50px;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 33.33%;
				        flex: 0 0 33.33%;
				max-width: 33.33%;
		}
}
.home .page-header .right:before {
		content: "";
		position: absolute;
		height: 30px;
		width: 230px;
		top: 5%;
		right: 0;
		display: none;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		background-image: url(assets/dist/img/yellow-plus-repeat-strip.svg);
		background-size: 70% auto;
		background-position: right center;
		background-repeat: repeat-x;
		z-index: 1;
}
@media (min-width: 768px) {
		.home .page-header .right:before {
				display: block;
		}
}
.home .page-header .right:after {
		content: "";
		position: absolute;
		bottom: 0;
		right: -40px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/dot-bg.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 2;
		display: none;
}
@media (min-width: 768px) {
		.home .page-header .right:after {
				display: block;
		}
}
.home .page-header .right img {
		max-width: 400px;
		width: 100%;
		margin-bottom: 2rem;
		position: relative;
		z-index: 2;
}
@media (min-width: 768px) {
		.home .page-header .right img {
				margin-bottom: 0;
		}
}
@media (min-width: 768px) {
		.home .page-header .right img:first-of-type {
				margin-bottom: 150px;
		}
}
.home .page-header .middle {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
		color: #F7D64B;
		font-family: "Playfair", serif;
		font-size: 2rem;
		line-height: 1.4;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin-bottom: 3rem;
}
@media (min-width: 1024px) {
		.home .page-header .middle {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 40%;
				        flex: 0 0 40%;
				max-width: 40%;
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
				font-size: 2.25rem;
		}
}
@media (min-width: 1360px) {
		.home .page-header .middle {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 33.33%;
				        flex: 0 0 33.33%;
				max-width: 33.33%;
		}
}
.home .page-header .middle h1 {
		text-align: center;
		color: #FEF9E5;
}
@media (min-width: 1024px) {
		.home .page-header .middle h1 {
				font-size: 5rem;
				margin-bottom: 50px;
		}
}
.home .page-header .middle img {
		margin-bottom: 2rem;
}
@media (min-width: 768px) {
		.home .page-header .middle img {
				margin-bottom: 50px;
		}
}
.home #history {
		position: relative;
}
@media (min-width: 768px) {
		.home #history {
				padding-top: 150px;
				padding-bottom: 150px;
		}
}
@media (min-width: 1024px) {
		.home #history {
				padding-top: 200px;
				padding-bottom: 200px;
		}
}
@media (min-width: 1360px) {
		.home #history {
				padding-top: 250px;
				padding-bottom: 250px;
		}
}
.home #history:after {
		content: "";
		position: absolute;
		top: -50px;
		left: -40px;
		height: 130px;
		width: 140px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 2;
		display: none;
}
@media (min-width: 768px) {
		.home #history:after {
				height: 160px;
				width: 170px;
				top: -20px;
				left: -50px;
				display: block;
		}
}
@media (min-width: 1024px) {
		.home #history:after {
				height: 200px;
				width: 210px;
				left: -70px;
		}
}
@media (min-width: 1360px) {
		.home #history:after {
				height: 270px;
				width: 270px;
				left: -100px;
		}
}
.home #history .container {
		max-width: 120rem;
		position: relative;
		z-index: 2;
}
.home #history .container .row {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.home #history .container .col-md-7 {
		margin-top: 3rem;
}
@media (min-width: 768px) {
		.home #history .container .col-md-7 {
				margin-top: 0;
		}
}
.home #history .hopmarket-text {
		width: 1200px;
		display: none;
}
@media (min-width: 768px) {
		.home #history .hopmarket-text {
				display: block;
		}
}
.home #history .hopmarket-text.top {
		top: 40px;
		right: -500px;
}
.home #history .hopmarket-text.bottom {
		left: -500px;
}
.home #shops-services {
		position: relative;
}
.home #shops-services:after {
		content: "";
		position: absolute;
		bottom: 15%;
		left: -40px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/dot-bg.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 2;
		display: none;
}
@media (min-width: 768px) {
		.home #shops-services:after {
				display: block;
				height: 160px;
				width: 170px;
				left: -50px;
		}
}
@media (min-width: 1024px) {
		.home #shops-services:after {
				height: 200px;
				width: 210px;
				left: -70px;
		}
}
@media (min-width: 1360px) {
		.home #shops-services:after {
				height: 270px;
				width: 270px;
				left: -100px;
		}
}
.home #shops-services:before {
		content: "";
		position: absolute;
		top: -150px;
		right: -100px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 2;
		display: none;
}
@media (min-width: 768px) {
		.home #shops-services:before {
				display: block;
		}
}
.home #shops-services .container {
		max-width: 100rem;
		position: relative;
}
.home #shops-services .container:first-of-type:before {
		content: "";
		position: absolute;
		top: -20;
		left: -270px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/green-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 2;
}
.home #shops-services .container .narrow {
		margin: 0 auto;
		max-width: 70rem;
		text-align: center;
		margin-bottom: 4rem;
}
.home #shops-services .container .carousel {
		background-color: #2F4842;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 3rem;
}
.home #shops-services .container .carousel .caroursel-wrap {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
}
@media (min-width: 768px) {
		.home #shops-services .container .carousel .caroursel-wrap {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
				max-width: 50%;
		}
}
@media (min-width: 1024px) {
		.home #shops-services .container .carousel .caroursel-wrap {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 60%;
				        flex: 0 0 60%;
				max-width: 60%;
		}
}
.home #shops-services .container .carousel .content {
		margin-top: 3rem;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
}
@media (min-width: 768px) {
		.home #shops-services .container .carousel .content {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
				max-width: 50%;
				margin-top: 0;
				padding-left: 3rem;
		}
}
@media (min-width: 1024px) {
		.home #shops-services .container .carousel .content {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 40%;
				        flex: 0 0 40%;
				max-width: 40%;
		}
}
@media (min-width: 768px) {
		.home #shops-services .container .carousel .content h2 {
				font-size: 3rem;
				margin-bottom: 1rem;
		}
}
.home #shops-services .container .carousel .content h2, .home #shops-services .container .carousel .content h3, .home #shops-services .container .carousel .content h4, .home #shops-services .container .carousel .content h5, .home #shops-services .container .carousel .content p {
		color: #F7D64B;
}
.home #shops-services .last {
		margin-top: 100px;
		margin-bottom: 50px;
		text-align: center;
		max-width: 60rem;
		position: relative;
}
@media (min-width: 768px) {
		.home #shops-services .last {
				margin-top: 100px;
				margin-bottom: 0;
		}
}
.home #shops-services .last:after {
		content: "";
		position: absolute;
		bottom: 50%;
		left: 50%;
		height: 100%;
		width: 100%;
		background-image: url(assets/dist/img/hops-dark.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0.1;
		-webkit-transform: translate(-50%, 50%);
		    -ms-transform: translate(-50%, 50%);
		        transform: translate(-50%, 50%);
		z-index: 1;
}
.home #shops-services .last p {
		font-size: 2.5rem;
		position: relative;
		z-index: 2;
}

.page-template-about .page-header {
		overflow: hidden;
}
@media (min-width: 1024px) {
		.page-template-about .page-header {
				padding-top: 100px;
		}
}
@media (min-width: 1360px) {
		.page-template-about .page-header {
				padding-top: 150px;
		}
}
.page-template-about .page-header:after {
		content: "";
		position: absolute;
		top: 30%;
		right: 0;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		display: none;
		z-index: 1;
}
@media (min-width: 1024px) {
		.page-template-about .page-header:after {
				right: -170px;
				display: block;
		}
}
@media (min-width: 1600px) {
		.page-template-about .page-header:after {
				right: -100px;
		}
}
.page-template-about .page-header:before {
		content: "";
		position: absolute;
		top: 2%;
		right: 0;
		height: 100%;
		width: 100%;
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		display: none;
		z-index: 2;
}
@media (min-width: 1024px) {
		.page-template-about .page-header:before {
				right: -170px;
				display: block;
		}
}
@media (min-width: 1600px) {
		.page-template-about .page-header:before {
				left: -100px;
		}
}
.page-template-about .page-header .row {
		position: relative;
		z-index: 3;
}
@media (min-width: 768px) {
		.page-template-about .page-header .row {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}
@media (min-width: 1024px) {
		.page-template-about .page-header .row {
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
}
.page-template-about .page-header h1 {
		display: block;
		max-width: 590px;
}
.page-template-about .page-header img {
		max-height: 500px;
}
.page-template-about .page-header .col-md-6 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: nowrap column;
		        flex-flow: nowrap column;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}
@media (min-width: 768px) {
		.page-template-about .page-header .col-md-6 {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-flow: wrap row;
				        flex-flow: wrap row;
				-ms-flex-line-pack: start;
				    align-content: flex-start;
		}
}
@media (min-width: 1024px) {
		.page-template-about .page-header .col-md-6 {
				-webkit-box-align: end;
				    -ms-flex-align: end;
				        align-items: flex-end;
		}
}
.page-template-about .page-header .col-md-6.images {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		margin-top: 50px;
}
@media (min-width: 768px) {
		.page-template-about .page-header .col-md-6.images {
				margin-top: 0;
		}
}
.page-template-about .page-header .col-md-6 img {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		display: block;
}
@media (min-width: 768px) {
		.page-template-about .page-header .col-md-6 img {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 48%;
				        flex: 0 0 48%;
				max-width: 48%;
		}
}
.page-template-about .page-header .col-md-6 img:not(.left) {
		margin-bottom: 2rem;
}
@media (min-width: 768px) {
		.page-template-about .page-header .col-md-6 img:not(.left) {
				-webkit-transform: translateY(-50px);
				    -ms-transform: translateY(-50px);
				        transform: translateY(-50px);
		}
}
.page-template-about .page-header .col-md-6 .left {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
}
@media (min-width: 768px) {
		.page-template-about .page-header .col-md-6 .left {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 45%;
				        flex: 0 0 45%;
				max-height: 350px;
				max-width: 45%;
		}
}
.page-template-about #history {
		position: relative;
}
.page-template-about #history:after {
		content: "";
		position: absolute;
		bottom: -50px;
		left: 15%;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 1;
		display: none;
}
@media (min-width: 768px) {
		.page-template-about #history:after {
				display: block;
				left: -20%;
		}
}
@media (min-width: 1024px) {
		.page-template-about #history:after {
				left: 15%;
		}
}
.page-template-about #history .hopmarket-text {
		top: 100px;
		right: -800px;
		display: none;
}
@media (min-width: 768px) {
		.page-template-about #history .hopmarket-text {
				display: block;
		}
}
.page-template-about #history h2 {
		display: block;
		position: relative;
		margin-bottom: 1rem;
}
.page-template-about #history h2:after {
		content: "";
		position: absolute;
		height: 100%;
		width: 190px;
		top: 50%;
		left: -310px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		background-image: url(assets/dist/img/green-plus-repeat-strip.svg);
		background-size: 70% auto;
		background-position: right center;
		background-repeat: repeat-x;
		display: none;
}
@media (min-width: 768px) {
		.page-template-about #history h2:after {
				display: block;
		}
}
@media (min-width: 1210px) {
		.page-template-about #history h2:after {
				width: 280px;
				background-size: 50% auto;
		}
}
.page-template-about #history .bottom {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		position: relative;
		z-index: 2;
}
@media (min-width: 768px) {
		.page-template-about #history .bottom {
				margin-top: 50px;
		}
}
@media (min-width: 1024px) {
		.page-template-about #history .bottom {
				margin-top: 100px;
		}
}
.page-template-about #history .bottom .left {
		padding-right: 2rem;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
}
@media (min-width: 768px) {
		.page-template-about #history .bottom .left {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 60%;
				        flex: 0 0 60%;
				max-width: 60%;
		}
}
.page-template-about #history .bottom .left p {
		margin-bottom: 1rem;
		position: relative;
}
.page-template-about #history .bottom .left p:after {
		content: "";
		position: absolute;
		height: 100%;
		width: 140px;
		top: 50%;
		left: -160px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		background-image: url(assets/dist/img/green-plus-repeat-strip.svg);
		background-size: 100% auto;
		background-position: right center;
		background-repeat: repeat-x;
		display: none;
}
@media (min-width: 768px) {
		.page-template-about #history .bottom .left p:after {
				display: block;
		}
}
@media (min-width: 1210px) {
		.page-template-about #history .bottom .left p:after {
				width: 120px;
				left: -140px;
		}
}
.page-template-about #history .bottom .right {
		margin-top: 3rem;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
}
@media (min-width: 768px) {
		.page-template-about #history .bottom .right {
				margin-top: 0;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				padding-left: 2rem;
		}
}
.page-template-about #history-continued {
		position: relative;
		padding-top: 33.3333333333px;
		padding-bottom: 0;
		z-index: 2;
}
@media (min-width: 768px) {
		.page-template-about #history-continued {
				padding-top: 50px;
		}
}
@media (min-width: 1024px) {
		.page-template-about #history-continued {
				padding-top: 100px;
		}
}
.page-template-about #history-continued:after {
		content: "";
		position: absolute;
		top: 40%;
		right: -40px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/dot-bg.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 2;
		display: none;
}
@media (min-width: 1024px) {
		.page-template-about #history-continued:after {
				display: block;
				right: -120px;
		}
}
@media (min-width: 1160px) {
		.page-template-about #history-continued:after {
				right: -80px;
		}
}
.page-template-about #history-continued .hopmarket-text {
		display: none;
}
@media (min-width: 768px) {
		.page-template-about #history-continued .hopmarket-text {
				display: block;
		}
}
.page-template-about #history-continued .hopmarket-text.top {
		top: 33%;
		left: -650px;
}
.page-template-about #history-continued .hopmarket-text.bottom {
		bottom: 100px;
		right: -1000px;
}
.page-template-about #history-continued:before {
		content: "";
		position: absolute;
		top: 5%;
		right: 0;
		height: 800px;
		width: 100%;
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		display: none;
		z-index: 2;
}
@media (min-width: 1024px) {
		.page-template-about #history-continued:before {
				right: -170px;
				display: block;
		}
}
@media (min-width: 1600px) {
		.page-template-about #history-continued:before {
				right: -530px;
		}
}
.page-template-about #history-continued .container {
		max-width: 80rem;
}
.page-template-about #history-continued .container:first-of-type {
		max-width: 140rem;
}
@media (min-width: 1024px) {
		.page-template-about #history-continued .container:first-of-type {
				margin-bottom: 100px;
		}
}
.page-template-about #history-continued .container:first-of-type .row h2 {
		margin-top: 3rem;
		margin-bottom: 0;
}
@media (min-width: 1024px) {
		.page-template-about #history-continued .container:first-of-type .row h2 {
				margin-top: 0;
		}
}
@media (min-width: 1024px) {
		.page-template-about #history-continued .container:nth-of-type(2) {
				margin-top: 200px;
		}
}
@media (min-width: 1360px) {
		.page-template-about #history-continued .container:nth-of-type(2) {
				margin-top: 300px;
		}
}
.page-template-about #history-continued .container:nth-of-type(2) .credit {
		margin-top: 50px;
}
.page-template-about #history-continued .container:nth-of-type(2) .col-xs {
		text-align: center;
}
.page-template-about #history-continued .container:nth-of-type(2) .col-xs img {
		max-width: 500px;
		width: 100%;
}
.page-template-about #shops-services {
		margin-top: -70px;
		position: relative;
		z-index: 1;
		padding-top: 100px;
}
@media (min-width: 1024px) {
		.page-template-about #shops-services {
				padding-top: 200px;
		}
}
.page-template-about #shops-services:before {
		content: "";
		position: absolute;
		top: -100px;
		left: -40px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/dot-bg.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 2;
		display: none;
}
@media (min-width: 1024px) {
		.page-template-about #shops-services:before {
				display: block;
		}
}
.page-template-about #shops-services:after {
		content: "";
		position: absolute;
		bottom: 15%;
		left: 50%;
		height: 800px;
		width: 100%;
		background-image: url(assets/dist/img/hops-dark.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0.05;
		z-index: -1;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
}
.page-template-about #shops-services .container {
		max-width: 120rem;
}
.page-template-about #shops-services .narrow {
		margin: 0 auto;
		max-width: 75rem;
		text-align: center;
		margin-bottom: 100px;
}
.page-template-about #shops-services .trio {
		position: relative;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media (min-width: 1024px) {
		.page-template-about #shops-services .trio {
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
		}
}
.page-template-about #shops-services .trio:after {
		content: "";
		position: absolute;
		bottom: -50px;
		left: -100px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		display: none;
}
@media (min-width: 1024px) {
		.page-template-about #shops-services .trio:after {
				display: block;
		}
}
.page-template-about #shops-services .trio:before {
		content: "";
		position: absolute;
		top: 0;
		right: -500px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/dot-bg.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		display: none;
}
@media (min-width: 1024px) {
		.page-template-about #shops-services .trio:before {
				display: block;
		}
}
.page-template-about #shops-services .trio img {
		display: block;
		margin-bottom: 3rem;
}
@media (min-width: 768px) {
		.page-template-about #shops-services .trio img.one {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 40%;
				        flex: 0 0 40%;
				max-width: 40%;
		}
}
.page-template-about #shops-services .trio img.two {
		margin-left: auto;
		width: 100%;
}
@media (min-width: 768px) {
		.page-template-about #shops-services .trio img.two {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 40%;
				        flex: 0 0 40%;
				max-width: 360px;
		}
}
.page-template-about #shops-services .trio img.three {
		margin: 0 auto;
}
@media (min-width: 768px) {
		.page-template-about #shops-services .trio img.three {
				margin-top: 50px;
		}
}
@media (min-width: 1024px) {
		.page-template-about #shops-services .trio img.three {
				margin-top: 100px;
		}
}
.page-template-about #address {
		position: relative;
		font-size: 2rem;
}
.page-template-about #address:after {
		content: "";
		position: absolute;
		bottom: -50px;
		right: 10px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 1;
		display: none;
}
@media (min-width: 1024px) {
		.page-template-about #address:after {
				display: block;
		}
}
.page-template-about #address .container {
		position: relative;
}
.page-template-about #address .container:before {
		content: "";
		position: absolute;
		top: -100px;
		left: -270px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/dot-bg.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		display: none;
}
@media (min-width: 1024px) {
		.page-template-about #address .container:before {
				display: block;
		}
}
.page-template-about #address .col-md-offset-2 {
		padding: 0;
}
.page-template-about #address .inner-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		position: relative;
		z-index: 2;
}
.page-template-about #address .acf-map {
		margin-top: -90px;
}
.page-template-about #address h2 {
		position: relative;
		padding-left: 45px;
		margin-bottom: 0;
		display: block;
}
.page-template-about #address h2:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 40px;
		width: 30px;
		background-image: url(assets/dist/img/map-pin.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
.page-template-about #signoff {
		padding: 100px 0;
		position: relative;
}
@media (min-width: 768px) {
		.page-template-about #signoff {
				padding: 100px 0;
		}
}
@media (min-width: 1024px) {
		.page-template-about #signoff {
				padding: 200px 0;
		}
}
.page-template-about #signoff:after {
		content: "";
		position: absolute;
		bottom: 50%;
		left: 50%;
		height: 100%;
		width: 100%;
		background-image: url(assets/dist/img/hops-dark.svg);
		background-size: 20% auto;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0.1;
		-webkit-transform: translate(-50%, 50%);
		    -ms-transform: translate(-50%, 50%);
		        transform: translate(-50%, 50%);
}
.page-template-about #signoff .container {
		max-width: 800px;
}
.page-template-about #signoff .container p {
		font-size: 3rem;
		font-family: "Playfair", serif;
		text-align: center;
		line-height: 1.1;
}

.page-template-contact .top-section {
		position: relative;
}
.page-template-contact .top-section:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		height: 500px;
		width: 720px;
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 1;
}
.page-template-contact .top-section .container {
		max-width: 160rem;
		position: relative;
		z-index: 2;
}
@media (min-width: 1024px) {
		.page-template-contact .top-section h1 {
				font-size: 7rem;
		}
}
.page-template-contact .address h2 {
		position: relative;
		padding-left: 45px;
		margin-bottom: 0;
		display: block;
}
.page-template-contact .address h2:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 40px;
		width: 30px;
		background-image: url(assets/dist/img/map-pin.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
.page-template-contact #services-slide {
		position: relative;
}
.page-template-contact #services-slide .services-list {
		margin-top: 33.3333333333px;
}
@media (min-width: 768px) {
		.page-template-contact #services-slide .services-list {
				margin-top: 50px;
		}
}
@media (min-width: 1024px) {
		.page-template-contact #services-slide .services-list {
				margin-top: 100px;
		}
}
.page-template-contact #services-slide .services-list .splide__track .splide__slide {
		text-align: right;
}
@media (min-width: 1024px) {
		.page-template-contact #services-slide .services-list .splide__track .splide__slide:nth-of-type(odd) {
				margin-top: 50px;
		}
}
.page-template-contact #services-slide .services-list .splide__track .splide__slide img {
		display: block;
		margin-bottom: 3rem;
}
.page-template-contact #services-slide .services-list .splide__pagination {
		margin-top: 4rem;
}
@media (min-width: 768px) {
		.page-template-contact #services-slide .services-list .splide__pagination {
				margin-top: 1rem;
		}
}
.page-template-contact #services-slide .services-list .splide__pagination button {
		border-color: #2F4842;
}
.page-template-contact #services-slide .services-list .splide__pagination button.is-active {
		background-color: #2F4842;
}
.page-template-contact #services-slide h2 {
		display: block;
		max-width: 380px;
		line-height: 1;
}
@media (min-width: 1024px) {
		.page-template-contact #services-slide h2 {
				font-size: 5.5rem;
		}
}

.page-template-shops #footer {
		background-color: #243A35;
}
.page-template-shops #footer:before {
		background-color: #2F4842;
}
.page-template-shops .page-header {
		position: relative;
}
@media (min-width: 1360px) {
		.page-template-shops .page-header {
				min-height: 400px;
		}
}
.page-template-shops .page-header:before {
		content: "";
		position: absolute;
		right: 0;
		height: 400px;
		width: 700px;
		top: -100px;
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 1;
}
@media (min-width: 768px) {
		.page-template-shops .page-header:before {
				height: 400px;
				width: 700px;
				top: -10px;
		}
}
@media (min-width: 1024px) {
		.page-template-shops .page-header:before {
				height: 400px;
				width: 700px;
				top: -10px;
		}
}
@media (min-width: 1360px) {
		.page-template-shops .page-header:before {
				height: 700px;
				width: 1200px;
				top: -70px;
		}
}
.page-template-shops .page-header .container {
		position: relative;
		z-index: 2;
}
.page-template-shops #intro {
		padding: 50px 0;
		position: relative;
}
.page-template-shops #intro .container {
		position: relative;
		z-index: 2;
		max-width: 120rem;
}
.page-template-shops #intro .container:after {
		content: "";
		position: absolute;
		height: 30px;
		width: 230px;
		top: 50%;
		left: -240px;
		background-image: url(assets/dist/img/green-plus-repeat-strip.svg);
		background-size: 70% auto;
		background-position: right center;
		background-repeat: repeat-x;
		display: none;
}
@media (min-width: 768px) {
		.page-template-shops #intro .container:after {
				display: block;
		}
}
.page-template-shops #intro:after {
		content: "";
		position: absolute;
		bottom: -100px;
		right: -100px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		display: none;
}
@media (min-width: 768px) {
		.page-template-shops #intro:after {
				display: block;
		}
}
.page-template-shops #shops-and-services {
		position: relative;
}
.page-template-shops #shops-and-services:after {
		content: "";
		position: absolute;
		bottom: 5%;
		right: -100px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		display: none;
}
@media (min-width: 768px) {
		.page-template-shops #shops-and-services:after {
				display: block;
		}
}
.page-template-shops #shops-and-services:before {
		content: "";
		position: absolute;
		top: 30%;
		left: -100px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/dot-bg.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		display: none;
}
@media (min-width: 768px) {
		.page-template-shops #shops-and-services:before {
				display: block;
				left: -240px;
		}
}
.page-template-shops #shops-and-services .inner-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin-bottom: 3rem;
		border-bottom: 2px solid #F7D64B;
		padding-bottom: 25px;
		margin-bottom: 50px;
}
.page-template-shops #shops-and-services .inner-wrap h2 {
		font-size: 5rem;
}
.page-template-shops #shops-and-services .select-filter p {
		font-family: "Playfair", serif;
		margin-bottom: 0;
		font-size: 2.2rem;
		line-height: 1.1;
		margin-bottom: 1rem;
}
.page-template-shops #shops-and-services .select-filter select {
		background-color: #FEF9E5;
		border: 2px solid #2F4842;
		border-radius: 0;
		display: inline-block;
		min-width: 300px;
		width: 100%;
		font: inherit;
		color: #000000;
		line-height: 1;
		padding: 1rem 5rem 1rem 1rem;
		margin: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-image: linear-gradient(45deg, transparent 50%, #2F4842 50%), linear-gradient(135deg, #2F4842 50%, transparent 50%), linear-gradient(to right, #F7D64B, #F7D64B);
		background-position: calc(100% - 20px) 19px, calc(100% - 15px) 19px, 100% 0;
		background-size: 5px 5px, 5px 5px, 40px 100%;
		background-repeat: no-repeat;
		height: 50px;
}
.page-template-shops #shops-and-services .select-filter select:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 #000;
}
.page-template-shops #shops-and-services .select-filter select:focus {
		background-image: linear-gradient(45deg, #2F4842 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #2F4842 50%), linear-gradient(to right, #F7D64B, #F7D64B);
		background-position: calc(100% - 15px) 19px, calc(100% - 20px) 19px, 100% 0;
		background-size: 5px 5px, 5px 5px, 40px 100%;
		background-repeat: no-repeat;
		border-color: #F7D64B;
		outline: 0;
}
.page-template-shops #shops-and-services .grid {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
}
.page-template-shops #shops-and-services .grid .grid-item, .page-template-shops #shops-and-services .grid .grid-sizer {
		width: 100%;
		padding: 0 1rem;
		overflow: hidden;
}
@media (min-width: 500px) {
		.page-template-shops #shops-and-services .grid .grid-item, .page-template-shops #shops-and-services .grid .grid-sizer {
				width: 50%;
		}
}
@media (min-width: 768px) {
		.page-template-shops #shops-and-services .grid .grid-item, .page-template-shops #shops-and-services .grid .grid-sizer {
				width: 33.33%;
				padding: 0 2rem;
		}
}
@media (min-width: 1024px) {
		.page-template-shops #shops-and-services .grid .grid-item, .page-template-shops #shops-and-services .grid .grid-sizer {
				width: 25%;
		}
}
@media (min-width: 1360px) {
		.page-template-shops #shops-and-services .grid .grid-item, .page-template-shops #shops-and-services .grid .grid-sizer {
				width: 20%;
		}
}
.page-template-shops #shops-and-services .shop-card {
		margin-bottom: 4rem;
}
.page-template-shops #shops-and-services .shop-card .serif {
		display: block;
		position: relative;
		font-size: 2.2rem;
		font-weight: 400;
		padding-right: 35px;
		line-height: 1.1;
		margin-bottom: 1rem;
}
.page-template-shops #shops-and-services .shop-card .serif:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		height: 25px;
		width: 25px;
		display: inline-block;
		background-image: url(assets/dist/img/circle-arrow.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
}
.page-template-shops #shops-and-services .shop-card .shop-category {
		font-family: "Playfair", serif;
		font-size: 2.2rem;
		margin-bottom: 0;
		line-height: 1.1;
}

.single-shop .page-header {
		position: relative;
}
@media (min-width: 1360px) {
		.single-shop .page-header {
				min-height: 400px;
		}
}
.single-shop .page-header:before {
		content: "";
		position: absolute;
		right: 0;
		height: 400px;
		width: 700px;
		top: -100px;
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 1;
}
@media (min-width: 768px) {
		.single-shop .page-header:before {
				height: 400px;
				width: 700px;
				top: -10px;
		}
}
@media (min-width: 1024px) {
		.single-shop .page-header:before {
				height: 400px;
				width: 700px;
				top: -10px;
		}
}
@media (min-width: 1360px) {
		.single-shop .page-header:before {
				height: 700px;
				width: 1200px;
				top: -70px;
		}
}
.single-shop .page-header .container {
		position: relative;
		z-index: 2;
}
.single-shop .page-header .shop {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 100%;
}
.single-shop .page-header .shop .shop-category {
		font-family: "Playfair", serif;
		text-transform: uppercase;
		margin-bottom: 1rem;
}
.single-shop .page-header .shop .website-link {
		display: inline-block;
		position: relative;
		padding-left: 30px;
		color: #FEF9E5;
		font-family: "Playfair", serif;
		font-weight: 400;
		font-size: 2rem;
}
@media (min-width: 1024px) {
		.single-shop .page-header .shop .website-link {
				font-size: 3rem;
		}
}
.single-shop .page-header .shop .website-link:before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		height: 20px;
		width: 20px;
		background-image: url(assets/dist/img/external-link.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
.single-shop .page-header .socials {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-ms-flex-item-align: end;
		    align-self: flex-end;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		padding-left: 1rem;
		padding-right: 1rem;
		margin-top: 2rem;
}
@media (min-width: 768px) {
		.single-shop .page-header .socials {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
				max-width: 50%;
				padding-left: 2rem;
				padding-right: 0;
				margin-top: 0;
		}
}
@media (min-width: 1024px) {
		.single-shop .page-header .socials {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 500px;
				        flex: 0 0 500px;
				max-width: 500px;
		}
}
.single-shop .page-header .socials .left {
		padding-right: 1rem;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 100%;
}
.single-shop .page-header .socials .left img {
		max-width: 120px;
		display: block;
		margin-bottom: 2rem;
}
.single-shop .page-header .socials .left .serif {
		color: #F7D64B;
		margin-bottom: 0;
}
.single-shop .page-header .socials .right {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		margin-top: 1rem;
}
@media (min-width: 768px) {
		.single-shop .page-header .socials .right {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50px;
				        flex: 0 0 50px;
				max-width: 50px;
				text-align: center;
				margin-top: 0;
		}
}
.single-shop .page-header .socials .right a {
		display: inline-block;
		width: 40px;
		margin: 0 auto;
		margin-bottom: 1.5rem;
		margin-right: 1rem;
}
@media (min-width: 768px) {
		.single-shop .page-header .socials .right a {
				display: block;
				margin-right: 0;
		}
}
.single-shop .page-header .socials .right a:last-of-type {
		margin-bottom: 0;
}
.single-shop .page-header .socials .right a svg, .single-shop .page-header .socials .right a img {
		width: 100%;
}
.single-shop .entry-content {
		position: relative;
}
.single-shop .entry-content:after {
		content: "";
		position: absolute;
		top: 5%;
		left: -100px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		display: none;
}
@media (min-width: 768px) {
		.single-shop .entry-content:after {
				display: block;
		}
}
.single-shop .entry-content:before {
		content: "";
		position: absolute;
		bottom: 10%;
		right: -100px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/dot-bg-green.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		display: none;
}
@media (min-width: 1024px) {
		.single-shop .entry-content:before {
				right: -250px;
				display: block;
		}
}
@media (min-width: 1360px) {
		.single-shop .entry-content:before {
				right: -100px;
		}
}
.single-shop .entry-content .container {
		max-width: 120rem;
		position: relative;
		z-index: 2;
}
.single-shop .entry-content .container .email, .single-shop .entry-content .container .phone {
		display: inline-block;
		position: relative;
		padding-left: 40px;
		color: #2F4842;
		margin-bottom: 3rem;
}
.single-shop .entry-content .container .email:before, .single-shop .entry-content .container .phone:before {
		content: "";
		position: absolute;
		bottom: 50%;
		-webkit-transform: translateY(50%);
		    -ms-transform: translateY(50%);
		        transform: translateY(50%);
		left: 0;
		height: 25px;
		width: 25px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
.single-shop .entry-content .container .email:before {
		background-image: url(assets/dist/img/email.svg);
}
.single-shop .entry-content .container .phone:before {
		background-image: url(assets/dist/img/phone.svg);
}
.single-shop #recommended-shops {
		position: relative;
}
.single-shop #recommended-shops:after {
		content: "";
		position: absolute;
		bottom: -100px;
		right: -100px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		display: none;
}
@media (min-width: 768px) {
		.single-shop #recommended-shops:after {
				display: block;
		}
}
.single-shop #recommended-shops .hopmarket-text {
		width: 1000px;
		top: -80px;
		left: -230px;
		display: none;
}
@media (min-width: 768px) {
		.single-shop #recommended-shops .hopmarket-text {
				display: block;
				top: -20px;
		}
}
@media (min-width: 1024px) {
		.single-shop #recommended-shops .hopmarket-text {
				top: -80px;
				left: -230px;
		}
}
.single-shop #recommended-shops h2 {
		display: block;
		max-width: 300px;
		line-height: 1.1;
}
@media (min-width: 768px) {
		.single-shop #recommended-shops h2 {
				font-size: 5rem;
		}
}
.single-shop #recommended-shops .shops-slide {
		position: relative;
		margin-top: 3rem;
		margin-bottom: 4rem;
		z-index: 1;
}
@media (min-width: 1024px) {
		.single-shop #recommended-shops .shops-slide {
				margin-bottom: 3rem;
		}
}
.single-shop #recommended-shops .shops-slide .splide__arrows {
		position: absolute;
		bottom: -3rem;
		left: 1rem;
}
@media (min-width: 768px) {
		.single-shop #recommended-shops .shops-slide .splide__arrows {
				bottom: -3rem;
				left: 2rem;
		}
}
@media (min-width: 1024px) {
		.single-shop #recommended-shops .shops-slide .splide__arrows {
				bottom: 4rem;
				left: -18.5%;
		}
}
.single-shop #recommended-shops .shops-slide .splide__arrows .splide__arrow {
		background-color: transparent;
		padding: 0;
		border: 0;
		height: 35px;
		width: 35px;
		cursor: pointer;
}
.single-shop #recommended-shops .shops-slide .splide__arrows .splide__arrow img, .single-shop #recommended-shops .shops-slide .splide__arrows .splide__arrow svg {
		width: 100%;
}
.single-shop #recommended-shops .shops-slide .splide__arrows .splide__arrow--prev {
		-webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		        transform: rotate(180deg);
		margin-right: 10px;
}
.single-shop #recommended-shops .shops-slide .shop-card {
		margin-bottom: 4rem;
}
.single-shop #recommended-shops .shops-slide .shop-card img {
		display: block;
		margin-bottom: 1rem;
}
.single-shop #recommended-shops .shops-slide .shop-card .serif {
		display: block;
		position: relative;
		font-size: 2.2rem;
		font-weight: 400;
		padding-right: 35px;
		line-height: 1.1;
		margin-bottom: 1rem;
}
.single-shop #recommended-shops .shops-slide .shop-card .serif:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		height: 25px;
		width: 25px;
		display: inline-block;
		background-image: url(assets/dist/img/circle-arrow.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
}
.single-shop #recommended-shops .shops-slide .shop-card .shop-category {
		font-family: "Playfair", serif;
		font-size: 2.2rem;
		margin-bottom: 0;
		line-height: 1.1;
}
.single-shop #footer::before {
		background-color: #243A35;
}

.blog .page-header:before, .archive .page-header:before {
		content: "";
		position: absolute;
		right: 0;
		height: 400px;
		width: 700px;
		top: -100px;
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 1;
}
@media (min-width: 768px) {
		.blog .page-header:before, .archive .page-header:before {
				height: 400px;
				width: 700px;
				top: -10px;
		}
}
@media (min-width: 1024px) {
		.blog .page-header:before, .archive .page-header:before {
				height: 400px;
				width: 700px;
				top: -10px;
		}
}
@media (min-width: 1360px) {
		.blog .page-header:before, .archive .page-header:before {
				height: 700px;
				width: 1200px;
				top: -70px;
		}
}
.blog .page-header .container, .archive .page-header .container {
		position: relative;
		z-index: 2;
}
.blog .pagination, .archive .pagination {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		padding-left: 1rem;
}
@media (min-width: 768px) {
		.blog .pagination, .archive .pagination {
				padding-left: 2rem;
		}
}
.blog .news-feed, .archive .news-feed {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		-ms-flex-line-pack: start;
		    align-content: flex-start;
}
@media (min-width: 768px) {
		.blog .news-feed, .archive .news-feed {
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
		}
}
.blog #news-feed, .archive #news-feed {
		background-color: #FEF9E5;
		position: relative;
		z-index: 2;
}

@media (min-width: 768px) {
		.archive .page-header {
				padding-top: 40px;
		}
}

.blog .news-card, .archive .news-card, .single-post .news-card {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		padding: 0 1rem;
		margin-bottom: 3rem;
}
@media (min-width: 500px) {
		.blog .news-card, .archive .news-card, .single-post .news-card {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
				max-width: 50%;
		}
}
@media (min-width: 768px) {
		.blog .news-card, .archive .news-card, .single-post .news-card {
				padding: 0 2rem;
		}
}
@media (min-width: 1024px) {
		.blog .news-card, .archive .news-card, .single-post .news-card {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 33.33%;
				        flex: 0 0 33.33%;
				max-width: 33.33%;
		}
}
@media (min-width: 1360px) {
		.blog .news-card, .archive .news-card, .single-post .news-card {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 25%;
				        flex: 0 0 25%;
				max-width: 25%;
		}
}
.blog .news-card img, .archive .news-card img, .single-post .news-card img {
		display: block;
		margin-bottom: 5px;
}
.blog .news-card a p, .archive .news-card a p, .single-post .news-card a p {
		color: #2F4842;
		line-height: 1.2;
		font-weight: 400;
		display: block;
		position: relative;
		padding-right: 40px;
		font-family: "Playfair", serif;
		font-size: 2rem;
}
.blog .news-card a p:after, .archive .news-card a p:after, .single-post .news-card a p:after {
		content: "";
		position: absolute;
		top: 5px;
		right: 0;
		height: 25px;
		width: 25px;
		display: inline-block;
		background-image: url(assets/dist/img/circle-arrow.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
.blog #secondary, .archive #secondary, .single-post #secondary {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		padding-left: 1rem;
		padding-right: 1rem;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin-top: 2rem;
}
@media (min-width: 768px) {
		.blog #secondary, .archive #secondary, .single-post #secondary {
				padding-left: 2rem;
				padding-right: 1rem;
				margin-top: 0;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 300px;
				        flex: 0 0 300px;
				max-width: 300px;
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
		}
}
.blog #secondary .widget, .archive #secondary .widget, .single-post #secondary .widget {
		background-color: #2F4842;
		padding: 2rem;
}
.blog #secondary .widget h2, .archive #secondary .widget h2, .single-post #secondary .widget h2 {
		color: #FEF9E5;
		font-size: 2.5rem;
		margin-bottom: 1rem;
		display: block;
		border-bottom: 2px solid #FEF9E5;
		padding-bottom: 10px;
}
.blog #secondary .widget ul, .archive #secondary .widget ul, .single-post #secondary .widget ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
}
.blog #secondary .widget ul li, .archive #secondary .widget ul li, .single-post #secondary .widget ul li {
		margin-bottom: 1rem;
}
.blog #secondary .widget ul a, .archive #secondary .widget ul a, .single-post #secondary .widget ul a {
		color: #FEF9E5;
		display: inline-block;
		line-height: 1.2;
}
.blog #secondary .widget.socials, .archive #secondary .widget.socials, .single-post #secondary .widget.socials {
		background-color: #F7D64B;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 1rem;
}
@media (min-width: 768px) {
		.blog #secondary .widget.socials, .archive #secondary .widget.socials, .single-post #secondary .widget.socials {
				padding: 2rem;
		}
}
.blog #secondary .widget.socials p, .archive #secondary .widget.socials p, .single-post #secondary .widget.socials p {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 10px;
		color: #2F4842;
		font-weight: 600;
}
.blog #secondary .widget.socials a, .archive #secondary .widget.socials a, .single-post #secondary .widget.socials a {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		max-width: 30px;
		margin-right: 10px;
}
.blog #secondary .widget.socials a:last-of-type, .archive #secondary .widget.socials a:last-of-type, .single-post #secondary .widget.socials a:last-of-type {
		margin-right: 0;
}
.blog #secondary .widget.socials a svg, .blog #secondary .widget.socials a img, .archive #secondary .widget.socials a svg, .archive #secondary .widget.socials a img, .single-post #secondary .widget.socials a svg, .single-post #secondary .widget.socials a img {
		height: 30px;
		width: 30px;
}
.blog #secondary .widget.socials a svg path, .blog #secondary .widget.socials a img path, .archive #secondary .widget.socials a svg path, .archive #secondary .widget.socials a img path, .single-post #secondary .widget.socials a svg path, .single-post #secondary .widget.socials a img path {
		fill: #2F4842;
}

@media (min-width: 768px) {
		.single-post .page-header {
				padding-top: 50px;
		}
}
.single-post .page-header:before {
		content: "";
		position: absolute;
		top: -70px;
		right: 0;
		height: 700px;
		width: 1200px;
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		opacity: 1;
}
.single-post .page-header .row {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.single-post .page-header .container {
		position: relative;
		z-index: 2;
}
.single-post .page-header .image {
		margin-top: 3rem;
}
@media (min-width: 768px) {
		.single-post .page-header .image {
				margin-top: 0;
		}
}
.single-post .page-header .image img {
		display: block;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		margin: 0 auto;
}
.single-post #entry-content {
		background-color: #FEF9E5;
}
.single-post .entry-content {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 100%;
		padding: 0 1rem;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
}
@media (min-width: 768px) {
		.single-post .entry-content {
				padding: 0 2rem;
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
		}
}
.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6, .single-post .entry-content p, .single-post .entry-content ul, .single-post .entry-content li, .single-post .entry-content a {
		color: #2F4842;
}
.single-post #recent-posts {
		background-color: #243A35;
		padding: 50px 0;
}
.single-post #recent-posts .news-card a p {
		color: #F7D64B;
		font-size: 2rem;
}
.single-post #footer:before {
		background-color: #243A35;
}

.page-template-charity .page-header {
		position: relative;
}
.page-template-charity .page-header:before {
		content: "";
		position: absolute;
		top: -70px;
		right: 0;
		height: 700px;
		width: 1200px;
		background-image: url(assets/dist/img/hops-light.svg);
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 1;
}
.page-template-charity .page-header .container {
		position: relative;
		z-index: 2;
}
.page-template-charity section .serif {
		font-size: 3rem;
		line-height: 1.1;
}
.page-template-charity section.dark-green-bg {
		position: relative;
}
.page-template-charity section.dark-green-bg:before {
		content: "";
		position: absolute;
		bottom: 200px;
		right: 0;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		display: none;
		z-index: 2;
}
@media (min-width: 1024px) {
		.page-template-charity section.dark-green-bg:before {
				right: -170px;
				display: block;
		}
}
@media (min-width: 1600px) {
		.page-template-charity section.dark-green-bg:before {
				right: -200px;
		}
}
.page-template-charity section.dark-green-bg:after {
		content: "";
		position: absolute;
		top: 40%;
		left: -200px;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/dot-bg.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		z-index: 2;
}
.page-template-charity section .container {
		position: relative;
		z-index: 2;
}
.page-template-charity section .row:first-of-type {
		margin-bottom: 100px;
}
.page-template-charity section#first-section {
		position: relative;
}
.page-template-charity section#first-section:after {
		content: "";
		position: absolute;
		height: 30px;
		width: 230px;
		top: 50px;
		left: -80px;
		background-image: url(assets/dist/img/yellow-plus-repeat-strip.svg);
		background-size: 70% auto;
		background-position: right center;
		background-repeat: repeat-x;
}
.page-template-charity section#first-section:before {
		content: "";
		position: absolute;
		bottom: -100px;
		right: 0;
		height: 270px;
		width: 270px;
		background-image: url(assets/dist/img/yellow-plus-repeat.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1;
		display: none;
		z-index: 2;
}
@media (min-width: 1024px) {
		.page-template-charity section#first-section:before {
				right: -170px;
				display: block;
		}
}
@media (min-width: 1600px) {
		.page-template-charity section#first-section:before {
				right: -100px;
		}
}
.page-template-charity #footer:before {
		background-color: #243A35;
}