/*!
Theme Name: alula
Theme URI: http://www.squarebird.com/
Author: Squarebird
Author URI: http://www.squarebird.com/
Description: Description
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: alula
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.

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

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 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%;
  font-size: clamp(16px, 1vw, 1vw);
  margin: 0;
  padding: 0;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

@media(min-width: 1024px) {
  body {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }
}

@view-transition {
    navigation: auto;
}

[id], a[name] {
  scroll-margin-top: var(--header-height);
}

@media(min-width: 1024px) {
  .admin-bar #masthead {
      top: var(--wp-admin--admin-bar--height, 32px);
  }
	 .admin-bar.sticky .sticky-bar {
		top: calc(var(--wp-admin--admin-bar--height, 32px) + var(--header-height-sticky)) !important;
	}
}



/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  font-family: var(--font-primary);
  font-size: var(--font-size-body);
  font-weight: 400;
  color: var(--color-pms-process);
}

body.noScroll, 
body.mob-menu {
  max-height: 100dvh;
  height: 100vh;
  overflow: hidden;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}


body.mob-active::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    opacity: .5;
    z-index: 12;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    pointer-events: none;
}

::-moz-selection {
  background-color: var(--color-pms-process);
  color: var(--color-white);
}

::selection {
  background-color: var(--color-pms-process);
  color: var(--color-white);
}

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

section {
  position: relative;
}

section.lang {
  margin-top: calc(-1 * var(--section-spacing) + 1rem) !important;
  margin-bottom: 3rem !important;
  z-index: 2;
}

@media(max-width: 1024px) {
  section.lang {
    margin-top: calc(-1 * var(--section-spacing) + 3rem) !important;
  }
}

.single-fair_generic section.lang {
  margin-top: 2rem !important;
  margin-bottom: -4rem !important;
  padding-bottom: 0 !important;
}

.single-fair_generic .text-box + .images, 
.single-fair_generic .images + .text-box {
  margin-top: -3rem;
}



section:not(:last-of-type) {
  margin-bottom: var(--section-spacing);
}

section:last-of-type:not(.form):not(#hero):not(.cta):not(.sticky-bar) {
  padding-bottom: var(--section-spacing);
}

section:first-of-type:not(#hero):not(.sticky-bar):not(.cta) {
  padding-top: var(--section-spacing);
}

section.form.bg-off-white {
  margin-bottom: 0;
}

#hero:has(#hero-slider) {
  margin-bottom: calc(var(--section-spacing) + 3rem);
}

@media(max-width: 1024px) {
  section:not(:last-child):not(.sticky-bar) {
    margin-bottom: var(--section-spacing-mobile);
  }
  section.form.bg-off-white {
    margin-bottom: 0;
  }
  .single-fair_generic .text-box + .images {
    margin-top: -2rem;
  }
}




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


video {
  display: block;
  width: 100%;
  max-width: 100%;
}

.video-wrapper {
  position: relative;
  overflow: hidden;
}

.video-wrapper .controls {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.video-wrapper .controls button {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.875rem;
  height: 2.875rem;
  background-color: var(--color-rubine-red);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.5rem;
  cursor: pointer;
  transition: var(--transition);
  outline: var(--outline-width) solid transparent;
  outline-offset: var(--outline-offset);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.video-wrapper .controls button:focus-visible {
  outline-color: var(--color-focus);
}

.video-wrapper .controls button:hover {
  filter: brightness(0.9);
  -webkit-filter: brightness(0.9);
}




/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 1px solid var(--color-grey-border);
}

/**
 * 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;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
  outline: var(--outline-width) solid transparent;
  outline-offset: var(--outline-offset);
}

.grey-links p a {
  color: inherit;
  font-weight: inherit;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  -moz-text-decoration-color: inherit;
}

.grey-links p a:hover {
  color: var(--color-rubine-red);
}

.light p a {
  color: var(--dark-pink);
}

.dark p a {
  color: var(--grey);
}

a:hover > svg path {
  fill: var(--light-pink);
}

a:focus-visible {
  outline-color: var(--color-focus);
}

.page-theme-heritage a:hover > svg path {
  fill: var(--yellow);
}

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

/**
 * 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;
  max-width: 100%;
  width: 100%;
  height: auto;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.image {
  position: relative;
}

.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ar-1-1 {
  aspect-ratio: 1/1;
}

.ar-16-9 {
  aspect-ratio: 16/9;
}

.ar-9-16 {
  aspect-ratio: 9/16;
}

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

form input, 
select {
  color: var(--color-pms-process);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0.125rem solid var(--color-form-border);
  outline: var(--outline-width) solid transparent;
  outline-offset: var(--outline-offset) !important;
}

form input:focus, 
form input:focus-visible, 
select:focus, 
select:focus-visible {
  outline-color: #535E7D !important
  /* outline-color: var(--color-focus) !important; */
}



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

button {
  cursor: pointer;
}

/**
 * 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 {
  -webkit-box-sizing: border-box;
          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"] {
  -webkit-box-sizing: border-box;
          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 {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;  
}



/*--------------------------------------------------------------
- MARGIN
--------------------------------------------------------------*/
.m-0 {
  margin: 0;
}

.ms-0 {
  margin-left: 0;
}

.ms-1 {
  margin-left: var(--margin-side-1);
}

.ms-2 {
  margin-left: var(--margin-side-2);
}

.ms-3 {
  margin-left: var(--margin-side-3);
}

.ms-4 {
  margin-left: var(--margin-side-4);
}

.ms-5 {
  margin-left: var(--margin-side-5);
}

.me-0 {
  margin-right: 0;
}

.me-1 {
  margin-right: var(--margin-side-1);
}

.me-2 {
  margin-right: var(--margin-side-2);
}

.me-3 {
  margin-right: var(--margin-side-3);
}

.me-4 {
  margin-right: var(--margin-side-4);
}

.me-5 {
  margin-right: var(--margin-side-5);
}

.mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.mx-1 {
  margin-right: var(--margin-side-1);
  margin-left: var(--margin-side-1);
}

.mx-2 {
  margin-right: var(--margin-side-2);
  margin-left: var(--margin-side-2);
}

.mx-3 {
  margin-right: var(--margin-side-3);
  margin-left: var(--margin-side-3);
}

.mx-4 {
  margin-right: var(--margin-side-4);
  margin-left: var(--margin-side-4);
}

.mx-5 {
  margin-right: var(--margin-side-5);
  margin-left: var(--margin-side-5);
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: var(--margin-1);
  margin-bottom: var(--margin-1);
}

.my-2 {
  margin-top: var(--margin-2);
  margin-bottom: var(--margin-2);
}

.my-3 {
  margin-top: var(--margin-3);
  margin-bottom: var(--margin-3);
}

.my-4 {
  margin-top: var(--margin-4);
  margin-bottom: var(--margin-4);
}

.my-5 {
  margin-top: var(--margin-5);
  margin-bottom: var(--margin-5);
}

.mt-0 {
  margin-top: 0;
}

.mt-05 {
  margin-top: var(--margin-05);
}

.mt-1 {
  margin-top: var(--margin-1);
}

.mt-1-5 {
  margin-top: var(--margin-1-5);
}

.mt-2 {
  margin-top: var(--margin-2);
}

.mt-3 {
  margin-top: var(--margin-3);
}

.mt-4 {
  margin-top: var(--margin-4);
}

.mt-5 {
  margin-top: var(--margin-5);
}

.mb-0 {
  margin-bottom: 0;
}

.mb-05 {
  margin-bottom: var(--margin-05);
}

.mb-1 {
  margin-bottom: var(--margin-1);
}

.mb-2 {
  margin-bottom: var(--margin-2);
}

.mb-3 {
  margin-bottom: var(--margin-3);
}

.mb-4 {
  margin-bottom: var(--margin-4);
}

.mb-5 {
  margin-bottom: var(--margin-5);
}

.mb-7 {
  margin-bottom: var(--margin-7);
}


/*--------------------------------------------------------------
- PADDING
--------------------------------------------------------------*/
.p-0 {
  padding: 0;
}

.ps-0 {
  padding-left: 0;
}

.ps-1 {
  padding-left: var(--padding-side-1);
}

.ps-2 {
  padding-left: var(--padding-side-2);
}

.ps-3 {
  padding-left: var(--padding-side-3);
}

.ps-4 {
  padding-left: var(--padding-side-4);
}

.ps-5 {
  padding-left: var(--padding-side-5);
}

.ps-6 {
  padding-left: var(--padding-side-6);
}

.ps-7 {
  padding-left: var(--padding-side-7);
}

.ps-8 {
  padding-left: var(--padding-side-8);
}

.pe-0 {
  padding-right: 0;
}

.pe-1 {
  padding-right: var(--padding-side-1);
}

.pe-2 {
  padding-right: var(--padding-side-2);
}

.pe-3 {
  padding-right: var(--padding-side-3);
}

.pe-4 {
  padding-right: var(--padding-side-4);
}

.pe-5 {
  padding-right: var(--padding-side-5);
}

.pe-6 {
  padding-right: var(--padding-side-6);
}

.pe-7 {
  padding-right: var(--padding-side-7);
}

.pe-8 {
  padding-right: var(--padding-side-8);
}

@media screen and (max-width: 1024px) {
.mob-pe-5 {
      padding-right: var(--padding-side-5);
  }
  .mob-pd {
      padding: 0 !important;
  }
  .mob-se-5 {
      padding-left: var(--padding-side-5);
  }
  .mpt-2 {
      padding-top: var(--padding-2);
  }
  .mmb-5 {
      margin-bottom: var(--margin-5);
  }
}

.px-0 {
  padding-right: 0;
  padding-left: 0;
}

.px-1 {
  padding-right: var(--padding-side-1);
  padding-left: var(--padding-side-1);
}

.px-2 {
  padding-right: var(--padding-side-2);
  padding-left: var(--padding-side-2);
}

.px-3 {
  padding-right: var(--padding-side-3);
  padding-left: var(--padding-side-3);
}

.px-4 {
  padding-right: var(--padding-side-4);
  padding-left: var(--padding-side-4);
}

.px-5 {
  padding-right: var(--padding-side-5);
  padding-left: var(--padding-side-5);
}

.px-6 {
  padding-right: var(--padding-side-6);
  padding-left: var(--padding-side-6);
}

.px-7 {
  padding-right: var(--padding-side-7);
  padding-left: var(--padding-side-7);
}

.px-8 {
  padding-right: var(--padding-side-8);
  padding-left: var(--padding-side-8);
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-05 {
  padding-top: var(--padding-05);
  padding-bottom: var(--padding-05);
}

.py-1 {
  padding-top: var(--padding-1);
  padding-bottom: var(--padding-1);
}

.py-2 {
  padding-top: var(--padding-2);
  padding-bottom: var(--padding-2);
}

.py-3 {
  padding-top: var(--padding-3);
  padding-bottom: var(--padding-3);
}

.py-4 {
  padding-top: var(--padding-4);
  padding-bottom: var(--padding-4);
}

.py-5 {
  padding-top: var(--padding-5);
  padding-bottom: var(--padding-5);
}

.py-6 {
  padding-top: var(--padding-6);
  padding-bottom: var(--padding-6);
}

.py-7 {
  padding-top: var(--padding-7);
  padding-bottom: var(--padding-7);
}

.py-8 {
  padding-top: var(--padding-8);
  padding-bottom: var(--padding-8);
}

.pt-2rem {
  padding-top: 2rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-05 {
  padding-top: var(--padding-05);
}

.pt-1 {
  padding-top: var(--padding-1);
}

.pt-2 {
  padding-top: var(--padding-2);
}

.pt-3 {
  padding-top: var(--padding-3);
}

.pt-4 {
  padding-top: var(--padding-4);
}

.pt-5 {
  padding-top: var(--padding-5);
}

.pt-6 {
  padding-top: var(--padding-6);
}

.pt-7 {
  padding-top: var(--padding-7);
}

.pt-8 {
  padding-top: var(--padding-8);
}

.pt-12rem {
  padding-top: 12rem;
}

.pb-0 {
padding-bottom: 0;
}

.pb-05 {
  padding-bottom: var(--padding-05);
}

.pb-1 {
  padding-bottom: var(--padding-1);
}

.pb-2 {
  padding-bottom: var(--padding-2);
}

.pb-3 {
  padding-bottom: var(--padding-3);
}

.pb-4 {
  padding-bottom: var(--padding-4);
}

.pb-5 {
  padding-bottom: var(--padding-5);
}

.pb-6 {
  padding-bottom: var(--padding-6);
}



/*--------------------------------------------------------------
# Base @:EDIT BELOW
--------------------------------------------------------------*/


:root {
  interpolate-size: allow-keywords;

  /* Colours */
  --color-rubine-red: #CE0058;
  --color-pms-process: #3B3B3B;
  --color-light-pink: #F3C3D7;
  --color-yellow: #F7CF15;
  --color-neutral: #E9ECEF;
  --color-white: #ffffff;
  --color-off-white: #E9ECEF;
  --color-black: #000000;
  --color-overlay-black: rgb(59 59 59 / 80%);
  --color-modal-bg: #E9ECEF;
  --color-grey-border: #CED4DA;
  --color-form-border: #898989;
  --color-form-placeholder: #727272;

  --color-focus: #4492C6;
  --color-error: #D32F2F;
  --color-success: #388E3C;

  /* Font Family & Sizing */
  --font-size-h1: clamp(2.2rem, calc(2.2rem + 1vw), 2.5rem);
  --font-size-h2: clamp(2rem, calc(2rem + 0.5vw), 2.25rem);
  --font-size-h3: clamp(1.75rem, calc(1.75rem + 0.25vw), 1.875rem);
  --font-size-h4: clamp(1.5rem, calc(1.5rem + 0.125vw), 1.625rem);
  --font-size-h5: clamp(1.375rem, calc(1.375rem + 0.1875vw), 1.5625rem);
  --font-size-h6: clamp(1.25rem, calc(1.25rem + 0.25vw), 1.5rem);

  --font-size-body: 1rem;
  --font-size-xlarge: clamp(1.4rem, 0.8275rem + 1.8321vw, 2rem);
  --font-size-large: 1.5rem;
  --font-size-med: 1.25rem;
  --font-size-sml: 0.875rem;
  --font-size-xsml: 0.75rem;
  --font-primary: "neuzeit-grotesk", sans-serif;

  /* Padding */
  --padding-btns: 0.65rem 1.5rem;
  --padding-05: 0.5rem;
  --padding-1: 1rem;
  --padding-2: 3rem;
  --padding-3: 5rem;
  --padding-4: 7rem;
  --padding-5: 8rem;
  --padding-6: 9rem;
  --padding-7: 10rem;
  --padding-8: 11rem;
  --padding-side-1: clamp(2rem, 2vw, 2vw);
  --padding-side-2: 3vw;
  --padding-side-3: 5vw;
  --padding-side-4: 6vw;
  --padding-side-5: 8vw;
  --padding-side-6: 10vw;
  --padding-side-7: 15vw;
  --padding-side-8: 20vw;

  /* Margins */
  --margin-05: 0.5rem;
  --margin-1: 1rem;
  --margin-1-5: 1.5rem;
  --margin-2: 2.5rem;
  --margin-3: 5rem;
  --margin-4: 7rem;
  --margin-5: 8rem;
  --margin-6: 9rem;
  --margin-7: 10rem;
  --margin-8: 11rem;
  --margin-side-1: clamp(1rem, 2vw, 2vw);
  --margin-side-2: 3vw;
  --margin-side-3: 5vw;
  --margin-side-4: 6vw;
  --margin-side-5: 8vw;

  /* Header Heights */
  --header-height: 6rem;
  --header-height-sticky: 4.5rem;
  --header-height-mob: 3rem;

  /* Section Spacing */
  --section-spacing: 6rem;
  --section-spacing-mobile: 4rem;

  /* Borders */
  --border-width: 0.125rem;
  --border-width-thick: 0.313rem;
  --outline-width: 0.125rem;
  --outline-offset: 0.125rem;

  /* Box Shadows */
  --box-shadow: 0.188rem 0.625rem 0.625rem 0 rgba(0,0,0,0.10);

  /* Text Decoration */
  --text-underline-offset: 0.2rem;
  --text-decoration-thickness: 0.125rem;

  /* Transitions */
  --transition: 0.2s all ease;
}




/* Set overall site width */
.container {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.container-large {
  position: relative;
  margin-left: var(--padding-side-3);
  margin-right: var(--padding-side-3);
  height: 100%;
}

.container-big {
  position: relative;
  margin-left: var(--padding-side-4);
  margin-right: var(--padding-side-4);
  height: 100%;
}

.container-huge {
  position: relative;
  margin-left: var(--padding-side-5);
  margin-right: var(--padding-side-5);
  height: 100%
}

.container-massive {
  position: relative;
  margin-left: var(--padding-side-7);
  margin-right: var(--padding-side-7);
  height: 100%
}

.max-ch {
  max-width: 85ch;
}

@media(max-width: 1024px) {
  .container-massive,  {
    margin-left: var(--padding-side-2);
    margin-right: var(--padding-side-2);
  }
}

@media (max-width: 800px) {
  .container-large, 
  .container-huge, 
  .container-massive {
      margin-left: var(--padding-side-3);
      margin-right: var(--padding-side-3);
  }
}



/* Bg Colours */
.bg-white {
  background-color: var(--color-white);
}

.bg-off-white {
  background-color: var(--color-off-white);
}

.bg-light-pink {
  background-color: var(--color-light-pink);
}








/* Dialogs */
dialog {
  border: none;
  padding: 2rem;
  color: inherit;
}

dialog::-webkit-backdrop {
  background-color: var(--color-black);
  opacity: 0.5;
}

dialog::backdrop {
  background-color: var(--color-black);
  opacity: 0.5;
}

dialog button.close, 
.dialog button.close {
  border: none;
  padding: 0;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  outline-color: transparent;
  outline-offset: var(--outline-offset);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

dialog button.close svg, 
.dialog button.close svg {
  max-width: 1.6rem;
  max-height: 1rem;
}

dialog button.close svg line, 
.dialog button.close svg line {
  stroke: var(--color-pms-process);
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

dialog button.close:hover svg line,
.dialog button.close:hover svg line {
  stroke: var(--color-rubine-red);
}

dialog button.close:focus-visible, 
.dialog button.close:focus-visible {
  outline-color: var(--color-focus);
}







/*--------------------------------------------------------------
- TYPOGRAPHY
--------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 700;
  text-transform: uppercase;
  word-break: break-word;
}

h1 .lc {
  text-transform: none;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  color: var(--color-rubine-red);
  text-decoration-thickness: 0;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  -moz-text-decoration-color: transparent;
}

h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover {
  color: var(--color-rubine-red);
  text-decoration-thickness: var(--text-decoration-thickness);
  -webkit-text-decoration-color: var(--color-rubine-red);
          text-decoration-color: var(--color-rubine-red);
  -moz-text-decoration-color: var(--color-rubine-red);
}

h1, .h1, h2, .h2 {
  letter-spacing: 0.08em;
}

h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  letter-spacing: 0.06em;
}

h1, .h1 {
  font-size: var(--font-size-h1);
  line-height: 2.5rem;
}

h2, .h2 {
  font-size: var(--font-size-h2);
  line-height: clamp(2.125rem, calc(2.125rem + 0.25vw), 2.5rem);
}

h3, .h3 {
  font-size: var(--font-size-h3);
  line-height: 2.125rem;
}

h4, .h4 {
  font-size: var(--font-size-h4);
  line-height: clamp(1.875rem, calc(1.875rem + 0.125vw), 2.125rem);
}

h5, .h5 {
  font-size: var(--font-size-h5);
  line-height: clamp(1.625rem, calc(1.625rem + 0.1875vw), 2rem);
}

h6, .h6 {
  font-size: var(--font-size-h6);
  line-height: 1.5rem;
}

p, 
.wp-block-list li, 
ol li {
  line-height: 1.5;
}

.content img {
  width: auto;
}

.content ul li {
  list-style-type: square;
  line-height: 1.5;
}

.content li::marker {
  color: var(--color-rubine-red);
}

.content li:has(h1)::marker {
  font-size: var(--font-size-h1);
  font-weight: 700;
}

.content li:has(h2)::marker {
  font-size: var(--font-size-h2);
  font-weight: 700;
}

.content li:has(h3)::marker {
  font-size: var(--font-size-h3);
  font-weight: 700;
}

.content li:has(h4)::marker {
  font-size: var(--font-size-h4);
  font-weight: 700;
}

.content li:has(h5)::marker {
  font-size: var(--font-size-h5);
  font-weight: 700;
}

.content li:has(h6)::marker {
  font-size: var(--font-size-h6);
  font-weight: 700;
}

.white {
  color: var(--color-white);
}

.red {
  color: var(--color-rubine-red);
}

.uc {
  text-transform: uppercase;
}

.ls {
  letter-spacing: 0.05em;
}

.ul a {
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  -moz-text-decoration-color: inherit;
  letter-spacing: 0.1em;
}

.bb {
  border-bottom: var(--border-width) solid var(--color-grey-border);
}


/* Links */
p a, 
.content li a, 
figcaption a, 
table a, 
blockquote a, 
.wp-block-list a {
  color: var(--color-rubine-red);
  font-weight: 700;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  -moz-text-decoration-color: transparent;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}

p a:hover, 
p a:focus-visible, 
.content li a:hover, 
.content li a:focus-visible, 
figcaption a:hover, 
table a:hover, 
table a:focus-visible, 
blockquote a:hover, 
blockquote a:focus-visible, 
.wp-block-list a:hover, 
.wp-block-list a:focus-visible {
  -webkit-text-decoration-color: var(--color-rubine-red);
          text-decoration-color: var(--color-rubine-red);
  -moz-text-decoration-color: var(--color-rubine-red);
}


span {
  /* display: block; */
}

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

.font-xlarge {
  font-size: var(--font-size-xlarge);
}

.font-large {
  font-size: var(--font-size-large);
}

.font-med {
  font-size: var(--font-size-med);
}

.font-sml {
  font-size: var(--font-size-sml);
}

.font-xsml {
  font-size: var(--font-size-xsml);
}

.strong {
  font-weight: 700;
}

table {
  border-spacing: 0;
  width: 100%;
}

table tr, 
table td, 
table th {
  padding: 0.625rem;
  border: 1px solid var(--color-off-white);
}

table th {
  background-color: var(--color-off-white);
  text-align: inherit;
}





/*--------------------------------------------------------------
- FLEXBOX
--------------------------------------------------------------*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    /* width: 100%; */
}

.flex-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.flex-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}

.flex-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.flex-grow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-third {
  width: calc(33.33% - 2rem);
}

.flex-50 {
  width: 50%;
}

@media (max-width: 801px) {
  .flex-third {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  }
  .flex-50 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}

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

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

.flex-nowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

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

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

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

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

.flex-vertical-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.flex-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

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

.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}




/*--------------------------------------------------------------
- GRID
--------------------------------------------------------------*/
.grid {
  display: -ms-grid;
  display: grid;
}

.grid-1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
}

.grid-1 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.125rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 5vw;
  grid-row-gap: calc(var(--section-spacing)/ 2);
}

.grid-2 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-2 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.grid-3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.125rem 1fr 2rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 2vw;
  grid-row-gap: var(--section-spacing);
}

.grid-3 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-3 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.grid-3 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.grid-4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 2vw;
  grid-row-gap: calc(var(--section-spacing)/ 2);
}

.grid-4 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-4 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.grid-4 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.grid-4 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.grid-5 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
  grid-template-columns: repeat(5, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 2vw;
  grid-row-gap: calc(var(--section-spacing)/ 2);
}

.grid-5 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-5 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.grid-5 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.grid-5 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.grid-5 > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}

.grid-6 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
  grid-template-columns: repeat(6, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 2vw;
  grid-row-gap: calc(var(--section-spacing)/ 2);
}

.grid-6 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-6 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.grid-6 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.grid-6 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.grid-6 > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}

@media (max-width: 1024px) {
  .grid-2,
  .grid-3 {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-row-gap: calc(var(--section-spacing-mobile) * 0.75);
  }
}

@media (max-width: 1024px) {
  .grid-4 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: calc(var(--section-spacing-mobile) * 0.75);
  }
}

@media (max-width: 600px) {
  .grid-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}





/*--------------------------------------------------------------
# BUTTONS
--------------------------------------------------------------*/
.btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2vw;
}

.text-center .btn-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.button, 
.button-primary,
.wp-block-button__link, 
.aaf-btn.pink-btn {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.75rem 1.125rem 0.65rem 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1rem;
  border: var(--border-width) solid var(--color-rubine-red);
  transition: var(--transition);
  outline: var(--outline-width) solid transparent;
  outline-offset: var(--outline-offset);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
  cursor: pointer;
}

.wp-block-button__link {
  padding: 0.75rem 1.125rem 0.65rem 1.125rem !important;
}

/* For Gutenberg buttons to behave */
.wp-block-button__link {
  background-color: var(--color-rubine-red) !important;
  border: var(--border-width) solid var(--color-rubine-red) !important;
}

.wp-block-button a:hover {
  background-color: var(--color-white) !important;
  color: var(--color-rubine-red) !important;
}

.button:has(.icon) span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button .icon {
  width: auto;
  height: 1rem;
  margin-right: 1rem;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.button:focus-visible {
  outline-color: var(--color-focus);
}

.button.primary, 
.button-primary, 
.aaf-btn.pink-btn {
  background-color: var(--color-rubine-red) !important;
  color: var(--color-white) !important;
}

.button.primary .icon {
  filter: brightness(0) saturate(0) invert(1);
  -webkit-filter: brightness(0) saturate(0) invert(1);
}

.button.secondary {
  background-color: var(--color-white);
  color: var(--color-rubine-red);
}

.button.primary:hover, 
.button-primary:hover,
.aaf-btn.pink-btn:hover {
  background-color: var(--color-white) !important;
  color: var(--color-rubine-red) !important;
}

.button.primary:hover .icon {
  filter: brightness(1) saturate(1) invert(0);
  -webkit-filter: brightness(1) saturate(1) invert(0);
}

.wp-block-button.is-style-outline a {
  background: transparent !important;
  color: var(--color-rubine-red) !important;
}

.button.secondary:hover, 
.wp-block-button.is-style-outline a:hover {
  background-color: var(--color-rubine-red) !important;
  color: var(--color-white) !important;
  border-color: var(--color-rubine-red);
}





/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
#masthead {
  position: sticky;
  top: 0;
  left: 0;
  background-color: var(--color-white);
  z-index: 999;
}

#masthead .container-large {
  z-index: 2;
  margin: 0;
  padding-left: var(--padding-side-3);
  padding-right: var(--padding-side-3);
}

#masthead .grid {
  -ms-grid-columns: auto 0 1fr;
  grid-template-columns: auto 1fr;
  grid-auto-rows: 1fr;
  gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#masthead .site-branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#masthead .site-branding img {
  display: block;
  max-width: 11rem;
  width: auto;
  height: calc(var(--header-height) + 0.2rem);
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}
.sticky #masthead {
  border-bottom: 1px solid var(--color-off-white);
}

.sticky #masthead .grid {
  min-height: var(--header-height-sticky);
}

.sticky #masthead .site-branding img {
  height: var(--header-height-sticky);
}

.sticky #masthead #primary > li > ul {
  border-top: 1px solid var(--color-off-white);
}

#masthead #site-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#masthead .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#masthead .menu a {
  display: block;
}

#masthead .sub-menu {
  list-style: none;
  padding: 0;
}

#masthead .menu a {
  position: relative;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  color: var(--color-pms-process);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: 0.05rem;
  -moz-text-decoration-color: transparent;
}

#masthead .menu a:hover, 
#masthead .menu a:focus-visible {
  -webkit-text-decoration-color: var(--color-pms-process);
          text-decoration-color: var(--color-pms-process);
  -moz-text-decoration-color: var(--color-pms-process);
}

#masthead .menu > li > a {
  padding: 2.5rem 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sticky #masthead .menu > li > a {
  padding: 1.65rem 1vw;
}

#masthead .menu > li.menu-item-has-children > a::after {
  content: '';
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 0.6rem;
  background: url('../svg/chevron-down-pink.svg') no-repeat center;
  margin-left: 0.5rem;
  background-size: contain;
}

#masthead #primary > li > ul {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  max-width: 15rem;
  background-color: var(--color-white);
  padding: 1rem;
  z-index: 2;
  list-style: none;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}

#masthead #primary .expand > a {
	padding-left: 5vw;
}

#masthead #primary > li.mm > ul {
  display: -ms-grid;
  display: grid;
  width: 100%;
  max-width: 100%;
  left: 0;
  -ms-grid-columns: 1fr 3vw 1fr 3vw 1fr 3vw 1fr 3vw 1fr;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 3vw;
  padding: 3rem var(--padding-side-7);
}

#masthead #primary .sub-menu > li:not(.parent) a {
  font-size: var(--font-size-sml);
  padding: 0.5rem 0;
}

#masthead #primary > li:hover > ul {
  opacity: 1;
  pointer-events: auto;
}

#masthead .sub-menu > .parent > a {
  font-weight: 700;
  padding-bottom: 2rem;
}

#masthead .sub-menu > .parent > a::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 1rem;
  height: 0.125rem;
  background-color: var(--color-off-white);
}

#masthead .no-link > a {
  pointer-events: none;
}

@media(max-width: 1024px) {
  #masthead .site-branding img {
    height: var(--header-height-sticky);
  }
}


/* Search Dialog */
.searchbutton {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border: none;
  padding: 2.25rem 1vw;
  background: transparent;
  font-family: var(--font-primary);
  font-size: var(--font-size-body);
  font-weight: 400;
  text-transform: unset;
  letter-spacing: unset;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  color: var(--color-pms-process);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}

.sticky .searchbutton {
  padding: 1.5rem 1vw;
}

@media(max-width: 1024px) {
  .searchbutton {
    padding: 1.5rem 1vw;
  }
} 

.searchbutton:hover {
  -webkit-text-decoration-color: var(--color-pms-process);
          text-decoration-color: var(--color-pms-process);
  -moz-text-decoration-color: var(--color-pms-process);
}

.searchbutton img {
  width: 1rem;
  max-height: 1rem;
}

#search-dialog {
  display: none;
  position: fixed;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 50%);
}


#search-dialog > div {
  position: relative;
  width: 45rem;
  max-width: 80vw;
  margin-top: 8rem;
  height: fit-content;
  z-index: 99;
  padding: 2rem;
  background-color: var(--color-off-white);
}

#search-dialog.is-open {
  display: flex;
}

#search-dialog form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
}

#search-dialog form input {
  min-width: 20rem;
  padding: 0.5rem 1rem;
  border: 0.125rem solid var(--color-form-border);
  border-radius: 0;
  color: var(--color-pms-process);
  -webkit-box-shadow: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

/* AJAX Search */
#search-dialog #ajaxsearchlite1 .probox, div.asl_w .probox, 
div.asl_m .probox .proinput input {
  height: 3rem !important;
  border: var(--border-width) solid var(--color-form-border) !important;
}

div.asl_w {
  box-shadow: none !important;
}

#search-dialog #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
  font-size: 1rem !important;
}

#search-dialog div.asl_w .probox .proloading, 
div.asl_w .probox .proclose, 
div.asl_w .probox .promagnifier, 
div.asl_w .probox .prosettings {
  height: 3rem !important;
  width: 3rem !important;
}

div.asl_m .probox div.asl_simple-circle {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

#search-dialog .asl_m .probox {
  background-color: var(--color-white) !important;
}

#search-dialog div.asl_m .probox .proinput input.autocomplete {
  margin-top: -3rem !important;
}

div.asl_r {
  margin-top: 0 !important;
}

div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
  font-family: var(--font-primary) !important;
  font-size: var(--font-size-body) !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  line-height: 1.4 !important;
  color: inherit !important;
}

div.asl_r .results .item .asl_content h3 a:hover, 
div.asl_r .results .item .asl_content h3 a:focus-visible {
  color: var(--color-rubine-red) !important;
}

div.asl_r .results .item .asl_content .asl_desc {
  font-size: var(--font-size-sml) !important;
  line-height: 1.1 !important;
}

div.asl_r .results .item .asl_image {
  margin-right: 1rem !important;
}

#ajaxsearchlite1 .probox .proinput, div.asl_w .probox .proinput, 
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input, 
#ajaxsearchlite1 .probox .proinput, div.asl_w .probox .proinput::placeholder, 
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input::placeholder, 
.results .asl_nores .asl_keyword {
  font-family: var(--font-primary) !important;
}


@media(max-width: 800px) {
  #search-dialog > div {
    max-width: 90vw;
  }
  #search-dialog form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #search-dialog form input {
    min-width: unset;
  }
  #search-dialog form button {
    width: 100%;
  }
}





/* Hamburger */
.hamburger {
  border: none;
  position: relative;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
    webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 1rem;
  padding: 1.5rem 0 1.5rem 4rem;
}

.hamburger span, 
.hamburger span::before,
.hamburger span::after {
  background-color: var(--color-rubine-red);
}

.hamburger::before {
  content: 'More';
  position: absolute;
  color: var(--color-pms-process);
  font-size: 1rem;
  right: 1.5rem;
  opacity: 1;
  pointer-events: none;
}

.hamburger--spin.is-active::before {
  content: 'Close';
}

.hamburger-box {
  width: 1rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}


.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
  width: 1rem;
  height: 1px;
  background-color: var(--color-white);
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
      -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
          transition-timing-function: ease; 
}

.hamburger-inner::before, 
.hamburger-inner::after {
  content: "";
  display: block; 
}

.hamburger-inner::before {
  top: -6px; 
}

.hamburger-inner::after {
  bottom: -6px; 
}

.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
      -o-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--spin .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; 
}

.hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
      -o-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; 
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
      -o-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--spin-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; 
}

.hamburger--spin-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
          transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
      -o-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; 
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}


/* Mobile Menu */
#masthead #mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#masthead #mobile li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem var(--padding-side-3) 1rem 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#masthead #mobile li:not(:last-child) a {
  border-bottom: 1px solid var(--color-off-white);
}

.mob-container {
  position: fixed;
  -webkit-transform: translateX(103%);
      -ms-transform: translateX(103%);
          transform: translateX(103%);
  width: 95vw;
  height: 100dvh;
  /* overflow-x: scroll; */
  right: 0;
  top: 0;
  padding-top: calc(var(--header-height-sticky) + 0.125rem);
  background-color: var(--color-white);
  z-index: -1;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.mob-container.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}


#mobile > li > .sub-menu, 
#mobile > li > .sub-menu > li > .sub-menu {
    display: none;
}

#mobile > li.active > .sub-menu, 
#mobile > li.active > .sub-menu > li.active > .sub-menu {
    display: block;
}

#mobile li.inactive, 
#mobile li.has-children.active > a {
    display: none !important;
}

#mobile > li > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#masthead #mobile li.menu-item-has-children > a::after {
  content: '';
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 0.6rem;
  background: url('../svg/chevron-down-pink.svg') no-repeat center;
  margin-left: 0.5rem;
  background-size: contain;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

#mobile .menu-back {
  background-color: var(--color-off-white);
}

#mobile .menu-back a {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

#mobile .menu-back:not(.no-link) a::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 0.6rem;
  background: url('../svg/chevron-down-pink.svg') no-repeat center;
  margin-right: 0.5rem;
  background-size: contain;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}


@media(min-width: 1025px) {
  .hamburger, 
  .mob-container {
    display: none;
  }
}

@media(max-width: 1024px) {
  #masthead #primary {
    display: none;
  }
}




/* BREADCRUMBS */
#breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  color: var(--color-pms-process);
  font-size: var(--font-size-sml);
  gap: 0.5rem;
}

#breadcrumbs a {
  color: inherit;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  -moz-text-decoration-color: transparent;
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}

#breadcrumbs .current {
  text-decoration: underline;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  -moz-text-decoration-color: inherit;
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
}

#breadcrumbs a:hover {
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  -moz-text-decoration-color: inherit;
}

#breadcrumbs .sep {
  max-width: var(--font-size-xsml);
  rotate: -90deg;
}

.breadcrumbs-wrap {
  position: relative;
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-off-white);
  z-index: 99;
}

.breadcrumbs-wrap .container-large {
  height: 3rem;
}

.breadcrumbs-wrap .mobile-only {
  display: none;
}


@media(max-width: 800px) {
  .breadcrumbs-wrap .mobile-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .breadcrumb-back-button a {
    color: inherit;
    font-size: var(--font-size-sml);
  }
  #breadcrumbs {
    display: none;
  }
}



/* STICKY BAR */
.sticky-bar {
  position: fixed;
  top: calc(var(--header-height) + 3rem);
  left: 0;
  width: 100%;
  background-color: var(--color-rubine-red);
  opacity: 0;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
  pointer-events: none;
  z-index: 8;
}

.sticky .sticky-bar {
  top: var(--header-height-sticky);
}

.sticky-bar.visible {
  opacity: 1;
  pointer-events: auto;
}

.sticky-bar .container-large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sticky-bar p, 
.sticky-bar a {
  width: 100%;
  text-align: center;
  letter-spacing: 0.1em;
  text-decoration: none;
  font-weight: 700;
}




/*--------------------------------------------------------------
# SPLIDE
--------------------------------------------------------------*/
.splide__pagination {
  bottom: -2.5rem;
}

.splide__pagination__page {
  background: transparent;
  border: var(--border-width) solid var(--color-grey-border);
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  opacity: 1;
  margin: 0.1rem 0.2rem;
}

.splide__pagination__page.is-active {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  border-color: var(--color-pms-process);
  background-color: var(--color-pms-process);
}

.splide.number-page .splide__pagination {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: var(--padding-side-3);
}

.splide.number-page .splide__arrow {
  bottom: -3rem;
  transform: translate(0);
  top: unset;
  right: calc(var(--padding-side-2) + 2rem);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
}

.splide.number-page .splide__arrow--prev {
  right: 10.5rem;
  left: unset;
}

.splide.number-page .splide__pagination {
  display: none;
}

.splide.number-page ~ .counter {
  position: absolute;
  bottom: -2.5rem;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - var(--padding-side-3));
  pointer-events: none;
} 

.splide.number-page ~ .custom-arrows {
  position: relative;
}

.splide.number-page ~ .custom-arrows button {
  position: absolute;
  background: none;
  border: none;
  height: 2rem;
  width: 3rem;
  bottom: -3rem;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.splide.number-page ~ .custom-arrows .splide__arrow--prev {
  left: 0;
}

.splide.number-page ~ .custom-arrows .splide__arrow--next {
  right: var(--padding-side-3);
}

.splide.number-page ~ .custom-arrows button:disabled {
  filter: saturate(0);
  -webkit-filter: saturate(0);
  opacity: 0.6;
  pointer-events: none;
}

.splide.number-page + .custom-arrows button img {
  width: 2rem;
  height: 1rem;
}

.splide.number-page ~ .custom-arrows .splide__arrow--prev img {
  rotate: 180deg;
}

@media(min-width: 1200px) {
  .splide.number-page ~ .counter {
    width: auto;
    right: calc(var(--padding-side-3) + 3.5rem);
    left: unset;
  } 
  .splide.number-page ~ .custom-arrows .splide__arrow--next {
    bottom: -3rem;
    -ms-transform: translate(0);
        transform: translate(0);
    top: unset;
    right: calc(var(--padding-side-2) + 2rem);
    -webkit-transform: translate(0);
  }

  .splide.number-page ~ .custom-arrows .splide__arrow--prev {
    bottom: -3rem;
    -ms-transform: translate(0);
        transform: translate(0);
    top: unset;
    left: unset;
    right: calc(var(--padding-side-2) + 7rem);
    -webkit-transform: translate(0);
  }
}



/*--------------------------------------------------------------
# GLOBAL ITEMS
--------------------------------------------------------------*/
/* Hero (additional in template-parts/hero */

#hero {
    --hero-height-large: 44rem;
    --hero-height-letterbox: 20rem;
    
    z-index: 1;
}

#hero .large {
    height: var(--hero-height-large);
}

#hero .letterbox {
    min-height: var(--hero-height-letterbox);
    padding: var(--padding-3) 0;
}

#hero:has(.text) {
    margin-top: var(--padding-2);
    margin-bottom: var(--padding-2);
}

#hero .text .hero-content {
    max-width: unset;
}

#hero .container-large.hero-center.text {
    margin-left: var(--padding-side-7);
    margin-right: var(--padding-side-7);
}

@media(max-width: 800px) {
  #hero .container-large.hero-center.text {
    margin-left: var(--padding-side-3);
    margin-right: var(--padding-side-3);
  }
  #hero .container-large.hero-center .btn-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}



#hero .bg-image {
    z-index: -2;
}

@media(max-width: 1024px) {
  #hero .grid-2 {
    grid-row-gap: 0;
  }
  #hero .image {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    aspect-ratio: 1/1;
    max-height: 30rem;
  }
  #hero .content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
    padding: 2rem;
  }
}

#hero .hero-content {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
}

#hero .hero-content p {
    margin-bottom: 0;
}

/* #hero .hero-content[class*="bg-"] > * {
    color: var(--color-white);
} */

@media(min-width: 800px) {
    #hero .hero-content {
        max-width: 80ch;
    }
}

/* Social Icons */
.social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.social-icons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.social-icons img {
  max-width: 2rem;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
  opacity: 1;
}

.social-icons a:hover img {
  opacity: 0.8;
}



/*--------------------------------------------------------------
# CARDS
--------------------------------------------------------------*/
.card {
  position: relative;
}

.card a, 
article.card, 
.fairs .card  {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  color: unset;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* outline: var(--outline-width) solid transparent;
  outline-offset: var(--outline-offset); */
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.card a:hover .bg-image img, 
.fairs .card:hover .bg-image img {
  opacity: 0.7;
}

.card a:hover .button, 
.fairs .card:hover .button {
  background-color: transparent !important;
  color: var(--color-rubine-red) !important;
}



/*
.card a:focus-visible {
  outline-color: var(--color-focus);
} */

.card .image {
  position: relative;
  /* aspect-ratio: 16/9; */
  overflow: hidden;
}

.card .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.card .image .bg-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.card span {
  display: block;
}




/*--------------------------------------------------------------
# GLOBAL ACF BLOCKS
--------------------------------------------------------------*/
.cta .disclaimer p {
    margin: 0;
}

.cta .disclaimer {
    margin-bottom: -2rem;
}

.cta .card .btn-wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cta .disclaimer a {
    color: inherit;
    font-weight: inherit;
    text-decoration: underline;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.cta .disclaimer a:hover {
    text-decoration-thickness: var(--text-decoration-thickness);
}




/*--------------------------------------------------------------
# GRAVITY FORMS
--------------------------------------------------------------*/
.gform-theme--foundation input, 
.gform-theme--foundation select, 
.gform-theme--foundation textarea {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: var(--border-width) solid var(--color-form-border) !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  color: var(--color-pms-process) !important;
  padding: 0.5rem 1rem !important;
  line-height: var(--gf-ctrl-line-height) !important;
}

.gform-theme--foundation input[type="radio"] {
  padding: 0.25rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  -ms-border-radius: 100% !important;
  -o-border-radius: 100% !important;
}

.gform-theme--foundation input[type="radio"]::before {
  background-color: var(--color-pms-process) !important;
  inline-size: 0.5rem !important;
  height: 0.5rem !important;
}

.gform-theme--foundation input[type="checkbox"] {
  padding: 0.5rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.gform-theme--foundation input[type="checkbox"]::before {
  color: var(--color-pms-process) !important;
}

.gform-theme--foundation input[type="checkbox"]:checked {
  border-color: var(--color-black) !important;
}

.gform-theme--foundation input, 
.gform-theme--foundation textarea, 
.gform-theme--foundation .gchoice label {
  font-size: 1rem !important;
}

.gform-theme--foundation select {
  font-size: var(--font-size-sml) !important;
}

.gform-theme--foundation input, 
.gform-theme--foundation select {
  height: unset !important;
}

.gform-theme--foundation input:not(.gfield-choice-input):user-valid, 
.gform-theme--foundation textarea:user-valid {
  border-color: var(--color-success) !important;
}

.gform-theme--foundation input:user-invalid, 
.gform-theme--foundation textarea:user-invalid {
    border-color: var(--color-error) !important;
}

.gform-theme--foundation *::-webkit-input-placeholder {
  color: var(--color-form-placeholder) !important;
  font-size: var(--font-size-sml) !important;
}

.gform-theme--foundation *::-moz-placeholder {
  color: var(--color-form-placeholder) !important;
  font-size: var(--font-size-sml) !important;
}

.gform-theme--foundation *:-ms-input-placeholder {
  color: var(--color-form-placeholder) !important;
  font-size: var(--font-size-sml) !important;
}

.gform-theme--foundation *::-ms-input-placeholder {
  color: var(--color-form-placeholder) !important;
  font-size: var(--font-size-sml) !important;
}

.gform-theme--foundation *::placeholder {
  color: var(--color-form-placeholder) !important;
  font-size: var(--font-size-sml) !important;
}

.gform-theme--foundation .gfield_label, 
.gform-theme--framework .gf_progressbar_title {
  font-size: 1rem !important;
}

.gform-theme--foundation .gform_button {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  border: var(--border-width) solid var(--color-rubine-red) !important;
  text-transform: uppercase !important;
  padding: 0.75rem 1.125rem !important;
  letter-spacing: 0.1rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background-color: var(--color-rubine-red) !important;
  color: var(--color-white) !important;
  line-height: unset !important;
  outline: var(--outline-width) solid transparent !important;
  outline-offset: var(--outline-offset) !important;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.gform-theme--foundation .gform_button:hover {
  background-color: var(--color-white) !important;
  color: var(--color-rubine-red) !important;
}

.gform-theme--foundation .gform_button:focus, 
.gform-theme--foundation .gform_button:focus-visible {
  outline-color: var(--color-focus) !important;
}

.gform-theme--foundation .gfield_list_icons button {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.gform-theme--foundation .gfield_list_icons button::before {
  background-color: var(--color-rubine-red) !important;
}

.gform-theme--foundation input[type="submit"] {
  background-color: var(--color-rubine-red) !important;
  color: var(--color-white) !important;
}

.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) {
  background-image: url('../svg/chevron-down-black.svg') !important;
  background-size: 1rem !important;
  background-position: calc(100% - 1rem) !important;
}

.gform-theme--foundation .gfield_required, 
.gform-theme--foundation .gfield_validation_message, 
.gform-theme--foundation .gform_submission_error {
  font-size: 1rem !important;
  color: var(--color-error) !important;
}

.gform-theme--foundation .gform_confirmation_message {
  background-color: rgb(56 142 60 / 32%);
  padding: 2rem;
  margin: 3rem 0;
}

.gform-theme--framework .gf_progressbar .gf_progressbar_percentage {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.gform-theme--foundation .button {
  padding: 0.75rem 1.125rem !important;
  letter-spacing: 0.1rem !important;
  border: var(--border-width) solid var(--color-rubine-red) !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  color: var(--color-rubine-red) !important;
  height: fit-content !important;
  width: fit-content !important;
  background: transparent !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  outline: var(--outline-width) solid transparent;
  outline-offset: var(--outline-offset);
}

.gform-theme--foundation .gform_next_button {
  background: var(--color-rubine-red) !important;
  color: var(--color-white) !important;
}

.gform-theme--foundation .gform_next_button:hover {
  background: var(--color-white) !important;
  color: var(--color-rubine-red) !important;
}

.gform-theme--foundation .gform_previous_button:hover {
  background-color: var(--color-rubine-red) !important;
  color: var(--color-white) !important;
}

.gform-theme--foundation .button:focus-visible {
  outline-color: var(--color-focus);
}

.gform-theme--foundation .gform_page_footer {
  margin-top: 2.5rem !important;
}

/* Force full width fields */
.gform-theme--foundation .fw .ginput_left {
  inline-size: 100% !important;
}





/*--------------------------------------------------------------
# GUTENBERG
--------------------------------------------------------------*/
:where(.wp-block-columns) {
  margin-bottom: 0;
}

.wp-block-image :where(figcaption) {
  font-size: var(--font-size-sml);
}

h5.wp-block-heading {
  margin: 0;
}

figure {
  margin: 0;
}

.wp-block-image figure {
  width: 100%;
}

figcaption p {
  margin: 0.5rem 0 0 0;
}

.wp-block-image .aligncenter {
  text-align: center;
}

@media(min-width: 782px) {
  .wp-block-columns {
    gap: 2em;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column img {
    width: 100% !important;
    height: auto !important;
  }
}

@media(max-width: 782px) {
  .wp-block-buttons>.wp-block-button {
    margin-bottom: 0.25rem;
  }
  .wp-block-quote {
    margin: 0 0 1rem;
  }
}






/*--------------------------------------------------------------
# ACCESSIBILITY
--------------------------------------------------------------*/
.visually-hidden, 
.sr-only {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}






/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
#colophon {
  background-color: var(--color-off-white);
}

#colophon .social-icons {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


#colophon .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#colophon .menu a {
  display: block;
  padding: 0.5rem 0;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  color: var(--color-pms-process);
  font-size: var(--font-size-sml);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: 0.05rem;
}

#colophon .menu .parent > a {
  padding-top: 0;
}

#colophon .menu a:hover {
  -webkit-text-decoration-color: var(--color-pms-process);
          text-decoration-color: var(--color-pms-process);
  -moz-text-decoration-color: var(--color-pms-process);
}

#colophon .parent > a {
  font-weight: 700;
}

#colophon .no-link > a {
  pointer-events: none;
}


@media(max-width: 1024px) {
  #colophon .grid-4 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 2rem;
  }
}

@media(max-width: 800px) {
  #colophon .grid-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #colophon .social-icons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}





/*--------------------------------------------------------------
# SINGLE PAGE TEMPLATES
--------------------------------------------------------------*/

/* Single Fairs */
.card.highlight {
  min-height: 18rem;
  height: 100%;
}

.card.highlight a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.card.highlight .card-body {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 1;
  padding: 1.5rem;
}

.card.highlight span {
    text-decoration: underline;
    text-underline-offset: var(--text-underline-offset);
    text-decoration-thickness: var(--text-decoration-thickness);
}

.card.highlight a::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%);
    pointer-events: none;
    z-index: 1;
}

.highlight-slider .container-large {
    margin-right: 0;
}

.is-hidden {
  display: none !important;
}

.single-fairs .download:hover, 
.single-fairs .download:focus-visible {
  color: var(--color-pms-process);
  -webkit-text-decoration-color: var(--color-pms-process);
          text-decoration-color: var(--color-pms-process);
  -moz-text-decoration-color: var(--color-pms-process);
}

.single-fairs .cta .grid-2 {
  grid-column-gap: 1rem;
}

.single-fairs .cta .card {
  border: var(--border-width-thick) solid var(--color-light-pink);
}

.single-fairs .cta .card:first-child {
  background-color: var(--color-light-pink);
}

@media(min-width: 1200px) {
  #highlightSplide-lists {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-rows: repeat(8, 1fr);
    grid-auto-rows: 1fr;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
  }
  #highlightSplide-lists > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #highlightSplide-lists > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  #highlightSplide-lists > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  #highlightSplide-lists > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  #highlightSplide-lists > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  #highlightSplide-lists > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  #highlightSplide-lists > *:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  #highlightSplide-lists > *:nth-child(8) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  #highlightSplide-lists > *:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
  }
  #highlightSplide-lists > *:nth-child(10) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  #highlightSplide-lists > *:nth-child(11) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
  }
  #highlightSplide-lists > *:nth-child(12) {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
  }
  #highlightSplide-lists > *:nth-child(13) {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
  }
  #highlightSplide-lists > *:nth-child(14) {
    -ms-grid-row: 9;
    -ms-grid-column: 3;
  }
  #highlightSplide-lists > *:nth-child(15) {
    -ms-grid-row: 9;
    -ms-grid-column: 5;
  }
  #highlightSplide-lists > *:nth-child(16) {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }
  #highlightSplide-lists > *:nth-child(17) {
    -ms-grid-row: 11;
    -ms-grid-column: 3;
  }
  #highlightSplide-lists > *:nth-child(18) {
    -ms-grid-row: 11;
    -ms-grid-column: 5;
  }
  #highlightSplide-lists > *:nth-child(19) {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
  }
  #highlightSplide-lists > *:nth-child(20) {
    -ms-grid-row: 13;
    -ms-grid-column: 3;
  }
  #highlightSplide-lists > *:nth-child(21) {
    -ms-grid-row: 13;
    -ms-grid-column: 5;
  }
  #highlightSplide-lists > *:nth-child(22) {
    -ms-grid-row: 15;
    -ms-grid-column: 1;
  }
  #highlightSplide-lists > *:nth-child(23) {
    -ms-grid-row: 15;
    -ms-grid-column: 3;
  }
  #highlightSplide-lists > *:nth-child(24) {
    -ms-grid-row: 15;
    -ms-grid-column: 5;
  }

  #highlightSplide .splide__list > li:nth-of-type(6n + 1) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  #highlightSplide .splide__list.highlight-count--three > li:nth-of-type(6n + 1) {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
  }

  #highlightSplide .splide__list > li:nth-of-type(6n + 1) > ul {
    height: 100% !important;
  }

  #highlightSplide .splide__list > li:nth-of-type(6n + 1) > ul:first-of-type {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  #highlightSplide .splide__list.highlight-count--three > ul:first-of-type {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }

  #highlightSplide .splide__list> li:nth-of-type(6n + 5) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  #highlightSplide .splide__list> li:nth-of-type(6n + 5) > ul {
    height: 100% !important;
  }

  #highlightSplide .splide__list> li:nth-of-type(6n + 5) > ul:first-of-type {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
} 


/* Partners */
.partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.partners .partner {
  /* width: calc((100% / 6) - 1rem); */
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(16.666% - 0.833rem);
          flex: 1 0 calc(16.666% - 0.833rem); /* 100% / 6 = 16.666% */
  max-width: calc(16.666% - 0.833rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.partners .partner .image {
  width: 100%;
  border: var(--border-width) solid var(--color-off-white);
}

.partners .partner .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 10rem;
  background-color: var(--color-off-white);
  padding: 2rem;  
}

.partners .partner img {
  max-height: 5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.partners .partner a:hover .image {
  border-color: var(--color-rubine-red);
}

.partners .featured .row {
  gap: 3vw;
}

.partners .content {
  max-width: 65ch;
}

.partners .featured .image img {
  max-width: 15rem;
}

.partners .featured a .image {
  padding: 2rem;
  border: var(--border-width) solid transparent;
}

.partners .featured a:hover .image, 
.partners .featured a:focus-visible .image {
  border-color: var(--color-rubine-red);
}

@media(max-width: 1200px) {
  .partners .partner {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% / 4) - 1rem);
            flex: 0 1 calc((100% / 4) - 1rem);
    max-width: unset;
  }
}

@media(max-width: 1024px) {
  .partners .partner {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% / 3) - 1rem);
            flex: 0 1 calc((100% / 3) - 1rem);
  }
  #upcoming-fairs .grid-4 {
    grid-row-gap: var(--section-spacing-mobile);
  }
}

@media(max-width: 800px) {
  .partners ul {
    row-gap: 2rem;
  }
  .partners .featured .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .partners .partner {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% / 2) - 1rem);
            flex: 0 1 calc((100% / 2) - 1rem);
  }
  .partners .featured .image img {
    max-width: unset;
  }
}

@media(max-width: 600px) {
  .partners .partner {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}


/* Contact */
.single-fairs .contact .content {
  max-width: 85ch;
}

.single-fairs .contact {
	background-color: var(--color-off-white);
	margin-bottom: 0 !important;
}

#upcoming-fairs {
	background-color: transparent;
	padding-bottom: 0 !important;
}


/* Upcoming fairs */
#upcoming-fairs .card .ar-16-9 {
  aspect-ratio: 1/1;
}


/* SINGLE GALLERY PAGES */
.single-gallery #hero {
  margin-bottom: 4rem;
}



/* FAIRS ARCHIVE PAGE */
#fairs .grid-3 {
  grid-row-gap: var(--section-spacing);
}




/* FAIRS GALLERY PAGES */
.gallery-filters fieldset {
  border: none;
}

.galleries .card-link {
  text-decoration: none;
  color: inherit;
}

.galleries .card-link .image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.galleries .card-link:hover img {
  opacity: 0.7;
}

.galleries .card span {
  text-decoration: underline;
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}

.exhibits .location:not(:last-child) {
  border-bottom: var(--border-width) solid var(--color-grey-border);
  margin-bottom: var(--margin-3);
  padding-bottom: var(--padding-3);
}

.exhibits .thumbs {
  grid-column-gap: 0.5rem;
  grid-row-gap: 1rem;
}

.exhibits .thumbs img,
.exhibits .gallery img {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.exhibits .thumbs img:not(.expand-icon img):hover,
.exhibits .gallery img:not(.expand-icon img):hover {
  opacity: 0.7;
}

.exhibits .expand-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--color-rubine-red);
  z-index: 1;
  pointer-events: none;
}

@media(min-width: 1024px) {
  .exhibits .grid-2 {
    -ms-grid-columns: 1fr 40%;
    grid-template-columns: 1fr 40%;
  }
}

@media(max-width: 1024px) {
  .exhibits .thumbs {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}



/* GALLERY LIGHTBOX */
.gallery-lightbox {
  --slide-wrapper-width: 60vw;
}

.gallery-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(233 236 239 / 95%);
  z-index: 999;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.gallery-lightbox.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
} 

.gallery-lightbox .splide__track {
  height: 100%;
} 

.gallery-slide-figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  /* width: 100%;
  max-width: var(--slide-wrapper-width);
  margin: auto; */
} 

.gallery-slide-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* height: 100%;
  width: 100%; */
  max-width: var(--slide-wrapper-width); 
}

.gallery-slide-figure .image-wrapper {
  position: relative;
}

.gallery-slide-figure .grid-2 {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.gallery-slide-figure .meta {
  width: 100%;
  word-break: break-word;
}

.gallery-lightbox-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  background-color: var(--color-rubine-red);
  z-index: 1;
}

.gallery-lightbox-close:hover, 
.gallery-lightbox-close:focus-visible {
  filter: brightness(0.9);
  -webkit-filter: brightness(0.9);
}

.gallery-slide-image {
  max-height: 80vh;
  width: auto;
  display: block;
  /* box-shadow: var(--box-shadow); */
} 

.gallery-lightbox .splide__slide img {
  vertical-align: unset;
}

.gallery-lightbox .counter {
  text-align: right;
}

.gallery-lightbox .custom-arrows button {
  position: absolute;
  background: none;
  border: none;
  height: 2rem;
  width: 3rem;
}


.gallery-lightbox .custom-arrows button:disabled {
  filter: saturate(0);
  -webkit-filter: saturate(0);
  opacity: 0.6;
  pointer-events: none;
}

.gallery-lightbox .splide__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}


.gallery-lightbox .splide__arrow--prev {
  left: calc((100vw - var(--slide-wrapper-width)) / 5);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.gallery-lightbox .splide__arrow--prev img {
  rotate: 180deg;
}

.gallery-lightbox .splide__arrow--next {
  top: 50%;
  right: calc((100vw - var(--slide-wrapper-width)) / 5);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media(max-width: 1024px) {
  .gallery-slide-wrapper {
    max-width: 95vw;
  }
  .gallery-lightbox .splide__arrow--prev {
    left: 3vw;
  }
  .gallery-lightbox .splide__arrow--next {
    right: 3vw;
  }
}

@media(max-width: 800px) {
  .gallery-lightbox .splide__arrow--prev,
  .gallery-lightbox .splide__arrow--next {
    top: unset;
    bottom: 1rem;
  }
}



/* REGISTER FOR UPDATE PAGES */
.fair_generic-template-template-fair_generic-register .gform-body {
  text-align: left !important;
}

.fair_generic-template-template-fair_generic-register .gform-theme--foundation .gform_footer {
  margin-top: 3rem !important;
}




/* INSPIRATION PAGES */
.single-inspiration article .intro {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.single-inspiration article .max-ch p {
  margin-bottom: 0;
}

/* Reset images */
.single-inspiration article img:not(.author-meta img) {
  /* width: auto; */
  /* max-width: 100%; */
}

.single-inspiration article .wp-block-gallery-is-layout-flex img, 
.single-inspiration article figure.size-full img {
  width: 100% !important;
}

.single-inspiration article figure {
  margin-bottom: 2rem;
}

.single-inspiration article p img {
  max-width: 50%;
}

.single-inspiration article p:not(.author-info p) {
  margin-top: 0;
}

.single-inspiration article .wp-block-details summary {
  padding: 1rem 2rem 1rem 0;
  list-style: none;
  font-weight: 700;
  position: relative;
  border-bottom: 1px solid var(--color-pms-process);
  opacity: 1;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.single-inspiration article .wp-block-details summary:hover {
  opacity: 0.8;
}


.single-inspiration article .wp-block-details p {
  margin-top: 1rem !important;
}

.single-inspiration article .wp-block-details summary::after {
  content: '';
  position: absolute;
  right: 0;
  top: 1rem;
  background-image: url('../svg/plus-icon-pink.svg');
  background-size: contain;
  width: 1rem;
  height: 1rem;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.single-inspiration article .wp-block-details[open] summary::after {
  background-image: url('../svg/minus-icon-pink.svg');
}

.author-meta {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 0.5rem 1fr;
  grid-template-columns: auto 1fr;
  grid-column-gap: 0.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.author-meta img {
  max-width: 3rem;
  aspect-ratio: 1/1;
  /* border-radius: 99%;
  -webkit-border-radius: 99%;
  -moz-border-radius: 99%;
  -ms-border-radius: 99%;
  -o-border-radius: 99%; */
  -o-object-fit: cover;
     object-fit: cover;
}

.author-meta.large {
  width: 100%;
  grid-column-gap: 2rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 3rem;
}

.author-meta.large img {
  max-width: 6rem;
}

.single-inspiration .cta .disclaimer, 
.single-exhibitor-hub .cta .disclaimer {
  margin-bottom: unset;
}

.single-inspiration article {
  h2:not(.author h2), h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1rem;
  }
}

@media(max-width: 800px) {
  .single-inspiration article .intro {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .single-inspiration article .intro .lang {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-bottom: 1rem;
  }
  .single-inspiration article .intro .content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media(max-width: 600px) {
  .author-meta.large {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 1rem;
    padding: 2rem;
  }
}

/* Archive Template */
.inspiration.feed .text-link {
    text-decoration: underline;
    text-underline-offset: var(--text-underline-offset);
    text-decoration-thickness: var(--text-decoration-thickness);
    letter-spacing: 0.1em;
    font-weight: 700;
    color: var(--color-rubine-red);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.inspiration.feed .featured .card a {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}

.inspiration.feed .card .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.inspiration.feed .card a:hover img {
  opacity: 0.7;
}

.inspiration.feed .card a:hover .text-link {
    color: inherit;
}

.inspiration.feed .featured .card-body {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.inspiration.feed .container-large.me-0 {
  margin-right: 0;
}

.exhibitor-section article.card {
  height: 100%;
}

.exhibitor-section .counter {
    position: absolute;
    bottom: -2.5rem;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - var(--padding-side-3));
    pointer-events: none;
}

@media(min-width: 1200px) {
  .exhibitor-section .counter {
    width: auto;
    right: calc(var(--padding-side-3) + 3.5rem);
    left: unset;
  }
}

@media(max-width: 1024px) {
  .inspiration.feed .featured .card a {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .exhibitor-section {
    padding-bottom: var(--section-spacing-mobile) !important;
  }
}

@media(max-width: 600px) {
  .exhibitor-section article.card .flex-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
}



/* SEARCH RESULTS */
.search-results .results article:not(:last-child) {
  margin-bottom: 3.125rem;
}

.search-results .results .card-body p {
  margin-bottom: 0;
}

@media(min-width: 1024px) {
  .search-results .results article .grid-2 {
    -ms-grid-columns: 30% 1fr;
    grid-template-columns: 30% 1fr;
  }
}

.pagination .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.pagination .nav-links a {
  color: var(--color-pms-process);
  text-decoration: none;
}

.pagination .nav-links a:hover {
  color: var(--color-rubine-red);
}

.pagination .nav-links .current {
  font-weight: bold;
}



/*--------------------------------------------------------------
# WPML
--------------------------------------------------------------*/
/* Temp */
.otgs-development-site-front-end 
 /* .wpml-ls-statics-footer */ {
  display: none !important;
}

.lang-switch-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.language-switcher {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.language-switcher img {
  max-width: 1rem;
}

.language-switcher .flag-toggle {
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5rem;
  border: var(--border-width) solid var(--color-grey-border);
}

.language-switcher .flag-toggle[aria-expanded="true"] {
  border-color: var(--color-rubine-red);
}

.language-switcher .flag-toggle span {
  color: var(--color-pms-process);
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.language-switcher .flag-toggle:hover, 
.language-switcher .flag-toggle:focus-visible {
  background-color: var(--color-white) !important;
  color: var(--color-rubine-red) !important;
}

.language-switcher .flag-toggle:hover span, 
.language-switcher .flag-toggle:focus-visible span {
  color: var(--color-rubine-red);
}

.language-switcher .flag-dropdown {
	position: absolute;
	top: 100%;
  width: 100%;
  left: 0;
	padding: 0;
	display: block;
  margin: 0;
  list-style-type: none;
}

.language-switcher .flag-dropdown.hidden {
	display: none;
}

.language-switcher .flag-dropdown li {
  display: block;
}

.language-switcher .flag-dropdown a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5rem;
  width: 100%;
  /* line-height: 0; */
  padding: 0.75rem 1.125rem 0.65rem 1.125rem;
  border: var(--border-width) solid var(--color-grey-border);
  background-color: var(--color-white);
  border-top: 0;
}

.language-switcher .flag-dropdown a:hover {
  background-color: var(--color-off-white);
}


.language-switcher .filter-group-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	gap: 0.5rem;
}

.language-switcher .filter-group-toggle:hover {
  background-color: inherit !important;
  color: var(--color-rubine-red) !important;
}

.language-switcher .filter-list.hidden {
	display: none;
}

.language-switcher .filter-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: var(--color-white);
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--color-off-white);
}

.language-switcher .filter-list li {
  width: 100%;
}

.language-switcher .filter-list li:not(:last-child) {
	margin-bottom: 0.5rem;
}

.language-switcher .filter-list li a.language-option {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0.5rem;
	color: var(--color-pms-process);
	text-decoration: none;
	font-size: var(--font-size-sml);
  padding: 1rem;
}

.language-switcher .filter-list li a.language-option:hover {
  background-color: var(--color-off-white);
}

@media(max-width: 1024px) {
  .lang-switch-wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}




/* Filter Dropdowns */
.filter-wrapper {
  margin-bottom: 2rem;
  position: relative;
}

.filter-dropdown {
  display: inline-block;
  position: relative;
}

.filter-dropdown .toggle-icon {
  width: 0.8rem;
}

.filter-dropdown .button:hover {
  background-color: var(--color-rubine-red) !important;
  color: var(--color-white) !important;
}

.filter-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.filter-dropdown-panel {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background: var(--color-white);
  border: 1px solid var(--color-off-white);
  min-width: 15rem;
}

.filter-group-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border: none;
  background: var(--color-white);
  padding: 1rem;
  border-bottom: 1px solid var(--color-off-white);
  cursor: pointer;
}

.filter-group-toggle .chevron-icon {
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
  max-width: 1rem;
}

.filter-group-toggle[aria-expanded="true"] .chevron-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
  list-style: none;
  padding: 1rem;
  margin: 0;
}

.filter-list li {
  display: none;
}

.filter-list li.visible {
  display: block;
}

.filter-list.limited li {
  display: none;
}

.filter-list.limited li.visible {
  display: block;
}

.filter-list.hidden {
  display: none;
}

.filter-list.hidden + button {
  display: none;
}

.filter-group-toggle.archive {
  border-top: 1px solid var(--color-off-white);
}

.filter-list label {
  font-size: var(--font-size-sml);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.filter-list input {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.filter-group input {
  width: 100%;
  padding: 0.75rem 0.3rem;
  border: 1px solid var(--color-form-border);
}

select.form-control {
  appearance: none;
  -webkit-appearance: none; 
  -moz-appearance: none; 
  background-image: url('../svg/chevron-down-black.svg');
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1rem; 
}

.checkbox-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  position: relative;
}

.checkbox-wrapper input[type="checkbox"],
.checkbox-wrapper input[type="radio"] {
  opacity: 0;
  position: absolute;
  width: 1rem;
  height: 1rem;
  margin: 0;
  z-index: 1;
  cursor: pointer;
}

.checkbox-wrapper .custom-checkbox {
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--color-off-white);
  background: white;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox, 
.checkbox-wrapper input[type="radio"]:checked + .custom-checkbox {
  background-color: var(--color-rubine-red);
  border-color: var(--color-rubine-red);
}

.clear-filters {
  padding: 1rem;
}

.clear-filters a {
  color: var(--color-rubine-red);
}

.clear-filters a:hover {
  color: var(--color-pms-process);
}

.show-more-toggle {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0 1rem 1rem 1rem;
  text-decoration: underline;
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
}

.show-more-toggle:hover {
  color: var(--color-rubine-red);
}

.fade-out {
  opacity: 0;
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
}

.fade-in {
  opacity: 1;
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
}

/* Filter Bar (galleries) */
.filter-bar form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.filter-bar .search input, 
.filter-bar select {
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  border: var(--border-width) solid var(--color-grey-border);
}

.filter-bar form > * {
  width: 100%;
}

.filter-bar .btn-wrapper {
  width: auto;
  gap: 0.5rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.filter-bar .btn-wrapper .clear {
  color: inherit;
}

.filter-bar .btn-wrapper .clear:hover {
  color: var(--color-rubine-red);
}

@media(max-width: 1024px) {
  .filter-bar form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}


/* Turnstile */
.gform-page-footer .gf-turnstile-container,
.gform-footer .gf-turnstile-container {
	display: flex;
    width: 100%;
}