/*!
Theme Name: Design Cuisine
Theme URI: https://designcuisine.com
Author: TPD Design House
Author URI: https://tpddesignhouse.com
Description: A custom theme by TPD Design House
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tpd
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.

TPD is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");
@font-face {
  font-family: "GanticReg";
  src: url("webfonts/gantic_regular-webfont.woff2") format("woff2"), url("webfonts/gantic_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.0625em;
}
html {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(12px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  html {
    font-size: 16px;
  }
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #2D2D2C;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0;
}

.page-title {
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  font-family: "GanticReg";
  font-weight: normal;
  letter-spacing: 0.15em;
}
.page-title {
  font-size: 52px;
}
@media screen and (min-width: 320px) {
  .page-title {
    font-size: calc(52px + 78 * (100vw - 320px) / 1280);
  }
}
@media screen and (min-width: 1600px) {
  .page-title {
    font-size: 130px;
  }
}
@media (orientation: portrait) {
  .page-title {
    padding-top: 4vh;
    padding-bottom: 4vh;
  }
}
@media (orientation: landscape) {
  .page-title {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}

p {
  margin: 0 0 1.5em 0;
  line-height: 1.625;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0;
  font-style: normal;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  background: #F7F0E7;
}

body:not(.home) main#primary {
  margin-top: 65px;
}
@media only screen and (min-width : 1024px) {
  body:not(.home) main#primary {
    margin-top: calc(39px + 7.25rem);
  }
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.line-divider {
  width: 1.5px;
  height: 90px;
  background: #2D2D2C;
  display: block;
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width : 768px) {
  .line-divider {
    height: 200px;
  }
}
.line-divider:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background: #2D2D2C;
  border-radius: 100vmin;
}
@media only screen and (min-width : 768px) {
  .line-divider:after {
    left: calc(50% - 6px);
    width: 12px;
    height: 12px;
  }
}

/* Links
--------------------------------------------- */
a {
  color: #2D2D2C;
}
a:visited {
  color: #2D2D2C;
}
a:hover, a:focus, a:active {
  color: #2D2D2C;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 0px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #2D2D2C;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #2D2D2C;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
body.nav-active {
  overflow: hidden;
}

.site-header {
  background: #2D2D2C;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
}

body.home .site-header {
  background: transparent;
  transition: background ease-in-out 0.3s;
}

body.home .site-header.scrolled {
  background: #2D2D2C;
}

.site-header .site-branding {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
  padding: 1.5rem 0;
}
@media only screen and (min-width : 1024px) {
  .site-header .site-branding {
    padding: 2.5rem 0 0 0;
    transition: all ease-in-out 0.25s;
  }
}

@media only screen and (min-width : 1024px) {
  .site-header.scrolled .site-branding {
    opacity: 0;
    height: 0;
    padding: 0;
    visibility: hidden;
  }
}

body.home .site-header .site-branding {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
@media only screen and (min-width : 1024px) {
  body.home .site-header .site-branding {
    padding: 3.75rem 0 1rem 0;
  }
}

@media only screen and (min-width : 1024px) {
  body.home .site-header.scrolled .site-branding {
    padding: 0;
  }
}

.site-header .site-logo {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 26px;
}
@media only screen and (min-width : 1024px) {
  .site-header .site-logo {
    height: 40px;
  }
}
.site-header .site-logo img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-header .site-logo .home-logo {
  display: none;
}

body.home .site-header .site-logo {
  order: 2;
  width: 227px;
  height: 108px;
  margin-top: 3rem;
}
body.home .site-header .site-logo img {
  display: none;
}
body.home .site-header .site-logo .home-logo {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

body.home .site-header.scrolled .site-logo {
  display: none;
}

.site-header .nav-toggle {
  padding: 0;
  border: none;
  background: none;
  color: #F7F0E7;
  font-size: 2.25rem;
  cursor: pointer;
}
@media only screen and (min-width : 1024px) {
  .site-header .nav-toggle {
    display: none;
  }
}
.site-header .nav-toggle .toggle-text {
  display: block;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(1px);
          clip-path: inset(1px);
  white-space: nowrap;
  position: absolute;
}

body.home .site-header .nav-toggle {
  order: 1;
}
body.home .site-header .nav-toggle .toggle-text {
  height: auto;
  width: auto;
  overflow: inherit;
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
  white-space: normal;
  position: static;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  padding: 2rem 0;
}
body.home .site-header .nav-toggle .toggle-text {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  body.home .site-header .nav-toggle .toggle-text {
    font-size: calc(24px + 12 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  body.home .site-header .nav-toggle .toggle-text {
    font-size: 36px;
  }
}
body.home .site-header .nav-toggle svg {
  display: none;
}

body.home .site-header.scrolled .nav-toggle .toggle-text {
  padding: 0;
}

#site-navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
  max-width: 640px;
  height: 100vh;
  background: #2D2D2C;
  transform: translateX(-100%);
  transition: transform 0.75s cubic-bezier(0.7, 0, 0.2, 1);
  text-align: center;
  padding: 4rem 2rem;
}
@media only screen and (min-width : 1024px) {
  #site-navigation {
    position: static;
    transition: none;
    transform: none;
    padding: 1.5rem 0;
    height: auto;
    width: 100%;
    max-width: 100%;
    background: transparent;
  }
}

body.nav-active #site-navigation {
  transform: translateX(0%);
}

#site-navigation .nav-toggle {
  text-align: center;
  margin: 0 auto;
}

#site-navigation > a {
  display: block;
  padding: 2rem;
}
@media only screen and (min-width : 1024px) {
  #site-navigation > a {
    display: none;
  }
}
#site-navigation > a img {
  display: block;
  margin: 0 auto;
}

#site-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 2rem;
}
@media only screen and (min-width : 1024px) {
  #site-navigation ul {
    margin: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #site-navigation ul li {
    display: inline-block;
  }
  #site-navigation ul li:nth-of-type(n+2) {
    margin-left: 2rem;
  }
}
#site-navigation ul a {
  text-decoration: none;
  color: #F7F0E7;
  transition: all ease-in-out 0.25s;
  text-transform: uppercase;
  line-height: 1;
  font-family: "GanticReg";
  font-weight: normal;
  letter-spacing: 0.15em;
  line-height: 1.5;
}
#site-navigation ul a:hover, #site-navigation ul a:active, #site-navigation ul a:focus {
  color: #BF6730;
}
#site-navigation ul a:visited {
  color: #F7F0E7;
}
#site-navigation ul a:visited:hover, #site-navigation ul a:visited:active, #site-navigation ul a:visited:focus {
  color: #BF6730;
}
#site-navigation ul a {
  font-size: 32px;
}
@media screen and (min-width: 320px) {
  #site-navigation ul a {
    font-size: calc(32px + 16 * (100vw - 320px) / 1280);
  }
}
@media screen and (min-width: 1600px) {
  #site-navigation ul a {
    font-size: 48px;
  }
}
@media only screen and (min-width : 1024px) {
  #site-navigation ul a {
    line-height: 1;
    padding-bottom: 4px;
    font-family: "GanticReg";
    text-transform: uppercase;
    letter-spacing: 0.125em;
    font-weight: normal;
  }
  #site-navigation ul a {
    font-size: 21px;
  }
}
@media only screen and (min-width : 1024px) and (min-width: 320px) {
  #site-navigation ul a {
    font-size: calc(21px + 7 * (100vw - 320px) / 1380);
  }
}
@media only screen and (min-width : 1024px) and (min-width: 1700px) {
  #site-navigation ul a {
    font-size: 28px;
  }
}

#site-navigation li.current-menu-item a {
  font-weight: bold;
  color: #BF6730;
}

@media only screen and (min-width : 1024px) {
  #site-navigation li.border-btn a {
    border: 2px solid #BF6730;
    padding: 0.4rem 1.2rem;
  }
}

/*
*
*
* POSTS NAVIGATION
*
*/
/*
*
*
* POST NAVIGATION
*
*/
.post-nav {
  background: #F2E3D4;
  padding: 2rem 0;
}
@media only screen and (min-width : 1024px) {
  .post-nav {
    position: relative;
  }
}
@media only screen and (min-width : 1024px) and (orientation: portrait) {
  .post-nav {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media only screen and (min-width : 1024px) and (orientation: landscape) {
  .post-nav {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}

.post-navigation .nav-links {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
  display: flex;
  justify-content: space-between;
  padding: 0 0 2rem 0;
}
@media only screen and (min-width : 1024px) {
  .post-navigation .nav-links {
    padding: 0;
  }
}
.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next {
  width: 45%;
  max-width: 320px;
}

.post-navigation .nav-links .nav-next {
  order: 1;
}

.post-navigation .nav-links .nav-previous {
  order: 2;
}

.post-navigation .nav-links a {
  display: block;
  margin: 0;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
}
.post-navigation .nav-links a {
  font-size: 21px;
}
@media screen and (min-width: 320px) {
  .post-navigation .nav-links a {
    font-size: calc(21px + 7 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .post-navigation .nav-links a {
    font-size: 28px;
  }
}
.post-navigation .nav-links a:hover, .post-navigation .nav-links a:active, .post-navigation .nav-links a:focus {
  color: #BF6730;
}
.post-navigation .nav-links a:visited {
  color: #2D2D2C;
}
.post-navigation .nav-links a:visited:hover, .post-navigation .nav-links a:visited:active, .post-navigation .nav-links a:visited:focus {
  color: #BF6730;
}
.post-navigation .nav-links a:before {
  display: none;
  font: var(--fa-font-sharp-thin);
}
@media only screen and (min-width : 768px) {
  .post-navigation .nav-links a {
    position: relative;
  }
}
.post-navigation .nav-links a svg {
  font-size: 3rem;
}
@media only screen and (min-width : 1024px) {
  .post-navigation .nav-links a svg {
    font-size: 3.5rem;
  }
}

@media only screen and (min-width : 768px) {
  .post-navigation .nav-links .nav-next a {
    padding-left: 4rem;
  }
}
@media only screen and (min-width : 1024px) {
  .post-navigation .nav-links .nav-next a {
    padding-left: 4.5rem;
  }
}
.post-navigation .nav-links .nav-next a:before {
  content: "\f104";
}
@media only screen and (min-width : 768px) {
  .post-navigation .nav-links .nav-next a svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.post-navigation .nav-links .nav-previous {
  text-align: right;
  margin-left: auto;
}

@media only screen and (min-width : 768px) {
  .post-navigation .nav-links .nav-previous a {
    padding-right: 4rem;
  }
}
@media only screen and (min-width : 1024px) {
  .post-navigation .nav-links .nav-previous a {
    padding-right: 4.5rem;
  }
}
.post-navigation .nav-links .nav-previous a:before {
  content: "\f105";
}
@media only screen and (min-width : 768px) {
  .post-navigation .nav-links .nav-previous a svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.post-navigation .nav-links a span.nav-subtitle {
  display: block;
}

.post-nav .button {
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.8em 2.25em 0.75em 2.25em;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border: 2px solid #2D2D2C;
  display: table;
  margin: 0 auto;
}
.post-nav .button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .post-nav .button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .post-nav .button {
    font-size: 14px;
  }
}
.post-nav .button:hover, .post-nav .button:active, .post-nav .button:focus {
  color: #F7F0E7;
}
.post-nav .button:visited {
  color: #2D2D2C;
}
.post-nav .button:visited:hover, .post-nav .button:visited:active, .post-nav .button:visited:focus {
  color: #F7F0E7;
}
.post-nav .button:hover {
  background: #2D2D2C;
}
@media only screen and (min-width : 1024px) {
  .post-nav .button {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
  }
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.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;
}

/* Videos
--------------------------------------------- */
.video {
  position: relative;
}

.video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-controls {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  z-index: 500;
}

.video-controls button {
  background: none;
  border: none;
  color: white;
}
.video-controls button .label {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  display: block;
  margin-bottom: 1.25rem;
  transition: all ease-in-out 0.3s;
}
.video-controls button .label {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .video-controls button .label {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .video-controls button .label {
    font-size: 50px;
  }
}
.video-controls button svg {
  font-size: 6.5rem;
}
.video-controls button svg path {
  transition: all ease-in-out 0.3s;
}
.video-controls button:hover .label {
  color: black;
}
.video-controls button:hover svg path {
  fill: black;
}

.video-playpause {
  cursor: pointer;
}
.video-playpause .play-video {
  display: none;
}
.video-playpause .pause-video {
  display: block;
}
.video-playpause.paused .play-video {
  display: block;
}
.video-playpause.paused .pause-video {
  display: none;
}

/* Grid
--------------------------------------------- */
.grid-tabs div[role=tablist] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 3rem 0;
}
.grid-tabs div[role=tablist] button {
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.8em 2.25em 0.75em 2.25em;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #BF6730;
  transition: all ease-in-out 0.25s;
  border: 2px solid #BF6730;
  margin: 0 0.5rem 1rem 0.5rem;
}
.grid-tabs div[role=tablist] button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .grid-tabs div[role=tablist] button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .grid-tabs div[role=tablist] button {
    font-size: 14px;
  }
}
.grid-tabs div[role=tablist] button:hover, .grid-tabs div[role=tablist] button:active, .grid-tabs div[role=tablist] button:focus {
  color: #F7F0E7;
}
.grid-tabs div[role=tablist] button:visited {
  color: #BF6730;
}
.grid-tabs div[role=tablist] button:visited:hover, .grid-tabs div[role=tablist] button:visited:active, .grid-tabs div[role=tablist] button:visited:focus {
  color: #F7F0E7;
}
.grid-tabs div[role=tablist] button:hover {
  background: #BF6730;
}
.grid-tabs div[role=tablist] button:focus {
  color: #2D2D2C;
}
.grid-tabs div[role=tablist] button[aria-selected=true] {
  background: #BF6730;
  color: #F7F0E7;
}

.grid-tabs div[role=tabpanel] {
  display: none;
}
.grid-tabs div[role=tabpanel].active {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

.grid-tabs .grid-item {
  margin-bottom: 12px;
  width: 100%;
}
@media only screen and (min-width : 640px) {
  .grid-tabs .grid-item {
    width: calc(50% - 20px);
    margin: 0 10px 40px 10px;
  }
}
@media only screen and (min-width : 1280px) {
  .grid-tabs .grid-item {
    width: calc(33.3333333333% - 30px);
    margin: 0 15px 40px 15px;
  }
}
@media only screen and (min-width : 1440px) {
  .grid-tabs .grid-item {
    width: calc(33.3333333333% - 40px);
    margin: 0 20px 48px 20px;
  }
}

.grid-tabs .grid-item .image {
  position: relative;
  overflow: hidden;
}
.grid-tabs .grid-item .image img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid-tabs .grid-item .image .info {
  position: absolute;
  z-index: 90;
  top: 1%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2D2D2C;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  color: #F7F0E7;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.grid-tabs .grid-item .image .info.active {
  opacity: 1;
  top: 0;
}

.grid-tabs .grid-item .image .info dl {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.grid-tabs .grid-item .image .info dl {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .grid-tabs .grid-item .image .info dl {
    font-size: calc(14px + 2 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .grid-tabs .grid-item .image .info dl {
    font-size: 16px;
  }
}
.grid-tabs .grid-item .image .info dl dt {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.grid-tabs .grid-item .image .info dl dd {
  margin-bottom: 1.5rem;
  line-height: 1.5em;
}
.grid-tabs .grid-item .image .info dl dd:last-of-type {
  margin-bottom: 0;
}

.grid-tabs .grid-item .image button {
  position: absolute;
  z-index: 100;
  bottom: 1rem;
  right: 1rem;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.7em 1.15em 0.65em 1.15em;
  border-radius: 100vmin;
  transition: all ease-in-out 0.5s;
  background: #BF6730;
  border: none;
  text-decoration: none;
  color: #F7F0E7;
  transition: all ease-in-out 0.25s;
}
.grid-tabs .grid-item .image button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .grid-tabs .grid-item .image button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .grid-tabs .grid-item .image button {
    font-size: 14px;
  }
}
.grid-tabs .grid-item .image button:hover, .grid-tabs .grid-item .image button:active, .grid-tabs .grid-item .image button:focus {
  color: #F7F0E7;
}
.grid-tabs .grid-item .image button:visited {
  color: #F7F0E7;
}
.grid-tabs .grid-item .image button:visited:hover, .grid-tabs .grid-item .image button:visited:active, .grid-tabs .grid-item .image button:visited:focus {
  color: #F7F0E7;
}

.grid-tabs .grid-item .info {
  padding: 1.5rem 0;
}

/* Sliders
--------------------------------------------- */
/*
*
*
* IMAGE SLIDER
*
*/
.image-slider {
  background: #F2E3D4;
  padding: 4rem 0 0 0;
}
@media only screen and (min-width : 768px) {
  .image-slider {
    position: relative;
  }
  .image-slider:before {
    content: "";
    display: block;
    position: absolute;
    top: -9vh;
    left: 50%;
    width: 1.5px;
    height: 18vh;
    background: #2D2D2C;
  }
}
@media only screen and (min-width : 1280px) {
  .image-slider {
    padding-bottom: 0;
  }
}

.image-slider .carousel {
  height: 75vw;
  max-height: 480px;
}
@media only screen and (min-width : 1280px) {
  .image-slider .carousel {
    height: 640px;
    max-height: 640px;
  }
}
@media only screen and (min-width : 1700px) {
  .image-slider .carousel {
    height: 700px;
    max-height: 700px;
  }
}

.image-slider .carousel-cell {
  width: auto;
  margin-right: 15px;
}

.image-slider .carousel-cell figure {
  margin: 0;
  height: 75vw;
  max-height: 480px;
}
@media only screen and (min-width : 1024px) {
  .image-slider .carousel-cell figure {
    height: auto;
    max-height: none;
    position: relative;
  }
}

.image-slider .carousel-cell img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 75vw;
  max-height: 480px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: height ease-in-out 0.3s;
}
@media only screen and (min-width : 1280px) {
  .image-slider .carousel-cell img {
    height: 640px;
    max-height: 640px;
  }
}
@media only screen and (min-width : 1700px) {
  .image-slider .carousel-cell img {
    height: 700px;
    max-height: 700px;
  }
}

.image-slider .carousel-cell figcaption {
  display: block;
  padding: 2rem 0 0 0;
  text-align: center;
}
@media only screen and (min-width : 1024px) {
  .image-slider .carousel-cell figcaption {
    opacity: 0;
    transition: opacity ease-in-out 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #F2E3D4;
    padding: 1rem 0;
  }
}
.image-slider .carousel-cell figcaption span {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
}
.image-slider .carousel-cell figcaption span {
  font-size: 21px;
}
@media screen and (min-width: 320px) {
  .image-slider .carousel-cell figcaption span {
    font-size: calc(21px + 7 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .image-slider .carousel-cell figcaption span {
    font-size: 28px;
  }
}

.image-slider .swiper-slide-active figcaption {
  opacity: 1;
}

.image-slider .slider-nav {
  position: relative;
  z-index: 900;
  font-size: 3rem;
  padding: 2rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.image-slider .slider-nav .slider-prev, .image-slider .slider-nav .slider-next {
  cursor: pointer;
}

/* Banners
--------------------------------------------- */
.img-banner {
  width: 100%;
  height: 40vw;
}

.img-banner img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

/* Callouts
--------------------------------------------- */
.callout-contact {
  text-align: center;
}
@media (orientation: portrait) {
  .callout-contact {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }
}
@media (orientation: landscape) {
  .callout-contact {
    padding-top: 22vh;
    padding-bottom: 22vh;
  }
}
@media only screen and (min-width : 768px) {
  .callout-contact {
    background: url(img/fork-left.png) no-repeat, url(img/spoon-right.png) no-repeat, #F7F0E7;
    background-size: auto 80%, auto 80%;
    background-position: left center, right center;
  }
}

.callout-contact h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1.5rem;
}
.callout-contact h2 {
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .callout-contact h2 {
    font-size: calc(40px + 20 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .callout-contact h2 {
    font-size: 60px;
  }
}

.callout-contact a {
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.8em 2.25em 0.75em 2.25em;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #BF6730;
  transition: all ease-in-out 0.25s;
  border: 2px solid #BF6730;
  display: table;
  margin: 0 auto;
}
.callout-contact a {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .callout-contact a {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .callout-contact a {
    font-size: 14px;
  }
}
.callout-contact a:hover, .callout-contact a:active, .callout-contact a:focus {
  color: #F7F0E7;
}
.callout-contact a:visited {
  color: #BF6730;
}
.callout-contact a:visited:hover, .callout-contact a:visited:active, .callout-contact a:visited:focus {
  color: #F7F0E7;
}
.callout-contact a:hover {
  background: #BF6730;
}

/*
*
*
* LINE TERMINAL
*
*
*/
@media only screen and (min-width : 768px) {
  .callout-contact.line-terminal {
    position: relative;
  }
  .callout-contact.line-terminal:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.5px;
    background: #2D2D2C;
  }
  .callout-contact.line-terminal:after {
    content: "";
    display: block;
    position: absolute;
    top: 28%;
    left: calc(50% - 5px);
    width: 12px;
    height: 12px;
    background: #2D2D2C;
    border-radius: 100vmin;
  }
}
@media only screen and (min-width : 768px) and (orientation: portrait) {
  .callout-contact.line-terminal:before {
    height: 20%;
  }
  .callout-contact.line-terminal:after {
    top: 20%;
  }
}
@media only screen and (min-width : 768px) and (orientation: landscape) {
  .callout-contact.line-terminal:before {
    height: 28%;
  }
  .callout-contact.line-terminal:after {
    top: 28%;
  }
}

.callout-content {
  min-height: 300px;
  background: #BF6730;
  color: #F7F0E7;
  text-align: center;
}
@media (orientation: portrait) {
  .callout-content {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .callout-content {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
@media only screen and (min-width : 768px) {
  .callout-content {
    background: url(img/fork-left--lace.png) no-repeat, url(img/spoon-right--lace.png) no-repeat, #BF6730;
    background-size: auto 100%, auto 100%;
    background-position: left center, right center;
  }
}

.callout-content .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 768px;
  padding: 0 clamp(16px, 8%, 120px);
}

.callout-content h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.callout-content h2 {
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .callout-content h2 {
    font-size: calc(40px + 20 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .callout-content h2 {
    font-size: 60px;
  }
}

.callout-content a {
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.8em 2.25em 0.75em 2.25em;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #F7F0E7;
  transition: all ease-in-out 0.25s;
  border: 2px solid #F7F0E7;
  display: table;
  margin: 2.25rem auto 0 auto;
}
.callout-content a {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .callout-content a {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .callout-content a {
    font-size: 14px;
  }
}
.callout-content a:hover, .callout-content a:active, .callout-content a:focus {
  color: #2D2D2C;
}
.callout-content a:visited {
  color: #F7F0E7;
}
.callout-content a:visited:hover, .callout-content a:visited:active, .callout-content a:visited:focus {
  color: #2D2D2C;
}
.callout-content a:hover {
  background: #F7F0E7;
}

/*
*
*
* STATS CALLOUT
*
*/
.stats-callout .container {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media (orientation: portrait) {
  .stats-callout .container {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .stats-callout .container {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
@media only screen and (min-width : 768px) {
  .stats-callout .container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }
}

.stats-callout .container > div {
  margin-bottom: 2rem;
}
.stats-callout .container > div p:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width : 768px) {
  .stats-callout .container > div {
    flex: 1;
  }
}
.stats-callout .container > div h3 {
  text-transform: uppercase;
  line-height: 1;
  font-family: "GanticReg";
  font-weight: normal;
  letter-spacing: 0.15em;
  color: #BF6730;
}
.stats-callout .container > div h3 {
  font-size: 42px;
}
@media screen and (min-width: 320px) {
  .stats-callout .container > div h3 {
    font-size: calc(42px + 22 * (100vw - 320px) / 1280);
  }
}
@media screen and (min-width: 1600px) {
  .stats-callout .container > div h3 {
    font-size: 64px;
  }
}
.stats-callout .container > div p {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  line-height: 1;
}
.stats-callout .container > div p {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .stats-callout .container > div p {
    font-size: calc(24px + 12 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .stats-callout .container > div p {
    font-size: 36px;
  }
}

/* Footer
--------------------------------------------- */
#smooth-content {
  min-height: 100vh;
}

.site-footer {
  position: -webkit-sticky;
  position: sticky;
  top: 100vh;
  background: #2D2D2C;
  color: #F7F0E7;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
}
.site-footer {
  font-size: 21px;
}
@media screen and (min-width: 320px) {
  .site-footer {
    font-size: calc(21px + 7 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .site-footer {
    font-size: 28px;
  }
}

@media only screen and (min-width : 1024px) {
  .site-footer .container {
    display: flex;
    flex-flow: row nowrap;
  }
}

.site-footer .container > div {
  border-top: 1px solid #F7F0E7;
  text-align: center;
}
@media only screen and (min-width : 1024px) {
  .site-footer .container > div {
    width: 33.3333333333%;
    border-top: none;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
}
.site-footer .container > div h3 {
  margin-bottom: 1.25rem;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
}
.site-footer .container > div h3 {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .site-footer .container > div h3 {
    font-size: calc(24px + 12 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .site-footer .container > div h3 {
    font-size: 36px;
  }
}

.site-footer a {
  text-decoration: none;
  color: #F7F0E7;
  transition: all ease-in-out 0.25s;
}
.site-footer a:hover, .site-footer a:active, .site-footer a:focus {
  color: #BF6730;
}
.site-footer a:visited {
  color: #F7F0E7;
}
.site-footer a:visited:hover, .site-footer a:visited:active, .site-footer a:visited:focus {
  color: #BF6730;
}

.site-footer .logo {
  padding: 3.5rem 0;
}
@media only screen and (min-width : 1024px) {
  .site-footer .logo {
    order: 2;
    border-right: 2px solid #F7F0E7;
    padding: 3.75rem 0;
  }
}
@media only screen and (min-width : 1280px) {
  .site-footer .logo {
    padding: 5.5rem 0;
  }
}
.site-footer .logo img {
  display: block;
  margin: 0 auto;
}
.site-footer .logo img:first-of-type {
  display: block;
  width: 240px;
}
@media only screen and (min-width : 1024px) {
  .site-footer .logo img:first-of-type {
    display: none;
  }
}
.site-footer .logo img:last-of-type {
  display: none;
  width: 35%;
  max-width: 180px;
}
@media only screen and (min-width : 1024px) {
  .site-footer .logo img:last-of-type {
    display: block;
  }
}
.site-footer .logo .copyright {
  display: none;
  margin: 1rem 0;
}
@media only screen and (min-width : 1024px) {
  .site-footer .logo .copyright {
    display: block;
  }
}
.site-footer .logo .social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}
.site-footer .logo .social li {
  display: inline-block;
}
.site-footer .logo .social li:nth-of-type(n+2) {
  margin-left: 1.5rem;
}
@media only screen and (min-width : 1024px) {
  .site-footer .logo .social {
    display: block;
  }
}
.site-footer .logo .social {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .site-footer .logo .social {
    font-size: calc(18px + 6 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .site-footer .logo .social {
    font-size: 24px;
  }
}

.site-footer .links {
  padding: 2.5rem 0;
}
@media only screen and (min-width : 1024px) {
  .site-footer .links {
    order: 1;
    border-right: 2px solid #F7F0E7;
  }
}
.site-footer .links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer .contact {
  padding: 2.5rem 0;
}
.site-footer .contact > a {
  display: block;
}
@media only screen and (min-width : 1024px) {
  .site-footer .contact {
    order: 3;
  }
}
.site-footer .contact .social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  margin-top: 2rem;
}
.site-footer .contact .social li {
  display: inline-block;
}
.site-footer .contact .social li:nth-of-type(n+2) {
  margin-left: 15px;
}
@media only screen and (min-width : 1024px) {
  .site-footer .contact .social {
    display: none;
  }
}
.site-footer .contact .social {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .site-footer .contact .social {
    font-size: calc(14px + 2 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .site-footer .contact .social {
    font-size: 16px;
  }
}
.site-footer .contact .copyright {
  display: block;
  margin-top: 1rem;
}
@media only screen and (min-width : 1024px) {
  .site-footer .contact .copyright {
    display: none;
  }
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  touch-action: pan-y;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.flickity-rtl .flickity-slider {
  left: unset;
  right: 0;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-cell ---- */
.flickity-cell {
  position: absolute;
  left: 0;
}

.flickity-rtl .flickity-cell {
  left: unset;
  right: 0;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dot {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 8px;
  background: hsla(0, 0%, 20%, 0.25);
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
}

.flickity-rtl .flickity-page-dot {
  text-indent: 9999px;
}

.flickity-page-dot:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-page-dot.is-selected {
  background: hsl(0, 0%, 20%);
}

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #2D2D2C;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

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

/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/
/* PAGES
--------------------------------------------- */
/*
*
*
* HOME - VIDEO
*
*/
.home-video {
  width: 100vw;
  height: 170vw;
  height: 100svh;
  background: #2D2D2C;
}

.home-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}

/*
*
*
* HOME - PAGE NAV
*
*/
.page-nav {
  display: none;
}
@media only screen and (min-width : 768px) {
  .page-nav {
    height: 50px;
    display: block;
    position: fixed;
    z-index: 500;
    left: 0;
    top: 50vh;
    width: auto;
    transform-origin: top center;
    transform: translateX(calc(-50% - 50px)) rotate(-90deg);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    flex-direction: row-reverse;
    transition: transform ease-in-out 0.4s;
  }
  .page-nav.active {
    transform: translateX(-50%) rotate(-90deg);
  }
}
@media only screen and (min-width : 1024px) {
  .page-nav {
    height: 60px;
    transform: translateX(calc(-50% - 60px)) rotate(-90deg);
  }
}
@media only screen and (min-width : 1280px) {
  .page-nav {
    height: 100px;
    transform: translateX(calc(-50% - 100px)) rotate(-90deg);
  }
}
@media only screen and (min-width : 1440px) {
  .page-nav {
    height: 120px;
    transform: translateX(calc(-50% - 120px)) rotate(-90deg);
  }
}

.page-nav a {
  display: flex;
  flex-flow: row nowrap;
  color: #BF6730;
  text-decoration: none;
}
.page-nav a:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #BF6730;
  border-radius: 100vmin;
  margin: 0 1.5rem;
}

.page-nav a.active:before {
  background: #BF6730;
}

.page-nav a span {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  display: none;
}
.page-nav a span {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .page-nav a span {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .page-nav a span {
    font-size: 14px;
  }
}

@media only screen and (min-width : 768px) {
  .page-nav a.active span {
    display: block;
  }
}

/*
*
*
* HOME - SECTIONS
*
*/
@media (orientation: portrait) {
  .home-section .container {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
@media (orientation: landscape) {
  .home-section .container {
    padding-top: 12vh;
    padding-bottom: 12vh;
  }
}
@media only screen and (min-width : 768px) {
  .home-section .container {
    min-height: 80vh;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width : 1024px) and (orientation: landscape) {
  .home-section .container {
    min-height: 100vh;
  }
}

.home-section .text {
  text-align: center;
  padding-top: 5rem;
}
@media only screen and (min-width : 768px) {
  .home-section .text {
    padding-top: 0;
  }
}
.home-section .text .label {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
  margin-bottom: 0.7rem;
}
.home-section .text .label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .home-section .text .label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .home-section .text .label {
    font-size: 14px;
  }
}
.home-section .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.home-section .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .home-section .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .home-section .text h2 {
    font-size: 50px;
  }
}
.home-section .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.home-section .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .home-section .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .home-section .text a.button {
    font-size: 14px;
  }
}
.home-section .text a.button:hover, .home-section .text a.button:active, .home-section .text a.button:focus {
  color: #BF6730;
}
.home-section .text a.button:visited {
  color: #2D2D2C;
}
.home-section .text a.button:visited:hover, .home-section .text a.button:visited:active, .home-section .text a.button:visited:focus {
  color: #BF6730;
}
.home-section .text a.button:hover {
  border-color: #BF6730;
}

/*
*
*
* HOME - SECTION 1 & 3
*
*/
.home-section-1 .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (min-width : 768px) {
  .home-section-1 .container {
    width: 85%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    position: relative;
  }
  .home-section-1 .container:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 30%;
    width: 1.5px;
    height: 100%;
    background: #2D2D2C;
  }
}
@media only screen and (min-width : 1024px) {
  .home-section-1 .container {
    width: calc(100% - 120px);
  }
  .home-section-1 .container:before {
    left: 25%;
  }
}
@media only screen and (min-width : 1280px) {
  .home-section-1 .container {
    width: calc(100% - 200px);
  }
}
@media only screen and (min-width : 1440px) {
  .home-section-1 .container {
    width: calc(100% - 240px);
  }
}

@media only screen and (min-width : 768px) {
  .home-section-1 .text {
    width: 60%;
    order: 1;
    background: #F7F0E7;
    padding: 4.5rem 3rem 3rem 3rem;
    position: relative;
  }
  .home-section-1 .text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 5.5px);
    width: 12px;
    height: 12px;
    background: #2D2D2C;
    border-radius: 100vmin;
  }
}
@media only screen and (min-width : 1024px) {
  .home-section-1 .text {
    padding: 4rem;
    width: 50%;
  }
  .home-section-1 .text:before {
    left: calc(49% - 1px);
  }
}
@media only screen and (min-width : 1280px) {
  .home-section-1 .text {
    padding: 5.5rem 5rem 5rem 5rem;
  }
  .home-section-1 .text:before {
    left: 49.15%;
  }
}

.home-section-1 .images {
  position: relative;
  max-width: 420px;
  margin: 0 auto 70px auto;
}
@media only screen and (min-width : 768px) {
  .home-section-1 .images {
    width: 40%;
    order: 2;
    margin: 0;
  }
}
@media only screen and (min-width : 1024px) {
  .home-section-1 .images {
    width: 50%;
    max-width: 50%;
  }
}

.home-section-1 .images img {
  display: block;
  margin: 0;
}
@media only screen and (min-width : 1024px) {
  .home-section-1 .images img {
    transform-origin: left center;
    transform: scale(1.7);
  }
}
@media only screen and (min-width : 1280px) {
  .home-section-1 .images img {
    transform: scale(2);
  }
}
@media only screen and (min-width : 1440px) {
  .home-section-1 .images img {
    transform: scale(2.15);
  }
}

.home-section-1 .images img:first-of-type {
  aspect-ratio: 480/640;
  -o-object-fit: cover;
     object-fit: cover;
  width: 67%;
  max-width: 280px;
}
@media only screen and (min-width : 768px) {
  .home-section-1 .images img:first-of-type {
    width: 220px;
  }
}

.home-section-1 .images img:last-of-type {
  aspect-ratio: 480/600;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  max-width: 210px;
  position: absolute;
  bottom: -70px;
  right: 0;
}
@media only screen and (min-width : 768px) {
  .home-section-1 .images img:last-of-type {
    bottom: auto;
    top: 180px;
    right: auto;
    left: 90px;
    width: 160px;
  }
}
@media only screen and (min-width : 1024px) {
  .home-section-1 .images img:last-of-type {
    top: 200px;
    left: 150px;
  }
}
@media only screen and (min-width : 1280px) {
  .home-section-1 .images img:last-of-type {
    top: 220px;
    left: 160px;
  }
}
@media only screen and (min-width : 1440px) {
  .home-section-1 .images img:last-of-type {
    top: 240px;
    left: 200px;
  }
}

/*
*
*
* HOME - SECTION 2
*
*/
.home-section-2 {
  background: #BF6730;
  color: #F7F0E7;
  overflow: hidden;
}
@media only screen and (min-width : 768px) {
  .home-section-2 {
    position: relative;
  }
  .home-section-2:before {
    content: "";
    display: block;
    width: 625px;
    height: 600px;
    background: #F7F0E7;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(-87%) translateY(-50%);
    border-radius: 50%;
  }
}
@media only screen and (min-width : 1280px) {
  .home-section-2:before {
    width: 720px;
    height: 720px;
    transform: translateX(-83%) translateY(-50%);
  }
}
@media only screen and (min-width : 1700px) {
  .home-section-2:before {
    width: 860px;
    height: 860px;
    transform: translateX(-83%) translateY(-50%);
  }
}
@media only screen and (min-width : 2200px) {
  .home-section-2:before {
    width: 1000px;
    height: 1000px;
  }
}

@media only screen and (min-width : 768px) {
  .home-section-2 .container {
    padding-left: 15%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}

.home-section-2 .images {
  position: relative;
}
@media only screen and (min-width : 768px) {
  .home-section-2 .images {
    display: none;
  }
}
@media only screen and (min-width : 1024px) {
  .home-section-2 .images {
    display: block;
  }
}

.home-section-2 figure {
  margin: 0;
  -webkit-mask-image: url(img/d-mask.svg);
          mask-image: url(img/d-mask.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}

.home-section-2 .images .mask-1 {
  position: absolute;
  top: 0;
  right: calc(50% + 15px);
  width: 55%;
  max-width: 240px;
}
@media only screen and (min-width : 1024px) {
  .home-section-2 .images .mask-1 {
    display: none;
  }
}

.home-section-2 .images figure.mask-2 {
  margin-left: 50%;
  width: 55%;
  max-width: 240px;
}
@media only screen and (min-width : 1024px) {
  .home-section-2 .images figure.mask-2 {
    margin: 0;
    width: 320px;
    max-width: 320px;
  }
}
@media only screen and (min-width : 1280px) {
  .home-section-2 .images figure.mask-2 {
    width: 410px;
    max-width: 410px;
  }
}
@media only screen and (min-width : 1440px) {
  .home-section-2 .images figure.mask-2 {
    width: 440px;
    max-width: 440px;
  }
}
@media only screen and (min-width : 1700px) {
  .home-section-2 .images figure.mask-2 {
    width: 500px;
    max-width: 500px;
  }
}
@media only screen and (min-width : 2200px) {
  .home-section-2 .images figure.mask-2 {
    width: 640px;
    max-width: 640px;
  }
}

.home-section-2 figure img {
  display: block;
  margin: 0;
  aspect-ratio: 211/281;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
  width: 100%;
  height: 100%;
}

.home-section-2 .text {
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width : 768px) {
  .home-section-2 .text {
    text-align: left;
    width: 100%;
    position: relative;
    padding-right: 40%;
  }
  .home-section-2 .text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 45%;
    transform: translateY(-110%);
    width: 130px;
    height: 130px;
    background: url(img/badge.png) no-repeat;
    background-size: cover;
    opacity: 0.3;
  }
}
@media only screen and (min-width : 1024px) {
  .home-section-2 .text {
    padding-left: 3rem;
    padding-right: 30%;
  }
  .home-section-2 .text:before {
    transform: translateY(-100%);
  }
}
@media only screen and (min-width : 1280px) {
  .home-section-2 .text {
    padding-left: 4rem;
    padding-right: 25%;
  }
}
@media only screen and (min-width : 1440px) {
  .home-section-2 .text {
    padding-left: 5rem;
    padding-right: 25%;
  }
  .home-section-2 .text:before {
    transform: translateX(40%) translateY(-125%);
  }
}
.home-section-2 .text .label {
  color: #F7F0E7;
}
.home-section-2 .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #F7F0E7;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #F7F0E7;
}
.home-section-2 .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .home-section-2 .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .home-section-2 .text a.button {
    font-size: 14px;
  }
}
.home-section-2 .text a.button:hover, .home-section-2 .text a.button:active, .home-section-2 .text a.button:focus {
  color: #2D2D2C;
}
.home-section-2 .text a.button:visited {
  color: #F7F0E7;
}
.home-section-2 .text a.button:visited:hover, .home-section-2 .text a.button:visited:active, .home-section-2 .text a.button:visited:focus {
  color: #2D2D2C;
}
.home-section-2 .text a.button:hover {
  border-color: #2D2D2C;
}
@media only screen and (min-width : 768px) {
  .home-section-2 .text a.button {
    margin: 0;
  }
}

.home-section-2 .text figure {
  display: none;
}
@media only screen and (min-width : 768px) {
  .home-section-2 .text figure {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateX(33%) translateY(-50%);
    width: 320px;
  }
}
@media only screen and (min-width : 1280px) {
  .home-section-2 .text figure {
    width: 410px;
    max-width: 410px;
    transform: translateX(45%) translateY(-50%);
  }
  .home-section-2 .text figure img {
    transform: translateX(-15%);
  }
}
@media only screen and (min-width : 1440px) {
  .home-section-2 .text figure {
    width: 440px;
    max-width: 440px;
  }
}
@media only screen and (min-width : 1700px) {
  .home-section-2 .text figure {
    width: 500px;
    max-width: 500px;
  }
}
@media only screen and (min-width : 2200px) {
  .home-section-2 .text figure {
    width: 640px;
    max-width: 640px;
  }
}

/*
*
*
* HOME - SECTION 4
*
*/
.home-section-4 {
  background: #F2E3D4;
}

.home-section-4 .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (min-width : 768px) {
  .home-section-4 .container {
    width: 85%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    position: relative;
  }
  .home-section-4 .container:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 30%;
    width: 1.5px;
    height: 50%;
    background: #2D2D2C;
  }
}
@media only screen and (min-width : 1024px) {
  .home-section-4 .container {
    width: calc(100% - 120px);
  }
  .home-section-4 .container:before {
    left: 25%;
  }
}
@media only screen and (min-width : 1280px) {
  .home-section-4 .container {
    width: calc(100% - 200px);
  }
}
@media only screen and (min-width : 1440px) {
  .home-section-4 .container {
    width: calc(100% - 240px);
  }
}

@media only screen and (min-width : 768px) {
  .home-section-4 .text {
    width: 40%;
    text-align: left;
    padding-left: 1rem;
  }
}
@media only screen and (min-width : 1024px) {
  .home-section-4 .text {
    width: 50%;
    max-width: 50%;
    padding: 4rem;
  }
}
@media only screen and (min-width : 768px) {
  .home-section-4 .text a.button {
    margin: 0;
  }
}

.home-section-4 .images {
  position: relative;
  max-width: 420px;
  margin: 0 auto;
}
@media only screen and (min-width : 768px) {
  .home-section-4 .images {
    width: 50%;
    max-width: 50%;
    margin: 0;
  }
}

.home-section-4 img {
  display: block;
  margin: 0;
}
.home-section-4 img:first-of-type {
  aspect-ratio: 230/346;
  -o-object-fit: cover;
     object-fit: cover;
  width: 67%;
  max-width: 280px;
}
@media only screen and (min-width : 768px) {
  .home-section-4 img:first-of-type {
    width: 75%;
    margin-left: 5%;
    max-width: 80%;
  }
}
.home-section-4 img:last-of-type {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  max-width: 210px;
  position: absolute;
  top: 50%;
  left: 67%;
  transform: translateX(-50%) translateY(-25%);
}
@media only screen and (min-width : 768px) {
  .home-section-4 img:last-of-type {
    top: 50%;
    width: 55%;
    max-width: 55%;
  }
}

/*
*
*
* ABOUT - INTRO
*
*/
.about-intro {
  padding-bottom: 6vh;
}
@media only screen and (min-width : 768px) {
  .about-intro {
    position: relative;
  }
  .about-intro:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 100%;
    background: #2D2D2C;
  }
}
@media only screen and (min-width : 768px) and (orientation: portrait) {
  .about-intro {
    padding-top: 12vh;
    padding-bottom: 18vh;
  }
}
@media only screen and (min-width : 768px) and (orientation: landscape) {
  .about-intro {
    padding-top: 18vh;
    padding-bottom: 27vh;
  }
}

.about-intro .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (min-width : 768px) {
  .about-intro .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

.about-intro .images {
  width: 80%;
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  margin: 0 auto 70px auto;
}
@media only screen and (min-width : 768px) {
  .about-intro .images {
    width: 50%;
    max-width: 50%;
    order: 1;
  }
}

.about-intro .images img {
  display: block;
  margin: 0;
}

.about-intro .images img:first-of-type {
  aspect-ratio: 480/600;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  max-width: 210px;
  position: absolute;
  bottom: -70px;
  left: 5%;
  aspect-ratio: 1/1;
}
@media only screen and (min-width : 768px) {
  .about-intro .images img:first-of-type {
    bottom: 0;
    left: auto;
    right: 20%;
    width: 75%;
    max-width: 450px;
    z-index: 10;
    transform: translateY(35%);
  }
}

.about-intro .images img:last-of-type {
  aspect-ratio: 480/640;
  -o-object-fit: cover;
     object-fit: cover;
  width: 67%;
  max-width: 280px;
  margin-left: 25%;
}
@media only screen and (min-width : 768px) {
  .about-intro .images img:last-of-type {
    margin-left: 17.5%;
    width: 85%;
    max-width: 500px;
    transform: translateX(20px) translateY(-5%);
  }
}
@media only screen and (min-width : 1024px) {
  .about-intro .images img:last-of-type {
    transform: translateX(35px) translateY(-5%);
  }
}
@media only screen and (min-width : 1280px) {
  .about-intro .images img:last-of-type {
    transform: translateX(75px) translateY(-5%);
  }
}

.about-intro .text {
  text-align: center;
  padding: 2.5rem 0 0 0;
}
@media only screen and (min-width : 768px) {
  .about-intro .text {
    width: 50%;
    order: 2;
    text-align: left;
    padding: 0 0 0 4.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .about-intro .text {
    padding: 0 0 0 6.5rem;
  }
}
@media only screen and (min-width : 1280px) {
  .about-intro .text {
    padding: 0 0 0 9rem;
  }
}
.about-intro .text .label {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
  margin-bottom: 0.7rem;
}
.about-intro .text .label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .about-intro .text .label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .about-intro .text .label {
    font-size: 14px;
  }
}
.about-intro .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.about-intro .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .about-intro .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .about-intro .text h2 {
    font-size: 50px;
  }
}
.about-intro .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.about-intro .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .about-intro .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .about-intro .text a.button {
    font-size: 14px;
  }
}
.about-intro .text a.button:hover, .about-intro .text a.button:active, .about-intro .text a.button:focus {
  color: #BF6730;
}
.about-intro .text a.button:visited {
  color: #2D2D2C;
}
.about-intro .text a.button:visited:hover, .about-intro .text a.button:visited:active, .about-intro .text a.button:visited:focus {
  color: #BF6730;
}
.about-intro .text a.button:hover {
  border-color: #BF6730;
}
@media only screen and (min-width : 768px) {
  .about-intro .text a.button {
    margin: 0;
  }
}

/*
*
*
* ABOUT - TIMELINE
*
*/
.about-timeline {
  background: #F2E3D4;
  position: relative;
}
@media (orientation: portrait) {
  .about-timeline {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .about-timeline {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
@media (orientation: portrait) {
  .about-timeline {
    position: relative;
  }
  .about-timeline:before {
    content: "";
    display: block;
    position: absolute;
    top: -4vh;
    left: 50%;
    width: 1.5px;
    height: 8vh;
    background: #2D2D2C;
  }
}
@media (orientation: landscape) {
  .about-timeline {
    position: relative;
  }
  .about-timeline:before {
    content: "";
    display: block;
    position: absolute;
    top: -6vh;
    left: 50%;
    width: 1.5px;
    height: 12vh;
    background: #2D2D2C;
  }
}
.about-timeline:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 5px);
  width: 12px;
  height: 12px;
  background: #2D2D2C;
  border-radius: 100vmin;
}
@media (orientation: portrait) {
  .about-timeline:after {
    top: 4vh;
  }
}
@media (orientation: landscape) {
  .about-timeline:after {
    top: 6vh;
  }
}

@media only screen and (min-width : 768px) {
  .about-timeline .line {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    width: 1.5px;
    height: 50%;
    background: #2D2D2C;
  }
}

.about-timeline .timeline-years {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
  margin-bottom: 2.5rem;
  padding: 0.5rem 0;
  position: relative;
}
@media only screen and (min-width : 1024px) {
  .about-timeline .timeline-years {
    margin-bottom: 3.5rem;
  }
}
.about-timeline .timeline-years:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #BF6730;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width : 768px) {
  .about-timeline .timeline-years:after {
    width: calc(100% + 5vw);
  }
}
@media only screen and (min-width : 1440px) {
  .about-timeline .timeline-years:after {
    width: calc(50vw + 640px);
  }
}

.about-timeline .timeline-years .swiper {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}

.about-timeline .timeline-years .swiper-slide {
  text-align: center;
  width: 30vw;
  cursor: pointer;
}
@media only screen and (min-width : 1440px) {
  .about-timeline .timeline-years .swiper-slide {
    width: 426.6666666667px;
  }
}
.about-timeline .timeline-years .swiper-slide span {
  display: block;
  opacity: 0.13;
  text-transform: uppercase;
  line-height: 1;
  font-family: "GanticReg";
  font-weight: normal;
  letter-spacing: 0.15em;
  transform: scale(0.5);
  transition: all ease-in-out 0.3s;
}
.about-timeline .timeline-years .swiper-slide span {
  font-size: 52px;
}
@media screen and (min-width: 320px) {
  .about-timeline .timeline-years .swiper-slide span {
    font-size: calc(52px + 78 * (100vw - 320px) / 1280);
  }
}
@media screen and (min-width: 1600px) {
  .about-timeline .timeline-years .swiper-slide span {
    font-size: 130px;
  }
}

.about-timeline .timeline-years .swiper-slide-active span {
  opacity: 1;
  color: #BF6730;
  transform: scale(1);
}

.about-timeline .timeline-years .slider-prev, .about-timeline .timeline-years .slider-next {
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 100;
  top: 50%;
  color: #BF6730;
  font-size: 2.75rem;
}
@media only screen and (min-width : 768px) {
  .about-timeline .timeline-years .slider-prev, .about-timeline .timeline-years .slider-next {
    font-size: 4rem;
  }
}

.about-timeline .timeline-years .slider-prev {
  left: 0;
  transform: translateY(-50%);
}

.about-timeline .timeline-years .slider-next {
  right: 0;
  transform: translateY(-50%);
}

.about-timeline .timeline-events {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (min-width : 1024px) {
  .about-timeline .timeline-events {
    margin-bottom: 4rem;
  }
}

@media only screen and (min-width : 768px) {
  .about-timeline .timeline-event {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
}

.about-timeline .timeline-event .text {
  text-align: center;
  padding-top: 5rem;
}
@media only screen and (min-width : 768px) {
  .about-timeline .timeline-event .text {
    width: 46.5%;
    padding: 0 1rem 0 4rem;
    text-align: left;
    box-sizing: border-box;
  }
}
@media only screen and (min-width : 1024px) {
  .about-timeline .timeline-event .text {
    padding: 0 2rem 0 6rem;
  }
}
.about-timeline .timeline-event .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  line-height: 0.8;
  margin-bottom: 1rem;
}
.about-timeline .timeline-event .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .about-timeline .timeline-event .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .about-timeline .timeline-event .text h2 {
    font-size: 50px;
  }
}

.about-timeline .timeline-event .image img {
  display: block;
  margin: 0;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (min-width : 768px) {
  .about-timeline .timeline-event .image {
    width: 53.5%;
  }
}

/*
*
*
* ABOUT - SUSTAINABILITY
*
*/
.about-sustainability {
  padding-bottom: 6vh;
}
@media only screen and (min-width : 768px) {
  .about-sustainability {
    position: relative;
  }
  .about-sustainability:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 35%;
    background: #2D2D2C;
  }
}
@media only screen and (min-width : 768px) and (orientation: portrait) {
  .about-sustainability {
    padding-top: 12vh;
    padding-bottom: 18vh;
  }
}
@media only screen and (min-width : 768px) and (orientation: landscape) {
  .about-sustainability {
    padding-top: 18vh;
    padding-bottom: 27vh;
  }
}

.about-sustainability .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (min-width : 768px) {
  .about-sustainability .container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

.about-sustainability .badge {
  width: 100%;
  margin: 6rem 0 4rem 0;
}
.about-sustainability .badge img {
  display: block;
  width: 90px;
  margin: 0 auto;
}
@media only screen and (min-width : 768px) {
  .about-sustainability .badge img {
    width: 120px;
    margin: 0;
  }
}

.about-sustainability .images {
  width: 80%;
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width : 768px) {
  .about-sustainability .images {
    width: 50%;
    max-width: 50%;
    order: 2;
    margin: 0;
  }
}

.about-sustainability .images img {
  display: block;
  margin: 0;
}

.about-sustainability .images img:first-of-type {
  aspect-ratio: 160/240;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  margin-left: auto;
}
@media only screen and (min-width : 768px) {
  .about-sustainability .images img:first-of-type {
    width: 240px;
    margin: 0;
    position: relative;
    z-index: 2;
    transform: translateX(-15%) translateY(27.5%);
  }
}
@media only screen and (min-width : 1024px) {
  .about-sustainability .images img:first-of-type {
    width: 300px;
    transform: translateX(-25%) translateY(30%);
  }
}
@media only screen and (min-width : 1280px) {
  .about-sustainability .images img:first-of-type {
    width: 320px;
    transform: translateX(-30%) translateY(35%);
  }
}

.about-sustainability .images img:last-of-type {
  aspect-ratio: 240/160;
  -o-object-fit: cover;
     object-fit: cover;
  width: 85%;
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 15%;
  transform: translateY(-50%);
}
@media only screen and (min-width : 768px) {
  .about-sustainability .images img:last-of-type {
    z-index: 1;
    top: 0;
    right: -5vw;
    transform: scale(115%);
    transform-origin: right center;
    width: 100%;
  }
}
@media only screen and (min-width : 1024px) {
  .about-sustainability .images img:last-of-type {
    transform: scale(119%);
  }
}
.about-sustainability .text {
  text-align: center;
  padding: 2.5rem 0 0 0;
}
@media only screen and (min-width : 768px) {
  .about-sustainability .text {
    width: 50%;
    order: 1;
    text-align: left;
    padding: 0 4.5rem 0 0;
  }
}
@media only screen and (min-width : 1024px) {
  .about-sustainability .text {
    padding: 0 clamp(100px, 15%, 200px) 0 0;
  }
}
.about-sustainability .text .label {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
  margin-bottom: 0.7rem;
}
.about-sustainability .text .label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .about-sustainability .text .label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .about-sustainability .text .label {
    font-size: 14px;
  }
}
.about-sustainability .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.about-sustainability .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .about-sustainability .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .about-sustainability .text h2 {
    font-size: 50px;
  }
}
.about-sustainability .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.about-sustainability .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .about-sustainability .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .about-sustainability .text a.button {
    font-size: 14px;
  }
}
.about-sustainability .text a.button:hover, .about-sustainability .text a.button:active, .about-sustainability .text a.button:focus {
  color: #BF6730;
}
.about-sustainability .text a.button:visited {
  color: #2D2D2C;
}
.about-sustainability .text a.button:visited:hover, .about-sustainability .text a.button:visited:active, .about-sustainability .text a.button:visited:focus {
  color: #BF6730;
}
.about-sustainability .text a.button:hover {
  border-color: #BF6730;
}
@media only screen and (min-width : 768px) {
  .about-sustainability .text a.button {
    margin: 0;
  }
}

.about-sustainability .icons {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 3rem;
}
@media only screen and (min-width : 768px) {
  .about-sustainability .icons {
    order: 3;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
.about-sustainability .icons li {
  text-align: center;
}
@media only screen and (min-width : 1024px) {
  .about-sustainability .icons li {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    text-align: left;
  }
}
.about-sustainability .icons li:nth-of-type(n+2) {
  margin-top: 4rem;
}
@media only screen and (min-width : 768px) {
  .about-sustainability .icons li:nth-of-type(n+2) {
    margin: 0;
  }
}
.about-sustainability .icons img {
  display: block;
  margin: 0 auto 1.5rem auto;
  width: auto;
  height: 90px;
}
@media only screen and (min-width : 1024px) {
  .about-sustainability .icons img {
    margin: 0 auto;
  }
}
.about-sustainability .icons span {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #687749;
  line-height: 1.5;
}
.about-sustainability .icons span {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .about-sustainability .icons span {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .about-sustainability .icons span {
    font-size: 14px;
  }
}
@media only screen and (min-width : 1024px) {
  .about-sustainability .icons span {
    display: block;
    padding-left: 2rem;
  }
}

/*
*
*
* ABOUT - TEAM
*
*/
.about-team {
  background: #F2E3D4;
}
@media (orientation: portrait) {
  .about-team {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .about-team {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}

.about-team .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}

.about-team .team-header {
  text-align: center;
}
.about-team .team-header h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.about-team .team-header h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .about-team .team-header h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .about-team .team-header h2 {
    font-size: 50px;
  }
}

.grid-tabs .team-member .image {
  aspect-ratio: 640/800;
}
.grid-tabs .team-member .image img {
  display: block;
  margin: 0;
  width: 100%;
  object-fill: cover;
  -o-object-position: top center;
     object-position: top center;
}

.grid-tabs .team-member .team-member-info {
  padding: 1.5rem 0;
}
.grid-tabs .team-member .team-member-info h3 {
  margin-bottom: 0.5rem;
}

/*
*
*
* CATERING - INTRO
*
*/
.catering-intro {
  overflow: hidden;
}

.catering-intro .text {
  width: 80%;
  max-width: 540px;
  margin: 0 auto;
  text-align: center;
  padding: 5rem 0 3rem 0;
}
@media only screen and (min-width : 768px) {
  .catering-intro .text {
    padding-top: 0;
  }
}
.catering-intro .text .label {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
  margin-bottom: 0.7rem;
}
.catering-intro .text .label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .catering-intro .text .label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .catering-intro .text .label {
    font-size: 14px;
  }
}
.catering-intro .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.catering-intro .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .catering-intro .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .catering-intro .text h2 {
    font-size: 50px;
  }
}

.catering-intro .images {
  width: 80%;
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  position: relative;
  margin: 9vh auto 70px auto;
}
.catering-intro .images:before {
  content: "";
  display: block;
  position: absolute;
  top: -9vh;
  left: 50%;
  width: 1.5px;
  height: 18vh;
  background: #2D2D2C;
}
@media only screen and (min-width : 768px) {
  .catering-intro .images {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100vw;
    max-width: 1280px;
  }
}

.catering-intro .images img {
  display: block;
  margin: 0;
  position: relative;
  z-index: 10;
}

.catering-intro .images img:first-of-type {
  display: none;
}
@media only screen and (min-width : 768px) {
  .catering-intro .images img:first-of-type {
    display: block;
    align-self: flex-start;
    transform: translateX(-20%) translateY(-20%);
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    width: 31.6666666667%;
  }
}

.catering-intro .images img:nth-of-type(2) {
  aspect-ratio: 480/640;
  -o-object-fit: cover;
     object-fit: cover;
  width: 67%;
  max-width: 280px;
}
@media only screen and (min-width : 768px) {
  .catering-intro .images img:nth-of-type(2) {
    width: 35%;
    max-width: 800px;
  }
}

.catering-intro .images img:last-of-type {
  aspect-ratio: 480/600;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  max-width: 210px;
  position: absolute;
  bottom: -70px;
  right: 0;
}
@media only screen and (min-width : 768px) {
  .catering-intro .images img:last-of-type {
    position: static;
    align-self: flex-end;
    transform: translateX(20%) translateY(20%);
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    width: 31.6666666667%;
    max-width: 800px;
  }
}

/*
*
*
* CATERING - STATS
*
*/
.catering-stats {
  background: #F2E3D4;
  position: relative;
  padding-top: 6vh;
  margin-top: 6vh;
}
.catering-stats:before {
  content: "";
  display: block;
  position: absolute;
  top: -6vh;
  left: 50%;
  width: 1.5px;
  height: 12vh;
  background: #2D2D2C;
}

/*
*
*
* CATERING - MENUS
*
*/
.catering-menus {
  background: #BF6730;
  color: #F7F0E7;
  position: relative;
}
@media (orientation: portrait) {
  .catering-menus {
    padding-top: 6vh;
    padding-bottom: 0;
  }
}
@media (orientation: landscape) {
  .catering-menus {
    padding-top: 9vh;
    padding-bottom: 0;
  }
}

.catering-menus .swiper-slide {
  width: 66vw;
  max-width: 260px;
}
@media only screen and (min-width : 768px) {
  .catering-menus .swiper-slide {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 60vw;
    max-width: 1100px;
  }
}

@media only screen and (min-width : 768px) {
  .catering-menus .image {
    width: 60%;
  }
}

.catering-menus .image figure {
  margin: 0 auto;
  -webkit-mask-image: url(img/d-mask.svg);
          mask-image: url(img/d-mask.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 80%;
  max-width: 200px;
  transition: transform ease-out 0.45s;
}
@media only screen and (min-width : 768px) {
  .catering-menus .image figure {
    width: 100%;
    max-width: 100%;
  }
}

.catering-menus .image figure img {
  display: block;
  margin: 0;
  aspect-ratio: 211/281;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
  width: 100%;
  height: 100%;
}

.catering-menus .text {
  text-align: center;
  padding-top: 2rem;
  opacity: 0;
  transition: opacity ease-in-out 0.3s;
}
@media only screen and (min-width : 768px) {
  .catering-menus .text {
    width: 40%;
    padding: 0 0 0 3rem;
    text-align: left;
  }
}
@media only screen and (min-width : 1024px) {
  .catering-menus .text {
    padding: 0 0 0 4rem;
  }
}
@media only screen and (min-width : 1440px) {
  .catering-menus .text {
    padding: 0 0 0 6rem;
  }
}
.catering-menus .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 1rem;
}
.catering-menus .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .catering-menus .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .catering-menus .text h2 {
    font-size: 50px;
  }
}
.catering-menus .text h2 br {
  display: none;
}
.catering-menus .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #F7F0E7;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #F7F0E7;
}
.catering-menus .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .catering-menus .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .catering-menus .text a.button {
    font-size: 14px;
  }
}
.catering-menus .text a.button:hover, .catering-menus .text a.button:active, .catering-menus .text a.button:focus {
  color: #2D2D2C;
}
.catering-menus .text a.button:visited {
  color: #F7F0E7;
}
.catering-menus .text a.button:visited:hover, .catering-menus .text a.button:visited:active, .catering-menus .text a.button:visited:focus {
  color: #2D2D2C;
}
.catering-menus .text a.button:hover {
  border-color: #2D2D2C;
}
@media only screen and (min-width : 768px) {
  .catering-menus .text a.button {
    margin: 0;
  }
}

.catering-menus .swiper-slide-active .text {
  opacity: 1;
}

.catering-menus .swiper-slide-prev figure {
  transform: scaleX(-1);
}
@media only screen and (min-width : 768px) {
  .catering-menus .swiper-slide-prev .text {
    order: 1;
  }
  .catering-menus .swiper-slide-prev .image {
    order: 2;
  }
}

.catering-menus .slider-nav {
  position: relative;
  z-index: 900;
  font-size: 3rem;
  padding: 2rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.catering-menus .slider-nav button {
  cursor: pointer;
  padding: 0;
  background: none;
  outline: none;
  border: none;
  transition: color ease-in-out 0.3s;
}
.catering-menus .slider-nav button:hover {
  color: #F7F0E7;
}

/*
*
*
* CATERING - VENUES
*
*/
@media (orientation: portrait) {
  .catering-venues {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .catering-venues {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
@media only screen and (min-width : 768px) {
  .catering-venues {
    position: relative;
  }
  .catering-venues:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 100%;
    background: #2D2D2C;
  }
}
@media only screen and (min-width : 768px) and (orientation: portrait) {
  .catering-venues {
    padding-top: 12vh;
    padding-bottom: 18vh;
  }
}
@media only screen and (min-width : 768px) and (orientation: landscape) {
  .catering-venues {
    padding-top: 18vh;
    padding-bottom: 27vh;
  }
}

.catering-venues .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (min-width : 768px) {
  .catering-venues .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

.catering-venues .images {
  width: 80%;
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  margin: 0 auto 70px auto;
}
@media only screen and (min-width : 768px) {
  .catering-venues .images {
    width: 50%;
    max-width: 50%;
    order: 2;
  }
}

.catering-venues .images img {
  display: block;
  margin: 0;
}

.catering-venues .images img:first-of-type {
  aspect-ratio: 480/640;
  -o-object-fit: cover;
     object-fit: cover;
  width: 67%;
  max-width: 280px;
}
@media only screen and (min-width : 768px) {
  .catering-venues .images img:first-of-type {
    width: 75%;
    max-width: 500px;
    transform: translateX(-20px);
  }
}
@media only screen and (min-width : 1024px) {
  .catering-venues .images img:first-of-type {
    transform: translateX(-30px);
  }
}
@media only screen and (min-width : 1280px) {
  .catering-venues .images img:first-of-type {
    transform: translateX(-50px);
  }
}

.catering-venues .images img:last-of-type {
  aspect-ratio: 480/600;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  max-width: 210px;
  position: absolute;
  bottom: -70px;
  right: 0;
}
@media only screen and (min-width : 768px) {
  .catering-venues .images img:last-of-type {
    bottom: auto;
    top: 67%;
    right: auto;
    left: 46.5%;
    width: 47%;
    max-width: 360px;
  }
}
@media only screen and (min-width : 1280px) {
  .catering-venues .images img:last-of-type {
    left: calc(46.5% - 20px);
  }
}

.catering-venues .text {
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (orientation: portrait) {
  .catering-venues .text {
    padding-top: 6vh;
    padding-bottom: 0;
  }
}
@media (orientation: landscape) {
  .catering-venues .text {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width : 768px) {
  .catering-venues .text {
    width: 50%;
    order: 1;
    text-align: left;
    padding-left: 0;
    padding-right: 4.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .catering-venues .text {
    padding-right: 6.5rem;
  }
}
@media only screen and (min-width : 1280px) {
  .catering-venues .text {
    padding-right: 9rem;
  }
}
.catering-venues .text .label {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
  margin-bottom: 0.7rem;
}
.catering-venues .text .label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .catering-venues .text .label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .catering-venues .text .label {
    font-size: 14px;
  }
}
.catering-venues .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.catering-venues .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .catering-venues .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .catering-venues .text h2 {
    font-size: 50px;
  }
}
.catering-venues .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.catering-venues .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .catering-venues .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .catering-venues .text a.button {
    font-size: 14px;
  }
}
.catering-venues .text a.button:hover, .catering-venues .text a.button:active, .catering-venues .text a.button:focus {
  color: #BF6730;
}
.catering-venues .text a.button:visited {
  color: #2D2D2C;
}
.catering-venues .text a.button:visited:hover, .catering-venues .text a.button:visited:active, .catering-venues .text a.button:visited:focus {
  color: #BF6730;
}
.catering-venues .text a.button:hover {
  border-color: #BF6730;
}
@media only screen and (min-width : 768px) {
  .catering-venues .text a.button {
    margin: 0;
  }
}

/*
*
*
* CATERING - RENTALS
*
*/
@media only screen and (min-width : 768px) {
  .catering-rentals .container {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    max-width: 1700px;
    margin: 0 auto;
  }
  .catering-rentals .container:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 100%;
    background: #2D2D2C;
  }
}

@media only screen and (min-width : 768px) {
  .catering-rentals .image {
    width: 50%;
  }
}

.catering-rentals .image img {
  display: block;
  margin: 0;
  width: 100%;
}

.catering-rentals .text {
  background: #F2E3D4;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (orientation: portrait) {
  .catering-rentals .text {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .catering-rentals .text {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
@media only screen and (min-width : 768px) {
  .catering-rentals .text {
    width: 50%;
    text-align: left;
    padding-left: 7.5%;
    padding-right: 5%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
  }
}
.catering-rentals .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.catering-rentals .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .catering-rentals .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .catering-rentals .text h2 {
    font-size: 50px;
  }
}
.catering-rentals .text p {
  max-width: 600px;
}
.catering-rentals .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.catering-rentals .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .catering-rentals .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .catering-rentals .text a.button {
    font-size: 14px;
  }
}
.catering-rentals .text a.button:hover, .catering-rentals .text a.button:active, .catering-rentals .text a.button:focus {
  color: #BF6730;
}
.catering-rentals .text a.button:visited {
  color: #2D2D2C;
}
.catering-rentals .text a.button:visited:hover, .catering-rentals .text a.button:visited:active, .catering-rentals .text a.button:visited:focus {
  color: #BF6730;
}
.catering-rentals .text a.button:hover {
  border-color: #BF6730;
}
@media only screen and (min-width : 768px) {
  .catering-rentals .text a.button {
    margin: 0;
  }
}

/*
*
*
* NOTEWORTHY - INTRO
*
*/
.noteworthy-intro {
  text-align: center;
}
.noteworthy-intro:after {
  display: none;
}
@media only screen and (min-width : 768px) {
  .noteworthy-intro:after {
    content: "";
    display: block;
    width: 1.5px;
    height: 12vh;
    margin: 0 0 0 50vw;
    background: #2D2D2C;
  }
}
.noteworthy-intro .line-divider {
  margin-bottom: 3rem;
}
.noteworthy-intro span.label {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
}
.noteworthy-intro span.label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .noteworthy-intro span.label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .noteworthy-intro span.label {
    font-size: 14px;
  }
}
.noteworthy-intro h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  line-height: 0.8;
  margin: 1rem 0;
}
.noteworthy-intro h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .noteworthy-intro h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .noteworthy-intro h2 {
    font-size: 50px;
  }
}
.noteworthy-intro p {
  max-width: 540px;
  margin: 0 auto;
}

.noteworthy-intro .text {
  width: 80%;
  max-width: 540px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 3rem;
}

/*
*
*
* NOTEWORTHY - EVENT
*
*/
.noteworthy-event:nth-of-type(odd) {
  position: relative;
}
.noteworthy-event:nth-of-type(odd):before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F2E3D4;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event:nth-of-type(odd):before {
    height: 80%;
  }
}

.noteworthy-event .banner {
  aspect-ratio: 1/1;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event .banner {
    aspect-ratio: 10/4;
  }
}
.noteworthy-event .banner img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.noteworthy-event .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
  padding: 9vh 2rem;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event .container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: relative;
    padding: clamp(120px, 16vw, 200px) 0 clamp(180px, 27vw, 480px) 0;
  }
  .noteworthy-event .container:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 100%;
    background: #2D2D2C;
  }
}

@media only screen and (min-width : 768px) {
  body.page-template-page-noteworthy .callout-contact {
    margin-top: clamp(-180px, -27vw, -480px);
  }
}

.noteworthy-event .images {
  position: relative;
  width: 80%;
  max-width: 420px;
  margin: 0 auto 70px auto;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event .images {
    width: 50%;
    max-width: 50%;
  }
}
.noteworthy-event .images img {
  display: block;
  margin: 0;
}

.noteworthy-event:nth-of-type(odd) .images img:first-of-type {
  aspect-ratio: 480/600;
  -o-object-fit: cover;
     object-fit: cover;
  width: 65%;
  max-width: 240px;
  position: absolute;
  bottom: -80px;
  left: 0;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event:nth-of-type(odd) .images img:first-of-type {
    bottom: 0;
    left: auto;
    right: 20%;
    width: 75%;
    max-width: 450px;
    z-index: 10;
    transform: translateY(40%);
  }
}
@media only screen and (min-width : 1280px) {
  .noteworthy-event:nth-of-type(odd) .images img:first-of-type {
    right: calc(26.5% - 20px);
  }
}

.noteworthy-event:nth-of-type(odd) .images img:last-of-type {
  aspect-ratio: 480/640;
  -o-object-fit: cover;
     object-fit: cover;
  width: 65%;
  max-width: 240px;
  margin-left: auto;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event:nth-of-type(odd) .images img:last-of-type {
    width: 75%;
    max-width: 450px;
    transform: translateX(20px);
  }
}
@media only screen and (min-width : 1024px) {
  .noteworthy-event:nth-of-type(odd) .images img:last-of-type {
    transform: translateX(30px);
  }
}
@media only screen and (min-width : 1280px) {
  .noteworthy-event:nth-of-type(odd) .images img:last-of-type {
    transform: translateX(50px);
  }
}

@media only screen and (min-width : 768px) {
  .noteworthy-event:nth-of-type(even) .images {
    order: 2;
  }
}

.noteworthy-event:nth-of-type(even) .images img:first-of-type {
  aspect-ratio: 480/600;
  -o-object-fit: cover;
     object-fit: cover;
  width: 65%;
  max-width: 240px;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event:nth-of-type(even) .images img:first-of-type {
    bottom: auto;
    top: 47.5%;
    left: auto;
    right: 20%;
    width: 75%;
    max-width: 450px;
    z-index: 10;
    transform: translateX(-20px) translateY(-5%);
  }
}
@media only screen and (min-width : 1024px) {
  .noteworthy-event:nth-of-type(even) .images img:first-of-type {
    transform: translateX(-30px) translateY(-5%);
  }
}
@media only screen and (min-width : 1280px) {
  .noteworthy-event:nth-of-type(even) .images img:first-of-type {
    transform: translateX(-50px) translateY(-5%);
  }
}

.noteworthy-event:nth-of-type(even) .images img:last-of-type {
  aspect-ratio: 640/480;
  -o-object-fit: cover;
     object-fit: cover;
  width: 65%;
  max-width: 240px;
  position: absolute;
  right: 0;
  bottom: -80px;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event:nth-of-type(even) .images img:last-of-type {
    bottom: 0;
    width: 75%;
    max-width: 450px;
    transform: translateX(20px) translateY(55%);
  }
}
@media only screen and (min-width : 1024px) {
  .noteworthy-event:nth-of-type(even) .images img:last-of-type {
    transform: translateX(30px) translateY(55%);
  }
}
@media only screen and (min-width : 1280px) {
  .noteworthy-event:nth-of-type(even) .images img:last-of-type {
    transform: translateX(50px) translateY(55%);
  }
}

.noteworthy-event .text {
  text-align: center;
  padding-top: 5rem;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event .text {
    width: 50%;
    padding-top: 0;
    text-align: left;
  }
}
.noteworthy-event .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.noteworthy-event .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .noteworthy-event .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .noteworthy-event .text h2 {
    font-size: 50px;
  }
}
.noteworthy-event .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.noteworthy-event .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .noteworthy-event .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .noteworthy-event .text a.button {
    font-size: 14px;
  }
}
.noteworthy-event .text a.button:hover, .noteworthy-event .text a.button:active, .noteworthy-event .text a.button:focus {
  color: #BF6730;
}
.noteworthy-event .text a.button:visited {
  color: #2D2D2C;
}
.noteworthy-event .text a.button:visited:hover, .noteworthy-event .text a.button:visited:active, .noteworthy-event .text a.button:visited:focus {
  color: #BF6730;
}
.noteworthy-event .text a.button:hover {
  border-color: #BF6730;
}
@media only screen and (min-width : 768px) {
  .noteworthy-event .text a.button {
    margin: 0;
  }
}

@media only screen and (min-width : 768px) {
  .noteworthy-event:nth-of-type(odd) .text {
    padding-left: 4.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .noteworthy-event:nth-of-type(odd) .text {
    padding-left: 6.5rem;
  }
}
@media only screen and (min-width : 1280px) {
  .noteworthy-event:nth-of-type(odd) .text {
    padding-left: 9rem;
  }
}

@media only screen and (min-width : 768px) {
  .noteworthy-event:nth-of-type(even) .text {
    order: 1;
    padding-right: 4.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .noteworthy-event:nth-of-type(even) .text {
    padding-right: 6.5rem;
  }
}
@media only screen and (min-width : 1280px) {
  .noteworthy-event:nth-of-type(even) .text {
    padding-right: 9rem;
  }
}

/*
*
*
* GALLERY - INTRO
*
*/
.gallery-intro {
  text-align: center;
  padding-bottom: 3rem;
}
.gallery-intro .line-divider {
  margin-bottom: 3rem;
}

.gallery-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width : 768px) {
  .gallery-nav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin-left: -1.5rem;
  }
}
.gallery-nav a {
  display: inline-block;
  margin: 0.75rem;
  padding: 0 0 0.5em 0;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  color: #BF6730;
  transition: all ease-in-out 0.25s;
  border-bottom: 2px solid #BF6730;
}
.gallery-nav a {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .gallery-nav a {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .gallery-nav a {
    font-size: 14px;
  }
}
.gallery-nav a:hover, .gallery-nav a:active, .gallery-nav a:focus {
  color: #2D2D2C;
}
.gallery-nav a:visited {
  color: #BF6730;
}
.gallery-nav a:visited:hover, .gallery-nav a:visited:active, .gallery-nav a:visited:focus {
  color: #2D2D2C;
}
@media only screen and (min-width : 768px) {
  .gallery-nav a {
    margin: 0;
  }
}
@media only screen and (min-width : 768px) {
  .gallery-nav li:not(:last-of-type) a {
    margin: 0.75rem 4rem 0.75rem 0;
  }
}
@media only screen and (min-width : 768px) {
  .gallery-nav li:last-of-type a {
    margin: 0.75rem 0 0.75rem 2rem;
  }
}

/*
*
*
* GALLERY - ROW - OVERVIEW
*
*/
.gallery-row .overview {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
  padding: 9vh 2rem;
}
@media only screen and (min-width : 768px) {
  .gallery-row .overview {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: relative;
    padding: clamp(120px, 16vw, 200px) 0 clamp(180px, 27vw, 480px) 0;
  }
  .gallery-row .overview:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 100%;
    background: #2D2D2C;
  }
}

.gallery-row .images {
  position: relative;
  width: 80%;
  max-width: 420px;
  margin: 0 auto 70px auto;
}
@media only screen and (min-width : 768px) {
  .gallery-row .images {
    width: 50%;
    max-width: 50%;
  }
}
.gallery-row .images img {
  display: block;
  margin: 0;
}
.gallery-row .images img:first-of-type {
  aspect-ratio: 480/640;
  -o-object-fit: cover;
     object-fit: cover;
  width: 70%;
}
@media only screen and (min-width : 1024px) {
  .gallery-row .images img:first-of-type {
    width: 80%;
  }
}
.gallery-row .images img:last-of-type {
  aspect-ratio: 480/640;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
}

@media only screen and (min-width : 768px) {
  .gallery-row:nth-of-type(odd) .images {
    order: 2;
  }
}

@media only screen and (min-width : 768px) {
  .gallery-row:nth-of-type(odd) .images img:first-of-type {
    bottom: auto;
    top: 47.5%;
    left: auto;
    right: 20%;
    width: 75%;
    z-index: 10;
    transform: translateX(-20px) translateY(-5%);
  }
}
@media only screen and (min-width : 1024px) {
  .gallery-row:nth-of-type(odd) .images img:first-of-type {
    transform: translateX(-30px) translateY(-5%);
  }
}
@media only screen and (min-width : 1280px) {
  .gallery-row:nth-of-type(odd) .images img:first-of-type {
    transform: translateX(-50px) translateY(-5%);
  }
}

.gallery-row:nth-of-type(odd) .images img:last-of-type {
  position: absolute;
  right: 0;
  bottom: -80px;
}
@media only screen and (min-width : 768px) {
  .gallery-row:nth-of-type(odd) .images img:last-of-type {
    bottom: 0;
    transform: translateX(-10px) translateY(35%);
  }
}
@media only screen and (min-width : 1024px) {
  .gallery-row:nth-of-type(odd) .images img:last-of-type {
    transform: translateX(-15px) translateY(40%);
  }
}
@media only screen and (min-width : 1280px) {
  .gallery-row:nth-of-type(odd) .images img:last-of-type {
    transform: translateX(-20px) translateY(40%);
  }
}

@media only screen and (min-width : 1280px) {
  .gallery-row:nth-of-type(even) .images img:first-of-type {
    right: calc(26.5% - 20px);
  }
}

.gallery-row:nth-of-type(even) .images img:last-of-type {
  position: absolute;
  bottom: -80px;
  right: 0;
}
@media only screen and (min-width : 768px) {
  .gallery-row:nth-of-type(even) .images img:last-of-type {
    bottom: 0;
    transform: translateX(20px) translateY(35%);
  }
}
@media only screen and (min-width : 1024px) {
  .gallery-row:nth-of-type(even) .images img:last-of-type {
    transform: translateX(30px) translateY(40%);
  }
}
@media only screen and (min-width : 1280px) {
  .gallery-row:nth-of-type(even) .images img:last-of-type {
    transform: translateX(50px) translateY(40%);
  }
}

.gallery-row .text {
  text-align: center;
  padding-top: 5rem;
}
@media only screen and (min-width : 768px) {
  .gallery-row .text {
    width: 50%;
    padding-top: 0;
    text-align: left;
  }
}
.gallery-row .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.gallery-row .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .gallery-row .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .gallery-row .text h2 {
    font-size: 50px;
  }
}
.gallery-row .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.gallery-row .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .gallery-row .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .gallery-row .text a.button {
    font-size: 14px;
  }
}
.gallery-row .text a.button:hover, .gallery-row .text a.button:active, .gallery-row .text a.button:focus {
  color: #BF6730;
}
.gallery-row .text a.button:visited {
  color: #2D2D2C;
}
.gallery-row .text a.button:visited:hover, .gallery-row .text a.button:visited:active, .gallery-row .text a.button:visited:focus {
  color: #BF6730;
}
.gallery-row .text a.button:hover {
  border-color: #BF6730;
}
@media only screen and (min-width : 768px) {
  .gallery-row .text a.button {
    margin: 0;
  }
}

@media only screen and (min-width : 768px) {
  .gallery-row:nth-of-type(even) .text {
    padding-left: 4.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .gallery-row:nth-of-type(even) .text {
    padding-left: 6.5rem;
  }
}
@media only screen and (min-width : 1280px) {
  .gallery-row:nth-of-type(even) .text {
    padding-left: 9rem;
  }
}

@media only screen and (min-width : 768px) {
  .gallery-row:nth-of-type(odd) .text {
    order: 1;
    padding-right: 4.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .gallery-row:nth-of-type(odd) .text {
    padding-right: 6.5rem;
  }
}
@media only screen and (min-width : 1280px) {
  .gallery-row:nth-of-type(odd) .text {
    padding-right: 9rem;
  }
}

/*
*
*
* GALLERY - ROW - SLIDER
*
*/
.gallery-row .slider {
  background: #F2E3D4;
}

/*
*
*
* CONTACT - FORM
*
*/
.contact-form {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}

.contact-form h1 {
  text-align: center;
}

@media (orientation: portrait) {
  #gform_wrapper_1 {
    padding-top: 0vh;
    padding-bottom: 12vh;
  }
}
@media (orientation: landscape) {
  #gform_wrapper_1 {
    padding-top: 0vh;
    padding-bottom: 18vh;
  }
}

#gform_wrapper_1 .gform_heading {
  text-align: center;
  padding: 3rem 0;
}
#gform_wrapper_1 .gform_heading h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 0.25em;
}
#gform_wrapper_1 .gform_heading h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  #gform_wrapper_1 .gform_heading h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  #gform_wrapper_1 .gform_heading h2 {
    font-size: 50px;
  }
}
#gform_wrapper_1 .gform_heading p {
  max-width: 420px;
  margin: 0 auto;
}

#gform_wrapper_1 #gform_fields_1 {
  grid-row-gap: 24px;
}

#gform_wrapper_1 .gfield_label {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
#gform_wrapper_1 .gfield_label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  #gform_wrapper_1 .gfield_label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  #gform_wrapper_1 .gfield_label {
    font-size: 14px;
  }
}

#gform_wrapper_1 .gfield input[type=text], #gform_wrapper_1 .gfield input[type=tel], #gform_wrapper_1 .gfield input[type=number], #gform_wrapper_1 .gfield input[type=email], #gform_wrapper_1 .gfield textarea, #gform_wrapper_1 .gfield select {
  background: transparent;
  border-radius: 0px;
  border: 1px solid #2D2D2C;
  padding-top: 12px;
  padding-bottom: 12px;
}

#gform_wrapper_1 .gfield select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("img/angle-down.svg") no-repeat;
  background-size: 24px 20px;
  background-position: calc(100% - 6px) center;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
#gform_wrapper_1 .gfield select {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  #gform_wrapper_1 .gfield select {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  #gform_wrapper_1 .gfield select {
    font-size: 14px;
  }
}

#gform_wrapper_1 .gfield .ginput_complex {
  justify-content: space-between;
}

#gform_wrapper_1 .gfield .ginput_complex .ginput_container_date {
  flex-basis: auto;
  width: 31%;
  max-width: 31%;
}

#gform_wrapper_1 #gform_submit_button_1 {
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.8em 2.25em 0.75em 2.25em;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #BF6730;
  transition: all ease-in-out 0.25s;
  border: 2px solid #BF6730;
}
#gform_wrapper_1 #gform_submit_button_1 {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  #gform_wrapper_1 #gform_submit_button_1 {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  #gform_wrapper_1 #gform_submit_button_1 {
    font-size: 14px;
  }
}
#gform_wrapper_1 #gform_submit_button_1:hover, #gform_wrapper_1 #gform_submit_button_1:active, #gform_wrapper_1 #gform_submit_button_1:focus {
  color: #F7F0E7;
}
#gform_wrapper_1 #gform_submit_button_1:visited {
  color: #BF6730;
}
#gform_wrapper_1 #gform_submit_button_1:visited:hover, #gform_wrapper_1 #gform_submit_button_1:visited:active, #gform_wrapper_1 #gform_submit_button_1:visited:focus {
  color: #F7F0E7;
}
#gform_wrapper_1 #gform_submit_button_1:hover {
  background: #BF6730;
}

/*
*
*
* CONTACT - INFO
*
*/
.contact-info {
  background: rgba(191, 103, 48, 0.1);
  text-align: center;
  position: relative;
}
@media (orientation: portrait) {
  .contact-info {
    padding-top: 12vh;
    padding-bottom: 8vh;
  }
}
@media (orientation: landscape) {
  .contact-info {
    padding-top: 18vh;
    padding-bottom: 12vh;
  }
}
.contact-info:before {
  content: "";
  display: block;
  position: absolute;
  top: -9vh;
  left: 50%;
  width: 1.5px;
  height: 18vh;
  background: #2D2D2C;
}
.contact-info:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 7.5%;
  transform: translateY(-20%);
  width: 100px;
  height: 100px;
  background: url(img/circle-badge.svg) no-repeat;
  background-size: contain;
  opacity: 0.27;
}
@media only screen and (min-width : 768px) {
  .contact-info:after {
    width: 140px;
    height: 140px;
  }
}
@media only screen and (min-width : 1280px) {
  .contact-info:after {
    width: 180px;
    height: 180px;
  }
}
.contact-info a {
  display: block;
  margin: 1em auto;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  font-size: 1.25em;
}
.contact-info a:hover, .contact-info a:active, .contact-info a:focus {
  color: #BF6730;
}
.contact-info a:visited {
  color: #2D2D2C;
}
.contact-info a:visited:hover, .contact-info a:visited:active, .contact-info a:visited:focus {
  color: #BF6730;
}

/*
*
*
* 404
*
*
*/
.error-404 {
  text-align: center;
}
.error-404 h1 {
  padding-top: 25vh;
  margin-bottom: 1rem;
}
.error-404 p {
  margin-bottom: 4rem;
}

/*
*
*
* DEFAULT
*
*
*/
body.page-template-default article {
  margin-top: 65px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (min-width : 1024px) {
  body.page-template-default article {
    margin-top: calc(39px + 7.25rem);
  }
}

@media (orientation: portrait) {
  body.page-template-default article {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
@media (orientation: landscape) {
  body.page-template-default article {
    padding-top: 12vh;
    padding-bottom: 12vh;
  }
}
body.page-template-default article h1 {
  text-transform: uppercase;
  line-height: 1;
  font-family: "GanticReg";
  font-weight: normal;
  letter-spacing: 0.15em;
  text-align: center;
  margin-bottom: 1rem;
}
body.page-template-default article h1 {
  font-size: 42px;
}
@media screen and (min-width: 320px) {
  body.page-template-default article h1 {
    font-size: calc(42px + 22 * (100vw - 320px) / 1280);
  }
}
@media screen and (min-width: 1600px) {
  body.page-template-default article h1 {
    font-size: 64px;
  }
}

/* POSTS
--------------------------------------------- */
/*
*
*
* VENUES ARCHIVE - INTRO
*
*/
.venues-intro {
  text-align: center;
}
.venues-intro .line-divider {
  margin-bottom: 3rem;
}
.venues-intro span.label {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
}
.venues-intro span.label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .venues-intro span.label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venues-intro span.label {
    font-size: 14px;
  }
}
.venues-intro h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  line-height: 0.8;
  margin: 1rem 0;
}
.venues-intro h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .venues-intro h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venues-intro h2 {
    font-size: 50px;
  }
}
.venues-intro p {
  max-width: 540px;
  margin: 0 auto;
}

.venues-intro .text {
  width: 80%;
  max-width: 540px;
  margin: 0 auto;
  text-align: center;
}

/*
*
*
* VENUES ARCHIVE - INDEX
*
*/
@media (orientation: portrait) {
  .venues-index {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .venues-index {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}

@media only screen and (min-width : 1024px) {
  .venues-index .container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
  }
}

.venues-index .container.two-cols {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 960px;
}

.venues-index .container.three-cols {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}

.venue-card {
  max-width: 540px;
  margin: 0 auto 2.5rem auto;
}

.venues-index .container.two-cols .venue-card {
  width: calc(50% - 20px);
  margin: 0 10px 40px 10px;
}

.venues-index .container.three-cols .venue-card {
  width: calc(33.3333333333% - 30px);
  margin: 0 15px 40px 15px;
}

.venue-card .image img {
  display: block;
  margin: 0;
  aspect-ratio: 360/520;
  -o-object-fit: cover;
     object-fit: cover;
}

.venue-card .text {
  text-align: center;
  padding: 2.5rem 0;
  background: #F7F0E7;
}
.venue-card .text .label {
  display: block;
  margin-bottom: 0.5rem;
  color: #BF6730;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.venue-card .text .label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .venue-card .text .label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venue-card .text .label {
    font-size: 14px;
  }
}
.venue-card .text h2 {
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  line-height: 1;
  font-family: "GanticReg";
  font-weight: normal;
  letter-spacing: 0.15em;
  font-size: 32px;
  line-height: 0.8;
}
@media only screen and (min-width : 768px) {
  .venue-card .text h2 {
    font-size: 36px;
  }
}
.venue-card .text a {
  display: table;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
  margin: 0 auto;
}
.venue-card .text a {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .venue-card .text a {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venue-card .text a {
    font-size: 14px;
  }
}
.venue-card .text a:hover, .venue-card .text a:active, .venue-card .text a:focus {
  color: #BF6730;
}
.venue-card .text a:visited {
  color: #2D2D2C;
}
.venue-card .text a:visited:hover, .venue-card .text a:visited:active, .venue-card .text a:visited:focus {
  color: #BF6730;
}
.venue-card .text a:hover {
  border-color: #BF6730;
}

/*
*
*
* VENUES ARCHIVE - PARTNERS
*
*/
.venues-partners {
  background: #F2E3D4;
}
@media (orientation: portrait) {
  .venues-partners {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .venues-partners {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}

.venues-partners .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}

.venues-partners .partners-header {
  text-align: center;
}
.venues-partners .partners-header span.label {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
}
.venues-partners .partners-header span.label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .venues-partners .partners-header span.label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venues-partners .partners-header span.label {
    font-size: 14px;
  }
}
.venues-partners .partners-header h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  line-height: 0.8;
  margin: 1rem 0;
}
.venues-partners .partners-header h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .venues-partners .partners-header h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venues-partners .partners-header h2 {
    font-size: 50px;
  }
}
.venues-partners .partners-header p {
  max-width: 540px;
  margin: 0 auto;
}

.grid-tabs .partner-venue {
  margin-bottom: 0;
}

.grid-tabs .partner-venue .image {
  aspect-ratio: 340/270;
  background: #2D2D2C;
}

.grid-tabs .partner-venue .image button {
  padding: 0;
  width: 32px;
  height: 32px;
}
.grid-tabs .partner-venue .image button[aria-expanded=true] {
  transform: rotate(45deg);
}

.grid-tabs .partner-venue .info {
  text-align: center;
}
@media only screen and (min-width : 768px) {
  .grid-tabs .partner-venue .info {
    min-height: 120px;
  }
}
@media only screen and (min-width : 1024px) {
  .grid-tabs .partner-venue .info {
    min-height: 160px;
  }
}
.grid-tabs .partner-venue .info span {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0.5rem;
  color: #BF6730;
}
.grid-tabs .partner-venue .info span {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .grid-tabs .partner-venue .info span {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .grid-tabs .partner-venue .info span {
    font-size: 14px;
  }
}
.grid-tabs .partner-venue .info h3 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  line-height: 0.8;
}
.grid-tabs .partner-venue .info h3 {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .grid-tabs .partner-venue .info h3 {
    font-size: calc(24px + 12 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .grid-tabs .partner-venue .info h3 {
    font-size: 36px;
  }
}

/*
*
*
* VENUES SINGLE - INTRO
*
*/
.venue-intro {
  text-align: center;
  position: relative;
}
.venue-intro h1 {
  line-height: 0.8;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
.venue-intro .line-divider {
  margin-bottom: 3rem;
}

.venue-intro .text {
  width: 80%;
  max-width: 540px;
  margin: 0 auto;
  padding-bottom: 3rem;
  text-align: center;
}
.venue-intro .text span.label {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
}
.venue-intro .text span.label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .venue-intro .text span.label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venue-intro .text span.label {
    font-size: 14px;
  }
}
.venue-intro .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  line-height: 0.8;
  margin: 0.3em 0;
}
.venue-intro .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .venue-intro .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venue-intro .text h2 {
    font-size: 50px;
  }
}
.venue-intro .text p {
  max-width: 540px;
  margin: 0 auto;
}
.venue-intro .text a.button {
  display: table;
  margin: 1.5rem auto 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.venue-intro .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .venue-intro .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venue-intro .text a.button {
    font-size: 14px;
  }
}
.venue-intro .text a.button:hover, .venue-intro .text a.button:active, .venue-intro .text a.button:focus {
  color: #BF6730;
}
.venue-intro .text a.button:visited {
  color: #2D2D2C;
}
.venue-intro .text a.button:visited:hover, .venue-intro .text a.button:visited:active, .venue-intro .text a.button:visited:focus {
  color: #BF6730;
}
.venue-intro .text a.button:hover {
  border-color: #BF6730;
}

.venue-intro .image {
  position: relative;
}
@media (orientation: portrait) {
  .venue-intro .image {
    padding-top: 6vh;
    padding-bottom: 0;
  }
}
@media (orientation: landscape) {
  .venue-intro .image {
    padding-top: 9vh;
    padding-bottom: 0;
  }
}
.venue-intro .image:before {
  content: "";
  display: block;
  width: 1.5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  background: #2D2D2C;
}
.venue-intro .image:after {
  content: "";
  display: block;
  background: #F2E3D4;
  width: 100%;
  height: 45%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
}
.venue-intro .image img {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}

/*
*
*
* VENUES SINGLE - HISTORY
*
*/
.venue-history {
  position: relative;
  z-index: 10;
}
@media (orientation: portrait) {
  .venue-history {
    padding-top: 6vh;
    padding-bottom: 0;
  }
}
@media (orientation: landscape) {
  .venue-history {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
.venue-history:after {
  content: "";
  display: block;
  background: #F2E3D4;
  width: 100%;
  height: 85%;
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0;
}
@media only screen and (min-width : 768px) {
  .venue-history:after {
    height: 80%;
  }
}
@media only screen and (min-width : 768px) {
  .venue-history {
    position: relative;
  }
  .venue-history:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 100%;
    background: #2D2D2C;
  }
}
@media only screen and (min-width : 768px) and (orientation: portrait) {
  .venue-history {
    padding-top: 12vh;
    padding-bottom: 18vh;
  }
}
@media only screen and (min-width : 768px) and (orientation: landscape) {
  .venue-history {
    padding-top: 18vh;
    padding-bottom: 27vh;
  }
}
@media only screen and (min-width : 768px) {
  .venue-history:before {
    z-index: 0;
  }
}

.venue-history .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (min-width : 768px) {
  .venue-history .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

.venue-history .images {
  width: 80%;
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  margin: 0 auto 70px auto;
}
@media only screen and (min-width : 768px) {
  .venue-history .images {
    width: 50%;
    max-width: 50%;
    order: 1;
  }
}

.venue-history .images img {
  display: block;
  margin: 0;
}

.venue-history .images img:first-of-type {
  aspect-ratio: 480/600;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  max-width: 210px;
  position: absolute;
  bottom: -70px;
  left: 0;
}
@media only screen and (min-width : 768px) {
  .venue-history .images img:first-of-type {
    bottom: auto;
    top: 47.5%;
    left: auto;
    right: 20%;
    width: 75%;
    max-width: 450px;
    z-index: 10;
  }
}
@media only screen and (min-width : 1280px) {
  .venue-history .images img:first-of-type {
    right: calc(26.5% - 20px);
  }
}

.venue-history .images img:last-of-type {
  aspect-ratio: 480/640;
  -o-object-fit: cover;
     object-fit: cover;
  width: 67%;
  max-width: 280px;
  margin-left: auto;
}
@media only screen and (min-width : 768px) {
  .venue-history .images img:last-of-type {
    width: 75%;
    max-width: 450px;
    transform: translateX(20px);
  }
}
@media only screen and (min-width : 1024px) {
  .venue-history .images img:last-of-type {
    transform: translateX(30px);
  }
}
@media only screen and (min-width : 1280px) {
  .venue-history .images img:last-of-type {
    transform: translateX(50px);
  }
}

.venue-history .text {
  text-align: center;
  padding: 0 2rem 2rem 2rem;
}
@media only screen and (min-width : 768px) {
  .venue-history .text {
    width: 50%;
    order: 2;
    text-align: left;
    padding: 0 0 0 4.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .venue-history .text {
    padding: 0 0 0 6.5rem;
  }
}
@media only screen and (min-width : 1280px) {
  .venue-history .text {
    padding: 0 0 0 9rem;
  }
}
.venue-history .text .label {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
  margin-bottom: 0.7rem;
}
.venue-history .text .label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .venue-history .text .label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venue-history .text .label {
    font-size: 14px;
  }
}
.venue-history .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.venue-history .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .venue-history .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venue-history .text h2 {
    font-size: 50px;
  }
}
.venue-history .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.venue-history .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .venue-history .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .venue-history .text a.button {
    font-size: 14px;
  }
}
.venue-history .text a.button:hover, .venue-history .text a.button:active, .venue-history .text a.button:focus {
  color: #BF6730;
}
.venue-history .text a.button:visited {
  color: #2D2D2C;
}
.venue-history .text a.button:visited:hover, .venue-history .text a.button:visited:active, .venue-history .text a.button:visited:focus {
  color: #BF6730;
}
.venue-history .text a.button:hover {
  border-color: #BF6730;
}
@media only screen and (min-width : 768px) {
  .venue-history .text a.button {
    margin: 0;
  }
}

/*
*
*
* VENUE - SLIDER
*
*/
.venue-slider:before {
  display: none;
}

/*
*
*
* VENUE - DESCRIPTION
*
*/
@media (orientation: portrait) {
  .description-venues {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .description-venues {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
@media only screen and (min-width : 768px) {
  .description-venues {
    position: relative;
  }
  .description-venues:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 100%;
    background: #2D2D2C;
  }
}
@media only screen and (min-width : 768px) and (orientation: portrait) {
  .description-venues {
    padding-top: 12vh;
    padding-bottom: 12vh;
  }
}
@media only screen and (min-width : 768px) and (orientation: landscape) {
  .description-venues {
    padding-top: 18vh;
    padding-bottom: 18vh;
  }
}

.description-venues .container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (min-width : 768px) {
  .description-venues .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

.description-venues .text {
  text-align: center;
  padding: 0 2rem 4rem 2rem;
}
@media only screen and (min-width : 768px) {
  .description-venues .text {
    width: 50%;
    order: 1;
    text-align: left;
    padding-left: 0;
    padding-right: 4.5rem;
  }
}
@media only screen and (min-width : 1024px) {
  .description-venues .text {
    padding-right: 6.5rem;
  }
}
@media only screen and (min-width : 1280px) {
  .description-venues .text {
    padding-right: 9rem;
  }
}
.description-venues .text .label {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
  margin-bottom: 0.7rem;
}
.description-venues .text .label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .description-venues .text .label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .description-venues .text .label {
    font-size: 14px;
  }
}
.description-venues .text h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin-bottom: 1rem;
}
.description-venues .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .description-venues .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .description-venues .text h2 {
    font-size: 50px;
  }
}
.description-venues .text a.button {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.8em 2.25em 0.75em 2.25em;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #BF6730;
  transition: all ease-in-out 0.25s;
  border: 2px solid #BF6730;
}
.description-venues .text a.button {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .description-venues .text a.button {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .description-venues .text a.button {
    font-size: 14px;
  }
}
.description-venues .text a.button:hover, .description-venues .text a.button:active, .description-venues .text a.button:focus {
  color: #F7F0E7;
}
.description-venues .text a.button:visited {
  color: #BF6730;
}
.description-venues .text a.button:visited:hover, .description-venues .text a.button:visited:active, .description-venues .text a.button:visited:focus {
  color: #F7F0E7;
}
.description-venues .text a.button:hover {
  background: #BF6730;
}
@media only screen and (min-width : 768px) {
  .description-venues .text a.button {
    margin: 0;
  }
}

.description-venues .images {
  width: 80%;
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  margin: 0 auto 70px auto;
}
@media only screen and (min-width : 768px) {
  .description-venues .images {
    width: 50%;
    max-width: 50%;
    order: 2;
  }
}

.description-venues .images img {
  display: block;
  margin: 0;
}

.description-venues .images img:first-of-type {
  aspect-ratio: 480/640;
  -o-object-fit: cover;
     object-fit: cover;
  width: 67%;
  max-width: 280px;
  transform: translateY(80px);
  position: relative;
  z-index: 10;
}
@media only screen and (min-width : 768px) {
  .description-venues .images img:first-of-type {
    width: 75%;
    max-width: 500px;
    transform: translateX(-20px) translateY(30px);
  }
}
@media only screen and (min-width : 1024px) {
  .description-venues .images img:first-of-type {
    transform: translateX(-30px) translateY(75px);
  }
}
@media only screen and (min-width : 1280px) {
  .description-venues .images img:first-of-type {
    transform: translateX(-50px) translateY(75px);
  }
}

.description-venues .images img:last-of-type {
  aspect-ratio: 480/600;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  max-width: 210px;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width : 768px) {
  .description-venues .images img:last-of-type {
    top: -55px;
    width: 47%;
    max-width: 360px;
  }
}
@media only screen and (min-width : 1024px) {
  .description-venues .images img:last-of-type {
    top: -35px;
  }
}
@media only screen and (min-width : 1280px) {
  .description-venues .images img:last-of-type {
    right: 20px;
  }
}

/*
*
*
* VENUE SINGLE - VIDEO
*
*/
.venue-video video {
  aspect-ratio: 1440/720;
}

/*
*
*
* EVENTS ARCHIVE - INDEX
*
*/
.events-index {
  width: 85%;
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
}
.events-index:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 1.5px;
  height: 100%;
  background: #2D2D2C;
}

/*
*
*
* EVENTS ARCHIVE - OVERVIEW
*
*/
.event-overview {
  padding: 8rem 0 0 0;
  max-width: 540px;
  margin: 0 auto;
}
@media only screen and (min-width : 768px) {
  .event-overview {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 100%;
    padding: 8rem 0;
  }
}
@media only screen and (min-width : 1024px) {
  .event-overview {
    padding: 11rem 0;
  }
}

@media only screen and (min-width : 768px) {
  .event-overview .images {
    width: 53%;
    position: relative;
  }
}
.event-overview .images img {
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
@media only screen and (min-width : 768px) {
  .event-overview .images .large-image {
    z-index: 1;
  }
}
.event-overview .images .large-image.portrait {
  width: 70%;
}
@media only screen and (min-width : 768px) {
  .event-overview .images .large-image.portrait {
    margin: 0;
  }
}
@media only screen and (min-width : 1024px) {
  .event-overview .images .large-image.portrait {
    width: 80%;
  }
}
.event-overview .images .large-image.landscape {
  width: 100%;
}
.event-overview .images .small-image {
  display: none;
}
@media only screen and (min-width : 768px) {
  .event-overview .images .small-image {
    z-index: 2;
    display: block;
    position: absolute;
    width: 50%;
  }
}

@media only screen and (min-width : 768px) {
  .event-overview:nth-of-type(odd) .images {
    order: 2;
  }
}
@media only screen and (min-width : 768px) {
  .event-overview:nth-of-type(odd) .images .small-image {
    bottom: 0;
    right: 0;
    transform: translateY(35%);
  }
}
@media only screen and (min-width : 1024px) {
  .event-overview:nth-of-type(odd) .images .large-image {
    transform: translateX(-5%);
  }
}

@media only screen and (min-width : 768px) {
  .event-overview:nth-of-type(even) .images .small-image {
    top: 0;
    right: 0;
    transform: translateX(10%) translateY(-40%);
  }
}

.event-overview .text {
  text-align: center;
  padding: 2.5rem 0;
  background: #F7F0E7;
}
@media only screen and (min-width : 768px) {
  .event-overview .text {
    text-align: left;
    width: 47%;
  }
}
.event-overview .text .title {
  display: block;
  margin-bottom: 0.5rem;
  color: #BF6730;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.event-overview .text .title {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .event-overview .text .title {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-overview .text .title {
    font-size: 14px;
  }
}
.event-overview .text h2 {
  margin-bottom: 1.5rem;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
}
.event-overview .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .event-overview .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-overview .text h2 {
    font-size: 50px;
  }
}
.event-overview .text a {
  display: table;
  margin: 1.5rem auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #2D2D2C;
}
.event-overview .text a {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .event-overview .text a {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-overview .text a {
    font-size: 14px;
  }
}
.event-overview .text a:hover, .event-overview .text a:active, .event-overview .text a:focus {
  color: #BF6730;
}
.event-overview .text a:visited {
  color: #2D2D2C;
}
.event-overview .text a:visited:hover, .event-overview .text a:visited:active, .event-overview .text a:visited:focus {
  color: #BF6730;
}
.event-overview .text a:hover {
  border-color: #BF6730;
}
@media only screen and (min-width : 768px) {
  .event-overview .text a {
    margin: 1.5rem 0 0 0;
  }
}

@media only screen and (min-width : 768px) {
  .event-overview:nth-of-type(odd) .text {
    order: 1;
    padding: 0 4rem 0 0;
  }
}
@media only screen and (min-width : 1024px) {
  .event-overview:nth-of-type(odd) .text {
    padding: 0 6rem 0 0;
  }
}

@media only screen and (min-width : 768px) {
  .event-overview:nth-of-type(even) .text {
    order: 1;
    padding: 0 0 0 4rem;
  }
}
@media only screen and (min-width : 1024px) {
  .event-overview:nth-of-type(even) .text {
    padding: 0 0 0 6rem;
  }
}

/*
*
*
* EVENT SINGLE - INTRO
*
*/
.event-intro {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
  text-align: center;
  overflow-wrap: anywhere;
}
@media (orientation: portrait) {
  .event-intro {
    padding-top: 0vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .event-intro {
    padding-top: 0vh;
    padding-bottom: calc(9vh + 3rem);
  }
}
.event-intro .line-divider {
  margin-bottom: 3rem;
}
.event-intro span.label {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
}
.event-intro span.label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .event-intro span.label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-intro span.label {
    font-size: 14px;
  }
}
.event-intro h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  margin: 1rem 0;
}
.event-intro h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .event-intro h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-intro h2 {
    font-size: 50px;
  }
}
.event-intro p {
  max-width: 540px;
  margin: 0 auto;
}

/*
*
*
* EVENT SINGLE - GALLERIES
*
*/
.event-galleries {
  position: relative;
  padding-top: 15vh;
}
.event-galleries:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.5px;
  height: 15vh;
  background: #2D2D2C;
}

.event-galleries .header {
  text-align: center;
  padding: 2rem 0 4rem 0;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 768px;
}
.event-galleries .header p:last-of-type {
  margin-bottom: 0;
}
.event-galleries .header h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
}
.event-galleries .header h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .event-galleries .header h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-galleries .header h2 {
    font-size: 50px;
  }
}

.event-galleries {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
.event-galleries .info {
  text-align: center;
}
.event-galleries span.venue {
  display: block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
  padding: 1.25rem 0 0.25rem 0;
}
.event-galleries span.venue {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .event-galleries span.venue {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-galleries span.venue {
    font-size: 14px;
  }
}
.event-galleries h3 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  padding: 0.25rem 0 1.25rem 0;
}
.event-galleries h3 {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .event-galleries h3 {
    font-size: calc(24px + 12 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-galleries h3 {
    font-size: 36px;
  }
}

.event-galleries .tabs .swiper-slide {
  padding: 0 0 4rem 0;
  opacity: 0.25;
  cursor: pointer;
}
.event-galleries .tabs .swiper-slide img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width : 768px) {
  .event-galleries .tabs .swiper-slide img {
    width: 100%;
  }
}
.event-galleries .tabs .swiper-slide .info {
  display: none;
}
@media only screen and (min-width : 768px) {
  .event-galleries .tabs .swiper-slide .info {
    display: block;
  }
}

.event-galleries .tabs .swiper-slide-thumb-active {
  opacity: 1;
}
.event-galleries .tabs .swiper-slide-thumb-active:after {
  content: "";
  display: block;
  width: 1px;
  height: 3.5rem;
  position: absolute;
  left: 50%;
  background: #2D2D2C;
}
@media only screen and (min-width : 768px) {
  .event-galleries .tabs .swiper-slide-thumb-active:after {
    height: 4rem;
  }
}

.event-galleries .tabs .slider-prev, .event-galleries .tabs .slider-next {
  position: absolute;
  z-index: 500;
  top: 30%;
  font-size: 3rem;
}

.event-galleries .tabs .slider-prev {
  left: 0;
}

.event-galleries .tabs .slider-next {
  right: 0;
}

.event-galleries .tabs .swiper-button-disabled {
  opacity: 0;
}

.event-galleries .panel .info {
  display: block;
}
@media only screen and (min-width : 768px) {
  .event-galleries .panel .info {
    display: none;
  }
}

.event-galleries .panel:first-of-type .info {
  text-align: left;
}

.event-galleries .panel:last-of-type .info {
  text-align: right;
}

.event-galleries .panel .credits {
  padding: 1rem 0;
}
.event-galleries .panel .credits h4 {
  display: inline-block;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.8rem;
  padding-left: 0.25rem;
  padding-bottom: 0.75rem;
}
.event-galleries .panel .credits h4 {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .event-galleries .panel .credits h4 {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-galleries .panel .credits h4 {
    font-size: 14px;
  }
}
.event-galleries .panel .credits a {
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
}
.event-galleries .panel .credits a:hover, .event-galleries .panel .credits a:active, .event-galleries .panel .credits a:focus {
  color: #BF6730;
}
.event-galleries .panel .credits a:visited {
  color: #2D2D2C;
}
.event-galleries .panel .credits a:visited:hover, .event-galleries .panel .credits a:visited:active, .event-galleries .panel .credits a:visited:focus {
  color: #BF6730;
}
.event-galleries .panel .credits span {
  display: inline-block;
  font-size: 0.8rem;
  letter-spacing: normal;
  padding-bottom: 0.75rem;
}

.event-galleries .panel .gallery {
  position: relative;
}
.event-galleries .panel .gallery .gutter-sizer {
  width: 10px;
}
.event-galleries .panel .gallery .grid-sizer {
  width: calc(50% - 5px);
}
@media only screen and (min-width : 768px) {
  .event-galleries .panel .gallery .gutter-sizer {
    width: 18px;
  }
  .event-galleries .panel .gallery .grid-sizer {
    width: calc(33.3333333333% - 12px);
  }
}

.event-galleries .panel .gallery .grid-item {
  float: left;
  margin-bottom: 12px;
  width: calc(50% - 5px);
  margin-bottom: 10px;
}
@media only screen and (min-width : 768px) {
  .event-galleries .panel .gallery .grid-item {
    width: calc(33.3333333333% - 12px);
    margin-bottom: 18px;
  }
}

.event-galleries .panel .gallery .grid-item .image {
  position: relative;
  overflow: hidden;
}
.event-galleries .panel .gallery .grid-item .image img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.event-footer {
  padding: 2rem 0;
}
.event-footer a {
  display: table;
  margin: 0 auto;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.8em 2.25em 0.75em 2.25em;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #2D2D2C;
  transition: all ease-in-out 0.25s;
  border: 2px solid #2D2D2C;
}
.event-footer a {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .event-footer a {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .event-footer a {
    font-size: 14px;
  }
}
.event-footer a:hover, .event-footer a:active, .event-footer a:focus {
  color: #F7F0E7;
}
.event-footer a:visited {
  color: #2D2D2C;
}
.event-footer a:visited:hover, .event-footer a:visited:active, .event-footer a:visited:focus {
  color: #F7F0E7;
}
.event-footer a:hover {
  background: #2D2D2C;
}

/*
*
*
* MENUS ARCHIVE - INDEX
*
*/
.menus-index {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
  padding: 0 1rem;
}
@media only screen and (min-width : 768px) {
  .menus-index {
    position: relative;
  }
  .menus-index:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 1.5px;
    height: 100%;
    background: #2D2D2C;
  }
}

/*
*
*
* MENUS ARCHIVE - OVERVIEW
*
*/
.menu-overview {
  padding: 8rem 0 0 0;
  max-width: 540px;
  margin: 0 auto;
  counter-increment: inst;
}
@media only screen and (min-width : 768px) {
  .menu-overview {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 100%;
    padding: 6rem 0;
  }
}
@media only screen and (min-width : 1024px) {
  .menu-overview {
    padding: 8rem 0;
  }
}

.menu-overview .images {
  position: relative;
}
@media only screen and (min-width : 768px) {
  .menu-overview .images {
    width: 53%;
  }
}
.menu-overview .images img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  aspect-ratio: 480/640;
}
.menu-overview .images .large-image {
  width: 70%;
}
@media only screen and (min-width : 768px) {
  .menu-overview .images .large-image {
    z-index: 1;
    margin: 0;
  }
}
@media only screen and (min-width : 1024px) {
  .menu-overview .images .large-image {
    width: 80%;
  }
}
@media only screen and (min-width : 768px) {
  .menu-overview .images .small-image {
    z-index: 2;
    display: block;
    position: absolute;
    width: 50%;
  }
}

.menu-overview:nth-of-type(odd) .images {
  max-width: 380px;
  margin-bottom: 70px;
}
@media only screen and (min-width : 768px) {
  .menu-overview:nth-of-type(odd) .images {
    max-width: 53%;
  }
}
.menu-overview:nth-of-type(odd) .images .small-image {
  width: 50%;
  position: absolute;
  bottom: -70px;
  right: 0;
}
@media only screen and (min-width : 768px) {
  .menu-overview:nth-of-type(odd) .images .small-image {
    bottom: 0;
    transform: translateY(35%);
  }
}
.menu-overview:nth-of-type(odd) .images .large-image {
  width: 75%;
  max-width: 280px;
}
@media only screen and (min-width : 768px) {
  .menu-overview:nth-of-type(odd) .images .large-image {
    width: 80%;
    max-width: 80%;
    transform: translateX(-5%);
  }
}

@media only screen and (min-width : 768px) {
  .menu-overview:nth-of-type(even) .images {
    order: 2;
  }
}
.menu-overview:nth-of-type(even) .images .small-image {
  display: none;
}
.menu-overview:nth-of-type(even) .images .large-image {
  margin-left: auto;
}

.menu-overview .text {
  padding: 2.5rem 0;
  background: #F7F0E7;
}
@media only screen and (min-width : 768px) {
  .menu-overview .text {
    text-align: left;
    width: 47%;
  }
}
.menu-overview .text h2 {
  margin-bottom: 1.5rem;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
}
.menu-overview .text h2 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .menu-overview .text h2 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .menu-overview .text h2 {
    font-size: 50px;
  }
}
.menu-overview .text a {
  display: table;
  margin: 1.5rem 0 0 0;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #BF6730;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #BF6730;
}
.menu-overview .text a {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .menu-overview .text a {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .menu-overview .text a {
    font-size: 14px;
  }
}
.menu-overview .text a:hover, .menu-overview .text a:active, .menu-overview .text a:focus {
  color: #2D2D2C;
}
.menu-overview .text a:visited {
  color: #BF6730;
}
.menu-overview .text a:visited:hover, .menu-overview .text a:visited:active, .menu-overview .text a:visited:focus {
  color: #2D2D2C;
}
.menu-overview .text a:hover {
  border-color: #2D2D2C;
}
@media only screen and (min-width : 768px) {
  .menu-overview .text a {
    margin: 1.5rem 0 0 0;
  }
}

@media only screen and (min-width : 768px) {
  .menu-overview:nth-of-type(odd) .text {
    padding: 0 0 0 4rem;
  }
}
@media only screen and (min-width : 1024px) {
  .menu-overview:nth-of-type(odd) .text {
    padding: 0 0 0 6rem;
  }
}

.menu-overview:nth-of-type(even) .text {
  text-align: right;
}
@media only screen and (min-width : 768px) {
  .menu-overview:nth-of-type(even) .text {
    order: 1;
    padding: 0 4rem;
    text-align: left;
  }
}
@media only screen and (min-width : 1024px) {
  .menu-overview:nth-of-type(even) .text {
    padding: 0 0 0 6rem;
  }
}
.menu-overview:nth-of-type(even) .text a {
  display: table;
  margin: 1.5rem 0 0 auto;
}
@media only screen and (min-width : 768px) {
  .menu-overview:nth-of-type(even) .text a {
    margin: 1.5rem auto 0 0;
  }
}

/*
*
*
* MENUS ARCHIVE - INDEX
*
*/
.menu-intro {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
}
@media (orientation: portrait) {
  .menu-intro {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .menu-intro {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}
@media only screen and (min-width : 768px) {
  .menu-intro {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
}

.menu-intro .images {
  max-width: 380px;
  margin: 0 auto 70px auto;
  position: relative;
}
@media only screen and (min-width : 768px) {
  .menu-intro .images {
    width: 45%;
    max-width: 45%;
    position: relative;
    order: 1;
  }
}
.menu-intro .images img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  aspect-ratio: 480/640;
}

.menu-intro .images .large-image {
  width: 75%;
  max-width: 280px;
}
@media only screen and (min-width : 768px) {
  .menu-intro .images .large-image {
    max-width: 75%;
    z-index: 1;
    margin: 0;
  }
}

.menu-intro .images .small-image {
  width: 50%;
  max-width: 210px;
  position: absolute;
  bottom: -70px;
  right: 0;
}
@media only screen and (min-width : 768px) {
  .menu-intro .images .small-image {
    z-index: 2;
    display: block;
    position: absolute;
    max-width: 50%;
    bottom: 0;
    right: 0;
    transform: translateX(-5%) translateY(45%);
  }
}

.menu-intro .text {
  padding: 2.5rem 0;
  text-align: center;
}
@media only screen and (min-width : 768px) {
  .menu-intro .text {
    text-align: left;
    width: 55%;
    order: 2;
    padding: 0 3rem;
  }
}
@media only screen and (min-width : 1024px) {
  .menu-intro .text {
    padding: 0 4rem;
  }
}
.menu-intro .text .label {
  display: block;
  color: #BF6730;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.menu-intro .text .label {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .menu-intro .text .label {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .menu-intro .text .label {
    font-size: 14px;
  }
}
.menu-intro .text h1 {
  margin: 0.5rem 0;
  text-transform: uppercase;
  line-height: 1;
  font-family: "GanticReg";
  font-weight: normal;
  letter-spacing: 0.15em;
}
.menu-intro .text h1 {
  font-size: 42px;
}
@media screen and (min-width: 320px) {
  .menu-intro .text h1 {
    font-size: calc(42px + 22 * (100vw - 320px) / 1280);
  }
}
@media screen and (min-width: 1600px) {
  .menu-intro .text h1 {
    font-size: 64px;
  }
}
.menu-intro .text a {
  display: table;
  margin: 1.5rem 0 0 0;
  cursor: pointer;
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 0.5em 0 0.5em 0;
  transition: all ease-in-out 0.5s;
  background: transparent;
  text-decoration: none;
  color: #BF6730;
  transition: all ease-in-out 0.25s;
  border-bottom: 1.5px solid #BF6730;
}
.menu-intro .text a {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .menu-intro .text a {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .menu-intro .text a {
    font-size: 14px;
  }
}
.menu-intro .text a:hover, .menu-intro .text a:active, .menu-intro .text a:focus {
  color: #2D2D2C;
}
.menu-intro .text a:visited {
  color: #BF6730;
}
.menu-intro .text a:visited:hover, .menu-intro .text a:visited:active, .menu-intro .text a:visited:focus {
  color: #2D2D2C;
}
.menu-intro .text a:hover {
  border-color: #2D2D2C;
}
@media only screen and (min-width : 768px) {
  .menu-intro .text a {
    margin: 1.5rem 0 0 0;
  }
}

.menu-intro .text .dietary-info {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 2.5rem 0;
  line-height: 2;
}

/*
*
*
* MENUS ARCHIVE - FLEXCONTENT
*
*/
@media (orientation: portrait) {
  .menu-flexcontent {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media (orientation: landscape) {
  .menu-flexcontent {
    padding-top: 9vh;
    padding-bottom: 9vh;
  }
}

.menu-flexcontent .flex-section {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1280px;
  padding: 2.5rem 0;
}

.menu-flexcontent h2 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #BF6730;
  padding: 2.5rem 0;
  position: relative;
}
.menu-flexcontent h2 {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .menu-flexcontent h2 {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .menu-flexcontent h2 {
    font-size: 14px;
  }
}
.menu-flexcontent h2 span {
  display: inline-block;
  background: #F7F0E7;
  position: relative;
  z-index: 2;
  padding-right: 2rem;
}
.menu-flexcontent h2 span:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100vmin;
  background: #BF6730;
  position: absolute;
  z-index: 3;
  right: 0;
  top: calc(50% - 4.5px);
}
.menu-flexcontent h2:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 100%;
  height: 1.5px;
  background: #BF6730;
}

.menu-flexcontent .group {
  margin-bottom: 4rem;
}

.menu-flexcontent .group h3 {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  line-height: 0.8;
  margin-bottom: 0.6rem;
}
.menu-flexcontent .group h3 {
  font-size: 36px;
}
@media screen and (min-width: 320px) {
  .menu-flexcontent .group h3 {
    font-size: calc(36px + 14 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .menu-flexcontent .group h3 {
    font-size: 50px;
  }
}

.menu-flexcontent .group > p {
  font-style: italic;
}

.menu-flexcontent ul.dishes {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 2rem;
}
@media only screen and (min-width : 768px) {
  .menu-flexcontent ul.dishes {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
.menu-flexcontent ul.dishes li {
  margin-bottom: 1.5rem;
  max-width: 480px;
}
.menu-flexcontent ul.dishes li p:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width : 768px) {
  .menu-flexcontent ul.dishes li {
    margin-bottom: 2rem;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}

.menu-flexcontent ul.dishes h4 {
  margin-bottom: 0.4rem;
}
.menu-flexcontent ul.dishes h4 .dish-title {
  font-family: "GanticReg";
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.menu-flexcontent ul.dishes h4 .dish-title {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  .menu-flexcontent ul.dishes h4 .dish-title {
    font-size: calc(10px + 4 * (100vw - 320px) / 1380);
  }
}
@media screen and (min-width: 1700px) {
  .menu-flexcontent ul.dishes h4 .dish-title {
    font-size: 14px;
  }
}
.menu-flexcontent ul.dishes h4 .labels {
  padding-left: 0.5rem;
  font-weight: normal;
}

/*# sourceMappingURL=style.css.map */