.pagination {
  position: relative;
  display: flex;
  margin-top: undefined;
  margin-top: var(--spacing-sm);
  width: 100%;
}
.pagination a, .pagination span {
  display: inline-block;
  padding: 1em;
}
.pagination a {
  position: relative;
  font-weight: 600;
}
.pagination a.is-current {
  background-color: hsla( 145, 85%, 23%, 1 );
  background-color: hsla( var(--joc-c-primary-hsl), 1 );
  color: white;
  font-weight: 800;
}
.pagination a.is-current:after {
  background-color: undefined;
  background-color: var(--color-primary);
}
.pagination a:nth-child(2n) {
  background-color: undefined;
  background-color: hsla( var(--joc-c-secondary-hsl), 1 );
}
.pagination a:nth-child(2n).is-current {
  background-color: hsla( 145, 85%, 23%, 1 );
  background-color: hsla( var(--joc-c-primary-hsl), 1 );
}

.pagination-jumper {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 0.381em;
  transform: translateY(-50%);
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(10rem);
  }
  80% {
    transform: translateX(-1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes pageContentBlockEntry {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(100%, 0%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes animate-entry {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideInFromTop {
  from {
    transform: translate(-50%, -100vh);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}
@keyframes translateX50Pc {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(50%);
  }
}
@keyframes marquee {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
/* normalize.css v8.0.0 | 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; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

/* 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; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * 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-size: 1em; /* 2 */
  font-family: monospace, monospace; /* 1 */
}

/**
 * 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 {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

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 {
  margin: 0; /* 2 */
  font-size: 100%; /* 1 */
  font-family: inherit; /* 1 */
  line-height: 1.15; /* 1 */
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  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 {
  padding: 0;
  border-style: none;
}

/**
 * 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 {
  display: table; /* 1 */
  box-sizing: border-box; /* 1 */
  padding: 0; /* 3 */
  max-width: 100%; /* 1 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * 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; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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] {
  outline-offset: -2px; /* 2 */
  -webkit-appearance: textfield; /* 1 */
}

/**
 * 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 {
  font: inherit; /* 2 */
  -webkit-appearance: button; /* 1 */
}

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

:root {
  /* HSL colors */
  --joc-c-green-h: 145;
  --joc-c-green-s: 85%;
  --joc-c-green-l: 23%;
  --joc-c-green-hsl: 145, 85%, 23%;
  --joc-c-green_h: 0;
  --joc-c-green_s: 0%;
  --joc-c-green_l: 100%;
  --joc-c-green_hsl: 0, 0%, 100%;
  --joc-c-gold-h: 39;
  --joc-c-gold-s: 30%;
  --joc-c-gold-l: 56%;
  --joc-c-gold-hsl: 39, 30%, 56%;
  --joc-c-gold_h: 0;
  --joc-c-gold_s: 0%;
  --joc-c-gold_l: 100%;
  --joc-c-gold_hsl: 0, 0%, 100%;
  --joc-c-yellow-h: 45;
  --joc-c-yellow-s: 100%;
  --joc-c-yellow-l: 51%;
  --joc-c-yellow-hsl: 45, 100%, 51%;
  --joc-c-yellow_h: 0;
  --joc-c-yellow_s: 0%;
  --joc-c-yellow_l: 100%;
  --joc-c-yellow_hsl: 0, 0%, 100%;
  --joc-c-dark-h: 146;
  --joc-c-dark-s: 20%;
  --joc-c-dark-l: 5%;
  --joc-c-dark-hsl: 146, 20%, 5%;
  --joc-c-dark_h: 0;
  --joc-c-dark_s: 0%;
  --joc-c-dark_l: 100%;
  --joc-c-dark_hsl: 0, 0%, 100%;
  --joc-c-darkBlue-h: 207;
  --joc-c-darkBlue-s: 57%;
  --joc-c-darkBlue-l: 12%;
  --joc-c-darkBlue-hsl: 207, 57%, 12%;
  --joc-c-darkBlue_h: 0;
  --joc-c-darkBlue_s: 0%;
  --joc-c-darkBlue_l: 100%;
  --joc-c-darkBlue_hsl: 0, 0%, 100%;
  --joc-c-light-h: 146;
  --joc-c-light-s: 29%;
  --joc-c-light-l: 92%;
  --joc-c-light-hsl: 146, 29%, 92%;
  --joc-c-light_h: 0;
  --joc-c-light_s: 0%;
  --joc-c-light_l: 100%;
  --joc-c-light_hsl: 0, 0%, 100%;
  --joc-c-white-h: 0;
  --joc-c-white-s: 0%;
  --joc-c-white-l: 100%;
  --joc-c-white-hsl: 0, 0%, 100%;
  --joc-c-white_h: 0;
  --joc-c-white_s: 100%;
  --joc-c-white_l: 0%;
  --joc-c-white_hsl: 0, 100%, 0%;
  --joc-c-foreground-h: var(--joc-c-darkBlue-h);
  --joc-c-foreground-s: var(--joc-c-darkBlue-s);
  --joc-c-foreground-l: var(--joc-c-darkBlue-l);
  --joc-c-foreground-hsl: var(--joc-c-darkBlue-hsl);
  --joc-c-foreground_h: var(--joc-c-darkBlue_h);
  --joc-c-foreground_s: var(--joc-c-darkBlue_s);
  --joc-c-foreground_l: var(--joc-c-darkBlue_l);
  --joc-c-foreground_hsl: var(--joc-c-darkBlue_hsl);
  --joc-c-background-h: var(--joc-c-white-h);
  --joc-c-background-s: var(--joc-c-white-s);
  --joc-c-background-l: var(--joc-c-white-l);
  --joc-c-background-hsl: var(--joc-c-white-hsl);
  --joc-c-background_h: var(--joc-c-white_h);
  --joc-c-background_s: var(--joc-c-white_s);
  --joc-c-background_l: var(--joc-c-white_l);
  --joc-c-background_hsl: var(--joc-c-white_hsl);
  --joc-c-primary-h: var(--joc-c-green-h);
  --joc-c-primary-s: var(--joc-c-green-s);
  --joc-c-primary-l: var(--joc-c-green-l);
  --joc-c-primary-hsl: var(--joc-c-green-hsl);
  --joc-c-primary_h: var(--joc-c-green_h);
  --joc-c-primary_s: var(--joc-c-green_s);
  --joc-c-primary_l: var(--joc-c-green_l);
  --joc-c-primary_hsl: var(--joc-c-green_hsl);
  --joc-c-accent-h: var(--joc-c-yellow-h);
  --joc-c-accent-s: var(--joc-c-yellow-s);
  --joc-c-accent-l: var(--joc-c-yellow-l);
  --joc-c-accent-hsl: var(--joc-c-yellow-hsl);
  --joc-c-accent_h: var(--joc-c-yellow_h);
  --joc-c-accent_s: var(--joc-c-yellow_s);
  --joc-c-accent_l: var(--joc-c-yellow_l);
  --joc-c-accent_hsl: var(--joc-c-yellow_hsl);
}

:root {
  /* fonts */
  --joc-f-sans: "Lato" ,sans-serif;
  --joc-f-ui: var(--joc-f-sans);
  --joc-f-heading: var(--joc-f-sans);
  --joc-f-quote: var(--joc-f-sans);
}

:root {
  /* units and sizes */
  --size-unit: 4.8rem;
  --size-xs: 0.8rem;
  --size-sm: 0.96rem;
  --size-md: 1.0666666667rem;
  --size-ml: 1.6rem;
  --size-lg: 2.4rem;
  --size-xl: 4.8rem;
}
@media (min-width: 640px) {
  :root {
    --size-sm: 1.2rem;
  }
}
@media (min-width: 640px) {
  :root {
    --size-md: 1.3714285714rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --size-md: 2.1917808219rem;
  }
}
@media (min-width: 640px) {
  :root {
    --size-ml: 2.56rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --size-lg: 4.8rem;
  }
}
@media (min-width: 640px) {
  :root {
    --size-xl: 6.4rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --size-xl: 7.7669902913rem;
  }
}

* {
  box-sizing: border-box;
}

.page-section, .view-main-inner > *, .view-main-inner {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

:root {
  font-family: "Lato" ,sans-serif;
  font-family: var(--joc-f-ui);
  display: block;
  font-size: 10px;
  background-color: hsla( 0, 0%, 100%, 1 );
  background-color: hsla( var(--joc-c-background-hsl), 1 );
  color: hsla( 207, 57%, 12%, 1 );
  color: hsla( var(--joc-c-foreground-hsl), 1 );
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --vw: 100vw;
  --vh: 100vh;
  --wp-admin-bar-height: 0;
  --site-nav-height: 71px;
  --page-header-height: 0;
}
:root .view-main {
  transition: transform 0.62s;
  transform-origin: undefined;
  transform-origin: 50vw var(--transform-origin-y);
}
@media (min-width: 640px) {
  :root.chrome.programmatic-scrolling .view-main, :root.apple.programmatic-scrolling .view-main {
    transition: transform 0.19s;
    transform: scale(0.95);
  }
}
@media (max-width: 639px) {
  :root.menu-open {
    overflow: hidden;
  }
}
:root.scrolled.no-scrollbar, :root.menu-open.no-scrollbar, :root.wishlist-open.no-scrollbar, :root.has-overlay.no-scrollbar {
  overflow: hidden;
}
:root.scrolled.chrome.high-performance .view-main, :root.scrolled.apple.high-performance .view-main, :root.menu-open.chrome.high-performance .view-main, :root.menu-open.apple.high-performance .view-main, :root.wishlist-open.chrome.high-performance .view-main, :root.wishlist-open.apple.high-performance .view-main, :root.has-overlay.chrome.high-performance .view-main, :root.has-overlay.apple.high-performance .view-main {
  transition: transform 0.38s;
  transform: scale(0.97);
}
@media (min-width: 640px) {
  :root.scrolled.chrome.high-performance .view-main, :root.scrolled.apple.high-performance .view-main, :root.menu-open.chrome.high-performance .view-main, :root.menu-open.apple.high-performance .view-main, :root.wishlist-open.chrome.high-performance .view-main, :root.wishlist-open.apple.high-performance .view-main, :root.has-overlay.chrome.high-performance .view-main, :root.has-overlay.apple.high-performance .view-main {
    transform: scale(0.98);
  }
}
:root.scrolled.chrome.high-performance .view-main__inner-shadow, :root.scrolled.apple.high-performance .view-main__inner-shadow, :root.menu-open.chrome.high-performance .view-main__inner-shadow, :root.menu-open.apple.high-performance .view-main__inner-shadow, :root.wishlist-open.chrome.high-performance .view-main__inner-shadow, :root.wishlist-open.apple.high-performance .view-main__inner-shadow, :root.has-overlay.chrome.high-performance .view-main__inner-shadow, :root.has-overlay.apple.high-performance .view-main__inner-shadow {
  transition: 0.38s;
  opacity: 1;
}

[data-page=front-page] {
  color: hsla( 207, 57%, 12%, 1 );
  color: hsla( var(--joc-c-foreground-hsl), 1 );
}

body {
  min-height: 100vh;
  font-family: "Lato" ,sans-serif;
  font-family: var(--joc-f-ui);
  --wp-admin-bar-height: 0px;
}
body.single-product {
  background-color: undefined;
  background-color: hsla( var(--joc-c-gray-hsl), 0.1 );
}
body.admin-bar {
  --wp-admin-bar-height: 46px;
}
@media (min-width: 783px) {
  body.admin-bar {
    --wp-admin-bar-height: 32px;
  }
}

.view-main {
  flex: 1 1 auto;
}
[data-template=front-page] .view-main {
  padding-top: 0;
}

.view-main-inner {
  flex: 1 1 auto;
}
@keyframes translateX50Pc {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(50%, 0, 0);
  }
}
::-moz-selection {
  background-color: hsla( 45, 100%, 51%, 0.5 );
  background-color: hsla( var(--joc-c-accent-hsl), 0.5 );
}
::selection {
  background-color: hsla( 45, 100%, 51%, 0.5 );
  background-color: hsla( var(--joc-c-accent-hsl), 0.5 );
}

:focus {
  outline-color: hsla( 45, 100%, 51%, 1 );
  outline-color: hsla( var(--joc-c-accent-hsl), 1 );
}

img {
  max-width: 100%;
}

figure {
  margin: 0;
}

#wpadminbar {
  position: fixed;
  background-color: rgb(1, 2, 3);
}

[data-for-attachment-id] {
  transition: opacity 1s;
}
[data-for-attachment-id]:not(.loaded) {
  opacity: 0;
}

._lazy {
  transition: opacity 1s;
}
._lazy:not(._lazy-loaded) {
  opacity: 0;
}

@keyframes SimpleAnimateIn {
  from {
    opacity: 0;
    transform: translateY(0.62em);
  }
  to {
    opacity: 1;
    transform: translateY(1);
  }
}
.screen-reader-text {
  display: none;
}

:root {
  font-family: "Lato" ,sans-serif;
  font-family: var(--joc-f-ui);
}

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

h1, h2, h3, h4, h5,
p,
strong, b, em, i {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

h1 {
  line-height: 1.25;
  margin: 0;
  font-family: "Lato" ,sans-serif;
  font-family: var(--joc-f-heading);
}

h2 {
  line-height: 1.25;
  margin: 0;
  font-family: "Lato" ,sans-serif;
  font-family: var(--joc-f-heading);
}

h3 {
  line-height: 1.25;
  margin: 0;
  font-family: "Lato" ,sans-serif;
  font-family: var(--joc-f-heading);
}

h4 {
  line-height: 1.25;
  margin: 0;
  font-family: "Lato" ,sans-serif;
  font-family: var(--joc-f-heading);
}

h5 {
  line-height: 1.25;
  margin: 0;
  font-family: "Lato" ,sans-serif;
  font-family: var(--joc-f-heading);
}

h6 {
  line-height: 1.25;
  margin: 0;
  font-family: "Lato" ,sans-serif;
  font-family: var(--joc-f-heading);
}

h2 {
  font-size: 3.2rem;
}

h3 {
  font-size: 2rem;
}

h4, h5 {
  font-size: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

:root {
  --gap:6px;
}

.container {
  max-width: 2048px;
  margin-left: auto;
  margin-right: auto;
}
form.wpcf7-form br {
  display: none;
}
form.wpcf7-form > div {
  margin-bottom: 2.4rem;
  margin-bottom: var(--size-lg);
}
@media (min-width: 1024px) {
  form.wpcf7-form > div {
  margin-bottom: 4.8rem;
  margin-bottom: var(--size-lg);
  }
}
form.wpcf7-form > p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(2.4rem * 0.25);
  gap: calc(var(--size-lg) * 0.25);
}
@media (min-width: 1024px) {
  form.wpcf7-form > p {
  gap: calc(4.8rem * 0.25);
  gap: calc(var(--size-lg) * 0.25);
  }
}
@media (max-width: 639px) {
  form.wpcf7-form > p {
    display: flex;
    flex-direction: column;
  }
  form.wpcf7-form > p > * + * {
    margin-top: calc(2.4rem * 0.25);
    margin-top: calc(var(--size-lg) * 0.25);
  }
  @media (min-width: 1024px) {
    form.wpcf7-form > p > * + * {
    margin-top: calc(4.8rem * 0.25);
    margin-top: calc(var(--size-lg) * 0.25);
    }
  }
}
form.wpcf7-form label {
  font-size: 1.2rem;
}
form.wpcf7-form label.grid-span {
  grid-column-end: span 2;
}
form.wpcf7-form .wpcf7-list-item {
  margin: 0;
}
form.wpcf7-form .wpcf7-list-item label {
  font-size: 1.6rem;
}
form.wpcf7-form .wpcf7-list-item label input[type=checkbox] {
  margin-right: 0.5em;
}
form.wpcf7-form .wpcf7-not-valid-tip {
  color: hsla( 45, 100%, 51%, 1 );
  color: hsla( var(--joc-c-accent-hsl), 1 );
  font-size: 1.6rem;
}
form.wpcf7-form .wpcf7-response-output {
  border-radius: 0.2rem;
  margin-left: 0;
  margin-right: 0;
  border: 0;
  background-color: hsla( 45, 100%, 51%, 0.25 );
  background-color: hsla( var(--joc-c-accent-hsl), 0.25 );
  padding: calc(2.4rem * 0.5);
  padding: calc(var(--size-lg) * 0.5);
}
@media (min-width: 1024px) {
  form.wpcf7-form .wpcf7-response-output {
  padding: calc(4.8rem * 0.5);
  padding: calc(var(--size-lg) * 0.5);
  }
}
form.wpcf7-form a {
  color: hsla( 45, 100%, 51%, 1 );
  color: hsla( var(--joc-c-accent-hsl), 1 );
  font-weight: 600;
}
form.wpcf7-form input[type=text] {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  font-size: 1.6rem;
  padding: 1em;
  border-radius: 0.4rem;
  background-color: hsla( 0, 0%, 100%, 0.1 );
  background-color: hsla( var(--joc-c-background-hsl), 0.1 );
  border: none;
  width: 100%;
  display: block;
  border: 1px solid transparent;
}
form.wpcf7-form input[type=email] {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  font-size: 1.6rem;
  padding: 1em;
  border-radius: 0.4rem;
  background-color: hsla( 0, 0%, 100%, 0.1 );
  background-color: hsla( var(--joc-c-background-hsl), 0.1 );
  border: none;
  width: 100%;
  display: block;
  border: 1px solid transparent;
}
form.wpcf7-form input[type=tel] {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  font-size: 1.6rem;
  padding: 1em;
  border-radius: 0.4rem;
  background-color: hsla( 0, 0%, 100%, 0.1 );
  background-color: hsla( var(--joc-c-background-hsl), 0.1 );
  border: none;
  width: 100%;
  display: block;
  border: 1px solid transparent;
}
form.wpcf7-form input[type=date] {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  font-size: 1.6rem;
  padding: 1em;
  border-radius: 0.4rem;
  background-color: hsla( 0, 0%, 100%, 0.1 );
  background-color: hsla( var(--joc-c-background-hsl), 0.1 );
  border: none;
  width: 100%;
  display: block;
  border: 1px solid transparent;
}
form.wpcf7-form select {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  font-size: 1.6rem;
  padding: 1em;
  border-radius: 0.4rem;
  background-color: hsla( 0, 0%, 100%, 0.1 );
  background-color: hsla( var(--joc-c-background-hsl), 0.1 );
  border: none;
  width: 100%;
  display: block;
  border: 1px solid transparent;
}
form.wpcf7-form option {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  font-size: 1.6rem;
  padding: 1em;
  border-radius: 0.4rem;
  background-color: hsla( 0, 0%, 100%, 0.1 );
  background-color: hsla( var(--joc-c-background-hsl), 0.1 );
  border: none;
  width: 100%;
  display: block;
  border: 1px solid transparent;
}
form.wpcf7-form textarea {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  font-size: 1.6rem;
  padding: 1em;
  border-radius: 0.4rem;
  background-color: hsla( 0, 0%, 100%, 0.1 );
  background-color: hsla( var(--joc-c-background-hsl), 0.1 );
  border: none;
  width: 100%;
  display: block;
  border: 1px solid transparent;
}
form.wpcf7-form input[type=text]:focus {
  outline: none;
  border-color: hsla( 0, 0%, 100%, 0.5 );
  border-color: hsla( var(--joc-c-background-hsl), 0.5 );
}
form.wpcf7-form input[type=email]:focus {
  outline: none;
  border-color: hsla( 0, 0%, 100%, 0.5 );
  border-color: hsla( var(--joc-c-background-hsl), 0.5 );
}
form.wpcf7-form input[type=tel]:focus {
  outline: none;
  border-color: hsla( 0, 0%, 100%, 0.5 );
  border-color: hsla( var(--joc-c-background-hsl), 0.5 );
}
form.wpcf7-form input[type=date]:focus {
  outline: none;
  border-color: hsla( 0, 0%, 100%, 0.5 );
  border-color: hsla( var(--joc-c-background-hsl), 0.5 );
}
form.wpcf7-form select:focus {
  outline: none;
  border-color: hsla( 0, 0%, 100%, 0.5 );
  border-color: hsla( var(--joc-c-background-hsl), 0.5 );
}
form.wpcf7-form option:focus {
  outline: none;
  border-color: hsla( 0, 0%, 100%, 0.5 );
  border-color: hsla( var(--joc-c-background-hsl), 0.5 );
}
form.wpcf7-form textarea:focus {
  outline: none;
  border-color: hsla( 0, 0%, 100%, 0.5 );
  border-color: hsla( var(--joc-c-background-hsl), 0.5 );
}
form.wpcf7-form input[type=text]::-moz-placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form input[type=text]::placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form input[type=email]::-moz-placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form input[type=email]::placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form input[type=tel]::-moz-placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form input[type=tel]::placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form input[type=date]::-moz-placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form input[type=date]::placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form select::-moz-placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form select::placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form option::-moz-placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form option::placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form textarea::-moz-placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
form.wpcf7-form textarea::placeholder {
  color: hsla( 0, 0%, 100%, 1 );
  color: hsla( var(--joc-c-background-hsl), 1 );
  opacity: 0.5;
  font-style: italic;
}
@media (max-width: 639px) {
  form.wpcf7-form .wpcf7-submit[type=submit] {
    grid-column-end: span 2;
  }
}

.section-popup {
  z-index: 10003 !important;
}

.popup-section {
  z-index: 10002 !important;
}

.video-player {
  z-index: 10001 !important;
}

.site-nav {
  z-index: 10000 !important;
}

.fiannafail .vdcb-title {
  font-weight: 800;
}
.fiannafail .vbgm-privacy-settings-panel-title {
  font-weight: 800;
}
.fiannafail .vbgm-privacy-settings-panel-section hr {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 0.5em;
  background-color: hsla( 0, 0%, 100%, 1 );
  background-color: hsla( var(--joc-c-background-hsl), 1 );
  height: 2px;
}
.fiannafail .toggle-required-tag {
  color: #A0C855;
  background-color: rgba(160, 200, 85, 0.25);
}
.fiannafail .vbgm-privacy-settings-panel-save-button {
  background-color: #50A845;
  background-color: #0A7B3A;
}
.fiannafail .popup.vbgm-privacy-settings-panel {
  min-height: unset;
  border-radius: undefined;
  border-radius: var(--vbgm-size-md);
  align-self: center;
}
@media (max-width: 639px) {
  .fiannafail .section-site-hero .swiper-slide__content .heading-primary {
    width: 100%;
  }
}
.fiannafail .section-site-hero .swiper-slide__content h2 {
  font-size: 2rem;
}
@media (min-width: 360px) {
  .fiannafail .section-site-hero .swiper-slide__content h2 {
    font-size: 2.4rem;
  }
}
