@charset "UTF-8";
/*!
Theme Name: honeycomb
Theme URI: http://underscores.me/
Author: Chad Rossouw for HdK
Author URI: https://wearehdk.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: honeycomb
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.

honeycomb is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*Colours*/
/*MMF Colours*/
/*Font Weights*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/poppins-v20-latin-500.eot"); /* IE9 Compat Modes */
  src: url("./assets/fonts/poppins-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/poppins-v20-latin-500.woff2") format("woff2"), url("./assets/fonts/poppins-v20-latin-500.woff") format("woff"), url("./assets/fonts/poppins-v20-latin-500.ttf") format("truetype"), url("./assets/fonts/poppins-v20-latin-500.svg#Poppins") format("svg"); /* Legacy iOS */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: url("./assets/fonts/poppins-v20-latin-500italic.eot"); /* IE9 Compat Modes */
  src: url("./assets/fonts/poppins-v20-latin-500italic.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/poppins-v20-latin-500italic.woff2") format("woff2"), url("./assets/fonts/poppins-v20-latin-500italic.woff") format("woff"), url("./assets/fonts/poppins-v20-latin-500italic.ttf") format("truetype"), url("./assets/fonts/poppins-v20-latin-500italic.svg#Poppins") format("svg"); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("./assets/fonts/poppins-v20-latin-600.eot"); /* IE9 Compat Modes */
  src: url("./assets/fonts/poppins-v20-latin-600.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/poppins-v20-latin-600.woff2") format("woff2"), url("./assets/fonts/poppins-v20-latin-600.woff") format("woff"), url("./assets/fonts/poppins-v20-latin-600.ttf") format("truetype"), url("./assets/fonts/poppins-v20-latin-600.svg#Poppins") format("svg"); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/poppins-v20-latin-700.eot"); /* IE9 Compat Modes */
  src: url("./assets/fonts/poppins-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/poppins-v20-latin-700.woff2") format("woff2"), url("./assets/fonts/poppins-v20-latin-700.woff") format("woff"), url("./assets/fonts/poppins-v20-latin-700.ttf") format("truetype"), url("./assets/fonts/poppins-v20-latin-700.svg#Poppins") format("svg"); /* Legacy iOS */
}
body,
button,
input,
select,
optgroup,
textarea {
  color: #1a1a1a;
  font-family: "proxima-nova", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1a1a1a;
  font-weight: 400;
  line-height: 110%;
  margin: 0 0 1rem;
}
h1 + h1,
h1 + h2,
h1 + h3,
h1 + h4,
h2 + h1,
h2 + h2,
h2 + h3,
h2 + h4,
h3 + h1,
h3 + h2,
h3 + h3,
h3 + h4,
h4 + h1,
h4 + h2,
h4 + h3,
h4 + h4,
h5 + h1,
h5 + h2,
h5 + h3,
h5 + h4,
h6 + h1,
h6 + h2,
h6 + h3,
h6 + h4 {
  margin-top: -1rem;
}

h1 {
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
}

h2 {
  font-size: 2.4rem;
  font-weight: 700;
}

h3 {
  font-size: 1.25rem;
  font-weight: 700;
}
h3.lc {
  text-transform: uppercase;
}

h4 {
  font-size: 1.1rem;
  font-weight: 700;
}

h5 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 500;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: mono, sans-serif;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: mono, sans-serif;
}

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

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

big {
  font-size: 125%;
}

/*Typography Utilities*/
.weight-bold {
  font-weight: 700;
}

.lc {
  text-transform: initial;
}

.uc {
  text-transform: uppercase;
}

.header--no-margin {
  margin-bottom: 0;
}

.large {
  font-size: 1.2rem;
  line-height: 125%;
}

@media screen and (min-width: 1000px) {
  .large {
    line-height: 125%;
  }
}
.small {
  font-size: 80%;
}

::-moz-selection {
  color: #ffffff;
  background: #feaf2c;
}

::selection {
  color: #ffffff;
  background: #feaf2c;
}

.bold {
  font-weight: 700;
}

/* Elements
--------------------------------------------- */
:root {
  --header-height: 80px;
  --header-height-min: 72px;
  --margin: 8vw;
  --transition: 400ms;
  --fat-border: 1.2rem;
}

@media screen and (min-width: 700px) {
  :root {
    --margin: 10vw;
    --fat-border: 2rem;
  }
}
@media screen and (min-width: 1000px) {
  :root {
    --margin: 10vw;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --margin: 6vw;
    --header-height: 178px;
    --header-height-min: 75px;
  }
}
@media screen and (min-width: 1600px) {
  :root {
    --margin: calc((100vw - 1240px) / 2);
  }
}
.grecaptcha-badge {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  width: 100vw;
  overflow-x: hidden;
}

body {
  background-color: #ffffff;
  color: #1a1a1a;
}

body {
  counter-reset: section;
}

.scroll_lock,
.scrolly_lock {
  overflow: hidden;
}

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

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

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

figure {
  margin: 1em 0;
}

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

ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/*Links*/
a {
  color: #1a1a1a;
}
a:visited {
  color: #1a1a1a;
}
a:hover, a:focus, a:active {
  color: #df2567;
}
a:focus, a:hover, a:active {
  outline: 0;
}

/*Input Fields*/
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
  border-radius: 0;
  padding: 0.5rem 1rem;
  transition: border var(--transition) ease;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  outline: 1px solid #df2567;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder,
textarea::placeholder {
  color: #676767;
}

select {
  color: #676767;
  border: 1px solid #c9c9c9;
  border-radius: 0;
  padding: 0.5rem 1rem;
  transition: border var(--transition) ease;
  padding: 10px;
  padding-right: 2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("./assets/down-arrow.svg");
  background-repeat: no-repeat, repeat;
  background-position: right 26px top 50%, 0 0;
  background-size: 11.64px auto, 100%;
}

/* For IE (thanks to @SaiManoj) */
select::-ms-expand {
  display: none;
}

textarea {
  width: 100%;
}

/*Buttons*/
button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.decorative {
  background: #df2567;
  color: #ffffff;
  display: block;
  text-align: left;
  padding: 0.6rem 1rem;
  line-height: 1;
  text-decoration: none;
  border: none;
  border-radius: 0;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: text-decoration 400ms ease;
  cursor: pointer;
}
button:visited,
input[type=button]:visited,
input[type=reset]:visited,
input[type=submit]:visited,
.button:visited,
.decorative:visited {
  color: #ffffff;
}
button .unset-button,
input[type=button] .unset-button,
input[type=reset] .unset-button,
input[type=submit] .unset-button,
.button .unset-button,
.decorative .unset-button {
  background: none;
  color: currentColor;
  display: inline;
  padding: 0;
}
button.bg-pink:hover,
input[type=button].bg-pink:hover,
input[type=reset].bg-pink:hover,
input[type=submit].bg-pink:hover,
.button.bg-pink:hover,
.decorative.bg-pink:hover {
  background-color: #ffffff;
  color: #df2567;
}
button.download,
input[type=button].download,
input[type=reset].download,
input[type=submit].download,
.button.download,
.decorative.download {
  background: none;
  color: #df2567;
  text-transform: none;
  font-weight: 600;
  width: fit-content;
}
button.download::before,
input[type=button].download::before,
input[type=reset].download::before,
input[type=submit].download::before,
.button.download::before,
.decorative.download::before {
  content: url(./assets/download.svg);
  width: 24.97px;
  height: 18px;
  position: relative;
  left: 0;
  margin-right: 0.5rem;
}

.decorative.bg-white.pink.download:hover::before {
  content: url(./assets/download_white.svg);
}

.shadow {
  border: none !important;
  filter: drop-shadow(2px 2px 0.25rem #b5b5b5);
}
.shadow:hover {
  color: #ffffff !important;
}

.decorative.shadow:hover {
  color: #ffffff !important;
}

.mc4wp-form .decorative {
  height: 3.2rem;
}
.mc4wp-form .decorative::after {
  top: 1.2rem;
}
.mc4wp-form .decorative .unset-button {
  padding: 0.6rem 1rem;
}

.round {
  border-radius: 50%;
}

@media screen and (min-width: 700px) {
  .crescent--white {
    box-shadow: 3px 3px #ffffff;
  }
}
@media screen and (min-width: 1200px) {
  .crescent--pink {
    box-shadow: 10px 10px #df2567;
  }
}
@media screen and (min-width: 1200px) {
  .crescent--aqua {
    box-shadow: 10px 10px #00cccc;
  }
}
@media screen and (min-width: 1200px) {
  .crescent--purple {
    box-shadow: 10px 10px #b980a5;
  }
}
@media screen and (min-width: 1200px) {
  .crescent--yellow {
    box-shadow: 10px 10px #feaf2c;
  }
}

.half-width {
  padding-left: var(--margin);
  padding-right: var(--margin);
}
@media screen and (min-width: 1200px) {
  .half-width {
    max-width: calc((100vw - 2 * var(--margin)) * 65 / 100);
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: var(--margin);
  }
}

.margins .half-width {
  margin-left: 0;
}

@media screen and (min-width: 1200px) {
  .two-thirds-width {
    max-width: calc((100vw - 2 * var(--margin)) * 80 / 100);
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: var(--margin);
  }
}

.margins .two-thirds-width {
  margin-left: 0;
}

.column--one h2.wysiwyg_title {
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .column--one h2.wysiwyg_title {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .column--one .half-width,
  .column--one .two-thirds-width {
    margin-left: 0;
    max-width: 100%;
  }
}

/*Links*/
a.link-decorative {
  width: fit-content;
  align-self: center;
  text-decoration: none;
  /*  &:after {
    content: "";
    background: $color_black;
    height: 1px;
    width: 100%;
    display: block;
    top: -3px;
    position: relative;
    transform: scaleX(1);
    transform-origin: 50% 0;
    transition: transform var(--transition) ease-out;
  }
  &:hover {
    &:after {
      transform: scaleX(0);
    }
  } */
}

.swiper-button--pink svg path {
  transition: fill var(--transition) ease-in;
}
.swiper-button--pink svg path:hover {
  fill: #df2567;
}
.swiper-button--aqua svg path {
  transition: fill var(--transition) ease-in;
}
.swiper-button--aqua svg path:hover {
  fill: #00cccc;
}
.swiper-button--purple svg path {
  transition: fill var(--transition) ease-in;
}
.swiper-button--purple svg path:hover {
  fill: #b980a5;
}
.swiper-button--yellow svg path {
  transition: fill var(--transition) ease-in;
}
.swiper-button--yellow svg path:hover {
  fill: #feaf2c;
}

.decorative,
.link_button {
  width: fit-content;
  border-radius: 2rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color 400ms ease, color 400ms ease;
}
.decorative:hover, .decorative:focus,
.link_button:hover,
.link_button:focus {
  text-decoration: none;
}
.decorative.black,
.link_button.black {
  color: #1a1a1a;
}
.decorative.bg-pink,
.link_button.bg-pink {
  background-color: #df2567;
  color: #ffffff;
}
.decorative.bg-pink:hover, .decorative.bg-pink:focus,
.link_button.bg-pink:hover,
.link_button.bg-pink:focus {
  background-color: rgba(221, 66, 118, 0.9921568627);
  color: #ffffff;
}
.decorative.bg-pink a:visited,
.link_button.bg-pink a:visited {
  color: #ffffff;
}
.decorative.bg-aqua,
.link_button.bg-aqua {
  background-color: #00cccc;
}
.decorative.bg-aqua:hover, .decorative.bg-aqua:focus,
.link_button.bg-aqua:hover,
.link_button.bg-aqua:focus {
  background-color: #42e6e6;
}
.decorative.bg-white,
.link_button.bg-white {
  border: 2px solid #df2567;
  background-color: #ffffff;
  color: #df2567;
}
.decorative.bg-white.black,
.link_button.bg-white.black {
  color: #1a1a1a;
}
.decorative.bg-white:hover,
.link_button.bg-white:hover {
  background-color: #df2567;
  color: #ffffff;
}
.decorative.bg-white:focus,
.link_button.bg-white:focus {
  outline: 2px solid;
}
.decorative.bg-white.active,
.link_button.bg-white.active {
  border: 2px solid #df2567;
  background-color: #df2567;
  color: #ffffff;
}
.decorative.bg-white.active:hover,
.link_button.bg-white.active:hover {
  background-color: #ffffff;
  color: #df2567 !important;
}
.decorative.bg-white.active:focus,
.link_button.bg-white.active:focus {
  font-weight: 700;
}
.decorative.bg-yellow,
.link_button.bg-yellow {
  background-color: #feaf2c;
}
.decorative.bg-yellow:hover, .decorative.bg-yellow:focus,
.link_button.bg-yellow:hover,
.link_button.bg-yellow:focus {
  background-color: #fabb55;
}
.decorative.bg-purple,
.link_button.bg-purple {
  background-color: #b980a5;
}
.decorative.bg-purple:hover, .decorative.bg-purple:focus,
.link_button.bg-purple:hover,
.link_button.bg-purple:focus {
  background-color: #c968a4;
}
.decorative.bg-dark_red,
.link_button.bg-dark_red {
  background-color: #b20b42;
}
.decorative.bg-dark_red:hover, .decorative.bg-dark_red:focus,
.link_button.bg-dark_red:hover,
.link_button.bg-dark_red:focus {
  background-color: #c968a4;
}
.decorative.no-border,
.link_button.no-border {
  border: none;
}

p .decorative {
  display: inline-block;
}

.back-to-top.decorative:hover::after, .back-to-top.decorative:focus::after {
  animation: arrow_bounce_up var(--transition) linear 0ms 1;
}

.letter.decorative.disabled {
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  opacity: 0.5;
  cursor: default;
}

.letter.decorative.disabled:hover {
  background-color: #ffffff;
  color: #1a1a1a;
}

@keyframes arrow_bounce_up {
  0% {
    transform: translateY(0) rotate(-90deg);
  }
  10% {
    transform: translateY(20%) rotate(-90deg);
  }
  70% {
    transform: translateY(-40%) rotate(-90deg);
  }
  80% {
    transform: translateY(5%) rotate(-90deg);
  }
  90% {
    transform: translateY(-20%) rotate(-90deg);
  }
  100% {
    transform: translateY(0) rotate(-90deg);
  }
}
.buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

button[disabled] {
  opacity: 0.3;
  cursor: default;
}

.layout--button {
  display: flex;
  justify-content: center;
}
.layout--button .link_button {
  text-decoration: none;
}

button {
  background: none;
}
button:hover {
  text-decoration: none;
}

/*responsive padding and margins*/
.margins {
  margin: 1rem var(--margin);
}
@media screen and (min-width: 1200px) {
  .margins {
    margin: 2rem var(--margin) 3rem;
  }
}

.padding {
  padding: 1rem var(--margin) 2rem;
}
@media screen and (min-width: 1200px) {
  .padding {
    padding: 2rem var(--margin) 3rem;
  }
}

.double_padding {
  padding-left: var(--margin);
  padding-right: var(--margin);
}
@media screen and (min-width: 1000px) {
  .double_padding {
    padding-left: calc(var(--margin) * 2);
    padding-right: calc(var(--margin) * 2);
  }
}

.margin-left {
  margin-left: var(--margin);
}

.margin-right {
  margin-right: var(--margin);
}

.padding-left {
  padding-left: var(--margin);
}

.padding-right {
  padding-right: var(--margin);
}

/*Grid and Flex*/
.grid {
  display: grid;
}

.grid--two-column.margins .padding {
  padding-left: 0;
  padding-right: 0;
}
.grid--two-column.margins .margins {
  margin-left: 0;
  margin-right: 0;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex.flex_50 > .flex_item {
  flex-basis: 50%;
}
.flex.flex_66-33 > .flex_item, .flex.flex_33 > .flex_item {
  flex-basis: 100%;
}
.flex.flex_25 > .flex_item {
  flex-basis: 100%;
}
.flex.flex_20 {
  justify-content: start;
  gap: 2%;
}
.flex.flex_20 > .flex_item {
  flex-basis: 48%;
}
.flex.flex_25-75 > .flex_item {
  flex-basis: 100%;
}

@media screen and (min-width: 700px) {
  .flex.flex_33 {
    flex-wrap: wrap;
  }
  .flex.flex_33 > .flex_item {
    flex-basis: calc(33% - 1.66rem);
  }
  .flex.flex_25 > .flex_item {
    flex-basis: 48%;
  }
  .flex.flex_20 > .flex_item {
    flex-basis: 18%;
  }
}
@media screen and (min-width: 1000px) {
  .flex.flex_66-33 > .flex_item {
    flex-basis: 67%;
  }
  .flex.flex_66-33 > .flex_item:nth-child(2n) {
    flex-basis: 33%;
  }
  .flex.flex_25 {
    gap: 2.5%;
  }
  .flex.flex_25::after {
    content: "";
    flex-grow: 1;
  }
  .flex.flex_25 > .flex_item {
    flex-basis: 23%;
  }
  .flex.flex_25-75 .flex_item:nth-child(1) {
    flex-basis: 25%;
    margin-right: 2rem;
  }
  .flex.flex_25-75 .flex_item:nth-child(2) {
    flex-basis: calc(75% - 2rem);
  }
}
@media screen and (min-width: 1200px) {
  .flex.flex_66-33 > .flex_item {
    flex-basis: 55%;
  }
  .flex.flex_66-33 > .flex_item:nth-child(2n) {
    flex-basis: 33%;
  }
}
.decorative-black {
  border: #1a1a1a 2px solid;
  background-color: #ffffff;
}
.decorative-black:hover {
  border: #df2567 2px solid;
  background-color: #df2567;
  color: #ffffff !important;
}

/*Colors & bgs*/
.pink {
  color: #df2567;
}

.black {
  color: #1a1a1a;
}

.aqua {
  color: #00cccc;
}

.white {
  color: #ffffff;
}

.yellow {
  color: #feaf2c;
}

.purple {
  color: #b980a5;
}

.bg-black {
  background-color: #1a1a1a;
}
.bg-pink {
  background-color: #df2567;
}
.bg-aqua {
  background-color: #00cccc;
}
.bg-bg {
  background-color: #ffffff;
}
.bg-white {
  background-color: #ffffff;
}
.bg-yellow {
  background-color: #feaf2c;
}
.bg-purple {
  background: rgb(216, 153, 196);
  background: linear-gradient(90deg, #bd4c97 0%, #df2567 calc(var(--margin) * 3), #df2567 calc(100vw - var(--margin) * 3), #c25700 100%);
}
@media screen and (min-width: 1000px) {
  .bg-purple {
    background: rgb(216, 153, 196);
    background: linear-gradient(90deg, #bd4c97 0%, #df2567 calc(var(--margin) * 2), #df2567 calc(100vw - var(--margin) * 2), #c25700 100%);
  }
}
.bg-gradient-op {
  background: #c25700;
  background: linear-gradient(90deg, #c25700 -25%, #df2567 calc(var(--margin) * 3), #df2567 calc(100vw - var(--margin) * 3), #bd4c97 125%);
}
@media screen and (min-width: 1000px) {
  .bg-gradient-op {
    background: #c25700;
    background: linear-gradient(90deg, #c25700 0%, #df2567 calc(var(--margin) * 2), #df2567 calc(100vw - var(--margin) * 2), #bd4c97 100%);
  }
}
.bg-gradient-po {
  background: #bd4c97;
  background: linear-gradient(90deg, #bd4c97 -25%, #df2567 calc(var(--margin) * 3), #df2567 calc(100vw - var(--margin) * 3), #c25700 125%);
}
@media screen and (min-width: 1000px) {
  .bg-gradient-po {
    background: #bd4c97;
    background: linear-gradient(90deg, #bd4c97 0%, #df2567 calc(var(--margin) * 2), #df2567 calc(100vw - var(--margin) * 2), #c25700 100%);
  }
}
.bg-gradient-grn {
  background: #008045;
  background: linear-gradient(90deg, #008045 0%, #229573 calc(var(--margin) * 3), #229573 calc(100vw - var(--margin) * 3), #61e261 100%);
}
@media screen and (min-width: 1000px) {
  .bg-gradient-grn {
    background: #008045;
    background: linear-gradient(90deg, #008045 0%, #229573 calc(var(--margin) * 2), #229573 calc(100vw - var(--margin) * 2), #61e261 100%);
  }
}
.bg-beige {
  background-color: #f0f0e6;
}
.bg-grey {
  background-color: #eaeaea;
}
.bg-light-pink {
  background-color: #f3e0ed;
}

#page {
  background: #ffffff;
}

/*Proportional Images*/
.container.container--square {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .container.container--square {
    aspect-ratio: 1;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--square {
    padding-top: 100%;
    height: 0;
  }
}
.container.container--round {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
}
@supports (aspect-ratio: 16/9) {
  .container.container--round {
    aspect-ratio: 1;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--round {
    padding-top: 100%;
    height: 0;
  }
}
.container.container--sixteennine {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .container.container--sixteennine {
    aspect-ratio: 1.7777777778;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--sixteennine {
    padding-top: 56.25%;
    height: 0;
  }
}
.container.container--fourthree {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .container.container--fourthree {
    aspect-ratio: 1.3333333333;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--fourthree {
    padding-top: 75%;
    height: 0;
  }
}
.container.container--twentyonenine {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .container.container--twentyonenine {
    aspect-ratio: 2.3333333333;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--twentyonenine {
    padding-top: 42.85%;
    height: 0;
  }
}
.container.container--fivefour {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .container.container--fivefour {
    aspect-ratio: 1.25;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--fivefour {
    padding-top: 80%;
    height: 0;
  }
}
.container.container--fourfive {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .container.container--fourfive {
    aspect-ratio: 0.8;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--fourfive {
    padding-top: 125%;
    height: 0;
  }
}
.container.container--twothree {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .container.container--twothree {
    aspect-ratio: 0.6666666667;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--twothree {
    padding-top: 150%;
    height: 0;
  }
}
.container.container--threetwo {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .container.container--threetwo {
    aspect-ratio: 1.5;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--threetwo {
    padding-top: 66%;
    height: 0;
  }
}
.container.container--hexagon {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .container.container--hexagon {
    aspect-ratio: 0.8695652174;
  }
}
@supports not (aspect-ratio: 16/9) {
  .container.container--hexagon {
    padding-top: 100%;
    height: 0;
  }
}
.container.container--video {
  overflow: visible;
}
.container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
}
.container img.contain {
  object-fit: contain;
  padding: 1rem;
}
.container.bg-black img {
  object-fit: contain;
}
.container.container--max-height {
  height: 375px;
  width: fit-content;
  position: static;
}
.container.container--max-height img {
  height: 100%;
  width: auto;
  position: static;
  max-width: calc(100vw - 2 * var(--margin));
  object-fit: contain;
}

/*Borders*/
.border_bottom--line {
  border-bottom: #ffffff 2px solid;
}

.border-bottom--dotted {
  border-bottom: #b5b5b5 6px dotted;
}
.border-bottom--dotted--pink::after {
  display: block;
  content: " ";
  background-image: url("./assets/dot_pink.svg");
  background-repeat: repeat-x;
  height: 6px;
  width: calc(100vw - var(--margin) * 2);
  max-width: 1240px;
  bottom: 0;
  position: absolute;
}

.rounded-corners {
  border-radius: 20px;
  overflow: hidden;
}

.rounded-pill {
  border-radius: 254px;
  overflow: hidden;
}

.border--grey {
  border: #b5b5b5 1px solid;
}

.inner-padding {
  padding: 2rem;
}

.overlap-top {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.overlap-bottom {
  position: relative;
  bottom: -2rem;
  left: 0;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .overlap-bottom {
    bottom: 0;
  }
}

.hexagon::before {
  content: " ";
  background-image: url("./assets/hexagon.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  padding: 0;
  left: 0;
}

.hide {
  display: none;
}

/*Fat Borders*/
.border--white {
  border: var(--fat-border) solid #ffffff;
}
.border--white.container {
  box-sizing: content-box;
  width: calc(100% - 2 * var(--fat-border));
}
.border--half {
  border-width: calc(var(--fat-border) / 2);
}
.border--half.container {
  box-sizing: content-box;
  width: calc(100% - var(--fat-border));
}

/*Images*/
.overlay::after {
  content: "";
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.drop_shadow {
  box-shadow: 4px 8px 12px rgba(26, 26, 26, 0.58);
}

.inner_shadow {
  box-shadow: inset 0 10px 8px rgba(26, 26, 26, 0.58);
}

/*Videos*/
.video_modal {
  position: relative;
  width: 100%;
  overflow: hidden;
  position: fixed;
  overflow: visible;
  width: calc(100vw - 2 * var(--margin));
  top: 50%;
  left: var(--margin);
  z-index: -1;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity;
}
@supports (aspect-ratio: 16/9) {
  .video_modal {
    aspect-ratio: 1.7777777778;
  }
}
@supports not (aspect-ratio: 16/9) {
  .video_modal {
    padding-top: 56.25%;
    height: 0;
  }
}
.video_modal::before {
  content: "";
  width: 100vw;
  height: calc(var(--vh) * 100);
  position: absolute;
  top: 50%;
  left: calc(var(--margin) * -1);
  background-color: transparent;
  transform: translateY(-50%);
  transition: all 600ms ease-in 100ms;
}
.video_modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
}
.video_modal .close_video {
  position: absolute;
  top: -3.5rem;
  right: 0;
  width: fit-content;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #ffffff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-transform: none;
}
.video_modal .close_video svg {
  height: 18px;
  width: 18px;
}
.video_modal .close_video svg path {
  stroke: #ffffff;
}

.open .video_modal {
  animation: opacity_and_z 600ms ease-in 0ms 1 normal forwards;
}
.open .video_modal::before {
  background-color: rgba(0, 0, 0, 0.7);
}

.close .video_modal {
  z-index: 100;
  opacity: 1;
  animation: opacity_and_z_reverse 600ms ease-in 0ms 1 normal forwards;
}
.close .video_modal::before {
  background-color: rgba(0, 0, 0, 0.7);
}

button.video_toggle {
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  padding: 0;
}
button.video_toggle svg {
  display: block;
  width: 14.2857142857vw;
  height: auto;
}
@media screen and (min-width: 1200px) {
  button.video_toggle svg {
    width: 5.5555555556vw;
  }
}
button.video_toggle svg path {
  fill: #ffffff;
  opacity: 0.5;
  transition: all 400ms ease;
}

.ready button.video_toggle svg path {
  fill: #ffffff;
  opacity: 0.9;
}
.ready button.video_toggle:hover svg path {
  fill: #ffffff;
  opacity: 0.5;
}

@keyframes opacity_and_z {
  0% {
    z-index: -1;
    opacity: 0;
  }
  1% {
    z-index: 100;
    opacity: 0;
  }
  100% {
    z-index: 100;
    opacity: 1;
  }
}
@keyframes opacity_and_z_reverse {
  0% {
    z-index: 100;
    opacity: 1;
  }
  99% {
    z-index: 100;
    opacity: 0;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}
/*General rules for cards*/
.cards {
  margin: 4rem 0;
}
.cards .flex_item {
  margin-bottom: 2rem;
}
.cards a {
  text-decoration: none;
  color: #1a1a1a;
}
.cards .container {
  margin-bottom: 2rem;
}
.cards .decorative {
  padding-left: 0;
}

.card {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px;
  text-decoration: none;
  color: #1a1a1a;
}
.card img {
  transition: opacity 400ms ease;
  opacity: 1;
}
.card:hover, .card:focus, .card:active, .card:visited {
  color: #1a1a1a;
}
.card:hover img, .card:focus img, .card:active img, .card:visited img {
  opacity: 0.85;
}

.circle {
  border-radius: 50%;
  overflow: hidden;
}

.no_decor {
  text-decoration: none;
}

/*Details*/
details {
  padding: 1rem 0;
}
details > summary {
  list-style: none;
  position: relative;
}
details > summary:hover {
  cursor: pointer;
}
details > summary::after {
  content: "";
  position: absolute;
  top: 0.2rem;
  right: 0;
  width: 22px;
  height: 22px;
  transition: transform var(--transition) ease-in;
  transform-origin: center center;
  background-image: url("./assets/chevron_black.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
details > summary::after {
  transform: rotate(90deg);
}
details > summary h4 {
  margin-bottom: 0;
  margin-right: 2rem;
}
details::before {
  display: block;
  content: " ";
  background-color: #1a1a1a;
  height: 2px;
  width: 100%;
  top: -1rem;
  position: relative;
}

.border_bottom--dotted {
  margin-bottom: 3rem;
}
.border_bottom--dotted::after {
  display: block;
  content: " ";
  background-image: url("./assets/dot.svg");
  background-repeat: space;
  height: 6px;
  width: 100%;
  bottom: -1rem;
  position: relative;
}
.border_bottom--dotted:last-child {
  margin-bottom: 0;
}
.border_bottom--dotted:last-child::after {
  display: none;
}

summary::-webkit-details-marker {
  display: none;
}

.details_content p {
  opacity: 0;
  transition: opacity 400ms ease;
}

details[open] {
  /*  .content {
    filter:opacity(1) blur(0);
  } */
}
details[open] > summary::after {
  transform: rotate(270deg);
}

.faq_container::after,
.faq_container details {
  max-width: 800px;
  margin: 0 auto;
}

h3 ~ details {
  margin-bottom: 0.5rem;
}

.fixed {
  position: fixed;
  top: 0;
}

@media screen and (min-width: 1200px) {
  .mobile-only {
    display: none;
  }
}
.icon {
  padding-left: 1.8rem;
  position: relative;
  color: #df2567;
}
.icon::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.icon.icon--download::before {
  background-image: url("./assets/download.svg");
}
.icon.icon--news::before {
  background-image: url("./assets/news.svg");
}

/*Checkboxes*/
.checkbox_list {
  display: grid;
  grid-template-columns: 18px 1rem auto;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
.checkbox_list input {
  grid-column: 1/2;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 18px;
}
.checkbox_list label {
  grid-column: 3/4;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*Titles*/
.title {
  color: #1a1a1a;
  font-size: 2.4rem;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .title {
    font-size: 2.5rem;
    line-height: 125%;
    text-align: center;
  }
}
.title.white {
  color: #ffffff;
}

.block-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: left;
}
@media screen and (min-width: 700px) {
  .block-title {
    text-align: center;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Image Hexagons*/
.hexagon_container {
  width: 200px;
  height: 230px;
  position: relative;
  overflow: hidden;
}

.hexagon_image {
  width: 100%;
  padding-bottom: 115.47%; /* 100% * tan(30deg) to create a hexagon */
  position: absolute;
  background-color: transparent;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); /* Define the hexagon shape */
}
.hexagon_image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
/*Header*/
header#masthead {
  height: var(--header-height);
  position: fixed;
  width: 100%;
  max-width: 100vw;
  top: 0;
  padding: 1rem 2rem 0;
  z-index: 999;
  background-color: #1a1a1a;
  transition: padding var(--transition) ease, margin var(--transition) ease;
}
@media screen and (min-width: 1600px) {
  header#masthead {
    width: 97%;
  }
}
header#masthead svg {
  width: 40.3px;
  height: 49px;
}
@media screen and (min-width: 1200px) {
  header#masthead svg {
    width: 195px;
    height: 111px;
  }
}
header#masthead svg #logo_ball {
  /*Cx,Cy + R / Viewbox to get these percentages and make the transform origin center of the dot*/
  transform-origin: 42.94% 10.3%;
  animation: bounce-in 400ms ease-out 0s 1 normal both;
}
header#masthead svg #logo_text {
  transform: scale(1);
  transition: transform 300ms ease;
}
header#masthead.minimize {
  height: var(--header-height-min);
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize {
    padding: 1rem calc(var(--margin) / 2);
    justify-content: stretch;
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize .site-branding {
    width: 40px;
    height: 40px;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize svg #logo_ball {
    animation: bounce-out 400ms ease-out 0s 1 normal forwards;
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize svg #logo_text {
    transform: scale(0);
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize .menu-menu-1-container {
    width: 100%;
    grid-template-columns: 0fr 0fr 1fr auto auto;
    grid-template-rows: 0fr 1fr;
    top: 0;
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize #primary-menu {
    grid-column: 3/4;
    grid-row: 2/3;
    height: 42px;
    justify-content: space-evenly;
    gap: 0;
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize #primary-menu li a {
    padding-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize .nav_buttons {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize .nav_buttons_expand {
    grid-column: 4/5;
    grid-row: 2/3;
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
  }
  header#masthead.minimize .nav_buttons_expand .decorative--nav {
    max-width: 300px;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 100%;
  }
  header#masthead.minimize .nav_buttons_expand .decorative--nav.bg-yellow, header#masthead.minimize .nav_buttons_expand .decorative--nav.bg-purple, header#masthead.minimize .nav_buttons_expand .decorative--nav.bg-aqua {
    color: #1a1a1a;
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize .so-me {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  header#masthead.minimize #site-navigation {
    width: 100%;
    z-index: 10;
  }
}
header#masthead .menu-menu-1-container .flex.so-me svg {
  width: 40px;
  height: 40px;
}

@media screen and (min-width: 1200px) {
  header#masthead {
    padding: 2.1875rem calc(var(--margin) / 2) 0;
    height: var(--header-height);
    width: 100vw;
    align-items: center;
    justify-content: center;
  }
}
@keyframes bounce-out {
  0% {
    transform: scale(100%) translate(0, 0);
  }
  20% {
    transform: scale(140%) translate(-4%, 7%);
  }
  70% {
    transform: scale(300%) translate(-10.5%, 7%);
  }
  80% {
    transform: scale(300%) translate(-9%, 7%);
  }
  95% {
    transform: scale(300%) translate(-10.5%, 7%);
  }
  90% {
    transform: scale(300%) translate(-9.5%, 7%);
  }
  95% {
    transform: scale(300%) translate(-10.5%, 7%);
  }
  95% {
    transform: scale(300%) translate(-10.3%, 7%);
  }
  100% {
    transform: scale(300%) translate(-10.5%, 7%);
  }
}
@keyframes bounce-in {
  0% {
    transform: scale(300%) translate(-10.5%, 7%);
  }
  20% {
    transform: scale(180%) translate(-6%, 5%);
  }
  70% {
    transform: scale(100%) translate(0%, 0%);
  }
  80% {
    transform: scale(100%) translate(-2%, 0%);
  }
  95% {
    transform: scale(100%) translate(0.5, 0);
  }
  90% {
    transform: scale(100%) translate(-1%, 0%);
  }
  95% {
    transform: scale(100%) translate(0%, 0%);
  }
  95% {
    transform: scale(100%) translate(-0.3%, 0%);
  }
  100% {
    transform: scale(100%) translate(0, 0);
  }
}
/*This sets padding on everypage to account for the absolute positioned header*/
#primary {
  transition: padding var(--transition) ease;
  padding-top: var(--header-height);
  background: #ffffff;
}

.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -1.2rem;
  z-index: 9;
  display: none;
}
@media screen and (min-width: 1200px) {
  .main-navigation ul ul {
    display: block;
  }
}
.main-navigation ul ul ul {
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
#primary-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
  row-gap: 0.5rem;
}
#primary-menu li a {
  color: #ffffff;
  font-weight: 600;
  font-size: 1.8125rem;
  line-height: 3.375rem;
  transition: color var(--transition) ease-in;
}
#primary-menu li a:hover {
  color: #df2567;
}
@media screen and (min-width: 1200px) {
  #primary-menu li a {
    font-size: 2rem;
    color: #1a1a1a;
  }
}
#primary-menu li.current-menu-item a {
  color: #df2567;
}

@media screen and (max-width: 400px) {
  #primary-menu li a {
    font-size: 1.5rem;
    line-height: 2.25rem;
    text-align: center;
  }
}
@media screen and (min-width: 700px) {
  #primary-menu {
    margin-bottom: 1.2rem;
    width: 100%;
  }
  #primary-menu li a {
    text-transform: none;
    padding-bottom: 0.5rem;
    font-size: 2.2rem;
  }
}
#hamburger {
  position: absolute;
  right: 1rem;
  top: 1rem;
  background: transparent;
  transition: top var(--transition) ease;
  z-index: 10;
  border: #1a1a1a 3px solid;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
#hamburger.is-active {
  border: #1a1a1a 3px solid;
}

@media screen and (min-width: 1200px) {
  #primary-menu li a {
    color: #ffffff;
  }
}

.hamburger.close-modal {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: var(--header-height);
  background: transparent;
}

.hamburger {
  padding: 5px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: calc(var(--transition) / 2);
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  /*   &.is-active::before {
    color: $color_white;
    content: "Close";
  } */
}

.hamburger:hover {
  opacity: 0.8;
}

.hamburger.is-active:hover {
  opacity: 0.8;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #ffffff;
}

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

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

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: calc(var(--transition) / 2);
  transition-timing-function: ease;
}

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

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

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

/*

* Hamburger Collapse

*/
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: calc(var(--transition) / 2.2);
  transition-duration: calc(var(--transition) / 2.2);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -12px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-duration: calc(var(--transition) / 1.8);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.site-branding .desktop_logo {
  display: none;
}
@media screen and (min-width: 1200px) {
  .site-branding .desktop_logo {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .site-branding .mobile_logo {
    display: none;
  }
}

.decorative--nav.mobile_login_button {
  margin-bottom: 0;
  position: absolute;
  top: 1.5rem;
  right: calc(2rem + 40px);
  height: 26px;
  font-size: 0.625rem;
  padding: 0 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
@media screen and (min-width: 1200px) {
  .decorative--nav.mobile_login_button {
    display: none;
  }
}

/*Mobile Menu*/
.menu-menu-1-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--vh) * 98);
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.15);
  transform: translate(0, -110%);
  transition: transform var(--transition) ease-in;
  padding: 1rem 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
}
.menu-menu-1-container::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100vw;
  background: #1a1a1a;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
@media screen and (min-width: 1200px) {
  .menu-menu-1-container::after {
    display: none;
  }
}
.menu-menu-1-container .flex.so-me {
  justify-content: center;
  gap: 1rem;
}
@media screen and (min-width: 1200px) {
  .menu-menu-1-container .flex.so-me {
    display: none;
    grid-column: 4/5;
    grid-row: 1/2;
  }
}
.menu-menu-1-container .flex.so-me svg {
  width: 40px;
  height: 40px;
}
.menu-menu-1-container .flex.so-me svg path {
  transition: fill var(--transition) ease-in;
  fill: #ffffff;
}
.menu-menu-1-container .flex.so-me svg path:hover {
  fill: #df2567;
}
.menu-menu-1-container .flex.so-me svg path:nth-of-type(2) {
  fill: #1a1a1a;
}

.toggled .menu-menu-1-container {
  transform: translate(0, 0);
  z-index: 5;
}

.menu-item-has-children:hover .sub-menu,
.menu-item-has-children a:focus + .sub-menu {
  transform: translate(0, 0);
}

.mobile_nav_home svg {
  height: 40px;
  width: auto;
  display: block;
}

.mobile_nav_home {
  padding-bottom: 1rem;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .mobile_nav_home {
    display: none;
  }
}

.sub-menu {
  background-color: #fff;
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--vh) * 100);
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.15);
  transform: translate(-200vw, 0);
  transition: transform calc(2 * var(--transition)) ease-in;
  padding: 2rem 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
}

.sub-menu li a::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: -2rem;
  top: 0.3rem;
}

.decorative--nav {
  padding: 6px 32px;
  text-align: center;
  width: fit-content;
  display: block;
  margin: 0 auto;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
}

.nav_buttons_expand .decorative--nav {
  margin-bottom: 0;
  max-width: 0;
  overflow: hidden;
  letter-spacing: -0.6rem;
  transition: max-width 500ms ease-in 200ms, letter-spacing 500ms ease-in 200ms, color 600ms ease-in 500ms;
}
.nav_buttons_expand .decorative--nav.bg-yellow {
  color: #feaf2c;
}
.nav_buttons_expand .decorative--nav.bg-purple {
  color: #b980a5;
}
.nav_buttons_expand .decorative--nav.bg-aqua {
  color: #00cccc;
}

/*Desktop Menu*/
@media screen and (min-width: 1200px) {
  .mobile_nav_home svg {
    display: none;
  }
  .main-navigation ul ul {
    z-index: -1;
  }
  .sub-menu {
    height: auto;
    width: max-content;
    justify-content: space-between;
    flex-direction: column;
    transform: translate(0, -100vh);
    transition: border-top 600ms ease-in 1200ms;
    top: 0;
    left: -2rem !important;
  }
  .menu-menu-1-container #primary-menu .sub-menu li a::after {
    right: 1rem;
    left: 20rem;
    top: 0.4rem;
    height: 0.8rem;
    background-color: transparent;
    transition: none;
    transform: none;
  }
  .menu-menu-1-container #primary-menu .sub-menu li:hover::before {
    transform: scaleX(70%);
  }
  .menu-item-has-children:hover a::after {
    content: "";
    width: 100%;
    height: 3rem;
    background-color: transparent;
    display: block;
    position: absolute;
  }
  .menu-item-has-children:hover .sub-menu {
    transform: translate(0, 0);
  }
  .menu-item-has-children > *:hover .sub-menu, .menu-item-has-children::before:hover .sub-menu, .menu-item-has-children::after:hover .sub-menu {
    transform: translate(0, 0);
  }
  .menu-item-has-children .sub-menu:hover {
    transform: translate(0, 0);
  }
  .menu-item-has-children.open-sub .sub-menu {
    transform: translate(0, 4.7vh);
  }
  .sub-menu li {
    flex-basis: 33.3%;
    opacity: 1;
    transition: opacity 0.3s ease-in;
  }
  ul.sub-menu::after {
    content: "";
    flex-grow: 1;
  }
  ul.sub-menu {
    padding: var(--header-height) 2rem 3rem;
    padding-right: 4rem;
    z-index: -1;
  }
  .home ul.sub-menu {
    padding: calc(var(--header-height) + 1rem) 2rem 2rem;
  }
  ul.sub-menu li {
    opacity: 0;
    transition: opacity 600ms ease-in 600ms;
  }
  .menu-item-has-children:hover .sub-menu li,
  .menu-item-has-children .sub-menu:hover li {
    opacity: 1;
  }
  .menu-item-has-children:hover ul.sub-menu::before,
  .menu-item-has-children ul.sub-menu:hover::before {
    opacity: 1;
  }
}
/*Branding*/
.site-branding {
  height: calc(var(--header-height) - 1.2rem);
  z-index: 3;
  position: relative;
}

.search_toggle {
  background-color: transparent;
  display: inline;
}
.search_toggle svg {
  width: 1.2rem;
  height: 1.2rem;
}

.nav_buttons_expand {
  display: none;
}

@media screen and (min-width: 1200px) {
  #hamburger {
    display: none;
  }
  #masthead {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .menu-menu-1-container {
    position: relative;
    width: auto;
    height: auto;
    box-shadow: none;
    transform: none;
    flex-direction: row;
    padding: 0;
    flex-wrap: nowrap;
    display: grid;
    grid-template-columns: 0fr 1fr auto;
    grid-template-rows: 1fr 1px 1fr;
    grid-column-gap: 2rem;
    transition: grid-template-columns 500ms ease-in 200ms;
    top: -1.2rem;
  }
  .menu-menu-1-container #primary-menu {
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
    grid-column: 1/3;
    grid-row: 3/4;
    justify-content: center;
    gap: 4rem;
  }
  .menu-menu-1-container #primary-menu li a {
    font-size: 1.25rem;
    line-height: 1.5625rem;
    font-weight: 600;
    padding: 0 1rem;
    letter-spacing: 0.05em;
    position: relative;
    z-index: 10;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.5rem;
  }
  .menu-menu-1-container .nav_buttons {
    grid-column: 3/4;
    grid-row: 1/4;
    display: flex;
    gap: 2rem;
    overflow: hidden;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  .menu-menu-1-container .nav_buttons a {
    font-size: 1.125rem;
    line-height: 1.5625rem;
    margin-bottom: 0;
    height: fit-content;
  }
  .menu-menu-1-container .nav_buttons_expand {
    grid-column: 2/3;
    grid-row: 2/3;
    gap: 2rem;
    overflow: hidden;
    height: 42px;
    display: none;
  }
  .menu-menu-1-container .nav_buttons_expand a {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
}
/* 
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
  .menu-menu-1-container {
    grid-template-rows: auto auto auto;
    #primary-menu {
      grid-column: 1/5;
    }
    .nav_buttons {
      grid-column: 1/4;
      justify-content: flex-end;
      flex-wrap: nowrap;
      gap: 1rem;
      a {
        font-size: 1vw;
        height: fit-content;
        margin-left: 0;
        margin-right: 0;
      }
    }
    .so-me {
      grid-row: 1/3;
      gap: 0.5rem;
      a {
        svg {
          height: 35px !important;
          width: 35px !important;
        }
      }
    }
  }
} */
@media only screen and (max-width: 1300px) and (min-width: 1200px) {
  .home_carousel_info {
    bottom: 15% !important;
  }
  .carousel--home .button--prev,
  .carousel--home .button--next {
    bottom: 10px !important;
  }
}
#site-navigation .search_toggle {
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

#primary-menu li a:focus-visible {
  outline: 2px solid #df2567;
}

/*
* Page Nav
*/
#page-nav {
  background-color: white;
  z-index: 10;
  width: 100%;
}
#page-nav.fixed {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
  transform: translateY(0);
  transition: transform 400ms ease 100ms;
}
#page-nav ul {
  margin: 0;
  padding: 0;
  column-gap: 1.4rem;
  row-gap: 0.3rem;
  justify-content: flex-start;
}
#page-nav ul li a {
  color: #1a1a1a;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
#page-nav ul li a::before {
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 100%;
  height: 0.15rem;
  border-bottom: 0.15rem solid #df2567;
}

.menu-visible #page-nav.fixed {
  transform: translateY(var(--header-height));
}

@media screen and (min-width: 1200px) {
  #page-nav {
    margin-bottom: 2rem;
  }
  #page-nav ul li a {
    position: relative;
  }
  #page-nav ul li a::after {
    content: "";
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background-color: #df2567;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform var(--transition) ease-in;
  }
  #page-nav ul li a:hover::after {
    transform: scaleX(100%);
  }
}
.entry-header {
  height: var(--header-height);
}
.page .entry-header,
.single-event .entry-header,
.single-venue .entry-header {
  height: auto;
}

/*Mobile Sub Nav*/
.mobile_sub_nav_container {
  display: flex;
  flex-direction: column;
  padding: 2rem !important;
}
@media screen and (min-width: 1200px) {
  .mobile_sub_nav_container {
    display: none;
  }
}

/*Desktop Sub Nav*/
.desktop_sub_nav_container {
  display: none;
}
@media screen and (min-width: 1200px) {
  .desktop_sub_nav_container {
    display: block;
  }
}
.desktop_sub_nav_container h4 {
  color: #1a1a1a;
}

.quicklinks_container h4 {
  color: #1a1a1a;
}

/*Page Sub Nav*/
.page_sub_nav {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  flex-direction: column;
  gap: 1rem;
}

.sub_nav_container {
  display: none;
  margin-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #1a1a1a;
}
@media screen and (min-width: 1200px) {
  .sub_nav_container {
    display: block;
  }
}

.sub_menu_item.current a {
  color: #1a1a1a;
}
.sub_menu_item.current svg path {
  fill: #1a1a1a;
}
.sub_menu_item a {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #df2567;
  font-weight: 600;
}
.sub_menu_item svg {
  margin-right: 0.5rem;
}
.sub_menu_item svg path {
  fill: #df2567;
}

.sub_nav_title {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}

.mobile_sub_nav_container.quicklinks_container {
  margin-bottom: 1rem;
}

@media screen and (min-width: 1200px) and (max-width: 1450px) {
  #masthead.minimize .menu-menu-1-container {
    grid-column-gap: 0;
  }
  #masthead.minimize #primary-menu {
    gap: 1rem;
  }
  #masthead.minimize #primary-menu li a {
    font-size: 1.2rem;
  }
  #masthead.minimize .nav_buttons_expand {
    gap: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1450px) and (min-width: 1200px) and (max-width: 1228px) {
  #masthead.minimize .nav_buttons_expand {
    gap: 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1450px) {
  #masthead.minimize .nav_buttons_expand .decorative {
    font-size: 1vw;
    min-width: fit-content;
    width: 100%;
    padding: 1vw;
  }
}
.nav_hr {
  display: none;
}
@media screen and (min-width: 1200px) {
  .nav_hr {
    display: block;
    background: #ffffff;
    grid-column: 2/3;
    grid-row: 2/3;
    height: 100%;
    width: 100%;
  }
}

.site-header.minimize .nav_hr {
  display: none;
}

@media screen and (min-width: 1200px) {
  .header#masthead.minimize .menu-menu-1-container {
    top: 0;
  }
  .header#masthead.minimize .menu-menu-1-container #primary-menu {
    justify-content: space-between;
    gap: 0;
  }
  .header#masthead.minimize .menu-menu-1-container #primary-menu li a {
    padding-top: 0;
  }
}

@media screen and (min-width: 1200px) {
  header#masthead.minimize .site-branding .mobile_logo {
    display: block;
  }
  header#masthead.minimize .site-branding .mobile_logo svg {
    height: 40px;
    width: auto;
  }
  header#masthead.minimize .site-branding .desktop_logo {
    display: none;
  }
}

.links-sub-menu {
  margin: 0;
  padding: 0;
  width: fit-content;
  margin: 1rem auto;
}
.links-sub-menu .slider {
  display: none;
}
.links-sub-menu li a {
  padding: 1rem 2rem;
  display: block;
  border-radius: 2rem;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.2rem;
  transition: color 400ms ease-in 200ms;
  border: 2px solid #1a1a1a;
  text-align: center;
  margin-bottom: 1rem;
}
.links-sub-menu li.current-menu-item a {
  color: #df2567;
  border: 2px solid #df2567;
}

.sub_menu_button {
  text-align: center;
  margin: 1rem auto;
}

.links-sub-menu-container {
  max-height: 0;
  transition: max-height 400ms ease-in;
  overflow: hidden;
}

.sub_nav_open .links-sub-menu-container {
  max-height: 1000px;
}

@media screen and (min-width: 1200px) {
  .sub_menu_button {
    display: none;
  }
  .links-sub-menu-container {
    max-height: unset;
    overflow: auto;
  }
  .links-sub-menu {
    margin: 0;
    padding: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 2rem;
    overflow: hidden;
    display: flex;
    width: fit-content;
    margin: 1rem auto;
    position: relative;
  }
  .links-sub-menu .slider {
    display: block;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #df2567;
    transform: translateX(-100%);
    border-radius: 2rem;
    transition: transform 400ms ease-in, max-width 400ms ease-out;
    width: 100%;
    max-width: 0;
  }
  .links-sub-menu li a {
    border: 0;
    position: relative;
    z-index: 10;
    padding: 1rem 2rem;
    display: block;
    border-radius: 2rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.2rem;
    transition: color 400ms ease-in 200ms;
    margin-bottom: 0;
  }
  .links-sub-menu li a:hover {
    color: #ffffff;
  }
  .links-sub-menu li.current-menu-item a {
    color: initial;
    border: 0;
    background-color: rgba(219, 32, 93, 0.15);
  }
}
@media screen and (min-width: 1000px) {
  .page-template-accelerator .links-sub-menu .slider {
    background-color: #229573;
  }
  .page-template-accelerator .links-sub-menu li.current-menu-item a {
    background-color: rgba(34, 151, 116, 0.15);
  }
}

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

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

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

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

.block + .pattern {
  margin-top: -4rem;
  padding-top: 4rem;
}
.block ul {
  list-style-type: disc;
  margin-left: 0;
}

/*Headers*/
@media screen and (min-width: 1000px) {
  .entry-header .container.container--twentyonenine {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  @supports (aspect-ratio: 16/9) {
    .entry-header .container.container--twentyonenine {
      aspect-ratio: 3.33333;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .entry-header .container.container--twentyonenine {
      padding-top: 33.333%;
      height: 0;
    }
  }
}
/*Home hero*/
.block--hero {
  grid-template-rows: 2fr 9fr 3fr;
  grid-template-columns: var(--margin) auto var(--margin);
}
.block--hero .grid_row--mid {
  grid-row: 2/3;
  grid-column: 1/4;
  background-image: url(./assets/pattern.svg);
  background-color: #00cccc;
  background-repeat: no-repeat;
  background-size: 200%;
}
.block--hero .grid_column--left {
  grid-row: 1/4;
  grid-column: 2/3;
}
.block--hero .grid_column--left .buttons {
  margin-bottom: 3rem;
}
.block--hero .grid_column--left .dash::after {
  display: none;
}
.block--hero .grid_column--right {
  display: none;
}

@media screen and (min-width: 700px) {
  .block--hero {
    grid-template-columns: var(--margin) 1fr 1fr var(--margin);
  }
  .block--hero .grid_row--mid {
    grid-column: 1/5;
  }
  .block--hero .grid_column--left {
    padding-right: 15%;
  }
  .block--hero .grid_column--right {
    display: block;
    grid-column: 3/5;
    grid-row: 1/4;
  }
  .block--hero .container.container--video {
    width: 75%;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 1000px) {
  .block--hero {
    grid-template-rows: 1fr 5fr 1fr;
  }
  .block--hero h1.dash {
    max-width: 20ch;
  }
  .block--hero .grid_row--mid {
    background-size: 100%;
  }
  .block--hero .container.honeycomb.honeycomb_echo--neon::after {
    width: 70%;
    height: 80%;
    top: 14.3%;
    left: -15%;
  }
  .block--pagelink .header--no-margin {
    max-width: 60%;
  }
  .block--pagelink .large {
    max-width: 60%;
    margin-top: 1rem;
  }
}
.home .block--pagelink .large {
  max-width: 100%;
}

@media screen and (min-width: 1200px) {
  .block--hero .grid_column--left {
    padding-right: 10%;
  }
  .block--hero .grid_column--left .buttons {
    margin-bottom: 5rem;
  }
  .block--hero .container.honeycomb.honeycomb_echo--neon::after {
    left: -10%;
  }
}
/*Quick Links*/
@media screen and (min-width: 1200px) {
  .quick_links {
    display: flex;
    flex-direction: column;
    margin: 0;
    height: fit-content;
    grid-row: 1/2;
  }
}
.quick_links a {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #df2567;
  font-weight: 600;
}
.quick_links a.current {
  font-weight: 800;
}

.quick_links_title {
  color: #1a1a1a;
  font-size: 1.125rem;
  line-height: 2.375rem;
  font-weight: 700;
  margin-bottom: 0;
  display: none;
}
@media screen and (min-width: 1200px) {
  .quick_links_title {
    display: block;
  }
}

.quick_links_container {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}

.quick_links_select {
  display: block;
  height: 48px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  border: #df2567 1px solid;
  border-radius: 30px;
  color: #df2567;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  padding: 8px 26px 10px;
}
@media screen and (min-width: 1200px) {
  .quick_links_select {
    display: none;
  }
}

.quick_links_select_title {
  color: #1a1a1a;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 500;
  margin-top: 2rem;
}
@media screen and (min-width: 1200px) {
  .quick_links_select_title {
    display: none;
  }
}

.entry-content {
  margin-top: 0;
}

/*Explore Grid*/
.block--explore .container {
  position: relative;
  width: 100%;
  overflow: hidden;
  overflow: visible;
}
@supports (aspect-ratio: 16/9) {
  .block--explore .container {
    aspect-ratio: 1.7777777778;
  }
}
@supports not (aspect-ratio: 16/9) {
  .block--explore .container {
    padding-top: 56.25%;
    height: 0;
  }
}
.block--explore .container .button {
  position: absolute;
  top: -0.5rem;
  right: 0;
  width: fit-content;
  transition: background-color var(--transition) ease-in, color var(--transition) ease-in, filter var(--transition) ease-in;
  z-index: 10;
}
.block--explore .container.border--white {
  box-sizing: content-box;
  width: calc(100% - 2 * var(--fat-border));
}
.block--explore .container:hover .button {
  color: #ffffff;
  background-color: #df2567;
}
.block--explore .container:hover .button::after {
  filter: invert(1) brightness(200%);
}

.dash.explore_title--second {
  text-align: right;
}
.dash.explore_title--second::after {
  left: unset;
  right: 0;
}

@media screen and (min-width: 700px) {
  .block--explore.margins {
    margin-left: 0;
    margin-right: 0;
  }
  .block--explore .grid_explore {
    grid-template-columns: var(--margin) 11fr var(--fat-border) var(--fat-border) 9fr var(--margin);
    grid-template-rows: auto auto auto auto auto;
  }
  .block--explore .grid_explore .explore_title--first {
    grid-row: 1/2;
    grid-column: 2/6;
  }
  .block--explore .grid_explore .dash.explore_title--second {
    grid-column: 4/6;
    grid-row: 5/6;
    margin-top: var(--fat-border);
    align-self: end;
  }
  .block--explore .container .button {
    padding: 2rem;
    top: -2rem;
  }
  .block--explore .container .button::after {
    top: 2rem;
  }
  .block--explore .container:first-of-type {
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow: visible;
    grid-row: 2/3;
    grid-column: 2/6;
    margin-bottom: calc(var(--fat-border) * -1);
  }
  @supports (aspect-ratio: 16/9) {
    .block--explore .container:first-of-type {
      aspect-ratio: 1.7777777778;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .block--explore .container:first-of-type {
      padding-top: 56.25%;
      height: 0;
    }
  }
  .block--explore .container:first-of-type.border--white {
    box-sizing: content-box;
    width: calc(100% - 2 * var(--fat-border));
  }
  .block--explore .container:first-of-type .button {
    right: 2rem;
  }
  .block--explore .container:nth-of-type(2) {
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow: visible;
    grid-row: 3/4;
    grid-column: 2/5;
    margin: calc(var(--fat-border) * -1) 0;
    border-left: 0;
    justify-self: start;
    align-self: center;
  }
  @supports (aspect-ratio: 16/9) {
    .block--explore .container:nth-of-type(2) {
      aspect-ratio: 1.5;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .block--explore .container:nth-of-type(2) {
      padding-top: 66%;
      height: 0;
    }
  }
  .block--explore .container:nth-of-type(2).border--white {
    box-sizing: content-box;
    width: calc(100% - var(--fat-border));
  }
  .block--explore .container:nth-of-type(2) .button {
    right: unset;
    left: var(--fat-border);
  }
  .block--explore .container:nth-of-type(3) {
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow: visible;
    grid-row: 3/4;
    grid-column: 4/6;
    margin: calc(var(--fat-border) * -1) 0;
    border-right: 0;
    justify-self: end;
    z-index: 10;
  }
  @supports (aspect-ratio: 16/9) {
    .block--explore .container:nth-of-type(3) {
      aspect-ratio: 0.8;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .block--explore .container:nth-of-type(3) {
      padding-top: 125%;
      height: 0;
    }
  }
  .block--explore .container:nth-of-type(3).border--white {
    box-sizing: content-box;
    width: calc(100% - var(--fat-border));
  }
  .block--explore .container:nth-of-type(3) .button {
    top: unset;
    bottom: -2rem;
    right: 0;
    margin: 0px;
  }
  .block--explore .container:nth-of-type(4) {
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow: visible;
    grid-row: 4/5;
    grid-column: 2/6;
    margin: calc(var(--fat-border) * -1) 0;
  }
  @supports (aspect-ratio: 16/9) {
    .block--explore .container:nth-of-type(4) {
      aspect-ratio: 1.7777777778;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .block--explore .container:nth-of-type(4) {
      padding-top: 42.85%;
      height: 0;
    }
  }
  .block--explore .container:nth-of-type(4).border--white {
    box-sizing: content-box;
    width: calc(100% - 2 * var(--fat-border));
  }
  .block--explore .container:nth-of-type(4) .button {
    top: unset;
    bottom: -2rem;
    right: 0;
    margin: 0px;
  }
  .block--explore .container:nth-of-type(5) {
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow: visible;
    grid-column: 2/4;
    grid-row: 5/6;
    border-left: 0;
    margin: calc(var(--fat-border) * -1) 0;
  }
  @supports (aspect-ratio: 16/9) {
    .block--explore .container:nth-of-type(5) {
      aspect-ratio: 1.5;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .block--explore .container:nth-of-type(5) {
      padding-top: 66%;
      height: 0;
    }
  }
  .block--explore .container:nth-of-type(5).border--white {
    box-sizing: content-box;
    width: calc(100% - var(--fat-border));
  }
  .block--explore .container:nth-of-type(5) .button {
    top: unset;
    bottom: -3rem;
  }
}
/*Buttons*/
.layout--button {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/*Visit*/
.block--full-width-text h4 {
  text-transform: none;
  font-size: 2rem;
}
.block--full-width-text h5 {
  font-size: 2rem;
  font-weight: 400;
}
.block--full-width-text h6 {
  font-size: 2rem;
  font-weight: 400;
  text-transform: none;
}

/*What's on Block*/
.block--whatson .flex {
  align-items: flex-end;
}
.block--whatson .flex_column--right {
  margin-top: 3rem;
}
.block--whatson h2:not(.dash) {
  margin: -0.5rem 0 1.5rem;
}

.event_description {
  margin-bottom: 6rem;
}

@media screen and (min-width: 1000px) {
  .block--whatson .flex_column--left {
    margin-left: calc(var(--fat-border) * -1);
  }
  .block--whatson .flex_column--right {
    padding: 1rem 0 0 1rem;
  }
  .block--whatson .flex_column--right .buttons {
    margin-bottom: 0;
  }
}
.mc4wp-form-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.mc4wp-form-fields .form_row {
  width: 100%;
  display: flex;
  gap: 1rem;
  /* justify-items: stretch; */
}
.mc4wp-form-fields .small {
  font-weight: 700;
}

input#email {
  width: 100%;
  height: 50px;
  border-radius: 3px;
}

input#first_name,
input#last_name {
  width: 50%;
}

@media screen and (min-width: 1000px) {
  .block--never-miss-the-boat.flex.flex_50 {
    flex-direction: row;
  }
  .block--never-miss-the-boat.flex.flex_50 .flex_item {
    flex-basis: 50%;
    align-self: flex-end;
  }
  .block--never-miss-the-boat .padding-left {
    padding: 7rem 3rem 7rem var(--margin);
  }
  .block--never-miss-the-boat .container.container--fourfive {
    aspect-ratio: auto;
    padding-top: 0;
  }
  @supports not (aspect-ratio: auto) {
    .block--never-miss-the-boat .container.container--fourfive {
      height: 582px;
    }
  }
}
/*Have You Seen*/
.block--have-you-seen .container.honeycomb {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .block--have-you-seen .container.honeycomb {
    aspect-ratio: 2.3333333333;
  }
}
@supports not (aspect-ratio: 16/9) {
  .block--have-you-seen .container.honeycomb {
    padding-top: 42.85%;
    height: 0;
  }
}
.block--have-you-seen .container.honeycomb::after {
  display: none;
}
.block--have-you-seen .container.honeycomb img {
  clip-path: none;
}

@media screen and (min-width: 700px) {
  .block--have-you-seen .flex_33 {
    align-items: flex-start;
  }
  .block--have-you-seen .flex_33 .flex_item {
    display: grid;
    grid-template-rows: auto auto 110px 1fr;
  }
  .block--have-you-seen .flex_33 .flex_item .decorative {
    width: 100%;
    max-width: 15rem;
  }
  .block--have-you-seen .flex.cards {
    flex-wrap: nowrap;
  }
  .block--have-you-seen .flex.cards .container.honeycomb {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  @supports (aspect-ratio: 16/9) {
    .block--have-you-seen .flex.cards .container.honeycomb {
      aspect-ratio: 0.8;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .block--have-you-seen .flex.cards .container.honeycomb {
      padding-top: 115%;
      height: 0;
    }
  }
  .block--have-you-seen .flex.cards .container.honeycomb img {
    clip-path: polygon(39% 0, 61% 0, 61% 5.4%, 100% 50%, 100% 100%, 0 100%, 0 50%, 39% 5.4%);
  }
  .block--have-you-seen .flex.cards .flex_item:nth-of-type(2) .container.honeycomb img {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 61% 94.6%, 61% 100%, 39% 100%, 39% 94.6%, 0 50%);
  }
  .block--have-you-seen .flex.cards .flex_item:nth-of-type(2) .container.honeycomb::after {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 61% 94.6%, 61% 100%, 39% 100%, 39% 94.6%, 0 50%);
  }
  .block--have-you-seen h3,
  .block--have-you-seen p {
    margin-right: 1rem;
  }
}
/*Read Watch Listen*/
.featured-post .decorative.bg-transparent {
  padding-left: 0;
}

/*Footer*/
#footer {
  padding-top: 2rem;
  padding-bottom: 4rem;
}
@media screen and (min-width: 1000px) {
  #footer {
    padding-top: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  #footer {
    padding: 4rem calc(var(--margin) / 2);
  }
}
#footer h4,
#footer h5,
#footer p,
#footer h4 {
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}
#footer h5 {
  margin-bottom: 0;
}
#footer address {
  font-style: normal;
  margin: 0;
  margin-left: 2rem;
}
#footer ul {
  margin: 0;
  padding: 0;
}
#footer .footer_grid--item {
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (min-width: 1000px) {
  #footer .footer_grid--item {
    border-left: #ffffff 1px solid;
    padding-left: 4rem;
  }
  #footer .footer_grid--item:first-of-type {
    border-left: none;
    padding-left: 0;
  }
}
#footer .footer_grid--item.logos {
  flex-wrap: wrap;
  justify-content: space-between;
}
#footer .footer_grid--item.logos a {
  flex-basis: 48%;
}
#footer .so-me {
  justify-content: flex-start;
  gap: 1rem;
}
#footer .so-me svg {
  width: 34px;
  height: 34px;
  display: block;
}
#footer .so-me svg path {
  fill: #ffffff;
  transition: fill var(--transition) ease-in;
}
#footer .so-me svg path:nth-of-type(2) {
  fill: #1a1a1a;
}
#footer .so-me svg path:hover {
  fill: #df2567;
}

.footer_address_phone a {
  color: #ffffff;
}

@media screen and (min-width: 700px) {
  .grid.footer_grid {
    grid-template-columns: 1fr 2rem 1fr;
  }
  .grid.footer_grid svg path {
    fill: #1a1a1a;
  }
  .footer_grid--item.social {
    grid-column: 1/2;
  }
  .footer_grid--item.sub-footer {
    grid-column: 1/4;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
  }
  .footer_grid--item.buttons {
    grid-column: 3/4;
  }
  .footer_grid--item.logos {
    grid-column: 3/4;
  }
}
@media screen and (min-width: 1000px) {
  .footer_grid--item.sub-footer {
    grid-column: 5/6;
  }
}

@media screen and (min-width: 1000px) {
  .grid.footer_grid {
    grid-template-columns: 1fr 1rem 1fr 1rem 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .grid.footer_grid {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: unset;
    grid-template-rows: auto auto auto;
  }
  .footer_grid--item.opening-times {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .footer_grid--item.buttons {
    grid-column: 5/6;
  }
  .footer_grid--item.buttons .buttons {
    display: block;
  }
  .footer_grid--item.buttons .decorative {
    height: min-content;
    margin-bottom: 1rem;
  }
  .footer_grid--item.social {
    grid-column: 2/4;
    align-self: center;
  }
  .footer_grid--item.social .flex {
    justify-content: flex-start;
    gap: 2rem;
  }
  .footer_grid--item.logos {
    grid-column: 4/6;
    grid-row: 2/3;
  }
  .footer_grid--item.sub-footer {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  #footer .so-me svg {
    width: 34px;
    height: 34px;
  }
}
.site-branding--footer {
  width: auto;
  height: 75px;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1000px) {
  .site-branding--footer {
    height: 111px;
    width: 195px;
  }
}
.site-branding--footer svg {
  height: 100%;
}

/*Carousel*/
.entry-header .carousel_wrapper {
  margin-bottom: 0;
}

.hero_image_container {
  width: 100vw;
}

.hero_image {
  min-height: calc(var(--vh) * 100);
  min-width: 100vw;
  flex-direction: column;
  flex-wrap: nowrap;
  display: grid;
  grid-template-rows: calc(var(--vh) * 50) auto;
}
@media screen and (min-width: 700px) {
  .hero_image {
    min-height: 50vw;
  }
}
@media screen and (min-width: 1000px) {
  .hero_image {
    display: flex;
    min-height: unset;
    height: 50vw;
    max-height: calc(var(--vh) * 100);
  }
}

@media screen and (min-width: 1000px) {
  .hero_carousel {
    max-height: calc(var(--vh) * 100);
  }
}

.hero_info_container {
  z-index: 3;
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
  padding: 8vw;
}
@media screen and (min-width: 1000px) {
  .hero_info_container {
    padding: 2.5rem;
    position: absolute;
    bottom: 50%;
    left: var(--margin);
    width: 40%;
    transform: translateY(50%);
  }
}
@media screen and (min-width: 1200px) {
  .hero_info_container {
    width: 30%;
    bottom: calc(var(--margin) / 2);
    max-width: 456px;
    transform: translateY(0);
  }
}
@media screen and (min-width: 1800px) {
  .hero_info_container {
    bottom: unset;
    top: 35%;
  }
}
@media screen and (min-width: 1000px) {
  .hero_info_container.rhs {
    right: var(--margin);
    left: unset;
  }
}

@media screen and (min-width: 1000px) {
  .hero_image_container {
    flex-basis: unset;
    height: 50vw;
    width: 100vw;
    max-height: calc(var(--vh) * 100);
  }
}
.hero_image_container img {
  position: relative;
  height: 100%;
  line-height: 0;
  display: block;
}

.hero_title {
  font-size: 1.875rem;
  line-height: 2.1875rem;
}
@media screen and (min-width: 1200px) {
  .hero_title {
    font-size: 1.75rem;
    line-height: 2.0625rem;
    font-weight: 900;
  }
}

.hero_subtitle {
  font-weight: 600;
  font-size: 1.875rem;
  line-height: 2.1875rem;
  margin-top: 1rem;
}
@media screen and (min-width: 1200px) {
  .hero_subtitle {
    font-size: 1.75rem;
    line-height: 2.0625rem;
  }
}

.hero_details {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
  .hero_details {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
}

.home .hero_title {
  font-size: 1.875rem;
  line-height: 2.1875rem;
}
@media screen and (min-width: 1200px) {
  .home .hero_title {
    font-size: 2.375rem;
    line-height: 2.8125rem;
  }
}
.home .hero_subtitle {
  font-size: 1.625rem;
  line-height: 1.75rem;
}
@media screen and (min-width: 1200px) {
  .home .hero_subtitle {
    font-size: 2.0625rem;
    line-height: 2.1875rem;
  }
}
.home .hero_details {
  font-size: 1rem;
  line-height: 1.1875rem;
}
@media screen and (min-width: 1200px) {
  .home .hero_details {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}

.hero_button {
  margin-bottom: 1rem;
}

.home .block--hero {
  display: none;
}

.carousel.hero_image .swiper-slide {
  width: 100vw;
}
.carousel.hero_image h5 {
  position: absolute;
  top: 110%;
  font-weight: 800;
}
.carousel.carousel--highlights {
  position: relative;
}
.carousel.carousel--highlights::after {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--margin);
  right: 100%;
  top: 0;
  background-color: #ffffff;
  z-index: 10;
}
.carousel.carousel--zoomer {
  display: none;
  width: 100vw;
  height: calc(var(--vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-100%, 0);
  opacity: 0;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity 400ms ease, backdrop-filter 800ms ease, -webkit-backdrop-filter 800ms ease;
  z-index: 1001;
  --pop_up_padding: 2rem;
}
@media screen and (min-width: 1200px) {
  .carousel.carousel--zoomer {
    --pop_up_padding: 4rem;
  }
}
.carousel.carousel--zoomer.open {
  display: block;
  transform: translate(0, 0);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  margin: 0;
  opacity: 1;
  height: 100vh;
}
.carousel.carousel--zoomer.hide {
  display: block;
  transform: translate(0, 0);
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  opacity: 0;
}
.carousel.carousel--zoomer .swiper-wrapper {
  position: absolute;
  width: calc(100vw - 2 * var(--margin));
  height: calc(var(--vh) * 80);
  top: calc(var(--vh) * 11);
}
.carousel.carousel--zoomer .swiper-slide .slide-inner {
  background-color: #ffffff;
  filter: blur(12px) opacity(0);
  transition: filter 600ms ease-in;
  box-sizing: border-box;
}
.carousel.carousel--zoomer .swiper-slide.swiper-slide-active .slide-inner {
  filter: blur(0px) opacity(1);
}
.carousel.carousel--zoomer .swiper-slide .slide-image-container {
  max-height: calc(var(--vh) * 60);
}
.carousel.carousel--zoomer .swiper-slide .slide-image-container img {
  max-height: calc(var(--vh) * 60);
}
@media screen and (min-width: 1200px) {
  .carousel.carousel--zoomer .swiper-slide .slide-image-container {
    max-height: calc(var(--vh) * 70);
  }
  .carousel.carousel--zoomer .swiper-slide .slide-image-container img {
    max-height: calc(var(--vh) * 70);
    width: auto;
    max-width: 100%;
    object-fit: contain;
  }
}
.carousel.carousel--zoomer .swiper-slide .slide-image-container .slide_caption {
  grid-row: 2/3;
}
.carousel.carousel--zoomer .swiper-slide .slide-image-container .slide_caption h3,
.carousel.carousel--zoomer .swiper-slide .slide-image-container .slide_caption h4 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.carousel.carousel--zoomer .swiper-slide .slide-image-container .slide_caption h4 {
  font-weight: 600;
}
.carousel.carousel--zoomer .swiper-slide .slide-image-container .slide_caption h4:empty {
  display: none;
}
.carousel.carousel--zoomer .swiper-slide .slide-image-container .slide_caption .slide_caption p {
  max-width: 800px;
}
.carousel.carousel--zoomer .swiper-slide .slide_caption {
  grid-row: 2/3;
}
.carousel.carousel--zoomer .swiper-slide .slide_caption h3,
.carousel.carousel--zoomer .swiper-slide .slide_caption h4 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.carousel.carousel--zoomer .swiper-slide .slide_caption h4 {
  font-weight: 600;
}
.carousel.carousel--zoomer .swiper-slide .slide_caption h4:empty {
  display: none;
}
.carousel.carousel--zoomer .swiper-slide .slide_caption .slide_caption p {
  max-width: 800px;
}
.carousel a:hover {
  text-decoration: none;
}

.block--highlights-carousel + .block--highlights-carousel::after {
  display: none;
}

.close_zoomer {
  position: absolute;
  top: calc(var(--vh) * 4);
  right: var(--margin);
  z-index: 100;
  background-color: none;
  color: white;
  text-transform: capitalize;
  font-weight: 400;
  display: flex;
  gap: 1rem;
  align-items: center;
  transition: background-color 400ms ease;
}
.close_zoomer:hover {
  background-color: none;
}

.image_zoomed img {
  max-height: 80vh;
  width: auto;
}

.slide_index {
  position: absolute;
  top: calc(var(--vh) * 5);
  left: var(--margin);
  z-index: 100;
  color: #fff;
  transition: filter 400ms ease-in-out;
  filter: blur(0);
}
.slide_index.hide {
  filter: blur(16px);
}

.button--prev,
.button--next {
  position: absolute;
  top: -3rem;
  right: var(--margin);
  display: block;
  line-height: 0;
  cursor: pointer;
  transition: backdrop-filter 400ms ease;
}
.button--prev rect,
.button--next rect {
  transition: opacity 400ms ease;
}
.button--prev:hover rect,
.button--next:hover rect {
  opacity: 0.7;
}

.button--prev {
  right: calc(var(--margin) + 2rem);
}

.button--next svg {
  transform: rotate(180deg);
}

.carousel--highlights .button--prev,
.carousel--highlights .button--next {
  top: 2rem;
  transition: none;
}
.carousel--highlights .button--prev rect,
.carousel--highlights .button--prev path,
.carousel--highlights .button--next rect,
.carousel--highlights .button--next path {
  transition: fill 400ms ease;
}
.carousel--highlights .button--prev:hover rect,
.carousel--highlights .button--next:hover rect {
  fill: #1a1a1a;
}
.carousel--highlights .button--prev:hover path,
.carousel--highlights .button--next:hover path {
  fill: #ffffff;
}

.carousel--whatson h2 {
  position: relative;
  left: var(--margin);
  font-size: 2rem;
}
.carousel--whatson .button--prev,
.carousel--whatson .button--next {
  top: 1rem;
}

/*Page Layouts*/
.block--ticket-table .flex.flex_50 .flex_item {
  flex-basis: 100%;
}
.block--ticket-table .opening_hours {
  padding: 1rem;
}
.block--ticket-table h5,
.block--ticket-table p:not(.small) {
  font-size: 1.2rem;
}
.block--ticket-table h5 {
  margin-bottom: 0;
}
.block--ticket-table .flex_item ~ .flex_item {
  margin-top: 2rem;
}
.block--ticket-table .ticket_table {
  width: 100%;
  gap: 1rem;
  margin-bottom: 1rem;
  line-height: 1;
}
.block--ticket-table .ticket_table .grid_row {
  display: grid;
  grid-template-columns: 5fr 1fr 1fr;
  padding-bottom: 1rem;
  border-bottom: 2px dotted #00cccc;
  font-size: 1.2rem;
}
.block--ticket-table .ticket_table small {
  font-size: 70%;
  line-height: 1;
  opacity: 0.4;
  font-weight: 800;
  text-align: center;
  display: block;
}
@media screen and (min-width: 700px) {
  .block--ticket-table .flex.flex_50 .flex_item {
    flex-basis: calc(50% - 1rem);
  }
  .block--ticket-table .flex.flex_50 {
    gap: 2rem;
  }
  .block--ticket-table .flex_item ~ .flex_item {
    margin-top: 0;
  }
  .block--ticket-table .opening_hours {
    padding: 2rem;
  }
}

.block--ticket-table .ticket_table th {
  line-height: 1;
  opacity: 0.7;
}

.opening_hours .small {
  margin-top: -1.2rem;
}

.block--intro-text .flex.flex_50 .flex_item {
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  .block--intro-text .flex.flex_50 .flex_item {
    flex-basis: 48%;
  }
}

.block--full-width-text.bg-henley {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/*Resources Layout*/
.block--resources {
  padding-bottom: 2rem;
}
.block--resources .decorative {
  padding-left: 0;
  height: min-content;
}
.block--resources .flex_item {
  margin-bottom: 2rem;
}
.block--resources .resources_title {
  margin-bottom: 2rem;
  align-items: center;
}

@media screen and (min-width: 1000px) {
  .block--resources {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
/* Image popup grid*/
.pop-up.card {
  margin-bottom: 2rem;
}
.pop-up.card .container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.pop-up.card .container h2 {
  position: absolute;
  z-index: 10;
  left: -0.1em;
  bottom: 0;
  font-weight: 700;
  line-height: 70%;
  letter-spacing: -0.05em;
  font-size: 10rem;
  margin: 0;
}
.pop-up.card h4 {
  margin: 0.75rem 0 0;
  font-size: 1.2rem;
  font-weight: 800;
}
.pop-up.card .decorative {
  padding-left: 0;
  width: 100%;
}

.pop-up_grid .close svg {
  stroke: #df2567;
  width: 2rem;
  height: 2rem;
}

#image_buttons_with_pop_up_1 .pop-up_grid .pop-up .container--twothree {
  aspect-ratio: 1;
}

@media screen and (min-width: 700px) {
  #image_buttons_with_pop_up_1 .pop-up_grid .pop-up .container--twothree {
    aspect-ratio: 0.66667;
  }
}
/*Contact Block*/
.block--contact {
  padding-top: 0;
  padding-bottom: 4rem;
}
.block--contact.bg-mist {
  background-color: #ffffff;
}
.block--contact.bg-ivory {
  background-color: #ffffff;
}
.block--contact .flex.flex_50 > .flex_item {
  flex-basis: 100%;
}
.block--contact h2 {
  text-align: center;
  margin-bottom: 2rem;
}

.block--contact.mailing_list {
  padding-top: 4rem;
}

.wpcf7-form label {
  font-weight: 700;
  text-transform: none;
}
.wpcf7-form select,
.wpcf7-form textarea,
.wpcf7-form input:not([type=submit]) {
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  /*@include media1000 {
    max-width: calc(100vw / 1.5);
  }*/
}
.wpcf7-form select:focus,
.wpcf7-form textarea:focus,
.wpcf7-form input:not([type=submit]):focus {
  border: 2px solid #1a1a1a;
  outline: none;
}
.wpcf7-form .decorative {
  margin: 0 0 0 auto;
}
.wpcf7-form input[type=submit] {
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  border: 1px solid;
  padding: 15px 64px;
  border-radius: 5px;
  color: #1a1a1a;
  background: transparent;
  text-transform: none;
  display: block;
  margin: 0 auto;
  -webkit-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, color 400ms ease-in-out;
  -ms-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, color 400ms ease-in-out;
  transition: background-color 400ms ease-in-out, border 400ms ease-in-out, color 400ms ease-in-out;
}
.wpcf7-form input[type=submit]:hover {
  color: #ffffff;
  background-color: #1a1a1a;
}
.wpcf7-form .wpcf7-spinner {
  position: absolute;
  top: calc(50% - 12px);
  left: -48px;
}

@media screen and (min-width: 700px) {
  .block--contact .flex.flex_50 > .flex_item {
    flex-basis: 48%;
  }
}
/*Numbered List*/
.block--numbered-list {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.block--numbered-list > h2 {
  margin-top: 2rem;
}
.block--numbered-list .numbered-list h2 {
  font-weight: 700;
  letter-spacing: -0.05em;
  font-size: 8rem;
  margin: 0;
}
.block--numbered-list .numbered-list.flex.flex_25 > .flex_item {
  flex-basis: 48%;
}

@media screen and (min-width: 700px) {
  .block--numbered-list {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .block--numbered-list > h2 {
    margin-top: 4rem;
  }
  .block--numbered-list .numbered-list h2 {
    font-size: 10rem;
  }
  .block--numbered-list .numbered-list.flex.flex_25 > .flex_item {
    flex-basis: 23%;
  }
}
/*Two Column Grid*/
@media screen and (min-width: 700px) {
  .block--q-a .grid--two-column > .grid_item {
    align-self: flex-start;
  }
  .block--q-a .grid--two-column > .grid_item h2 {
    margin-top: 2rem;
  }
}
/*Image Text Layouts*/
/*section.block--image_text+section:not(.block--image_text):not(.pattern){
	margin-top:2rem;
}*/
.image_grid_with_text {
  display: flex;
  flex-direction: column-reverse;
}

.grid_item .full {
  font-size: 1.4rem;
  font-weight: 600;
}

.medium_square_image {
  padding: 4rem;
}

.image_with_quote {
  margin-top: -2rem;
  padding-top: 3rem;
}
.image_with_quote .quote {
  padding: 4rem 2rem 2rem;
  position: relative;
}
.image_with_quote .quote::after {
  content: open-quote;
  position: absolute;
  top: 3rem;
  left: 2rem;
  line-height: 0;
  font-size: 8rem;
  font-weight: 700;
}

.pattern .image_with_quote {
  margin-top: 0;
}

.grid_image-lockup {
  grid-template-columns: 1fr 1fr 1fr;
}

.block--map {
  margin: 0;
}
.block--map iframe {
  display: block;
}

@media screen and (min-width: 700px) {
  .block--image_text.pattern {
    margin-top: 0;
    padding-top: 0;
  }
  .image_with_honeycomb_cutout {
    max-width: 100%;
  }
  .image_grid_with_text {
    display: flex;
    flex-direction: column;
  }
  .grid_image-lockup {
    margin-bottom: 2rem;
  }
  .grid_item--left .image_text--text {
    padding-right: 2rem;
  }
  .grid_item--left .grid_image-lockup {
    margin-right: 2rem;
  }
  .grid_item--right .image_text--text {
    padding-left: 2rem;
  }
  .grid_item--right .grid_image-lockup {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .grid--two-column > .grid_item.image_grid_with_text {
    align-self: flex-start;
  }
  .grid_image-lockup {
    margin-bottom: 6rem;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    row-gap: 0.5rem;
    column-gap: 1rem;
  }
  .grid_image-lockup .grid_item:first-child {
    grid-row: 1/3;
    grid-column: 1/2;
    aspect-ratio: 0.96;
  }
  .grid_image-lockup + .image_text--text {
    padding-top: 0;
  }
  .grid_item--left .image_text--text {
    padding-right: 5rem;
  }
  .grid_item--left .grid_image-lockup {
    margin-right: 4rem;
  }
  .grid_item--right .image_text--text {
    padding-left: 5rem;
  }
  .grid_item--right .grid_image-lockup {
    margin-left: 4rem;
  }
  .grid_item--left .image_text--text,
  .grid_item--right .image_text--text {
    padding-bottom: 4rem;
  }
  .grid_item--to-edge.container.container--square {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  @supports (aspect-ratio: 16/9) {
    .grid_item--to-edge.container.container--square {
      aspect-ratio: 1.25;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .grid_item--to-edge.container.container--square {
      padding-top: 125%;
      height: 0;
    }
  }
  .grid_item--to-edge.container.container--fourfive {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  @supports (aspect-ratio: 16/9) {
    .grid_item--to-edge.container.container--fourfive {
      aspect-ratio: 1;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .grid_item--to-edge.container.container--fourfive {
      padding-top: 100%;
      height: 0;
    }
  }
}
/*Q & A grids*/
@media screen and (min-width: 700px) {
  .block--q-a .grid--two-column {
    gap: 2rem;
  }
  .block--q-a .grid--two-column .grid_item--q-a {
    align-self: flex-start;
  }
  .block--q-a .grid_item.grid_item--to-edge.grid_item--right .container {
    left: -1rem;
    right: -1rem;
  }
}
/*Filter Form*/
#filter_form {
  padding: 2rem var(--margin) 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#filter_form label {
  font-weight: 500;
  text-transform: none;
}
#filter_form select,
#filter_form input:not([type=submit]):not([type=reset]) {
  border: none;
  padding: 0.5rem;
  font-weight: 700;
  width: 15rem;
  margin: 0.5rem;
  color: #1a1a1a;
}
#filter_form input[type=submit],
#filter_form input[type=reset] {
  margin: 0.5rem;
}
#filter_form input[type=submit] {
  background-color: transparent;
}
#filter_form input[type=reset] {
  background-color: transparent;
}
#filter_form fieldset {
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  flex-basis: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 400ms ease-in, max-height var(--transition) ease-out;
}
#filter_form fieldset .date_label {
  position: relative;
}
#filter_form fieldset .date_label label {
  position: absolute;
  width: 10rem;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.5rem;
  font-weight: 700;
  text-transform: initial;
  color: #00cccc;
  background-color: #ffffff;
  transition: all var(--transition) ease;
}
#filter_form fieldset .date_label input[type=date] {
  padding-left: 3rem;
}
#filter_form fieldset .date_label input[type=date]:focus + label, #filter_form fieldset .date_label input[type=date].has_value + label {
  max-width: fit-content;
  font-weight: 500;
  font-size: 80%;
  padding: 0.2 0 0;
}
#filter_form fieldset .date_label input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(58%) sepia(87%) saturate(74%) hue-rotate(110deg) brightness(86%) contrast(81%);
}
#filter_form fieldset .date_label input[type=date]::-webkit-datetime-edit-day-field:focus, #filter_form fieldset .date_label input[type=date]::-webkit-datetime-edit-month-field:focus, #filter_form fieldset .date_label input[type=date]::-webkit-datetime-edit-year-field:focus {
  color: #1a1a1a;
  background: #767676;
  outline: none;
}
#filter_form fieldset legend {
  font-weight: 700;
  text-align: center;
  margin-left: 0.5rem;
}
#filter_form.show_choose fieldset {
  max-height: 5rem;
  opacity: 1;
}

#loader {
  position: fixed;
  width: 25px;
  height: 25px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  transform: translateX(100vw);
  opacity: 0;
  transition: opacity 400ms ease-in, transform 0ms linear 400ms;
  border-radius: 50%;
  background-color: #df2567;
  animation: bounce 900ms ease-in-out 300ms infinite;
}
#loader:after, #loader:before {
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #df2567;
  position: absolute;
  top: 0;
}
#loader:after {
  right: -35px;
  animation: bounce 900ms ease-in-out 600ms infinite;
}
#loader:before {
  left: -35px;
  animation: bounce 900ms ease-in-out 0ms infinite;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(200%);
  }
  75% {
    transform: translateY(-200%);
  }
  100% {
    transform: translateY(0);
  }
}
#response {
  opacity: 1;
  transition: opacity 800ms ease-in;
}

div#response .container--square, .associates_grid_item.container--square {
  aspect-ratio: unset;
}
@media screen and (min-width: 1600px) {
  div#response .container--square, .associates_grid_item.container--square {
    aspect-ratio: 1;
  }
}

.associates_grid_item.container--square {
  height: fit-content;
}

.loading #loader {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 400ms ease-in, transform 0ms linear 0ms;
  z-index: 50;
}
.loading #response {
  opacity: 0;
}

.apply_reset_buttons {
  display: flex;
  gap: 1rem;
}

@media screen and (min-width: 1200px) {
  #filter_form {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 2fr 2fr 4fr 1fr 1fr;
    align-items: flex-end;
  }
  #filter_form fieldset legend {
    text-align: left;
  }
  #filter_form select,
  #filter_form input:not([type=submit]):not([type=reset]) {
    width: 10rem;
  }
  #filter_form > label {
    grid-row: 1/2;
    grid-column: 1/2;
    align-self: flex-start;
  }
  #filter_form #cat_select {
    grid-row: 1/2;
    grid-column: 1/2;
    height: 42px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #filter_form #date_select {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  #filter_form fieldset {
    grid-row: 1/2;
  }
  #filter_form input[type=submit] {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  #filter_form input[type=submit]:hover {
    background: #1a1a1a;
    color: #ffffff;
    border: #1a1a1a 1px solid;
    text-decoration: none;
  }
  #filter_form input[type=reset] {
    grid-column: 5/6;
    grid-row: 1/2;
  }
}
.post_grid h4.weight-bold,
.block--related h4.weight-bold {
  font-weight: 800;
  text-transform: none;
}

a.button.decorative.bg-neon.margin-right {
  margin-left: auto;
}

#response::after {
  content: "";
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  #response::after {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1200px) {
  #response::after {
    flex-basis: 31.5%;
  }
}

/*Card grid*/
.block--event-grid .flex.flex_50 .flex_item,
.block--related .flex.flex_50 .flex_item {
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  .block--event-grid .flex.flex_50 .flex_item,
  .block--related .flex.flex_50 .flex_item {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1200px) {
  .block--event-grid .flex.flex_50 .flex_item,
  .block--related .flex.flex_50 .flex_item {
    flex-basis: 31.5%;
  }
}
.block--event-grid a,
.block--related a {
  text-decoration: none;
  color: #1a1a1a;
}
.block--event-grid .card,
.block--related .card {
  margin-bottom: 2.5rem;
}
.block--event-grid .card .decorative,
.block--related .card .decorative {
  padding-left: 0;
}
.block--event-grid .card h5,
.block--related .card h5 {
  font-weight: 500;
  margin: 1.5rem 0 0.5rem;
  display: flex;
  gap: 0.5rem;
}
.block--event-grid .card h4,
.block--related .card h4 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 1px;
}
.block--event-grid .card p,
.block--related .card p {
  font-size: 1.2rem;
}
.block--event-grid .card.card--featured, .block--event-grid .card.card--highlighted,
.block--related .card.card--featured,
.block--related .card.card--highlighted {
  padding: 1rem;
}

.block--event-grid .card h5 {
  display: flex;
  gap: 0.5rem;
}

.strapline {
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0%, 100% 100%);
  max-width: fit-content;
  padding: 1rem 1rem 70px 65px;
  line-height: 101%;
  text-align: right;
  text-transform: uppercase;
  max-height: calc(100% - 1rem - 70px);
  font-weight: 700;
}
@supports not (aspect-ratio: 16/9) {
  .strapline {
    height: 100%;
    bottom: 0;
    width: 200px;
  }
}
.strapline h4 {
  font-size: 0.8rem;
}
.strapline.strapline-left {
  right: unset;
  left: 0;
  clip-path: polygon(0 0, 100% 0%, 0 100%);
  padding: 1rem 65px 70px 1rem;
}
.strapline svg {
  width: 2rem;
  display: block;
  margin: 1rem auto 0;
}

@media screen and (min-width: 700px) {
  .block--event-grid .event_title {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 1000px) {
  .card--featured {
    display: grid;
    grid-template-columns: 4fr 5fr;
    grid-template-rows: auto 2.2rem auto 1fr;
  }
  .card--featured h3,
  .card--featured .decorative {
    grid-column: 1/2;
  }
  .card--featured .decorative:hover {
    background-color: transparent;
    color: #00cccc;
  }
  .card--featured p {
    grid-row: 1/4;
    grid-column: 2/3;
    padding-left: 1rem;
  }
  .card--featured .container {
    grid-column: 1/3;
  }
  /*.strapline {
  	max-width:200px;
  	padding: 1rem 1rem 100px 100px;
  	h4{
  		font-size:1rem;
  	}
  	&.strapline-left{
  		padding: 1rem 100px 100px 1rem;
  	}
  	svg{
  		width: 3rem;
  	}
  }*/
}
/*Page Title*/
.page_title_header {
  text-align: center;
  font-size: 2.125rem;
  line-height: 2.5rem;
  font-weight: 900;
  margin-top: 2rem;
}
@media screen and (min-width: 1200px) {
  .page_title_header {
    font-size: 3.375rem;
    line-height: 4rem;
    font-weight: 900;
  }
}
.page_title_header.blue_grey {
  color: #1a1a1a;
}
.page_title_header.blue {
  color: #1a1a1a;
}
.page_title_header.dark_blue {
  color: #1a1a1a;
}
.page_title_header.pink {
  color: #df2567;
}
.page_title_header.green {
  color: #df2567;
}
.page_title_header ~ .mobile_sub_nav_container h5 {
  margin-top: 0;
}

/*Breadcrumbs*/
.breadcrumbs {
  display: none;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 700;
  font-size: 1rem;
}
@media screen and (min-width: 1200px) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs a {
  text-decoration: none;
  color: #1a1a1a;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 1rem;
}
.breadcrumbs .greater_than {
  display: inline-block;
  padding: 0 0.25rem;
}

/*Single Event*/
.block--event_intro {
  margin-top: 2rem;
}

.entry-header .strapline {
  top: var(--header-height);
  right: var(--margin);
  display: none;
}
.entry-header .entry-subheader {
  z-index: 10;
  top: 0;
  left: var(--margin);
  padding: 0.5rem 95px 0.5rem 0.5rem;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
}

.cta_active .entry-header .strapline {
  top: calc(var(--header-height) * 2);
}

.alt_header {
  display: flex;
  flex-direction: column-reverse;
  /*img{
  	top:35%;
  	height:65%;
  }*/
}
.alt_header .entry-subheader {
  color: #1a1a1a;
  top: 1rem;
  filter: none;
}
.alt_header .entry-subheader h3.color-white {
  color: #1a1a1a;
}
.alt_header .entry-subheader h3.color-white:first-of-type {
  font-weight: 700;
}
.alt_header.color-white .entry-subheader h3.color-white {
  color: #ffffff;
}

@media screen and (min-width: 1000px) {
  .entry-header .strapline {
    display: block;
  }
  /*.alt_header{
  	//@include proportional-container(42.85%,21/9);
  	img{
  		top:0%;
  		height:100%;
  		left:50%;
  		width:50%;
  	}
  }*/
}
@media screen and (min-width: 1200px) {
  .entry-header .strapline:not(.strapline-left) {
    max-height: 15rem;
    height: 14rem;
    font-size: 1.5rem;
  }
}
.single-event h1 {
  padding-right: 95px;
}

.block--partners {
  margin: 2rem 0 2rem;
}
@media screen and (min-width: 1000px) {
  .block--partners {
    flex-direction: column;
  }
}
.block--partners > a {
  flex-basis: 20%;
  min-width: 150px;
}

.overline {
  border-top: 1px dotted #df2567;
  padding-top: 0.5rem;
}

.block--event_intro h4 {
  margin: 0;
}
.block--event_intro .decorative.bg-white {
  background-color: #767676;
}

.honeycomb_share--icons {
  display: none;
}

.share--button {
  width: 50px;
  padding: 0.5rem 0 1rem;
  display: block;
}
.share--button svg {
  fill: #1a1a1a;
  width: 50px;
}

.testimonial {
  text-align: center;
  padding: 5rem 0;
  position: relative;
  quotes: "“" "”" "“" "”";
}
.testimonial::before, .testimonial::after {
  position: absolute;
  line-height: 0;
  font-size: 8rem;
  font-weight: 700;
  left: calc(50% - 22px);
}
.testimonial::before {
  content: open-quote;
  top: 2rem;
}
.testimonial::after {
  content: close-quote;
  bottom: 2rem;
}

.block--related > .flex:first-of-type {
  margin-bottom: 2rem;
}

.block--highlights-carousel small {
  z-index: 10;
  position: relative;
}

.entry-header .entry-subheader .lc {
  text-transform: none;
}

.medium {
  font-weight: 500;
}

@media screen and (min-width: 700px) {
  /*.entry-header{
  	.entry-subheader{
  		padding:2rem 0 0 0;
  	}
  }*/
  .block--related > .flex:first-of-type {
    margin-bottom: 2rem;
    align-items: center;
  }
}
@media screen and (min-width: 1000px) {
  .block--event_intro > .flex_item:first-of-type {
    padding-right: 2rem;
  }
  .share--button {
    display: none;
  }
  .honeycomb_share--icons {
    display: flex;
    margin-bottom: 2rem;
    justify-content: flex-start;
  }
  .honeycomb_share--icons svg {
    max-width: 3rem;
    height: 2rem;
    flex-basis: 18%;
  }
  .honeycomb_share--icons a {
    flex-basis: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .block--event_intro > .flex_item:first-of-type {
    padding-right: unset;
  }
  .testimonial {
    padding: 10rem 0;
  }
  .testimonial::before {
    top: 6rem;
  }
  .testimonial::after {
    bottom: 6rem;
  }
}
.event_description_button {
  text-align: center;
  display: block;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .event_description_button {
    margin: 0;
  }
}

.block--event_intro aside {
  border-bottom: #1a1a1a 1px solid;
}
@media screen and (min-width: 1000px) {
  .block--event_intro aside {
    border-bottom: none;
  }
}

.funder_logos {
  row-gap: 1rem;
}
@media screen and (min-width: 1200px) {
  .funder_logos {
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
  }
}
.funder_logos img {
  max-height: 50px;
  max-width: 200px;
  width: auto;
}

/*Page Links Double*/
.block--pagelink-double .flex.flex_50 > .flex_item {
  flex-basis: 100%;
  margin-bottom: 2rem;
}
.block--pagelink-double .honeycomb {
  margin-bottom: 1.2rem;
}
.block--pagelink-double a {
  text-decoration: none;
  color: #1a1a1a;
}
.block--pagelink-double .decorative {
  padding-left: 0;
}

@media screen and (min-width: 1000px) {
  .block--pagelink-double .flex.flex_50 > .flex_item {
    flex-basis: 50%;
    margin-bottom: 0;
  }
  .block--pagelink-double .flex.flex_50 > .flex_item:first-child .container.honeycomb img {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 61% 94.6%, 61% 100%, 39% 100%, 39% 94.6%, 0 50%);
  }
  .block--pagelink-double .flex.flex_50 > .flex_item:first-child .container.honeycomb::after {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 61% 94.6%, 61% 100%, 39% 100%, 39% 94.6%, 0 50%);
  }
  .block--pagelink-double h3,
  .block--pagelink-double p {
    margin-right: 1rem;
  }
}
/*Single Collection*/
.single-collection .entry-header {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .single-collection .entry-header {
    aspect-ratio: 1;
  }
}
@supports not (aspect-ratio: 16/9) {
  .single-collection .entry-header {
    padding-top: 100%;
    height: 0;
  }
}
.single-collection .entry-header .featured-image {
  left: 0;
  top: 0;
}
.single-collection .entry-header .featured-image.container--twentyonenine {
  position: relative;
  width: 100%;
  overflow: hidden;
  position: absolute;
}
@supports (aspect-ratio: 16/9) {
  .single-collection .entry-header .featured-image.container--twentyonenine {
    aspect-ratio: 1;
  }
}
@supports not (aspect-ratio: 16/9) {
  .single-collection .entry-header .featured-image.container--twentyonenine {
    padding-top: 100%;
    height: 0;
  }
}
.single-collection .entry-header .featured-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%);
}
.single-collection .entry-header h1 {
  z-index: 10;
  margin-top: var(--header-height);
  max-width: 300px;
  color: #ffffff;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.4));
}

.block--collection_intro.flex.flex_50 .flex_item {
  flex-basis: 100%;
}
.block--collection_intro.flex.flex_50 .flex_item:first-child {
  margin-bottom: 2rem;
}
.block--collection_intro.flex.flex_50 .flex_item #read-more {
  padding-left: 0;
}
.block--collection_intro #more-text {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height calc(2 * var(--transition)) ease-in, opacity 400ms ease-in 100ms;
}
.block--collection_intro.open #more-text {
  max-height: 1000px;
  opacity: 1;
}

.block--collection_intro .flex_item h4 {
  text-transform: none;
  padding-top: 1rem;
}

.hover_text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
  transition: opacity 400ms ease, backdrop-filter 400ms ease, -webkit-backdrop-filter 400ms ease;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  cursor: pointer;
}
.hover_text:hover {
  opacity: 1;
}

.show .hover_text {
  opacity: 1;
}

.popover {
  position: absolute;
  background-color: white;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  padding: 1rem;
  width: 460px;
  box-sizing: border-box;
  top: 105%;
  left: 50%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 400ms ease;
  height: max-content;
  z-index: 10;
  max-width: 90vw;
  transform: translate(-50%, 0);
}

.popover::before {
  content: "";
  position: absolute;
  width: 1px;
  top: -20px;
  left: calc(50% - 20px);
  border: 10px solid transparent;
  border-bottom: 10px solid white;
}

.show .popover {
  max-height: max-content;
  overflow: visible;
  opacity: 1;
}

.collection .block--two_images_overlap .container.container {
  overflow: visible;
}
.collection .block--two_images_overlap .container.container p {
  position: relative;
  bottom: -100%;
}

@media screen and (min-width: 700px) {
  .single-collection .entry-header {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  @supports (aspect-ratio: 16/9) {
    .single-collection .entry-header {
      aspect-ratio: 1.5;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .single-collection .entry-header {
      padding-top: 66%;
      height: 0;
    }
  }
  .single-collection .entry-header .featured-image.container--twentyonenine {
    position: relative;
    width: 100%;
    overflow: hidden;
    position: absolute;
  }
  @supports (aspect-ratio: 16/9) {
    .single-collection .entry-header .featured-image.container--twentyonenine {
      aspect-ratio: 1.5;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .single-collection .entry-header .featured-image.container--twentyonenine {
      padding-top: 66%;
      height: 0;
    }
  }
  .block--collection_intro.flex.flex_50 {
    align-items: stretch;
  }
  .block--collection_intro.flex.flex_50 .flex_item {
    flex-basis: 48%;
  }
  .block--collection_intro.flex.flex_50 .flex_item:first-child {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .block--collection_intro.flex.flex_50 .flex_item.flex_item_100 {
    flex-basis: 100%;
    margin-top: 2rem;
  }
  .block--two_images_overlap {
    grid-template-columns: 1fr 4rem 1fr;
  }
  .block--two_images_overlap .container {
    grid-row: 1/2;
    align-self: center;
  }
  .block--two_images_overlap .container:first-child {
    grid-column: 1/3;
    z-index: 10;
  }
  .block--two_images_overlap .container:last-child {
    grid-column: 2/4;
  }
}
@media screen and (min-width: 1000px) {
  .single-collection .entry-header {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  @supports (aspect-ratio: 16/9) {
    .single-collection .entry-header {
      aspect-ratio: 2.3333333333;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .single-collection .entry-header {
      padding-top: 42.85%;
      height: 0;
    }
  }
  .single-collection .entry-header .featured-image.container--twentyonenine {
    position: relative;
    width: 100%;
    overflow: hidden;
    position: absolute;
  }
  @supports (aspect-ratio: 16/9) {
    .single-collection .entry-header .featured-image.container--twentyonenine {
      aspect-ratio: 2.3333333333;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .single-collection .entry-header .featured-image.container--twentyonenine {
      padding-top: 42.85%;
      height: 0;
    }
  }
}
/*Read Watch Listen*/
.header-grass {
  padding-top: var(--header-height);
  position: relative;
}
.header-grass.pattern::before {
  background-image: url(./assets/pattern.svg);
}
.header-grass.pattern::after {
  content: "";
  width: 100%;
  height: calc(3 * var(--header-height));
  position: absolute;
  top: 0;
  z-index: -1;
  background-color: #9fd8bf;
}

.grid--featured-post {
  margin-top: 0;
  /*Popping this to the top of the featured proportional image. So width minus margins, divided by the ratio of the image. The .1 clears up a rounding error.*/
}
.grid--featured-post .container.container--fourfive {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .grid--featured-post .container.container--fourfive {
    aspect-ratio: 1.7777777778;
  }
}
@supports not (aspect-ratio: 16/9) {
  .grid--featured-post .container.container--fourfive {
    padding-top: 56.25;
    height: 0;
  }
}
.grid--featured-post .container.container--fourfive.honeycomb img {
  clip-path: none;
}
.grid--featured-post .featured-post {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.grid--featured-post .featured-post .strapline {
  top: calc((100vw - 2 * var(--margin)) / 16 * -9.1);
}

.misty-inputs {
  margin-bottom: 0;
}
.misty-inputs #filter_form {
  padding: 2rem var(--margin);
}
@media screen and (min-width: 1200px) {
  .misty-inputs #filter_form {
    align-items: center;
  }
}
.misty-inputs #filter_form input[type=date],
.misty-inputs #filter_form select {
  background-color: #ddfbf3;
  color: #1a1a1a;
}
.misty-inputs #filter_form fieldset {
  max-height: 100%;
  opacity: 1;
}
.misty-inputs #filter_form fieldset .date_label label {
  background-color: #ddfbf3;
  color: #1a1a1a;
}
.misty-inputs #filter_form fieldset input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(14%) sepia(93%) saturate(472%) hue-rotate(174deg) brightness(94%) contrast(92%);
}
.misty-inputs .selections {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.block--event-grid .card--highlighted h5 {
  margin-top: 0;
}
.block--event-grid .card--highlighted .decorative {
  margin-top: 0.5rem;
}

@media screen and (min-width: 700px) {
  .misty-inputs .selections {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #filter_form .selections {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 1000px) {
  .grid--featured-post {
    grid-template-columns: 5fr 5fr;
    grid-template-rows: calc(2 * var(--header-height)) 1fr;
    /*Popping this to the top of the featured proportional image. So width minus margins, divided by the ratio of the image. The .1 clears up a rounding error.*/
  }
  .grid--featured-post .container.container--fourfive {
    grid-row: 1/3;
    grid-column: 2/3;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 4rem;
    margin-top: 3rem;
  }
  @supports (aspect-ratio: 16/9) {
    .grid--featured-post .container.container--fourfive {
      aspect-ratio: 1;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .grid--featured-post .container.container--fourfive {
      padding-top: 100%;
      height: 0;
    }
  }
  .grid--featured-post .container.container--fourfive.honeycomb img {
    clip-path: polygon(39% 0, 61% 0, 61% 5.4%, 100% 50%, 100% 100%, 0 100%, 0 50%, 39% 5.4%);
  }
  .grid--featured-post .featured-post {
    grid-row: 2/3;
    grid-column: 1/2;
    padding: 4rem 2rem 6rem 4rem;
  }
  .grid--featured-post .featured-post .strapline {
    top: -3rem;
  }
}
@media screen and (min-width: 1200px) {
  .misty-inputs #filter_form {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 4fr auto 1fr;
    align-items: flex-end;
    grid-column-gap: 2rem;
  }
  .misty-inputs #filter_form select,
  .misty-inputs #filter_form input:not([type=submit]):not([type=reset]) {
    width: 15rem;
  }
  .misty-inputs #filter_form .selections {
    grid-row: 1/2;
    grid-column: 1/2;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .misty-inputs #filter_form fieldset {
    grid-row: 1/2;
    width: fit-content;
    flex-wrap: nowrap;
  }
  .misty-inputs #filter_form input[type=submit] {
    grid-column: 3/4;
    grid-row: 1/2;
    height: 42px;
    margin-left: 0;
    margin-right: 0;
  }
  .misty-inputs #filter_form input[type=reset] {
    grid-column: 4/5;
    grid-row: 1/2;
    height: 42px;
    margin-left: 0;
    margin-right: 0;
  }
}
/*Single Post*/
.home .single-post-breadcrumbs {
  display: none;
}

.single-post .breadcrumbs {
  padding: 0;
}
.single-post .post_image {
  display: flex;
  flex-direction: column-reverse;
}
.single-post .post_image .container {
  max-width: 980px;
  margin: 0 auto;
}
.single-post .post-title {
  width: 890px;
  max-width: calc(100vw - 2 * var(--margin));
  text-align: center;
  margin: 0 auto;
}
.single-post .post-title h1 {
  font-size: 2rem;
  font-weight: 700;
  text-transform: none;
}
.single-post .post-title .dates {
  margin-bottom: 1rem;
}
.single-post .post-title .share--button {
  margin: 0 auto;
}
.single-post .post-title .honeycomb_share--icons {
  justify-content: center;
  gap: 1rem;
}
.single-post .post_text p {
  width: 780px;
  max-width: calc(100vw - 2 * var(--margin));
  margin: 0 auto 1rem;
}
.single-post .post_text p.caption {
  font-size: 80%;
  font-weight: 700;
  max-width: unset;
  width: 100%;
  position: absolute;
  bottom: -2.5rem;
}
.single-post .audio p:first-of-type {
  margin: 0 auto 0.2rem;
}
.single-post .audio iframe {
  width: 100%;
}
.single-post .video {
  width: 780px;
  max-width: calc(100vw - 2 * var(--margin));
  margin: 0 auto 1rem;
}
.single-post .post_image-layout {
  margin: 2rem var(--margin);
  grid-template-columns: 100%;
}
.single-post .post_image-layout .border--white {
  position: relative;
}
.single-post .post_image-layout img {
  display: block;
  line-height: 0;
}
.single-post .post_image-layout + .post_image-layout {
  margin-top: -2rem;
}

.video ~ .large_image {
  margin-top: 1rem;
}
@media screen and (min-width: 1200px) {
  .video ~ .large_image {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 700px) {
  .single-post .post_image {
    display: block;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
  }
  .single-post .post_image .container {
    width: 980px;
    max-width: calc(100% - 2 * var(--margin));
    margin: 0 auto;
  }
  .single-post .post_image-layout {
    grid-template-columns: 1fr 4rem 1fr;
  }
  .single-post .left-overlaps-right div,
  .single-post .right-overlaps-left div {
    grid-row: 1/2;
  }
  .single-post .left-overlaps-right div:first-of-type,
  .single-post .right-overlaps-left div:first-of-type {
    grid-column: 1/3;
  }
  .single-post .left-overlaps-right div:last-of-type,
  .single-post .right-overlaps-left div:last-of-type {
    grid-column: 2/4;
  }
  .single-post .left-overlaps-right div:first-of-type {
    z-index: 10;
    align-self: center;
  }
  .single-post .right-overlaps-left div:last-of-type {
    z-index: 10;
    align-self: center;
  }
  .single-post .single div {
    grid-column: 1/4;
  }
  .single-post .diagonal-top-left div,
  .single-post .diagonal-top-right div {
    grid-row: 1/2;
  }
  .single-post .diagonal-top-left div:first-of-type,
  .single-post .diagonal-top-right div:first-of-type {
    grid-column: 1/3;
  }
  .single-post .diagonal-top-left div:last-of-type,
  .single-post .diagonal-top-right div:last-of-type {
    grid-column: 2/4;
  }
  .single-post .diagonal-top-left div:first-of-type {
    margin-bottom: 4rem;
    align-self: flex-start;
  }
  .single-post .diagonal-top-left div:last-of-type {
    margin-top: 4rem;
    align-self: flex-end;
    z-index: 10;
  }
  .single-post .diagonal-top-right div:first-of-type {
    margin-top: 4rem;
    align-self: flex-end;
    z-index: 10;
  }
  .single-post .diagonal-top-right div:last-of-type {
    margin-bottom: 4rem;
    align-self: flex-start;
  }
  .single-post .none.post_image-layout {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .single-post .none div {
    grid-row: 1/2;
  }
  .single-post .none div:first-of-type {
    grid-column: 1/2;
  }
  .single-post .none div:last-of-type {
    grid-column: 2/3;
  }
}
@media screen and (min-width: 1000px) {
  .single-post .post-title .honeycomb_share--icons {
    justify-content: center;
    margin: 0.5rem;
  }
  .single-post .post-title .honeycomb_share--icon {
    flex-basis: auto;
  }
  .single-post .post-title .honeycomb_share--icon svg {
    width: 15px;
  }
}
a.back-to-top.decorative.button {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 1000;
  padding-right: 4rem;
  width: fit-content;
  display: none;
  text-transform: capitalize;
}
a.back-to-top.decorative.button.active {
  display: block;
  transform: translateY(calc(100% + 1rem));
  transition: transform 400ms ease, background-color 400ms ease, color 400ms ease;
}
a.back-to-top.decorative.button::after {
  transform: rotate(-90deg);
  right: 15%;
  top: 30%;
}

.menu-visible a.back-to-top.decorative.button.active {
  transform: translateY(0);
}

.faq_file_item::before {
  content: url(./assets/download.svg);
  width: 42px;
  height: 42px;
  background: #1a1a1a;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero_carousel .swiper-button-next:after,
.hero_carousel .swiper-button-prev:after {
  display: none;
}
.hero_carousel .swiper-button-next,
.hero_carousel .swiper-button-prev {
  padding: 0;
  border: none;
}
.hero_carousel .swiper-button-prev {
  right: calc(1rem + 32px);
  left: unset;
  top: 45%;
  grid-row: 1/2;
}
@media screen and (min-width: 700px) {
  .hero_carousel .swiper-button-prev {
    right: calc(1rem + 32px);
    top: 50%;
  }
}
@media screen and (min-width: 1000px) {
  .hero_carousel .swiper-button-prev {
    top: unset;
    bottom: calc(var(--margin) / 2);
    right: calc(var(--margin) + 0.5rem + 45px);
    height: 45px;
    width: 45px;
  }
}
@media screen and (min-width: 1200px) {
  .hero_carousel .swiper-button-prev {
    bottom: 2rem;
  }
}
@media screen and (min-width: 1000px) {
  .hero_carousel .swiper-button-prev svg {
    height: 45px;
    width: 45px;
  }
}
.hero_carousel .swiper-button-next {
  right: 1rem;
  top: 45%;
  grid-row: 1/2;
}
@media screen and (min-width: 700px) {
  .hero_carousel .swiper-button-next {
    top: 50%;
  }
}
@media screen and (min-width: 1000px) {
  .hero_carousel .swiper-button-next {
    top: unset;
    bottom: calc(var(--margin) / 2);
    right: var(--margin);
    height: 45px;
    width: 45px;
  }
}
@media screen and (min-width: 1200px) {
  .hero_carousel .swiper-button-next {
    bottom: 2rem;
  }
}
@media screen and (min-width: 1000px) {
  .hero_carousel .swiper-button-next svg {
    height: 45px;
    width: 45px;
  }
}

.carousel--home .swiper-slide {
  display: grid;
  grid-template-columns: var(--margin) auto var(--margin);
  grid-template-rows: var(--margin) 1fr 1fr var(--margin);
  height: 57vh;
}
@media screen and (min-width: 700px) {
  .carousel--home .swiper-slide {
    height: 42vh;
    grid-template-columns: calc(var(--margin) / 2) 1fr 1fr calc(var(--margin) / 2);
    grid-template-rows: calc(var(--margin) / 2) auto calc(var(--margin) / 2);
  }
}
@media screen and (min-width: 1000px) {
  .carousel--home .swiper-slide {
    height: fit-content;
    grid-template-columns: calc(var(--margin) / 2) 1fr 2fr calc(var(--margin) / 2);
    grid-template-rows: calc(var(--margin) / 2) auto calc(var(--margin) / 2);
  }
}

.block--full-width-text {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 1000px) {
  .block--full-width-text {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .block--full-width-text {
    padding: 3rem 18vw;
  }
}
.block--full-width-text strong {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .block--full-width-text strong {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
.block--full-width-text p {
  color: #1a1a1a;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .block--full-width-text p {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.block--full-width-text + .layout--button {
  padding-top: 0;
}

/*.links-four_container {
  margin-top: 1rem;
}*/
.links-three.flex {
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 1000px) {
  .links-three.flex.two_links {
    flex-direction: row;
  }
  .links-three.flex.two_links .link_item_three {
    flex-basis: 48%;
  }
}

.links_three_title {
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 1rem;
}

.links_three_description {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1rem;
}
@media screen and (min-width: 1000px) {
  .links_three_description {
    max-width: 60%;
    margin: 0 auto;
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 700px) {
  .links-three.three_links {
    justify-content: center;
    gap: 2rem;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1000px) {
  .links-three.three_links {
    flex-direction: row;
    gap: 0rem;
  }
}

.link_item_six,
.link_item_three {
  text-decoration: none;
  text-align: center;
  letter-spacing: 0px;
  flex-basis: 100%;
  box-shadow: none;
  border-radius: 0;
  text-decoration: none;
  display: block;
  width: 100%;
}
.link_item_six:last-of-type,
.link_item_three:last-of-type {
  border-right: none;
}
@media screen and (min-width: 1200px) {
  .link_item_six,
  .link_item_three {
    border-right: #b5b5b5 1px solid;
  }
}
.link_item_six .link_item_title,
.link_item_three .link_item_title {
  font-size: 2.4rem;
  line-height: 125%;
}
@media screen and (min-width: 1000px) {
  .link_item_six .link_item_title,
  .link_item_three .link_item_title {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .link_item_six .link_item_text,
  .link_item_three .link_item_text {
    padding: 0;
  }
}
.link_item_six .link_item_text h3,
.link_item_three .link_item_text h3 {
  margin-bottom: 1rem;
  margin-top: 1rem;
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
  .link_item_six .link_item_text h3,
  .link_item_three .link_item_text h3 {
    margin-bottom: 1rem;
  }
}
.link_item_six .link_item_text p,
.link_item_three .link_item_text p {
  color: #1a1a1a;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin-bottom: 2rem;
}

@media screen and (min-width: 700px) {
  .link_item_three {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1200px) {
  .link_item_three {
    flex-basis: 33%;
  }
}

.link_item_six {
  flex-basis: 48%;
}
@media screen and (min-width: 700px) {
  .link_item_six {
    flex-basis: 31%;
  }
}
@media screen and (min-width: 1200px) {
  .link_item_six {
    flex-basis: 16%;
  }
}

.link_item_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.link_item_text p {
  text-align: center;
}
.link_item_text .decorative.pink {
  color: #df2567;
}
.link_item_text .decorative.pink:hover {
  color: #ffffff;
}

.two_buttons_flex {
  gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 700px) {
  .two_buttons_flex {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1000px) {
  .one_link .link_item {
    display: grid;
    grid-template-columns: 1fr 4rem 1fr 2rem;
  }
  .one_link .link_item_image {
    grid-column: 1/2;
  }
  .one_link .link_item_text {
    grid-column: 3/4;
    justify-content: flex-start;
    align-items: start;
  }
}
@media screen and (min-width: 1000px) and (min-width: 1200px) {
  .one_link .link_item_text {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 1000px) {
  .one_link .link_item_text p {
    text-align: left;
  }
}

@media screen and (min-width: 700px) {
  .links-two {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .links-two {
    flex-direction: row;
  }
}

.link_item_two {
  margin-bottom: 2rem;
  border: #1a1a1a 1px solid;
  flex-direction: column;
  flex-wrap: nowrap;
  text-decoration: none;
}
@media screen and (min-width: 700px) {
  .link_item_two {
    flex-basis: 48%;
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .link_item_two {
    flex-basis: 49%;
  }
}
.link_item_two .link_item_text {
  padding: 1rem;
}
@media screen and (min-width: 1200px) {
  .link_item_two .link_item_text {
    padding: 2rem;
  }
}
.link_item_two .link_item_text h3 a {
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 800;
}
.link_item_two .link_item_text h3 a::after {
  display: none;
}
.link_item_two .link_item_text h3.pink a {
  color: #df2567;
}
.link_item_two .link_item_text h3.blue a {
  color: #1a1a1a;
}
.link_item_two .link_item_text h4 {
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 600;
  text-transform: none;
  color: #1a1a1a;
}
.link_item_two .link_item_text p {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #1a1a1a;
  font-weight: 600;
}
.link_item_two .link_item_text .find_out_more {
  text-decoration: none;
  color: #1a1a1a;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.625rem;
}

.find_out_more_decorative {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #1a1a1a;
  font-weight: 600;
}
.find_out_more_decorative::after {
  content: url(./assets/arrow.svg);
  width: 18px;
  height: 18px;
  margin-left: 0.5rem;
  position: relative;
  left: 0;
  transition: left 100ms ease-in;
}
.find_out_more_decorative:hover::after {
  left: 0.25rem;
}

.links-three_container {
  background: #ffffff;
}
.links-three_container .link_item_three:first-of-type .link_item_image::after {
  background: #c25700;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.7;
}
.links-three_container .link_item_three:nth-of-type(2) .link_item_image::after {
  background: #df2567;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
}
.links-three_container .link_item_three:nth-of-type(3) .link_item_image::after {
  background: #b980a5;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
}

.link_item_image img {
  filter: grayscale(100) contrast(1.5);
}

@media only screen and (max-width: 999px) and (min-width: 700px) {
  .link_item_three {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .link_item_three .link_item_image {
    flex-basis: 47.5%;
  }
  .link_item_three .link_item_text {
    flex-basis: 47.5%;
  }
}

/*Text Links*/
.text-links .links-three.two_links {
  flex-wrap: nowrap;
}

.text-link_item a {
  text-decoration: none;
}

.page_link_banner_container {
  background: #ffffff;
}
.page_link_banner_container.bg-black {
  background: #1a1a1a;
}
.page_link_banner_container.bg-gradient-op {
  background: #c25700;
  background: linear-gradient(90deg, #c25700 0%, #df2567 calc(var(--margin) * 3), #df2567 calc(100vw - var(--margin) * 3), #bd4c97 100%);
}
@media screen and (min-width: 1000px) {
  .page_link_banner_container.bg-gradient-op {
    background: #c25700;
    background: linear-gradient(90deg, #c25700 0%, #df2567 calc(var(--margin) * 2), #df2567 calc(100vw - var(--margin) * 2), #bd4c97 100%);
  }
}
.page_link_banner_container.bg-gradient-po {
  background: #bd4c97;
  background: linear-gradient(90deg, #bd4c97 0%, #df2567 calc(var(--margin) * 3), #df2567 calc(100vw - var(--margin) * 3), #c25700 100%);
}
@media screen and (min-width: 1000px) {
  .page_link_banner_container.bg-gradient-po {
    background: #bd4c97;
    background: linear-gradient(90deg, #bd4c97 0%, #df2567 calc(var(--margin) * 2), #df2567 calc(100vw - var(--margin) * 2), #c25700 100%);
  }
}

.page_link_banners_title {
  text-align: center;
}
@media screen and (min-width: 700px) {
  .page_link_banners_title {
    text-align: center;
    margin-bottom: 2rem;
  }
}

.page_link_banner {
  flex-direction: column;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  border-bottom: none;
  text-decoration: none;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .page_link_banner {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .page_link_banner {
    flex-direction: row;
    padding-left: var(--margin);
    padding-right: var(--margin);
  }
}
.page_link_banner:last-of-type {
  border-bottom: none;
}
.page_link_banner:last-of-type::after {
  display: block;
  content: " ";
  background-image: none;
  height: 0;
  width: 0%;
  top: 0;
  position: relative;
}
.page_link_banner.video .banner_video {
  margin-bottom: 0;
}

.banner_info_container {
  /*&.bg-white {
    .link_button {
      &:hover {
        background: $color_black;
        border: $color_black 1px solid;
        color: $color_white;
      }
    }
  }*/
}
@media screen and (min-width: 1200px) {
  .banner_info_container {
    width: unset;
  }
}
.banner_info_container.bg-white {
  background: transparent;
}
.banner_info_container.bg-pink .banner_title,
.banner_info_container.bg-pink .banner_subtitle,
.banner_info_container.bg-pink .banner_additional,
.banner_info_container.bg-pink .banner_text,
.banner_info_container.bg-pink .banner_location {
  color: #ffffff;
}
.banner_info_container.bg-pink .button_container a {
  color: #ffffff;
  text-decoration: none !important;
}
.banner_info_container.bg-pink .button_container a:hover {
  color: #1a1a1a;
}
@media screen and (min-width: 1200px) {
  .banner_info_container.flex_60 {
    flex-basis: 60%;
    width: 100%;
  }
}
.banner_info_container .decorative:first-of-type {
  margin-bottom: 1rem;
}
.banner_info_container a {
  text-decoration: none;
}
.banner_info_container .banner_button {
  text-align: center;
  display: block;
}
.banner_info_container .banner_button.pink.black {
  color: #df2567 !important;
}
.banner_info_container .banner_button.pink.black:hover {
  color: #ffffff !important;
}

.banner_info_wrapper.padding {
  padding-top: 2rem;
}
@media screen and (min-width: 1200px) {
  .banner_info_wrapper.padding {
    padding: calc(var(--margin) / 4) calc(var(--margin) / 2);
  }
}

@media screen and (min-width: 1000px) {
  .page_link_banner_container .page_link_banner {
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    gap: 4rem;
    flex-wrap: nowrap;
    position: relative;
    border-bottom: none;
    padding-bottom: 3rem;
    padding-top: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .page_link_banner_container .page_link_banner:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .page_link_banner_container .page_link_banner:nth-of-type(even) .banner_info_wrapper {
    padding-left: 0;
  }
}
.page_link_banner_container.bg_full_width {
  background: #ffffff;
  margin-top: 0;
}
@media screen and (min-width: 700px) {
  .page_link_banner_container.bg_full_width {
    padding-top: 4rem;
    padding-bottom: 1rem;
  }
}
.page_link_banner_container.bg_full_width .page_link_banner {
  background: #ffffff;
}
@media screen and (min-width: 700px) {
  .page_link_banner_container.bg_full_width .banner_image.proportional {
    width: 100%;
    padding-left: var(--margin);
    padding-right: var(--margin);
  }
  .page_link_banner_container.bg_full_width .banner_image.proportional img {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .page_link_banner_container.bg_full_width .banner_image.proportional {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .page_link_banner_container.right .page_link_banner {
    flex-direction: row-reverse;
  }
  .page_link_banner_container.right .page_link_banner:nth-of-type(even) {
    flex-direction: row;
  }
}

.banner_location {
  text-transform: none;
  font-size: 1.25rem;
  line-height: 2.0625rem;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .banner_location {
    font-size: 1.75rem;
    line-height: 2.0625rem;
    margin-bottom: 2rem;
  }
}

.banner_title {
  font-weight: 900;
  text-transform: none;
  color: #1a1a1a;
  font-size: 1.8125rem;
  line-height: 2.0625rem;
}
@media screen and (min-width: 1200px) {
  .banner_title {
    font-size: 1.75rem;
    line-height: 125%;
  }
}
.banner_title.white {
  color: #ffffff;
}

.banner_text {
  text-transform: none;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 400;
  color: #1a1a1a;
}
@media screen and (min-width: 1200px) {
  .banner_text {
    line-height: 1.5rem;
  }
}
.banner_text strong {
  font-weight: 700;
}
.banner_text.white {
  color: #ffffff;
}

.banner_additional {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.625rem;
}

.button_container {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

@media screen and (min-width: 1000px) {
  .banner_image.flex_40 {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .banner_image {
    width: auto;
  }
  .banner_image img {
    height: 100%;
    object-fit: cover;
  }
}

.banner_info_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 1000px) {
  .banner_info_container.flex_60 {
    flex-basis: 45%;
  }
}

.banner_info_wrapper .title,
.banner_info_wrapper .banner_text {
  text-align: left;
}
.banner_info_wrapper .banner_text {
  line-height: 120%;
}
.banner_info_wrapper .banner_text p {
  line-height: 120%;
  font-size: 1.2rem;
}

@media screen and (min-width: 1000px) {
  .page_link_banner_container.right .page_link_banner:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .page_link_banner_container.right .page_link_banner:nth-of-type(even) {
    flex-direction: row;
  }
  .page_link_banner_container .page_link_banner:nth-of-type(odd) {
    flex-direction: row;
  }
  .page_link_banner_container .page_link_banner:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}

.banner_video {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
@supports (aspect-ratio: 16/9) {
  .banner_video {
    aspect-ratio: 1.7777777778;
  }
}
@supports not (aspect-ratio: 16/9) {
  .banner_video {
    padding-top: 56.25%;
    height: 0;
  }
}
.banner_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner_image_container {
  height: 100%;
  margin-bottom: 1rem;
}
.banner_image_container img {
  position: relative;
}

.page_link_banner_container.bg-black .banner_button.decorative.bg-white {
  border: none;
}

.banner_info_container.bg-pink {
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner_info_container.bg-pink .banner_info_wrapper {
  padding: calc(var(--margin) / 4) var(--margin);
}

.image_strip_item {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.625rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
  .image_strip_item {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 700px) {
  .image_strip_item.flex_33 {
    flex-basis: 31%;
  }
}
@media screen and (min-width: 1200px) {
  .image_strip_item.flex_33 {
    flex-basis: 32.5%;
  }
}
@media screen and (min-width: 700px) {
  .image_strip_item.flex_25 {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1200px) {
  .image_strip_item.flex_25 {
    flex-basis: 24%;
  }
}
.image_strip_item.flex_25 .image_strip_item_image {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .image_strip_item.flex_25 .image_strip_item_image {
    aspect-ratio: 1;
  }
}
@supports not (aspect-ratio: 16/9) {
  .image_strip_item.flex_25 .image_strip_item_image {
    padding-top: 100%;
    height: 0;
  }
}
.image_strip_item.flex_25 .image_strip_item_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
  position: relative;
}

.image_strip_item_image {
  padding-bottom: 0.5rem;
}

.faq_container {
  padding-bottom: 4rem;
}
.faq_container::after {
  display: block;
  content: " ";
  background-color: #1a1a1a;
  height: 2px;
  width: 100%;
  position: relative;
  bottom: 0;
}

.faq_title {
  color: #1a1a1a;
  text-transform: none;
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
@media screen and (min-width: 1200px) {
  .faq_title {
    font-size: 2.375rem;
    line-height: 2.375rem;
  }
}

.faq_heading {
  color: #1a1a1a;
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
.faq_heading h3 {
  color: #1a1a1a;
}
@media screen and (min-width: 1200px) {
  .faq_heading {
    font-size: 1.375rem;
    line-height: 1.625rem;
  }
}

.faq_heading_text {
  max-width: 90%;
}

.faq_content {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #1a1a1a;
  padding-top: 1rem;
  width: 80%;
}
.faq_content .flex_33.people {
  flex-direction: column;
}
.faq_content .flex_33.people .person {
  flex-direction: column;
  display: grid;
  grid-template-columns: 48px 1fr;
  column-gap: 1rem;
}
.faq_content .flex_33.people .person .container--square {
  border-radius: 50%;
  background: none;
  width: 48px;
  grid-row: 1/3;
}
.faq_content .flex_33.people .person .pink {
  grid-column: 2/3;
  grid-row: 1/2;
  align-self: start;
  padding: 0;
  color: #df2567;
  text-decoration: underline;
  font-size: 1rem;
  line-height: 1.5rem;
}
.faq_content .flex_33.people .person p {
  grid-column: 2/3;
  grid-row: 2/3;
  align-self: end;
  font-size: 1rem;
  line-height: 1.5rem;
}

.faq_container details {
  /* &:last-of-type {
    &::after {
      display: block;
      content: " ";
      // background-image: url("./assets/dot.svg");
      // background-repeat: repeat-x;
      //background-size: 28px 28px;
      height: 6px;
      width: 100%;
      background-color: $color_bg;
      //top: -1rem;
      position: relative;
    }
  } */
}

.list_container {
  padding-bottom: 3rem;
}
@media screen and (min-width: 1200px) {
  .list_container {
    padding-left: calc(var(--margin) * 2);
    padding-right: calc(var(--margin) * 2);
  }
}

.list_title {
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 900;
  color: #1a1a1a;
  text-transform: none;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .list_title {
    font-size: 2.375rem;
    line-height: 2.8125rem;
    font-weight: 900;
  }
}

.list_item_container {
  justify-content: center;
  margin-bottom: 2rem;
}
@media screen and (min-width: 700px) {
  .list_item_container {
    justify-content: space-between;
    flex-direction: row;
  }
}

.list_item_image {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 700px) {
  .list_item_image {
    flex-basis: 38%;
  }
}
@media screen and (min-width: 1200px) {
  .list_item_image {
    flex-basis: 48%;
    height: 374px;
    width: auto;
    display: flex;
    justify-content: flex-end;
  }
}
.list_item_image img {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .list_item_image img {
    width: auto;
  }
}

@media screen and (min-width: 700px) {
  .list_item_content {
    flex-basis: 58%;
  }
}
@media screen and (min-width: 1200px) {
  .list_item_content {
    flex-basis: 48%;
  }
}
.list_item_content a {
  text-decoration: none;
}

.list_item_title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #1a1a1a;
  text-transform: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 700px) {
  .list_item_title {
    margin-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .list_item_title {
    font-size: 1.75rem;
    line-height: 2.0625rem;
  }
}

.list_item_subtitle {
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 500;
  color: #1a1a1a;
  margin-top: 1rem;
}
@media screen and (min-width: 1200px) {
  .list_item_subtitle {
    font-size: 1.375rem;
    line-height: 1.625rem;
  }
}

.list_item_content p {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #1a1a1a;
  font-weight: 600;
}

@media screen and (min-width: 1200px) {
  .list_item_content_text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .list_button {
    display: block;
    width: fit-content;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1200px) {
  .resource_repeater {
    padding-bottom: 3rem;
  }
}

@media screen and (min-width: 1200px) {
  .resource_list_container {
    justify-content: flex-start;
    column-gap: 2.5rem;
    row-gap: 1rem;
  }
}

.resource_item_container {
  margin-bottom: 3rem;
}
@media screen and (min-width: 700px) {
  .resource_item_container.flex_33 {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1200px) {
  .resource_item_container.flex_33 {
    flex-basis: 31%;
  }
}

.resource_list_title {
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 900;
  color: #1a1a1a;
}
@media screen and (min-width: 1200px) {
  .resource_list_title {
    font-size: 2.375rem;
    line-height: 2.8125rem;
    margin-bottom: 4rem;
  }
}

.resource_item_title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #1a1a1a;
}
@media screen and (min-width: 1200px) {
  .resource_item_title {
    font-size: 1.375rem;
    line-height: 1.625rem;
  }
}

.resource_item_description {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #1a1a1a;
  font-weight: 600;
  margin-bottom: 2rem;
}

.quote_block {
  color: #1a1a1a;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.quote_text {
  color: #1a1a1a;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 900;
  text-align: center;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 1200px) {
  .quote_text {
    font-size: 1.75rem;
    line-height: 2.375rem;
  }
}
.quote_text::before {
  content: "";
  position: relative;
  width: 20vw;
  height: 3px;
  background: #1a1a1a;
  display: block;
  top: -1rem;
  left: calc(50% - 10vw);
}
@media screen and (min-width: 1200px) {
  .quote_text::before {
    width: 84px;
    left: unset;
    margin: 0 auto;
  }
}

.quote_source {
  font-size: 0.875rem;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .quote_source {
    font-size: 1rem;
    line-height: 2.375rem;
  }
}
.quote_source::after {
  content: "";
  position: relative;
  width: 20vw;
  height: 3px;
  background: #1a1a1a;
  display: block;
  bottom: -1rem;
  left: calc(50% - 10vw);
}
@media screen and (min-width: 1200px) {
  .quote_source::after {
    width: 84px;
    left: unset;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1200px) {
  .info_block {
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .info_block .lhs_column.flex_50 {
    flex-basis: 47.5%;
  }
}
@media screen and (min-width: 1200px) {
  .info_block .rhs_column.flex_50 {
    flex-basis: 47.5%;
  }
}

.info_block_title {
  color: #1a1a1a;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .info_block_title {
    font-size: 1.375rem;
    line-height: 2.375rem;
  }
}

.info_block .lhs_column {
  margin-bottom: 1rem;
}

.info_block_content {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #1a1a1a;
}
@media screen and (min-width: 1200px) {
  .info_block_content {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.enquire_block {
  padding-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #1a1a1a;
}
.enquire_block h4 {
  color: #1a1a1a;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: bold;
}
@media screen and (min-width: 1200px) {
  .enquire_block h4 {
    font-size: 1.375rem;
    line-height: 1.625rem;
  }
}
.enquire_block .button_container {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.enquire_item_title {
  font-weight: 900;
  text-transform: none;
  color: #1a1a1a;
  font-size: 1.875rem;
  line-height: 2.0625rem;
  margin-top: 1rem;
}
@media screen and (min-width: 1200px) {
  .enquire_item_title {
    font-size: 2.375rem;
    line-height: 2.375rem;
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 1200px) {
  .enquire_item_content {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .enquire_video .video_toggle svg {
    width: 10vw;
    max-width: 110px;
  }
}

@media screen and (min-width: 700px) {
  .enquire_button {
    margin: 0 auto;
    width: fit-content;
    display: block;
  }
}

/*Member Content*/
.article h2 {
  font-size: 1.625rem;
  line-height: 2rem;
}
@media screen and (min-width: 1200px) {
  .article h2 {
    font-size: 2.625rem;
    line-height: 2.25rem;
    margin-bottom: 2rem;
  }
}
.article p {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media screen and (min-width: 1200px) {
  .article p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
.article p strong {
  font-size: 1rem;
  line-height: 1.5625rem;
}
@media screen and (min-width: 1200px) {
  .article p strong {
    font-size: 1.125rem;
  }
}
.article .decorative {
  margin-top: 1rem;
}
@media screen and (min-width: 1200px) {
  .article .decorative {
    margin-top: 2rem;
  }
}

.member-item {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 1200px) {
  .member-item {
    display: flex;
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .member-item:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .member-item .container {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1200px) {
  .member-item .content {
    flex-basis: 48%;
  }
}
.member-item .content h2 {
  color: #1a1a1a;
  font-size: 1.375rem;
  line-height: 1.875rem;
  margin-top: 2rem;
}
@media screen and (min-width: 1200px) {
  .member-item .content h2 {
    font-size: 1.75rem;
    line-height: 3rem;
  }
}
.member-item .content p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
@media screen and (min-width: 1200px) {
  .member-item .content p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
.member-item .decorative {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.member-item.border-bottom--dotted--pink::after {
  position: relative;
  bottom: -1rem;
}
@media screen and (min-width: 1200px) {
  .member-item.border-bottom--dotted--pink::after {
    bottom: -2rem;
  }
}
.member-item.border-bottom--dotted--pink:last-of-type {
  margin-bottom: 2rem;
}
.member-item.border-bottom--dotted--pink:last-of-type::after {
  display: none;
}

.video-grid h3 {
  color: #1a1a1a;
  margin-top: 2rem;
  text-transform: uppercase;
}
@media screen and (min-width: 1200px) {
  .video-grid h3 {
    font-size: 1.75rem;
    line-height: 3rem;
  }
}
.video-grid .flex_50 {
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .video-grid .flex_50 {
    flex-direction: row;
    gap: 2rem;
  }
}
.video-grid .flex_50 .video {
  margin-bottom: 1rem;
  flex-basis: 48%;
}
.video-grid .flex_50 .video h4 {
  color: #1a1a1a;
  margin-top: 2rem;
}
.video-grid .flex_50 .video p {
  font-size: 1rem;
  line-height: 1.5625rem;
}

.member-video .content h2 {
  margin-top: 0;
}

.block--contact {
  background-size: contain;
}
@media screen and (min-width: 1200px) {
  .block--contact {
    background-size: cover;
  }
}

.mailing_list_wrapper {
  position: relative;
  will-change: contents;
  background: rgba(80, 92, 121, 0.1);
  -webkit-backdrop-filter: blur(12px) brightness(0.38);
  backdrop-filter: blur(12px) brightness(0.38);
}

/* .mailing_list_form_wrapper {
  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    will-change:bottom;
    width: 100%;
    height: 100%;
    background: rgba(80, 92, 121, 0.1);
    z-index: 1;
    -webkit-backdrop-filter: blur(12px) brightness(0.38);
    backdrop-filter: blur(12px) brightness(0.38);
    display: block;
  }
} */
.wpcf7-response-output {
  z-index: 5;
  position: relative;
}

.mailing_list_content {
  padding: 1rem;
}
@media screen and (min-width: 1200px) {
  .mailing_list_content {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.mailing_list_content h2 {
  position: relative;
  z-index: 3;
  color: #ffffff;
  font-size: 1.625rem;
  line-height: 1.875rem;
  font-weight: 900;
}
@media screen and (min-width: 1200px) {
  .mailing_list_content h2 {
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.0625rem;
    margin-bottom: 2rem;
  }
}
.mailing_list_content p {
  position: relative;
  z-index: 3;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .mailing_list_content p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.mailing_list_content label {
  text-transform: none;
  font-size: 16px;
  line-height: 28.5px;
  font-weight: 700;
}
.mailing_list_content input[type=submit] {
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  border: 1px solid;
  padding: 15px 64px;
  border-radius: 5px;
  text-transform: capitalize;
  display: block;
  margin: 0 auto;
  transition: background 400ms ease-in;
}
.mailing_list_content input[type=submit]:hover {
  background: #ffffff;
  color: #1a1a1a;
}

@media screen and (min-width: 1200px) {
  .mailing_list_description {
    max-width: 812px;
    margin: 0 auto;
    margin-bottom: 2rem;
  }
}

.wpcf7-form {
  max-width: 90vw;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .wpcf7-form {
    max-width: 812px;
  }
}

.wysiwyg_container + .block--contact {
  padding-top: 0;
}
.wysiwyg_container + .block--contact .wpcf7 {
  margin-top: 0;
}

.space_enquiry_wrapper {
  position: relative;
}

.space_enquiry_content {
  padding: 1rem;
  padding-top: 3rem;
}
@media screen and (min-width: 1200px) {
  .space_enquiry_content {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.space_enquiry_content h2 {
  position: relative;
  z-index: 3;
  color: #ffffff;
  font-size: 1.625rem;
  line-height: 1.875rem;
  font-weight: 900;
}
@media screen and (min-width: 1200px) {
  .space_enquiry_content h2 {
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.0625rem;
    margin-bottom: 2rem;
  }
}
.space_enquiry_content p {
  position: relative;
  z-index: 3;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .space_enquiry_content p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.space_enquiry_content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(80, 92, 121, 0.1);
  z-index: 1;
  -webkit-backdrop-filter: blur(12px) brightness(0.38);
  backdrop-filter: blur(12px) brightness(0.38);
}
.space_enquiry_content label {
  text-transform: none;
  font-size: 16px;
  line-height: 28.5px;
  font-weight: 700;
}
.space_enquiry_content input[type=submit] {
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  border: 1px solid;
  padding: 15px 64px;
  border-radius: 5px;
  text-transform: capitalize;
  display: block;
  margin: 0 auto;
  transition: background 400ms ease-in;
}
.space_enquiry_content input[type=submit]:hover {
  background: #ffffff;
  color: #1a1a1a;
}

.space_enquiry_description {
  max-width: 812px;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.get_in_touch_wrapper {
  position: relative;
}

.get_in_touch_content h2 {
  position: relative;
  z-index: 3;
  color: #1a1a1a;
  font-size: 1.625rem;
  line-height: 1.875rem;
  font-weight: 900;
}
.get_in_touch_content h2:empty {
  display: none;
}
.get_in_touch_content p {
  position: relative;
  z-index: 3;
  color: #1a1a1a;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 500;
}
.get_in_touch_content p:empty {
  display: none;
}
.get_in_touch_content label {
  text-transform: none;
  font-size: 16px;
  line-height: 28.5px;
  font-weight: 700;
}
.get_in_touch_content input[type=submit] {
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  border: 1px solid;
  padding: 15px 64px;
  border-radius: 5px;
  text-transform: capitalize;
  display: block;
  margin: 0 auto;
  transition: background 400ms ease-in;
}
.get_in_touch_content input[type=submit]:hover {
  background: #1a1a1a;
  border: #1a1a1a 1px solid;
  color: #ffffff;
}
.get_in_touch_content .wpcf7 {
  margin-top: 2rem;
}

@media screen and (min-width: 700px) {
  .wpcf7-form select {
    max-width: 75%;
  }
}

.event_header {
  color: #ffffff;
}
@media screen and (min-width: 1000px) {
  .event_header {
    flex-direction: row;
    flex-wrap: nowrap;
    max-height: 820px;
  }
}

@media screen and (min-width: 1000px) {
  .event_header_image {
    flex-basis: 57.5%;
  }
}
@media screen and (min-width: 1200px) {
  .event_header_image {
    flex-basis: 64%;
  }
}
@media screen and (min-width: 700px) {
  .event_header_image img {
    width: 100vw;
  }
}
@media screen and (min-width: 1000px) {
  .event_header_image img {
    object-fit: cover;
    height: 100%;
  }
}

@media screen and (min-width: 1000px) {
  .event_header_details {
    flex-basis: 42.5%;
    padding-right: var(--margin);
    padding-left: 4rem;
    padding-top: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .event_header_details {
    flex-basis: 36%;
    padding-top: 9rem;
    padding-right: 6rem;
  }
}

.single_event_title {
  color: #ffffff;
  font-size: 1.875rem;
  line-height: 2.1875rem;
  font-weight: 900;
}
@media screen and (min-width: 1200px) {
  .single_event_title {
    font-size: 38px;
    line-height: 45px;
  }
}

.single_event_subtitle {
  color: #ffffff;
  font-size: 1.875rem;
  line-height: 2.1875rem;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .single_event_subtitle {
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 3rem;
  }
}

.single_event_type_price {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .single_event_type_price {
    font-size: 18px;
    line-height: 24px;
  }
}
.single_event_type_price a {
  text-decoration: none;
  color: #ffffff;
}
.single_event_type_price a:visited {
  color: #ffffff;
}

.single_event_type_dates {
  margin-bottom: 2.5rem;
}

.single-event .breadcrumbs {
  display: none;
}
@media screen and (min-width: 1200px) {
  .single-event .breadcrumbs {
    display: block;
  }
}

.event_description {
  margin-bottom: 3rem;
}

.block--event_intro p {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #1a1a1a;
}
.block--event_intro a {
  color: #1a1a1a;
}
.block--event_intro a:visited {
  color: #1a1a1a;
}

.featured_text p {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #1a1a1a;
}
.featured_text p strong {
  font-weight: 700;
}

.event_detail:not(:first-of-type) {
  margin-top: 1rem;
}
.event_detail h4 {
  margin-bottom: 1rem;
}

.timings_date {
  margin-bottom: 0;
}

.bottom_p {
  margin-bottom: 2rem;
}

.event_description_button {
  margin-bottom: 3rem;
}

.block--partners {
  padding-bottom: 2rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1000px) {
  .block--partners {
    padding-bottom: 2rem;
    width: 67%;
  }
}
.block--partners h3 {
  color: #1a1a1a;
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
  .block--partners h3 {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 1200px) {
  .block--event_intro .event_description {
    margin-bottom: 1rem;
  }
  .block--event_intro aside {
    padding-left: calc(var(--margin) / 2.5);
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .block--partners {
    border-top: #1a1a1a 1px solid;
    flex-basis: 55%;
    padding-top: 2rem;
  }
}

.block--related .flex_item {
  border-bottom: #1a1a1a 1px solid;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 700px) {
  .block--related .flex_item {
    border-bottom: none;
    border-right: #1a1a1a 1px solid;
    padding-right: 0.5rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .block--related .flex_item {
    padding-right: 4rem;
    margin-right: 2rem;
  }
}
.block--related .flex_item:last-of-type {
  border-bottom: none;
}
@media screen and (min-width: 700px) {
  .block--related .flex_item:last-of-type {
    margin-right: 0;
    border-right: none;
  }
}
@media screen and (min-width: 1200px) {
  .block--related .flex_item:last-of-type {
    padding-right: 4rem;
  }
}
.block--related .flex_33 {
  justify-content: flex-start;
}
@media screen and (min-width: 700px) {
  .block--related .flex_33 {
    flex-wrap: nowrap;
    align-items: start;
  }
}

.dates_wrapper {
  display: flex;
  column-gap: 3px;
}
@media screen and (min-width: 700px) {
  .dates_wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.dates_wrapper .dates {
  margin-top: 0 !important;
}
@media screen and (min-width: 700px) {
  .dates_wrapper .dates {
    flex-direction: row;
    margin-bottom: 0 !important;
  }
}

.block--related .flex .dash {
  margin-bottom: 0;
}

.block--highlights-carousel {
  margin-top: 2rem;
  margin-bottom: 0;
  padding-bottom: 4rem;
  padding-top: 3rem;
  margin-left: var(--margin);
  margin-right: var(--margin);
  position: relative;
}
.block--highlights-carousel::after {
  content: "";
  position: absolute;
  width: calc(100vw - var(--margin));
  height: 1px;
  background-color: black;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1000px) {
  .block--highlights-carousel {
    padding-top: 2rem;
  }
}
.block--highlights-carousel h2 {
  color: #1a1a1a;
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 900;
  max-width: 75%;
  margin-left: 0;
  margin-right: 0;
  width: min-content;
}
@media screen and (min-width: 700px) {
  .block--highlights-carousel h2 {
    margin-bottom: 3rem;
    width: auto;
  }
}
.block--highlights-carousel .margin-left {
  margin-left: 0;
}
.block--highlights-carousel .button--next {
  right: 0;
}
@media screen and (min-width: 700px) {
  .block--highlights-carousel .button--next {
    right: var(--margin);
  }
}
.block--highlights-carousel .button--prev {
  right: 3rem;
}
@media screen and (min-width: 700px) {
  .block--highlights-carousel .button--prev {
    right: calc(var(--margin) + 3rem);
  }
}
.block--highlights-carousel .button--prev,
.block--highlights-carousel .button--next {
  top: -5rem;
}
.block--highlights-carousel .slide_caption {
  margin-top: 1rem;
}
.block--highlights-carousel .slide_caption h5 {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.block--highlights-carousel .slide_caption h6 {
  font-size: 1rem;
  font-weight: 600;
}

.carousel--zoomer .button--prev,
.carousel--zoomer .button--next {
  top: 90%;
  z-index: 100;
  width: fit-content;
}
@media screen and (min-width: 700px) {
  .carousel--zoomer .button--prev,
  .carousel--zoomer .button--next {
    top: 50%;
  }
}

.carousel--zoomer .button--prev {
  left: 0;
}
@media screen and (min-width: 700px) {
  .carousel--zoomer .button--prev {
    left: var(--margin);
  }
}

.carousel--zoomer .button--next {
  right: 0;
}
@media screen and (min-width: 700px) {
  .carousel--zoomer .button--next {
    right: var(--margin);
  }
}

.image_zoomer {
  position: relative !important;
  cursor: zoom-in;
}
.image_zoomer::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity var(--transition) ease-in;
  z-index: 10;
}
.image_zoomer .zoom {
  content: "";
  width: 32px;
  height: 32px;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  position: absolute;
  opacity: 0;
  transition: opacity var(--transition) ease-in;
  z-index: 12;
}
.image_zoomer .zoom:focus {
  opacity: 1;
}
.image_zoomer:hover::after,
.image_zoomer:hover .zoom, .image_zoomer:focus::after,
.image_zoomer:focus .zoom {
  opacity: 1;
}

.block--related h2 {
  color: #1a1a1a;
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 900;
}
.block--related .flex_item h4 {
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: #1a1a1a;
  font-weight: 600;
}
.block--related .flex_item .weight-bold {
  font-weight: 700;
  margin-bottom: 0;
}
.block--related .flex_item p {
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 600;
  color: #1a1a1a;
}
.block--related .flex_item .dates {
  font-size: 14px;
  line-height: 22px;
  color: #1a1a1a;
  text-transform: uppercase;
  font-weight: 600;
}

.carousel.carousel--highlights:not(.swiper-initialized) .swiper-slide {
  margin-right: 2rem;
}
.carousel.carousel--highlights:not(.swiper-initialized) .button--prev,
.carousel.carousel--highlights:not(.swiper-initialized) .button--next {
  display: none;
}

.image_gallery_three {
  flex-direction: column;
  flex-wrap: nowrap;
}
@media screen and (min-width: 700px) {
  .image_gallery_three {
    flex-direction: row;
  }
}

.twin_images {
  flex-direction: row;
  flex-basis: 32.1%;
  flex-wrap: nowrap;
  gap: 2.86vw;
  display: none;
}
@media screen and (min-width: 700px) {
  .twin_images {
    flex-direction: column;
    gap: 0;
    display: flex;
  }
}

.gallery_large_image {
  flex-basis: 66.4%;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 2.86vw;
}
@supports (aspect-ratio: 16/9) {
  .gallery_large_image {
    aspect-ratio: 1.5;
  }
}
@supports not (aspect-ratio: 16/9) {
  .gallery_large_image {
    padding-top: 66%;
    height: 0;
  }
}
.gallery_large_image img {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
}
@media screen and (min-width: 700px) {
  .gallery_large_image {
    margin-bottom: 0;
  }
}

.gallery_smaller_image {
  height: 48.2%;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .gallery_smaller_image {
    aspect-ratio: 1.5;
  }
}
@supports not (aspect-ratio: 16/9) {
  .gallery_smaller_image {
    padding-top: 66%;
    height: 0;
  }
}
.gallery_smaller_image img {
  object-fit: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
}

.image_gallery_container {
  position: relative;
}
.image_gallery_container .see_all_photos {
  position: absolute;
  display: block;
  margin-top: 1rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 3rem;
  right: calc(var(--margin) + 1rem);
  background: #ffffff;
}
@media screen and (min-width: 700px) {
  .image_gallery_container .see_all_photos {
    bottom: 1.5rem;
  }
}
@media screen and (min-width: 1000px) {
  .image_gallery_container .see_all_photos {
    position: absolute;
    bottom: 2rem;
    right: calc(var(--margin) + 2rem);
    background: #ffffff;
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  .image_gallery_container .see_all_photos {
    bottom: 2.5rem;
  }
}

.make_the_most_title {
  text-align: center;
  font-size: 1.75rem;
  line-height: 2.0625rem;
  margin-bottom: 2rem;
}

.link_item_content p {
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 600;
}
.link_item_content a {
  text-decoration: none;
}
.link_item_content .link_item_terms_list {
  margin-top: 1rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 0;
}

.link_item_terms_list {
  margin-top: 1rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 0;
}

.link_item_title {
  margin-top: 1rem;
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.link_item_subtitle {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.link_item_date {
  margin-top: 1rem;
}

.carousel--zoomer + .wysiwyg_container {
  padding-top: 0;
}

.wysiwyg_container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
  .wysiwyg_container {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.wysiwyg_container.rhs_image {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 1200px) {
  .wysiwyg_container.rhs_image {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 2rem;
    width: calc(100vw - 2 * var(--margin));
    max-width: 100%;
    margin-top: 2rem;
    margin-left: var(--margin);
    margin-right: var(--margin);
  }
}

h2.wysiwyg_title {
  font-size: 1.75rem;
  line-height: 2.375rem;
  font-weight: 700;
}

.wysiwyg_content figure {
  max-width: 100%;
}
.wysiwyg_content h3 {
  font-size: 1.4rem;
  line-height: 110%;
  font-weight: 900;
}
.wysiwyg_content h4 {
  font-size: 1.2rem;
  line-height: 110%;
  font-weight: 700;
  color: #1a1a1a;
}
.wysiwyg_content h5 {
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 500;
  color: #1a1a1a;
}
.wysiwyg_content h5strong {
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .wysiwyg_content h5 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.wysiwyg_content p {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .wysiwyg_content p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.wysiwyg_content .decorative {
  margin-top: 2rem;
  padding: 9px 26px;
}
.wysiwyg_content .decorative.download {
  padding-left: 0;
}

.wysiwyg_button {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.wysiwyg_button a {
  color: #1a1a1a;
}
.wysiwyg_button.button_centre {
  margin: 2rem auto;
  display: block;
  width: fit-content;
}
.wysiwyg_padding + .wysiwyg_padding {
  padding-top: 0;
}
.wysiwyg_padding + .layout--button {
  padding-top: 0;
}
.wysiwyg_padding .wysiwyg_content p:last-of-type {
  margin-bottom: 0;
}

.wp-caption-text {
  font-size: 0.8125rem;
  line-height: 1.375rem;
}

.wysiwyg_container.bg-white.inner-padding {
  padding: 2rem !important;
  margin-left: var(--margin);
  margin-right: var(--margin);
}

.wysiwyg_rhs_image {
  border-radius: 50%;
  overflow: hidden;
  max-width: 392px;
  height: auto;
  margin: 2rem auto;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .wysiwyg_rhs_image {
    aspect-ratio: 1;
  }
}
@supports not (aspect-ratio: 16/9) {
  .wysiwyg_rhs_image {
    padding-top: 100%;
    height: 0;
  }
}
@media screen and (min-width: 1200px) {
  .wysiwyg_rhs_image {
    margin: 0 auto;
  }
}
.wysiwyg_rhs_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media screen and (min-width: 1200px) {
  .wysiwyg_list_container {
    justify-content: space-between;
    gap: 3.5%;
    flex-wrap: nowrap;
  }
}
.wysiwyg_list_container h4 {
  font-size: 1.75rem;
  line-height: 2.375rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

@media screen and (min-width: 1200px) {
  .wysiwyg_list_item_container {
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 3.5%;
  }
}
@media screen and (min-width: 1200px) {
  .wysiwyg_list_item_container .list_item_image {
    max-width: 244px;
    height: auto;
    flex-basis: 244px;
  }
  .wysiwyg_list_item_container .list_item_image img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}
@media screen and (min-width: 1200px) {
  .wysiwyg_list_item_container .list_item_content {
    width: calc(96% - 244px);
    flex-basis: auto;
  }
}
.wysiwyg_list_item_container h5 {
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 600;
}
.wysiwyg_list_item_container p {
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 500;
}

.page-id-456 .wysiwyg_content a {
  color: #df2567;
}

.wysiwyg_content ol {
  margin-left: 0;
}

.wysiwyg_content ul li {
  list-style: disc;
}

.wysiwyg_content ol > li {
  list-style-type: none;
  position: relative;
  padding-left: 2rem;
  padding-bottom: 2rem;
}

.wysiwyg_content ol > li::before {
  content: "";
  background: #df2567;
  color: #ffffff;
  height: 3rem;
  width: 3rem;
  position: absolute;
  border-radius: 50%;
  left: -2rem;
  top: 0;
  counter-increment: section;
  content: counter(section, decimal);
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  padding-top: 0.4rem;
}

.wysiwyg_content {
  max-width: 800px;
  margin: 0 auto;
}

.venue_grid .venue_grid_lhs {
  order: 2;
}
@media screen and (min-width: 1200px) {
  .venue_grid {
    grid-template-columns: 50% 10% 40%;
  }
  .venue_grid .venue_grid_lhs {
    order: unset;
  }
}

.venue_grid_lhs h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}
.venue_grid_lhs h4strong {
  font-weight: 700;
}
.venue_grid_lhs p {
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 500;
}

.venue_details_item {
  flex-direction: column;
  margin-bottom: 2rem;
}

.venue_details_item_lhs h4 {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 700;
}

.venue_details_item_rhs p {
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.details_additional_info h5 {
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 700;
}
.details_additional_info p {
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 500;
}

.venue_grid_rhs {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
  .venue_grid_rhs {
    margin-top: 0;
    grid-column: 3/4;
  }
}

.venue_enquire_title {
  text-align: center;
}

.enquire_now {
  margin: 0 auto;
  display: block;
  width: fit-content;
}
.enquire_now a {
  color: #1a1a1a;
}

.single-venue .faq_container {
  padding-left: 0;
  padding-right: 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.block--full-image {
  margin-top: 2rem;
  padding-bottom: 3rem;
}
.block--full-image .video img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.block--full-image .banner_video {
  margin-top: 0;
  margin-bottom: 0;
}
.block--full-image .container.container--twothree {
  height: 50vh;
  width: auto;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .block--full-image .container.container--twothree {
    height: 80vh;
  }
}

.image_caption {
  margin-top: 1rem;
}

.column--one .video--block {
  grid-template-columns: 1fr;
}

.video_block_title {
  color: #1a1a1a;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 3rem;
}

@media screen and (min-width: 1200px) {
  .video--block {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .video--block.two-videos {
    grid-template-columns: 1fr 1fr;
  }
  .video--block.two-videos .video_item_flex {
    display: flex;
    grid-column: 1/3;
    gap: 2rem;
  }
  .video--block.two-videos .video_item_flex .video_item {
    flex-basis: 50%;
  }
}
.video--block .container--sixteennine {
  width: 100%;
  margin-bottom: 1rem;
}

.video_text_container p {
  color: #1a1a1a;
  font-size: 0.8125rem;
  line-height: 1.375rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .video_text_container p {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.video_text_container h4 {
  color: #1a1a1a;
  font-weight: 700;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .video_text_container h4 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1200px) {
  .video_item_flex {
    grid-column: 1/2;
  }
}

/*Masterclasses*/
.video.card h3 {
  color: #1a1a1a;
  margin-bottom: 2rem;
  font-size: 1.375rem;
  line-height: 3rem;
}
@media screen and (min-width: 1200px) {
  .video.card h3 {
    font-size: 1.75rem;
  }
}
.video.card p:first-of-type {
  margin-top: 2rem;
}
.video.card:last-of-type {
  margin-bottom: 4rem;
}

.page-template-masterclass .mobile_sub_nav_container {
  margin-top: -4rem;
  margin-bottom: 2rem;
}
.page-template-masterclass .video.card {
  margin-bottom: 2rem;
}
.page-template-masterclass .video.card:last-of-type {
  margin-bottom: 4rem;
}

@media screen and (min-width: 1200px) {
  #mark {
    grid-column: 1/2;
    grid-row: 1/2;
    height: 65px;
    width: auto;
  }
}

#footer p {
  font-size: 1rem;
  line-height: 125%;
  font-weight: 400;
  line-height: 1.25rem;
  color: #ffffff;
}

#footer a {
  font-size: 1rem;
  line-height: 125%;
  font-weight: 400;
  line-height: 1.375rem;
  text-decoration: none;
  color: #ffffff;
}

#footer strong {
  font-weight: 700;
  line-height: 125%;
  font-size: 1.1rem;
}

#footer .footer_times_fee a {
  font-weight: 400;
  padding: 0;
}
#footer .footer_opp_ql_flex li a {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
#footer .footer_middle_column a.decorative.pink {
  color: #df2567;
  transition: background var(--transition) ease-in;
}
#footer .footer_middle_column a.decorative.pink:hover {
  color: #ffffff;
}
#footer a.footer_contact_button {
  color: #d899c4;
  font-weight: 400;
  text-decoration: underline;
}
#footer .footer-nav {
  margin-bottom: 2rem;
}
#footer .footer_membership_button {
  margin-bottom: 2rem;
  font-weight: 700;
  border: none;
  font-size: 1rem;
}
#footer .social_media_wrapper {
  margin-bottom: 2rem;
}

.footer_grid--item.opening-times {
  margin-top: 2rem;
}
@media screen and (min-width: 1200px) {
  .footer_grid--item.opening-times {
    grid-row: 2/3;
  }
}

.footer_grid--item.quick_links_footer a {
  color: #ffffff;
}

.footer_address_phone address p {
  margin-bottom: 0;
}

.footer_times_fee {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1000px) {
  .footer_times_fee {
    margin-left: 2rem;
  }
}
.footer_times_fee .entry_fee {
  margin-top: 2rem;
}
.footer_times_fee p {
  margin-bottom: 0;
}

@media screen and (min-width: 700px) {
  .footer_mailing_list p {
    max-width: 75%;
  }
}
@media screen and (min-width: 1000px) {
  .footer_mailing_list p {
    max-width: 90%;
  }
}

.footer_ml_button {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
  .footer_ml_button {
    display: flex;
    align-items: center;
    width: 446px;
    justify-content: center;
  }
}

#footer-email {
  height: 50px;
  width: 100%;
  border-radius: 3px;
  border: #b5b5b5 1px solid;
}

.footer_ml_button input[type=submit] {
  margin-top: 0.5rem;
  width: 136px;
  height: 50px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  transition: background var(--transition) ease-in;
}
@media screen and (min-width: 1200px) {
  .footer_ml_button input[type=submit] {
    margin-top: 0;
  }
}
.footer_ml_button input[type=submit]:hover {
  background: #c968a4;
  color: #ffffff;
}

.footer_opp_ql_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
}
@media screen and (min-width: 700px) {
  .footer_opp_ql_flex {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media screen and (min-width: 1000px) {
  .footer_opp_ql_flex {
    grid-column: 5/6;
    grid-row: 1/2;
    gap: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .footer_opp_ql_flex {
    grid-column: 3/4;
    grid-row: 1/2;
    padding-left: 2rem;
    gap: 0;
  }
}

.footer_partner_logos {
  display: flex;
  gap: 1rem;
  height: 75px;
  margin-bottom: 2rem;
}
.footer_partner_logos img {
  width: auto;
  height: 100%;
}

.sub-footer--left {
  margin-bottom: 2rem;
}
@media screen and (min-width: 700px) {
  .sub-footer--left {
    grid-column: 1/2;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .sub-footer--left {
    margin-bottom: 0;
  }
}

.sub-footer--right {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 700px) {
  .sub-footer--right {
    grid-column: 3/4;
    align-items: end;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  .sub-footer--right {
    justify-content: flex-end;
    grid-column: 4/5;
    align-items: end;
  }
}
.sub-footer--right svg path {
  fill: #1a1a1a;
  transition: fill var(--transition) ease-in;
}
.sub-footer--right svg:hover path {
  fill: #df2567;
}

.footer_grid--item.opportunities,
.footer_grid--item .quick_links_footer {
  flex-basis: 47.5%;
}

@media screen and (min-width: 1000px) {
  .footer_grid--item.opening-times {
    border-right: #1a1a1a 1px solid;
  }
}
@media screen and (min-width: 1200px) {
  .footer_grid--item.opening-times {
    grid-column: 1/2;
    grid-row: 1/2;
    border-right: #1a1a1a 1px solid;
  }
}
@media screen and (min-width: 700px) {
  .footer_grid--item.mailing-list-social-media {
    grid-column: 3/4;
  }
}
@media screen and (min-width: 1000px) {
  .footer_grid--item.mailing-list-social-media {
    border-right: #1a1a1a 1px solid;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .footer_grid--item.mailing-list-social-media {
    grid-row: 1/2;
    grid-column: 2/3;
    margin-top: 4rem;
    border-right: #1a1a1a 1px solid;
  }
}
@media screen and (min-width: 1200px) {
  .footer_grid--item.mailing-list-social-media {
    padding-left: 2rem;
  }
}
.footer_grid--item.quick_links_footer {
  margin-top: 2rem;
}
@media screen and (min-width: 700px) {
  .footer_grid--item.quick_links_footer {
    grid-row: 3/4;
    grid-column: 1/2;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 700px) and (min-width: 1000px) {
  .footer_grid--item.quick_links_footer {
    padding-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .footer_grid--item.quick_links_footer {
    grid-column: 3/4;
    grid-row: 2/3;
    border-left: #ffffff 1px solid;
    padding-left: 1rem;
  }
}
@media screen and (min-width: 700px) {
  .footer_grid--item.partners {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .footer_grid--item.partners {
    grid-column: 4/5;
    grid-row: 2/3;
    border-left: #ffffff 1px solid;
    padding-left: 1rem;
  }
}

.site-branding--footer .footer_logo svg path {
  fill: #ffffff;
}

.partners_flex {
  justify-content: flex-start;
  gap: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .partners_flex {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}
.partners_flex a {
  height: 47px;
  width: auto;
}
@media screen and (min-width: 1200px) {
  .partners_flex a {
    width: auto;
    height: 100%;
  }
}
.partners_flex a img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.partners_text {
  margin-bottom: 2rem;
}

.sub-footer {
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 700px) {
  .sub-footer {
    display: grid;
    grid-template-columns: 1fr 2rem 1fr;
  }
}
@media screen and (min-width: 1000px) {
  .sub-footer {
    grid-column: 1/6;
  }
}
@media screen and (min-width: 1200px) {
  .sub-footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.sub-footer svg {
  height: 48px;
  width: 48px;
}

@media screen and (min-width: 1200px) {
  #footer .footer_grid--item.sub-footer {
    margin-bottom: 0;
  }
}

/*collection*/
.collection_by_theme h2 {
  color: #1a1a1a;
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 900;
  max-width: 75%;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (min-width: 700px) {
  .collection_by_theme h2 {
    margin-bottom: 3rem;
  }
}

/**search*/
.search_description {
  margin-top: 1rem;
}

.search_header h5 {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #1a1a1a;
}
.search_header details {
  border-top: none;
}
.search_header .advanced_search_title {
  font-weight: 800;
}

.search_group {
  display: flex;
  width: 100%;
}
.search_group input {
  flex-grow: 1;
}
.search_group input[type=submit] {
  text-transform: capitalize;
  background-color: #df2567;
  transition: background-color var(--transition) ease-in;
  width: 100%;
  display: block;
}
@media screen and (min-width: 700px) {
  .search_group input[type=submit] {
    max-width: 100px;
  }
}
.search_group input[type=submit]:hover {
  background-color: #1a1a1a;
}

.advanced_search form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}
.advanced_search input,
.advanced_search select {
  display: block;
  margin-top: 0.5rem;
  width: 100%;
  box-sizing: border-box;
}
.advanced_search select {
  padding: 7px 10px;
}
.advanced_search label {
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  .advanced_search label {
    flex-basis: calc(50% - 0.5rem);
  }
}
.advanced_search select {
  font-size: 1.1rem;
}
.advanced_search input[type=submit] {
  background-color: white;
  border-radius: 3px;
  text-align: center;
  padding: 0.7rem 2rem;
  max-width: fit-content;
  margin: 1rem auto;
  text-transform: capitalize;
}
.advanced_search .submit {
  flex-basis: 100%;
}

.search_results .link_item_image {
  border: 1px solid black;
  background-color: #bec3d0;
}
.search_results .link_item_image.default img {
  object-fit: contain;
  padding: 1rem;
}
.search_results .link_item_image:has(img[src="http://honeycomb.local/wp-content/uploads/2023/03/default-1.png"]):after {
  content: "Image not available";
  position: absolute;
  bottom: 5rem;
  width: 100%;
  text-align: center;
  font-weight: 700;
}
.search_results a .link_item_text {
  padding: 0;
  height: auto;
}
.search_results a .link_item_text h3 {
  font-weight: 600;
  font-size: 1rem;
}
.search_results a .link_item_text h3::after {
  display: none;
}

.pagination {
  display: flex;
  gap: 1rem;
  padding: 0;
  margin: 0;
  justify-content: center;
  flex-basis: 100%;
  margin-top: 4rem;
  max-width: 100%;
  flex-wrap: wrap;
}
.pagination a,
.pagination span {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: transparent 1px solid;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  transition: color 400ms ease, background-color 400ms ease, border 400ms ease;
}
.pagination a {
  color: black;
  text-decoration: none;
}
.pagination a svg {
  height: 20px;
  display: block;
  width: 9px;
  stroke: #ffffff;
}
.pagination a svg path {
  fill: #1a1a1a;
  transition: fill 400ms ease;
}
.pagination a.prev svg {
  transform: rotate(180deg);
}
.pagination a.next.page-numbers {
  border: none;
}
.pagination a.next.page-numbers:hover svg {
  stroke: #1a1a1a;
}
.pagination a:hover,
.pagination span {
  background-color: #ffffff;
  border: #1a1a1a 1px solid;
}
.pagination a:hover svg,
.pagination span svg {
  stroke: #df2567;
}
.pagination a:hover svg path,
.pagination span svg path {
  fill: #ffffff;
}

/*objects*/
.object-header h1 {
  font-size: 1.8rem;
  margin: 2rem 0;
}

.object .block--object {
  display: block;
}
@media screen and (min-width: 1000px) {
  .object .block--object {
    display: grid;
    grid-template-columns: 11fr 9fr;
    gap: 4rem;
  }
}
.object .block--object h3 {
  font-size: 1.3rem;
}
.object .block--object dl {
  display: grid;
  grid-template-columns: max-content auto;
  grid-auto-flow: dense;
  row-gap: 0.5rem;
  column-gap: 2rem;
}
.object .block--object dt {
  font-weight: 400;
}
.object .block--object dd {
  font-weight: 700;
  margin: 0;
}
.object .centered {
  margin: 0 auto;
  display: block;
  width: fit-content;
  margin-bottom: 2rem;
}

.object_image_zoomer {
  width: 100vw;
  height: calc(var(--vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-100%, 0);
  opacity: 0;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity 400ms ease, backdrop-filter 800ms ease, -webkit-backdrop-filter 800ms ease;
  z-index: 1001;
  padding: 2rem;
}
.object_image_zoomer.open {
  display: block;
  transform: translate(0, 0);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 1;
}
.object_image_zoomer.hide {
  display: block;
  transform: translate(0, 0);
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  opacity: 0;
}
.object_image_zoomer img {
  max-width: 90vw;
  max-height: 90vh;
  margin: 5vh auto;
  display: block;
  cursor: zoom-in;
  transition: all 400ms ease;
}
.object_image_zoomer.fullscreen {
  overflow: auto;
  padding: 0;
}
.object_image_zoomer.fullscreen img {
  cursor: zoom-out;
  max-width: 100vw;
  max-height: unset;
}

p.caption {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  line-height: 1rem;
}

.lightbox .image_zoomer {
  width: 100%;
  transition: filter 600ms ease-in;
}
.lightbox .image_zoomer img {
  width: 100%;
}

.blurry {
  filter: blur(12px);
}
.blurry.image_zoomer:hover::after {
  opacity: 0;
}
.blurry.image_zoomer:hover .zoom {
  opacity: 0;
}

.object-content {
  margin-top: 2rem;
  max-width: 880px;
}

.alternates {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #1a1a1a;
  border: none;
}

.wpcf7-response-output {
  color: #ffffff;
}

.bg-ivory .wpcf7-response-output {
  color: #1a1a1a;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  padding: 0.5rem;
  border-color: red;
}

/*Listings*/
.filters {
  justify-content: flex-start;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
}
.filters strong {
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  .filters strong {
    flex-basis: auto;
  }
}
.filters:last-child {
  justify-self: flex-end;
}
.filters button {
  font-size: 0.8rem;
  padding: 0.6rem 1rem 0.5rem;
}
.filters button:last-child {
  flex-grow: 1;
  justify-content: end;
  display: flex;
  color: black;
  align-items: center;
}
.filters button:last-child svg {
  margin-right: 0.5rem;
}
.filters button:last-child svg path {
  transition: fill 400ms ease;
}
.filters button:last-child:hover {
  color: #df2567;
}
.filters button:last-child:hover svg path {
  fill: #1a1a1a;
}
.filters button:last-child {
  justify-self: flex-end;
}

.featured_content {
  align-self: center;
}
.featured_content h4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media screen and (min-width: 1000px) {
  .featured_content h4 {
    margin-bottom: 3rem;
    margin-top: 0;
  }
}
.featured_content h2 {
  font-size: 1.375rem;
  line-height: 2.25rem;
}
@media screen and (min-width: 1000px) {
  .featured_content h2 {
    font-size: 2.125rem;
    line-height: 2.375rem;
  }
}
.featured_content .decorative {
  margin-top: 1rem;
}

/*Review Quote Block*/
.review_carousel_title {
  margin-bottom: 4rem;
}

.review_quote_block {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .review_quote_block {
    padding: 2rem calc(var(--margin) / 2) 3rem;
  }
}
.review_quote_block .review_text {
  padding: 2rem;
  padding-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 1000px) {
  .review_quote_block .review_text {
    font-size: 1.2rem;
    line-height: 125%;
  }
}
.review_quote_block span {
  display: none;
}

.review--show p {
  font-size: 1rem;
  line-height: 1.5625rem;
}
@media screen and (min-width: 1200px) {
  .review--show p {
    padding-left: 60px;
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.review--show p:last-of-type {
  padding-bottom: 0;
}
.review--show h6 {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #1a1a1a;
}
@media screen and (min-width: 1000px) {
  .review--show h6 {
    padding-left: 60px;
    font-size: 1rem;
    line-height: 2.25rem;
  }
}
.review--show::before {
  content: url(./assets/quote.svg);
  width: 45.38px;
  height: 28.03px;
  position: relative;
  left: 0;
  top: 1rem;
  margin-right: 2rem;
  display: block;
}
.review--show::after {
  content: "";
  background-color: #b980a5;
  height: 2px;
  position: absolute;
  width: calc(100% - var(--margin) * 2 - 60px);
  margin-left: 60px;
  top: 3rem;
}
@media screen and (min-width: 1200px) {
  .review--show::after {
    width: 100%;
    max-width: calc((100vw - 2 * var(--margin)) * 65 / 100 - 60px);
  }
}

.review_text {
  padding-top: 2rem;
}
@media screen and (min-width: 1000px) {
  .review_text {
    padding-top: 1rem;
    padding-left: 60px;
  }
}

.review_carousel_carousel {
  flex-direction: row;
  gap: 2rem;
}

.review_carousel_slide {
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  .review_carousel_slide {
    flex-basis: 47%;
  }
}
@media screen and (min-width: 1200px) {
  .review_carousel_slide {
    flex-basis: 23%;
  }
}

.review_quote_mark {
  text-align: center;
  font-size: 3rem;
  margin-top: 2rem;
  margin-bottom: 0;
  display: block;
}

.review_author.white {
  padding: 2rem;
  padding-top: 0;
  font-size: 1rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1000px) {
  .review_author.white {
    font-size: 1.2rem;
  }
}

/*Workshops*/
.workshops .workshops_wrapper {
  justify-content: flex-start;
  gap: 2rem;
}
.workshops .workshops_wrapper .card {
  box-shadow: none;
  padding: 0;
}

/* Gradient Text Block*/
.gradient_text_text {
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 1000px) {
  .gradient_text_text {
    flex-direction: column;
    max-width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  .gradient_text_text {
    max-width: 65%;
  }
}
.gradient_text_text .decorative {
  line-height: 125%;
  border: none;
  padding: 5px 10px;
}
@media screen and (min-width: 1000px) {
  .gradient_text_text .decorative {
    padding: 0.6rem 1rem;
  }
}

.home_intro_title {
  font-size: 1.5rem;
  line-height: 125%;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1000px) {
  .home_intro_title {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .home_intro_title {
    font-size: 2.5rem;
  }
}

.gradient_text_content {
  font-size: 1rem;
  line-height: 125%;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1000px) {
  .gradient_text_content {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1200px) {
  .gradient_text_container.button_right .gradient_text_text {
    flex-direction: row;
    max-width: 100%;
    justify-content: center;
    gap: 4rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .gradient_text_container.button_right .gradient_text_text .gradient_text_title_content_container {
    flex-basis: 52%;
  }
  .gradient_text_container.button_right .gradient_text_text .home_intro_title {
    margin-bottom: 1rem;
  }
  .gradient_text_container.button_right .gradient_text_text .gradient_text_content {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: left;
  }
  .gradient_text_container.button_right .gradient_text_text .decorative {
    flex-basis: 37.5%;
    max-width: fit-content;
  }
}

/*Pink Info Hexagons*/
.pink_info_hexagon_container_title {
  text-align: center;
  margin-bottom: 2rem;
  width: clamp(300px, 90vw, 1040px);
  margin: 0 auto 2rem;
}

.pink_info_hexagon_info {
  font-size: 1.25rem;
  font-weight: 700;
  min-width: 160px;
}

.pink_info_hexagon_title {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.pink_info_hexagon.hexagon {
  position: relative;
  height: 100%;
  aspect-ratio: 0.88;
  padding: 0;
  width: calc(25% - 4rem);
}

.hexagon_text,
.hexagon_content {
  z-index: 9;
  position: relative;
  padding: 55px;
  text-align: center;
  aspect-ratio: 1.14;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hexagons_container {
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.hexagons_container .pink_info_hexagon.hexagon {
  width: 100%;
}
@media screen and (min-width: 700px) {
  .hexagons_container {
    gap: 2rem;
  }
  .hexagons_container .pink_info_hexagon.hexagon {
    width: calc(50% - 2rem);
  }
}
@media screen and (min-width: 1200px) {
  .hexagons_container {
    gap: 4rem;
  }
  .hexagons_container .pink_info_hexagon.hexagon {
    width: calc(25% - 4rem);
  }
}

/*Membership Icon Hexagons*/
a.membership_icon_hexagon_item {
  text-decoration: none;
}

a.hexagon {
  text-decoration: none;
}

.membership_icon_hexagon {
  position: relative;
  width: fit-content;
  margin-bottom: 1rem;
}
.membership_icon_hexagon::before {
  width: 185px;
  height: 211px;
  position: relative;
}
.membership_icon_hexagon img {
  position: absolute;
  height: auto;
  width: 100%;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.membership_icon_hexagon_item {
  flex-direction: column;
  flex-basis: 30%;
  position: relative;
  justify-content: center;
  align-items: center;
}

.membership_icon_text {
  text-align: center;
}

.membership_icon_title {
  font-size: 1.25rem;
  line-height: 125%;
}

.membership_icon_description {
  font-size: 1rem;
  line-height: 125%;
}

.membership_hexagon_grid_container {
  padding-top: 2rem;
}

.membership_hexagon_container {
  justify-content: center;
  gap: 2rem;
}
@media screen and (min-width: 700px) {
  .membership_hexagon_container {
    justify-content: space-between;
    gap: 0;
  }
}

/*Interview Block*/
.accelerator_entry,
.manager_entry,
.associate_entry {
  text-decoration: none;
}

.managers_container {
  gap: 2rem;
}
.managers_container .manager_entry {
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  .managers_container .manager_entry {
    flex-basis: calc(50% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .managers_container .manager_entry {
    flex-basis: calc(25% - 2rem);
  }
}

.manager_spotlight_title {
  margin-bottom: 2rem;
}

.manager_hexagon_image::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("/wp-content/themes/honeycomb/assets/pink_diamond.svg");
  background-repeat: no-repeat;
}

.container.container--hexagon {
  height: fit-content;
}

.manager_entry_image {
  margin-bottom: 2rem;
  height: fit-content;
}

.manager_entry_info {
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .manager_entry_info {
    text-align: left;
  }
}
.manager_entry_info .manager_entry_title {
  font-size: 1.5rem;
  line-height: 125%;
  margin-bottom: 0.5rem;
}
.manager_entry_info .manager_published {
  font-size: 0.8rem;
  line-height: 125%;
  font-weight: 400;
}
.manager_entry_info .manager_blurb {
  font-size: 1rem;
  line-height: 125%;
  font-weight: 400;
  max-width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  .manager_entry_info .manager_blurb {
    margin: 0;
    max-width: 100%;
  }
}
.manager_entry_info .manager_link {
  color: #d899c4;
  text-decoration: underline;
  font-size: 0.8rem;
}

.accelerators_container .accelerator_entry {
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  .accelerators_container .accelerator_entry {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1000px) {
  .accelerators_container .accelerator_entry {
    flex-basis: 22%;
  }
}

.accelerator_entry_image {
  margin-bottom: 2rem;
}

.manager_organisation {
  font-size: 1.5rem;
  line-height: 125%;
  margin-top: -0.5rem;
}

.associates_container .accelerator_entry {
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  .associates_container .accelerator_entry {
    flex-basis: 48%;
  }
}
@media screen and (min-width: 1000px) {
  .associates_container .accelerator_entry {
    flex-basis: 22%;
  }
}

.accelerator_link {
  display: block;
  margin: 2rem auto;
}
@media screen and (min-width: 1000px) {
  .accelerator_link {
    margin: 1rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .accelerator_link {
    margin: 2rem 0;
  }
}

.associates_container {
  row-gap: 2rem;
}

/*Associates Grid*/
.associates_grid_container {
  flex-wrap: wrap;
  gap: 2rem;
}
.associates_grid_container::after {
  content: "";
  flex-grow: 1;
}

.associates_grid_block.five .associates_grid_container .associates_grid_item_logged_out {
  flex-basis: calc(55% - 2rem);
}
@media screen and (min-width: 700px) {
  .associates_grid_block.five .associates_grid_container .associates_grid_item_logged_out {
    flex-basis: calc(34% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .associates_grid_block.five .associates_grid_container .associates_grid_item_logged_out {
    flex-basis: calc(25.5% - 2rem);
  }
}
@media screen and (min-width: 1200px) {
  .associates_grid_block.five .associates_grid_container .associates_grid_item_logged_out {
    flex-basis: calc(20.5% - 2rem);
  }
}

.associates_grid_block.five .associates_grid_container .associates_grid_item_logged_out .associates_grid_item {
  padding: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media screen and (min-width: 1000px) {
  .associates_grid_block.five .associates_grid_container .associates_grid_item_logged_out .associates_grid_item {
    padding: 2rem;
  }
}

.associates_grid_block.five .associates_grid_container .associates_grid_item_logged_out .associates_grid_item img {
  width: 100%;
  height: auto;
  position: relative;
}

.associates_grid_block.five .associates_grid_container .associates_grid_item_logged_out .associates_item_title {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.associates_grid_block.three .associates_grid_container .associates_grid_item {
  flex-basis: 100%;
  padding: 1rem;
  display: grid;
  grid-template-rows: 1fr 1fr;
}
@media screen and (min-width: 700px) {
  .associates_grid_block.three .associates_grid_container .associates_grid_item {
    flex-basis: calc(32% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .associates_grid_block.three .associates_grid_container .associates_grid_item {
    padding: 2rem;
  }
}

.associates_grid_block.three .associates_grid_container {
  row-gap: 2rem;
}
.associates_grid_block.three .associates_grid_container::after {
  content: "";
  flex-grow: 1;
}

.associates_grid_block.three .associates_grid_container .associates_grid_item .associates_item_image img {
  object-fit: contain;
}

.associates_grid_block.three .associates_grid_container .associates_grid_item .associates_item_image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  grid-row: 1/2;
}
@media screen and (min-width: 1000px) {
  .associates_grid_block.three .associates_grid_container .associates_grid_item .associates_item_image {
    height: 70%;
  }
}

.associates_grid_block.three .associates_grid_container .associates_grid_item .associates_item_info {
  height: fit-content;
  text-align: left;
  grid-row: 2/3;
}
@media screen and (min-width: 1000px) {
  .associates_grid_block.three .associates_grid_container .associates_grid_item .associates_item_info {
    height: fit-content;
  }
}

@media screen and (min-width: 1000px) {
  .associates_grid_block.three .associates_item_info .associates_item_title {
    font-size: 1.5rem;
  }
}

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

/* Single News */
.single-post-breadcrumbs {
  margin-top: 4rem;
}

.large_image {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.news_category_button {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.news-date-author {
  margin-bottom: 4rem;
}

/*News Landing*/
.flex.cats {
  justify-content: flex-start;
  column-gap: 1rem;
  row-gap: 0.5rem;
  margin-top: 1rem;
}
.flex.cats a {
  border: #1a1a1a 2px solid;
  color: #1a1a1a;
  background-color: #ffffff;
  margin-bottom: 1rem;
  font-size: 0.8rem;
}
.flex.cats a.bg-pink {
  background-color: #df2567;
  color: #ffffff;
  border: none;
}
.flex.cats a.bg-pink:hover {
  background-color: #1a1a1a;
  color: #ffffff;
}
.flex.cats a:hover {
  background-color: #df2567;
  border: transparent 2px solid;
}

.listing_grid {
  gap: 2rem;
}
.listing_grid .flex_item {
  /* .decorative {
    margin-bottom: 2rem;
  } */
}
.listing_grid .flex_item h3 {
  color: #1a1a1a;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.listing_grid .flex_item h3.pink {
  color: #df2567;
}
.listing_grid .flex_item h4 {
  margin-top: 1rem;
  color: #1a1a1a;
  font-weight: 400;
  font-size: 1.5rem;
}

.news-content {
  max-width: 800px;
}

.mmf_share--icons {
  display: none;
}

@media screen and (min-width: 1000px) {
  .mmf_share--button {
    display: none;
  }
  .mmf_share--icons {
    display: flex;
  }
}
header.news-header {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 1fr 1fr;
}
header.news-header h2 {
  grid-column: 1/3;
}
header.news-header .news_category_button {
  margin-top: 0;
  margin-bottom: 2rem;
}
header.news-header .cats {
  justify-content: flex-start;
  gap: 1rem;
}

.mmf_share {
  justify-self: end;
}
.mmf_share img {
  height: 32px;
  margin-left: 1rem;
}

#page .wysiwyg_content {
  max-width: 800px;
  margin: 0 auto;
}

/* .wysiwyg_content li {
  list-style-type: "\25C6";
  padding-left: 0.5rem;
} */
/* External Links */
.external_links_container {
  gap: 2rem;
}

.external_link_item {
  flex-basis: 100%;
}
@media screen and (min-width: 700px) {
  .external_link_item {
    flex-basis: 47%;
  }
}
@media screen and (min-width: 1000px) {
  .external_link_item {
    flex-basis: 30%;
  }
}

.external_link_info {
  padding: 2rem;
}

.external_links_image {
  background: #b5b5b5;
}

a.external_link_item {
  text-decoration: none;
}

.external_link_title {
  margin-bottom: 1rem;
}

.external_link_bold {
  margin-top: 1rem;
}

.external_link_bold p {
  font-weight: bold;
}

.external_link_regular {
  margin-bottom: 2rem;
}

.contact_info.margins {
  max-width: 800px;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.contact_info.margins .name {
  flex-basis: 7ch;
}
.contact_info.margins .item {
  flex-basis: calc(100% - 7ch - 3.4rem);
}
.contact_info.margins .item a {
  word-break: break-all;
}
.contact_info.margins .small_icon {
  flex-basis: 1.4rem;
}

.small_icon svg {
  width: 1.4rem;
  height: 1.4rem;
}

/*Team Repeater*/
details.team_group:first-of-type::before {
  display: none;
}

.team_repeater_block .team_member_repeater_container {
  margin-bottom: 4rem;
}
.team_repeater_block .team_member_repeater_container .team_member_entry {
  flex-basis: 100%;
  text-align: center;
  justify-content: center;
}
@media screen and (min-width: 700px) {
  .team_repeater_block .team_member_repeater_container .team_member_entry {
    flex-basis: 28%;
  }
}
@media screen and (min-width: 1000px) {
  .team_repeater_block .team_member_repeater_container .team_member_entry {
    flex-basis: 20%;
  }
}

.team_member_hexagon_image {
  margin-bottom: 2rem;
}

.team_member_repeater_container {
  gap: 4rem;
}
@media screen and (min-width: 700px) {
  .team_member_repeater_container {
    gap: 3rem;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .team_member_repeater_container {
    gap: 4rem;
  }
}

.team_member_repeater_container::after {
  content: "";
  flex: auto;
}

.team_member_info_container .team_member_name {
  font-size: 1.5rem;
  line-height: 125%;
  margin-bottom: 0.5rem;
}
.team_member_info_container .team_member_role {
  font-size: 1.5rem;
  line-height: 125%;
  margin-bottom: 0.5rem;
}
.team_member_info_container button {
  margin: 0 auto;
}

@media screen and (min-width: 1000px) {
  .team_modal_column_left {
    padding-left: 2rem;
  }
}

.team_modal_column_right .associate_modal_detail {
  margin-bottom: 1rem;
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  .team_modal_column_right .associate_modal_detail {
    overflow: auto;
  }
}

/*Pink Heading Button Container*/
.pink_heading {
  color: #df2567 !important;
}

.shadow_button_container.flex {
  justify-content: center;
  column-gap: 2rem;
  row-gap: 1rem;
}

@media screen and (min-width: 1200px) {
  .pink_heading_button_block_container {
    margin-bottom: 4rem;
  }
}
.pink_heading_button_block_container .pink_heading {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

form.post-password-form {
  margin: 1rem var(--margin);
}

form.post-password-form input {
  margin-bottom: 1rem;
}

#membership, #response {
  scroll-margin-top: calc(var(--header-height) + 50px);
}

#filters_search {
  justify-content: flex-start;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
}
#filters_search .clear {
  flex-grow: 1;
  justify-content: end;
  display: flex;
  color: black;
  align-items: center;
  flex-grow: 1;
  justify-content: end;
  display: flex;
  color: black;
  align-items: center;
  font-size: 0.8rem;
  padding: 0.6rem 1rem 0.5rem;
}
#filters_search .clear svg {
  margin-right: 1rem;
}
#filters_search input {
  border-radius: 2rem;
}

@media screen and (min-width: 1200px) {
  .column--one {
    grid-column: 1/2;
  }
  .column--one.content {
    grid-row: 1/3;
  }
  .column--one .wysiwyg_container {
    padding-bottom: 0;
  }
  .column--two {
    grid-column: 2/3;
  }
  .column--two.side_bar, .column--two.quicklinks_container, .column--two.in_this_section {
    margin-left: 4rem;
  }
  .grid--two-column {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr;
    grid-auto-flow: dense;
    column-gap: 2rem;
  }
  .grid--two-column > * {
    min-width: 0px;
  }
  .grid--two-column .padding {
    padding-left: 0;
    padding-right: 0;
  }
  .grid--two-column.has_crumb {
    grid-template-rows: 4rem auto;
  }
  .grid--two-column.grid--two-column-equal {
    grid-template-columns: 1fr 1fr;
  }
  .grid--two-column.grid--45_55 {
    grid-template-columns: 9fr 11fr;
    column-gap: 4rem;
  }
  .grid--two-column.grid--45_55 .column--two {
    padding-right: 4rem;
  }
}
.column--one .wysiwyg_container.bg-white {
  margin-top: 2rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media screen and (min-width: 1200px) {
  .column--one .wysiwyg_container.bg-white {
    margin-top: -2rem;
  }
}

.page-template-user-account .column--one .bg-white {
  margin-top: unset;
}

.grid--two_five {
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
}
@media screen and (min-width: 1000px) {
  .grid--two_five {
    grid-template-columns: 3fr 10fr;
    grid-template-rows: 1fr;
  }
}

.single-show .content h1 {
  font-size: 1.375rem;
  line-height: 2.25rem;
}
@media screen and (min-width: 1200px) {
  .single-show .content h1 {
    font-size: 2.625rem;
  }
}

/* Home Header*/
.home_intro_text_container {
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .home_intro_text_container {
    padding: 3rem var(--margin);
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
}
.home_intro_text_container p {
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
@media screen and (min-width: 1200px) {
  .home_intro_text_container p {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}
.home_intro_text_container a {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 2.125rem;
}
@media screen and (min-width: 1200px) {
  .home_intro_text_container a {
    font-size: 1.125rem;
    line-height: 2.125rem;
  }
}
.home_intro_text_container .link-decorative:after {
  background: #ffffff;
  top: -5px;
}

.home_carousel_info {
  padding-top: 2rem;
  padding-bottom: 3rem;
  text-align: left;
  height: 145px;
  height: fit-content;
  grid-column: 2/3;
  grid-row: 2/4;
  z-index: 999;
  background-color: rgba(23, 23, 23, 0.7);
  border-radius: 15px;
}
.home_carousel_info .home_carousel_title {
  font-size: 1.75rem;
  line-height: 125%;
  font-weight: 700;
  z-index: 3;
  color: #ffffff;
}
@media screen and (min-width: 1000px) {
  .home_carousel_info .home_carousel_title {
    font-size: 2rem;
    line-height: 125%;
  }
}
@media screen and (min-width: 1200px) {
  .home_carousel_info .home_carousel_title {
    font-size: 3rem;
    line-height: 125%;
  }
}
.home_carousel_info .link-decorative {
  display: block;
  margin: 0 auto;
}
.home_carousel_info .header-decorative {
  margin: 0;
  border: none;
  padding: 5px 10px;
}
@media screen and (min-width: 1000px) {
  .home_carousel_info .header-decorative {
    padding: 0.6rem 1rem;
    align-self: flex-start;
  }
}
.home_carousel_info .header-decorative a {
  text-decoration: none;
  color: #df2567;
}
.home_carousel_info p {
  font-size: 0.75rem;
  line-height: 125%;
  font-weight: 500;
  z-index: 3;
  color: #ffffff;
}
@media screen and (min-width: 1000px) {
  .home_carousel_info p {
    font-size: 1rem;
    line-height: 125%;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .home_carousel_info p {
    font-size: 1.25rem;
    line-height: 125%;
    margin-bottom: 2rem;
  }
}
.home_carousel_info a {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 125%;
  z-index: 3;
  color: #ffffff;
}
@media screen and (min-width: 1200px) {
  .home_carousel_info a {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
.home_carousel_info a:visited {
  color: #df2567;
}
@media screen and (min-width: 1000px) {
  .home_carousel_info {
    height: fit-content;
    width: auto;
    padding: 2rem;
    display: flex;
    text-align: left;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(23, 23, 23, 0.7);
    border-radius: 20px;
    grid-row: 2/3;
    /* &::before {
      background: rgba(250, 250, 247, 0.9);
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      border-radius: 50%;
      z-index: 0;
    } */
  }
}
@media screen and (min-width: 1200px) {
  .home_carousel_info {
    padding: 4rem;
  }
}

.carousel--home {
  position: relative;
}
.carousel--home .button--prev,
.carousel--home .button--next {
  position: absolute;
  display: block;
  top: calc(57vh - (var(--margin) + 20px));
  z-index: 9;
}
@media screen and (min-width: 700px) {
  .carousel--home .button--prev,
  .carousel--home .button--next {
    top: calc(42vh - (var(--margin)));
  }
}
@media screen and (min-width: 1000px) {
  .carousel--home .button--prev,
  .carousel--home .button--next {
    top: unset;
    bottom: 12.5%;
  }
}
.carousel--home .button--prev svg #Path_2130,
.carousel--home .button--next svg #Path_2130 {
  fill: #1a1a1a;
}
@media screen and (min-width: 1200px) {
  .carousel--home .button--prev,
  .carousel--home .button--next {
    top: unset;
    bottom: 12.5%;
  }
}
.carousel--home .button--prev {
  left: var(--margin);
}
@media screen and (min-width: 1000px) {
  .carousel--home .button--prev {
    left: unset;
    right: calc(var(--margin) + 80px);
  }
}
@media screen and (min-width: 1200px) {
  .carousel--home .button--prev {
    right: calc(var(--margin) + 80px);
  }
}
.carousel--home .button--next {
  right: var(--margin);
}
@media screen and (min-width: 1200px) {
  .carousel--home .button--next {
    right: var(--margin);
  }
}
.carousel--home svg {
  width: auto;
  height: 20px;
}
.carousel--home svg path {
  fill: #ffffff;
}

.header.full_width.container {
  position: relative;
  /*   &::before {
    //content: "";
    position: absolute;
    width: 100%;
    height: 2rem;
    bottom: -1px;
    background-color: $color_bg;
  } */
}

.home .header.full_width.container::before {
  height: 0;
}

/* Parent Header*/
.parent_header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 57vh;
  grid-column: 1/4;
}
@supports (aspect-ratio: 16/9) {
  .parent_header {
    aspect-ratio: 1.3333333333;
  }
}
@supports not (aspect-ratio: 16/9) {
  .parent_header {
    padding-top: 75%;
    height: 0;
  }
}
.parent_header img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
}
@media screen and (min-width: 1000px) {
  .parent_header {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  @supports (aspect-ratio: 16/9) {
    .parent_header {
      aspect-ratio: 2.4444444444;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .parent_header {
      padding-top: 40.625%;
      height: 0;
    }
  }
}
@media screen and (min-width: 700px) {
  .parent_header {
    height: 42vh;
    grid-column: 1/5;
  }
}
@media screen and (min-width: 1000px) {
  .parent_header {
    height: 100%;
    grid-column: 1/5;
    grid-row: 1/5;
    aspect-ratio: unset;
  }
}

.parent_intro p {
  margin-bottom: 0;
}

.header_overlap_block {
  position: relative;
  margin-top: -2rem;
  margin-bottom: 3rem;
}

/* General Header */
.header_title {
  z-index: 2;
  display: block;
  position: relative;
  font-size: 2.125rem;
  line-height: 2.25rem;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .header_title {
    font-size: 5.25rem;
    line-height: 4.375rem;
  }
}

.header--plain {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.header--plain h2 {
  color: #ffffff;
  z-index: 9;
  margin-bottom: 0;
}
@media screen and (min-width: 1000px) {
  .header--plain h2 {
    font-size: 4rem;
  }
}

.honeycomb_header::after {
  content: "";
  display: block;
  height: 200%;
  width: 200%;
  position: absolute;
  top: -25%;
  left: 0;
  background-image: url("/wp-content/themes/honeycomb/assets/honeycomb.svg");
}
@media screen and (min-width: 1000px) {
  .honeycomb_header::after {
    width: 100%;
  }
}

/*Child Page Header*/
.page-child .header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  max-height: 250px;
  min-height: unset;
}
@supports (aspect-ratio: 16/9) {
  .page-child .header {
    aspect-ratio: 2.3333333333;
  }
}
@supports not (aspect-ratio: 16/9) {
  .page-child .header {
    padding-top: 42.85%;
    height: 0;
  }
}
@media screen and (min-width: 1200px) {
  .page-child .header {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 300px;
  }
  @supports (aspect-ratio: 16/9) {
    .page-child .header {
      aspect-ratio: 2.3333333333;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .page-child .header {
      padding-top: 42.85%;
      height: 0;
    }
  }
}
.page-child .entry-content {
  margin-top: 0;
}
@media screen and (min-width: 1200px) {
  .page-child .entry-content {
    margin-top: 4rem;
  }
}
.page-child .entry-content .grid {
  display: block;
  margin-top: -2rem;
}
@media screen and (min-width: 1200px) {
  .page-child .entry-content .grid {
    display: grid;
    margin-top: 0;
    margin-bottom: 0;
  }
}

/*Login Page*/
.news_header {
  padding-top: 4rem;
  padding-bottom: 3.5rem;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .news_header {
    text-align: left;
  }
}
.news_header a {
  text-decoration: none;
}
.news_header h1 {
  font-size: 2.125rem;
  line-height: 2.25rem;
}
@media screen and (min-width: 1200px) {
  .news_header h1 {
    font-size: 2.625rem;
    line-height: 3rem;
  }
}
.news_header h2 {
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .news_header h2 {
    font-size: 2.625rem;
    line-height: 5.25rem;
    margin-bottom: 0;
  }
}
.news_header h3 {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .news_header h3 {
    font-size: 2.125rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1200px) {
  .page-template-user-account .grid--two-column {
    margin-top: 2rem !important;
  }
}
.page-template-user-account .grid--two-column .grid--column-one.bg-white {
  margin-top: 1rem;
  margin-bottom: 2rem;
  height: fit-content;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .grid--two-column .grid--column-one.bg-white {
    margin-top: 0;
  }
}
.page-template-user-account .grid--two-column .login-submit input {
  background: #ffffff;
  color: #df2567;
  border: #df2567 1px solid;
  border-radius: 34px;
  transition: background var(--transition) ease-in;
  padding: 9px 26px 8px;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .grid--two-column .login-submit input {
    margin-left: 0;
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
.page-template-user-account .grid--two-column .login-submit input:hover {
  background: #df2567;
  color: #ffffff;
}
.page-template-user-account .grid--column-one h2 {
  font-size: 1.375rem;
  line-height: 2.25rem;
  text-transform: uppercase;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .grid--column-one h2 {
    font-size: 2.625rem;
    line-height: 2.25rem;
    margin-bottom: 2rem;
  }
}
.page-template-user-account #loginform a {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #1a1a1a;
}
.page-template-user-account #loginform a:visited {
  color: #1a1a1a;
}
.page-template-user-account #loginform .login-submit {
  margin-top: 2rem;
}
.page-template-user-account .input {
  width: 100%;
  border: #b5b5b5 1px solid;
  border-radius: 3px;
  height: 42px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .input {
    height: 50px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.page-template-user-account #email {
  height: 42px;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account #email {
    height: 50px;
  }
}
.page-template-user-account label {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account label {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
.page-template-user-account .grid--column-one.bg-beige input {
  border: #b5b5b5 1px solid;
  width: 100%;
  border-radius: 3px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .grid--column-one.bg-beige input {
    height: 50px;
  }
}
.page-template-user-account .grid--column-one.bg-beige label {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .grid--column-one.bg-beige label {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
.page-template-user-account .grid--column-one.bg-beige p {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .grid--column-one.bg-beige p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
.page-template-user-account #updateuser {
  border: none;
  padding: 9px 26px 8px;
  border-radius: 34px;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  transition: background var(--transition) ease-in;
  background: #df2567;
  color: #ffffff;
  height: 100%;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account #updateuser {
    font_size: 1rem;
    line-height: 1.5625rem;
  }
}
.page-template-user-account #updateuser:hover {
  background: #c968a4;
}
.page-template-user-account .checkbox_list input {
  height: 18px !important;
}
.page-template-user-account .quick_links {
  margin-bottom: 2rem;
}
.page-template-user-account .quick_links .page_sub_nav li a.active {
  color: #1a1a1a;
}
.page-template-user-account .quick_links .page_sub_nav li a.active.chevron path {
  fill: #1a1a1a;
}
.page-template-user-account .column--one #adduser {
  /*   &::after {
    display: block;
    content: " ";
    background-image: url(./assets/dot.svg);
    background-repeat: repeat-x;
    height: 6px;
    width: 100%;
    bottom: 0;
    position: relative;
  } */
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .column--one #adduser {
    padding-bottom: 4rem;
  }
}
.page-template-user-account .column--one details {
  border-top: none;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.page-template-user-account .column--one details::before {
  display: none;
  content: " ";
  background-image: none;
  height: 0;
  width: 100%;
  position: relative;
}
.page-template-user-account .column--one details .content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .column--one details .content {
    width: 50%;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .column--one details .content #updateuser {
    margin: 0;
  }
}
.page-template-user-account .column--one details .content label {
  margin-bottom: 0.5rem;
}
.page-template-user-account .column--one details .content input {
  margin-bottom: 1rem;
  border-radius: 3px;
}
.page-template-user-account .column--one details .content input#email {
  width: unset;
  height: 24px;
}
.page-template-user-account .column--one details .content input#email#updateuser {
  margin-top: 0;
}
.page-template-user-account .column--one details summary {
  padding-top: 1rem;
}
.page-template-user-account .column--one details summary .flex {
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .page-template-user-account .column--one details summary .flex {
    display: grid;
    grid-template-columns: 1.5fr 5rem 2fr 5rem;
  }
}
.page-template-user-account .column--one details summary .flex span:nth-of-type(2) {
  grid-column: 3/4;
}
.page-template-user-account .column--one details summary button {
  padding: 0;
  width: 17.95px;
  position: absolute;
  right: 0;
}
.page-template-user-account .column--one details summary:before {
  display: none;
}
.page-template-user-account .column--one details summary:after {
  display: none;
}
.page-template-user-account .column--one .form-subscription .content {
  display: grid !important;
  grid-template-columns: 18px auto;
  grid-template-rows: auto auto auto;
  grid-gap: 1rem;
  margin-top: 1rem;
}
.page-template-user-account .column--one .form-subscription .content input.checkbox {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-bottom: 0;
  align-self: start;
  margin-top: 0.3rem;
  accent-color: #ffffff;
}
.page-template-user-account .column--one .form-subscription .content label {
  align-self: start;
}
.page-template-user-account .column--one .form-subscription .content p {
  grid-column: 1/3;
}
.page-template-user-account .column--one .form-subscription .content #updateuser {
  grid-column: 1/3;
  grid-row: 3/4;
  margin-top: 0;
  height: 22px;
  margin-bottom: 1rem;
}

/*Single News*/
.single-news .news_header h2 {
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .single-news .news_header h2 {
    font-size: 2.125rem;
    line-height: 3rem;
  }
}
.single-news .content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
  .single-news .content {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 4rem;
  }
}
.single-news .content h4 {
  color: #1a1a1a;
}
@media screen and (min-width: 1200px) {
  .single-news .content h4 {
    font_size: 1.25rem;
    line-height: 1.875rem;
  }
}
.single-news .content .large_image .caption {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-top: 0;
}
.single-news .news_link {
  color: #df2567;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.single-news .news_link.current {
  color: #767676;
}
.single-news .news_link.current svg path {
  fill: #767676;
}
.single-news .news_date {
  color: #1a1a1a;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.single-news .news_date.current {
  color: #767676;
}
.single-news .latest_news_item {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: 9.67px auto;
}
.single-news .latest_news_item svg {
  margin-top: 0.5rem;
}
.single-news .latest_news_item.current svg path {
  fill: #767676;
}
.single-news .latest_news_item:first-of-type {
  margin-top: 1rem;
}
.single-news .side_bar--item .decorative {
  margin: 1rem auto;
}

/* Workshops */
.single-workshop .header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  .single-workshop .header {
    aspect-ratio: 1.3333333333;
  }
}
@supports not (aspect-ratio: 16/9) {
  .single-workshop .header {
    padding-top: 75%;
    height: 0;
  }
}
@media screen and (min-width: 700px) {
  @supports (aspect-ratio: 16/9) {
    .single-workshop .header {
      aspect-ratio: 2.3333333333;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    .single-workshop .header {
      padding-top: 42.85%;
      height: 0;
    }
  }
}
.single-workshop .content {
  margin-top: 2rem;
}
.single-workshop .content h1 {
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
  .single-workshop .content h1 {
    font-size: 2.625rem;
    line-height: 3rem;
  }
}
.single-workshop .content .decorative {
  margin: 2rem auto;
}
@media screen and (min-width: 1200px) {
  .single-workshop .side_bar {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .single-workshop .side_bar .border_bottom--dotted {
    margin-bottom: 2rem;
  }
}
.single-workshop .side_bar dl {
  grid-template-columns: auto auto;
  align-items: center;
  padding-bottom: 1rem;
}
.single-workshop .side_bar dt {
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding-bottom: 1rem;
  grid-row: 1/2;
}
@media screen and (min-width: 1200px) {
  .single-workshop .side_bar dt {
    line-height: 3rem;
  }
}
.single-workshop .side_bar dd {
  grid-row: 2/3;
  font-size: 1rem;
  line-height: 1.5625rem;
}
.single-workshop .side_bar .workshop_fee dl,
.single-workshop .side_bar .workshop_venue dl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.single-workshop .side_bar .workshop_fee dl dt,
.single-workshop .side_bar .workshop_venue dl dt {
  padding-bottom: 0;
}
.single-workshop .side_bar .resources {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
@media screen and (min-width: 1200px) {
  .single-workshop .side_bar .resources {
    row-gap: 1rem;
  }
}
.single-workshop .side_bar a {
  color: #df2567;
}
.single-workshop .workshop_facilitators dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1rem;
}
.single-workshop .workshop_facilitators p {
  display: none;
}
.single-workshop .workshop_facilitators dt {
  padding-bottom: 0;
}
.single-workshop .workshop_facilitators .person {
  display: grid;
  grid-template-columns: 48px max-content;
  column-gap: 1rem;
}
.single-workshop .workshop_facilitators .person .pink {
  grid-column: 2/3;
  grid-row: 1/3;
  align-self: center;
  padding: 0;
  color: #db205d;
  text-decoration: underline;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.single-workshop .workshop_facilitators .person button.pink {
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 600;
}
.single-workshop .workshop_facilitators .person p {
  grid-column: 2/3;
  grid-row: 2/3;
  align-self: end;
  font-size: 1rem;
  line-height: 1.5rem;
}
.single-workshop .workshop_facilitators .person .container--square {
  border-radius: 50%;
  overflow: hidden;
  width: 48px;
  height: 48px;
  grid-row: 1/3;
}
.single-workshop .workshops {
  margin-top: 4rem;
}
.single-workshop .workshops h2 {
  font-size: 1.375rem;
  line-height: 1.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
  .single-workshop .workshops h2 {
    font-size: 1.75rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .single-workshop .workshops .workshops_wrapper {
    justify-content: flex-start;
    gap: 2rem;
  }
}
.single-workshop .workshops .workshops_wrapper .card {
  box-shadow: none;
  padding: 0;
  padding-bottom: 2rem;
}
.single-workshop .workshops .workshops_wrapper .card h3 {
  margin-top: 2rem;
  font-size: 1.25rem;
  line-height: 2rem;
}

.title.padding {
  padding-bottom: 1rem;
  margin-bottom: 0;
}

/* Review Carousel*/
.carousel--reviews {
  padding-bottom: 4rem;
  position: relative;
  margin-right: 0;
  overflow: hidden;
}
@media screen and (min-width: 1000px) {
  .carousel--reviews {
    padding-bottom: 1rem;
    overflow: visible;
    margin-left: 0;
  }
}
.carousel--reviews .swiper-slide {
  width: auto;
  height: auto;
}
@media screen and (min-width: 1200px) {
  .carousel--reviews .swiper-slide {
    flex-basis: 20%;
  }
}
.carousel--reviews .button--prev,
.carousel--reviews .button--next {
  top: unset;
  bottom: 0;
}
.carousel--reviews .button--prev svg,
.carousel--reviews .button--next svg {
  width: 32px;
  height: 32px;
}
.carousel--reviews .button--prev svg path,
.carousel--reviews .button--next svg path {
  transition: fill var(--transition) ease-in;
}
.carousel--reviews .button--prev:hover svg path,
.carousel--reviews .button--prev :active svg path,
.carousel--reviews .button--next:hover svg path,
.carousel--reviews .button--next :active svg path {
  fill: #df2567;
}
.carousel--reviews .button--prev {
  right: calc(var(--margin) + 3rem);
}
@media screen and (min-width: 1000px) {
  .carousel--reviews .button--prev {
    left: calc(var(--margin) - 4rem);
    z-index: 9;
    top: 50%;
    bottom: unset;
    right: unset;
  }
}
@media screen and (min-width: 1000px) {
  .carousel--reviews .button--next {
    right: calc(var(--margin) - 4rem);
    z-index: 9;
    top: 50%;
    bottom: unset;
  }
}
@media screen and (min-width: 1000px) {
  .carousel--reviews::before {
    content: "";
    background: #ffffff;
    width: var(--margin);
    height: calc(100% + 1rem);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}
.carousel--reviews::after {
  content: "";
  background: #ffffff;
  width: var(--margin);
  height: calc(100% + 1rem);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  margin-top: -1rem;
  margin-bottom: -1rem;
}

/*Gallery Carousel*/
.block--carousel {
  position: relative;
  margin-bottom: 2rem;
  margin-top: 2rem;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .block--carousel {
    margin-top: 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
.block--carousel h3 {
  color: #1a1a1a;
  font-size: 1.375rem;
  line-height: 1.75rem;
}
@media screen and (min-width: 1200px) {
  .block--carousel h3 {
    font-size: 1.75rem;
    line-height: 3rem;
  }
}
.block--carousel .button--prev,
.block--carousel .button--next {
  top: 50%;
  z-index: 9;
  transition: opacity var(--transition) ease;
  /* &::before {
    @include media1200 {
      content: "";
      background: none;
      width: 44px;
      height: 44px;
      position: absolute;
      display: block;
      bottom: 0;
      right: 0;
      z-index: -1;
      border-radius: 50%;
      box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.25);
    }
  } */
}
@media screen and (min-width: 1200px) {
  .block--carousel .button--prev,
  .block--carousel .button--next {
    top: 50%;
  }
}
.block--carousel .button--prev svg,
.block--carousel .button--next svg {
  height: 20px;
  width: 12px;
}
@media screen and (min-width: 1200px) {
  .block--carousel .button--prev svg,
  .block--carousel .button--next svg {
    height: 20px;
    width: 12px;
  }
}
.block--carousel .button--prev svg path,
.block--carousel .button--next svg path {
  transition: fill var(--transition) ease-in;
  fill: #ffffff;
  stroke: #1a1a1a !important;
}
@media screen and (min-width: 1200px) {
  .block--carousel .button--prev svg path,
  .block--carousel .button--next svg path {
    fill: #ffffff;
    stroke: #1a1a1a !important;
  }
}
.block--carousel .button--prev svg #Path_2130,
.block--carousel .button--next svg #Path_2130 {
  fill: transparent;
}
@media screen and (min-width: 1200px) {
  .block--carousel .button--prev svg #Path_2130,
  .block--carousel .button--next svg #Path_2130 {
    fill: #1a1a1a;
  }
}
.block--carousel .button--prev svg:hover path,
.block--carousel .button--next svg:hover path {
  fill: #df2567;
}
.block--carousel .button--prev {
  left: -1.4rem;
}
@media screen and (min-width: 700px) {
  .block--carousel .button--prev {
    left: -2rem;
  }
}
@media screen and (min-width: 1000px) {
  .block--carousel .button--prev {
    left: -3rem;
  }
}
@media screen and (min-width: 1200px) {
  .block--carousel .button--prev {
    right: unset;
    left: -4rem;
  }
}
.block--carousel .button--next {
  right: -1.4rem;
  z-index: 999999;
}
@media screen and (min-width: 700px) {
  .block--carousel .button--next {
    right: -2rem;
  }
}
@media screen and (min-width: 1000px) {
  .block--carousel .button--next {
    right: -3rem;
  }
}
@media screen and (min-width: 1200px) {
  .block--carousel .button--next {
    right: -4rem;
  }
}

.carousel--header .button--prev {
  border: #ffffff 1px solid;
  border-radius: 50%;
  background-color: #ffffff;
  height: 30px;
  width: 30px;
}
.carousel--header .button--prev svg {
  height: 15px;
  width: 15px;
  margin-top: 25%;
  margin-left: 18%;
}
.carousel--header .button--prev svg path {
  stroke: #df2567 !important;
  stroke-width: 3px !important;
}

.carousel--header .button--next {
  border: #ffffff 1px solid;
  border-radius: 50%;
  background-color: #ffffff;
  height: 30px;
  width: 30px;
}
.carousel--header .button--next svg {
  height: 15px;
  width: 15px;
  margin-top: 25%;
  margin-left: 25%;
}
.carousel--header .button--next svg path {
  stroke: #df2567 !important;
  stroke-width: 3px !important;
}

.carousel--gallery .swiper-slide {
  width: 100%;
}
.carousel--gallery::before {
  content: "";
  background: #ffffff;
  display: block;
  height: 104%;
  width: calc(var(--margin) * 2);
  position: absolute;
  z-index: 9;
  left: calc(var(--margin) * -2);
  top: -2px;
}
.carousel--gallery::after {
  content: "";
  background: #ffffff;
  display: block;
  height: 104%;
  width: calc(var(--margin) * 2);
  position: absolute;
  z-index: 9;
  right: calc(var(--margin) * -2);
  top: -2px;
}

.carousel--linking-gallery .swiper-slide {
  width: 100%;
}
.carousel--linking-gallery::before {
  content: "";
  background: #ffffff;
  display: block;
  height: 104%;
  width: calc(var(--margin) * 10);
  position: absolute;
  z-index: 9;
  left: calc(var(--margin) * -10);
  top: -2px;
}
.carousel--linking-gallery::after {
  content: "";
  background: #ffffff;
  display: block;
  height: 104%;
  width: calc(var(--margin) * 10);
  position: absolute;
  z-index: 9;
  right: calc(var(--margin) * -10);
  top: -2px;
}

.carousel--gallery .swiper-wrapper .swiper-slide .container--max-height {
  width: 100%;
  height: auto;
}
.carousel--gallery .swiper-wrapper .swiper-slide .container--max-height img {
  width: 100%;
  height: auto;
}

.carousel--zoomer .swiper-slide {
  max-width: calc(100vw - 2 * var(--margin));
  width: calc(100vw - 2 * var(--margin));
  margin-left: var(--margin);
  margin-right: var(--margin);
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel--zoomer .button--prev {
  top: 50vh;
  left: calc(var(--margin) - 16.5px);
}
@media screen and (min-width: 1200px) {
  .carousel--zoomer .button--prev {
    top: 50vh;
  }
}
.carousel--zoomer .button--next {
  top: 50vh;
  right: calc(var(--margin) - 16.5px);
}
@media screen and (min-width: 1200px) {
  .carousel--zoomer .button--next {
    top: 50vh;
    left: unset;
    right: var(--margin);
  }
}
.carousel--zoomer .slide_index {
  top: calc(var(--vh) * 5);
  left: var(--margin);
}
@media screen and (min-width: 1200px) {
  .carousel--zoomer .slide_index {
    top: calc(var(--vh) * 4);
    right: unset;
    left: var(--margin);
  }
}
.carousel--zoomer .close_zoomer {
  padding-right: 0;
}

/* Associate Carousels*/
.associate_carousel_block {
  position: relative;
}

.carousel--associates {
  position: relative;
}
.carousel--associates::before {
  content: "";
  position: absolute;
  background: #ffffff;
  display: block;
  height: 100%;
  top: 0;
  right: 100%;
  width: calc(var(--margin) * 2);
  z-index: 9;
}
.carousel--associates::after {
  content: "";
  position: absolute;
  background: #ffffff;
  display: block;
  height: 100%;
  top: 0;
  left: 100%;
  width: calc(var(--margin) * 2);
  z-index: 9;
}
.carousel--associates .swiper-wrapper {
  align-items: center;
}

.carousel--associates .button--prev,
.carousel--associates .button--next {
  top: 0;
  z-index: 99;
}

.carousel--associates .button--prev {
  left: -1rem;
  top: 50%;
  width: fit-content;
}
@media screen and (min-width: 700px) {
  .carousel--associates .button--prev {
    left: -2rem;
  }
}
@media screen and (min-width: 1000px) {
  .carousel--associates .button--prev {
    left: -3rem;
  }
}
@media screen and (min-width: 1200px) {
  .carousel--associates .button--prev {
    left: -3rem;
  }
}
@media screen and (min-width: 1600px) {
  .carousel--associates .button--prev {
    left: -6rem;
  }
}

.carousel--associates .button--next {
  right: -1rem;
  top: 50%;
  width: fit-content;
}
@media screen and (min-width: 700px) {
  .carousel--associates .button--next {
    right: -2rem;
  }
}
@media screen and (min-width: 1000px) {
  .carousel--associates .button--next {
    right: -3rem;
  }
}
@media screen and (min-width: 1200px) {
  .carousel--associates .button--next {
    right: -3rem;
  }
}
@media screen and (min-width: 1600px) {
  .carousel--associates .button--next {
    right: -6rem;
  }
}

.associate_carousel_title {
  margin-bottom: 0;
}

a.container.container--sixteennine {
  display: block;
}

.swiper-button-disabled {
  opacity: 0;
}

.carousel--linking-gallery .button {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.flex.slide_linking {
  padding: 1rem;
  justify-content: flex-start;
  gap: 1rem;
}

.carousel--resources {
  position: relative;
}
.carousel--resources .button--prev,
.carousel--resources .button--next {
  top: -3rem;
}
@media screen and (min-width: 1000px) {
  .carousel--resources .button--prev,
  .carousel--resources .button--next {
    display: none;
  }
}
.carousel--resources .button--next {
  right: 0;
}
.carousel--resources .button--prev {
  right: 3rem;
}
.carousel--resources .swiper-button-disabled {
  opacity: 0.2;
}

/*Review Cards*/
.card--review {
  border-radius: 48px 48px 12px 48px;
  min-height: 314px;
  width: 280px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .card--review {
    width: unset;
    max-width: unset;
    padding: 2rem;
  }
}
.card--review .stars {
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  flex-wrap: nowrap;
}
.card--review .stars svg {
  height: 40px;
  width: 40px;
}

.review_item_quote {
  text-align: center;
}
.review_item_quote p {
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-align: center;
  display: inline;
}

.review_item_source {
  font-size: 0.8125rem;
  line-height: 1.375rem;
  font-weight: 600;
  text-align: center;
  margin-top: 1rem;
}

.card--grid {
  text-decoration: none;
  color: #1a1a1a;
}
.card--grid img {
  transition: opacity 400ms ease;
  opacity: 1;
}
.card--grid:hover, .card--grid:visited {
  text-decoration: none;
  color: #1a1a1a;
}
.card--grid:hover img, .card--grid:visited img {
  opacity: 0.85;
}
.card--grid .decorative {
  position: absolute;
  font-size: 0.75rem;
  bottom: 1rem;
  left: 1rem;
}
.card--grid .decorative:hover {
  background-color: #ffffff;
  color: #1a1a1a;
}
.card--grid .card_title {
  margin: 0.8rem 0 0.5rem;
}

.page-template-seeking-php .listing_grid .flex_item .decorative {
  margin: 0;
}

.page-template-directory-php {
  /* .listing_grid button:not(#associates_grid_close){
    padding:0;
  } */
}
.page-template-directory-php .listing_grid .flex_item .decorative {
  margin: 0;
}
.page-template-directory-php .artists_list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.2rem;
  max-height: 200px;
  overflow: auto;
  margin: 1rem 0;
  padding: 0;
  scrollbar-color: #fff #df2567;
}
.page-template-directory-php .artists_list p {
  margin: 0;
}
.page-template-directory-php .artists_list::-webkit-scrollbar {
  width: 10px; /* Mostly for vertical scrollbars */
}
.page-template-directory-php .artists_list::-webkit-scrollbar-thumb {
  /* Foreground */
  background: #df2567;
}
.page-template-directory-php .artists_list::-webkit-scrollbar-track {
  /* Background */
  background: #fff;
}

.associate_modal_detail strong {
  display: block;
}

.associate_modal_detail {
  max-height: 200px;
  overflow: auto;
  scrollbar-color: #fff #df2567;
}
.associate_modal_detail::-webkit-scrollbar {
  width: 10px; /* Mostly for vertical scrollbars */
}
.associate_modal_detail::-webkit-scrollbar-thumb {
  /* Foreground */
  background: #df2567;
}
.associate_modal_detail::-webkit-scrollbar-track {
  /* Background */
  background: #fff;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateX(-110%);
  transition: opacity 400ms eae-in;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}
.modal.open {
  opacity: 1;
  transform: translateX(0);
}
.modal .close {
  position: absolute;
  top: 1rem;
  right: var(--margin);
}
@media screen and (min-width: 1000px) {
  .modal .close {
    top: var(--header-height);
  }
}
.modal .modal_inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--margin);
  width: calc(100vw - 2 * var(--margin));
  height: 80vh;
  display: block;
  overflow: auto;
}
.modal .modal_inner .column--two.inner-padding {
  padding: 0;
}
@media screen and (min-width: 1000px) {
  .modal .modal_inner {
    width: 50vw;
    display: grid;
    min-width: 320px;
    left: 25vw;
    height: fit-content;
    overflow: visible;
  }
  .modal .modal_inner .column--two.inner-padding {
    padding: 2rem;
  }
}

@media screen and (min-width: 1000px) {
  #people_modal .container--round {
    left: -6rem;
    top: 4rem;
    width: 260px;
    height: 260px;
    position: absolute;
  }
  #people_modal .container--round img {
    width: 260px;
    height: 260px;
  }
  #people_modal .card:hover img {
    filter: none;
  }
}

#membership_modal .modal-content {
  top: var(--header-height);
  position: absolute;
  left: calc(50vw - 160px);
  width: 320px;
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 1rem;
  max-height: calc(100vh - 2 * var(--header-height));
}
#membership_modal .modal-content .modal-inner {
  height: 100%;
  max-height: calc(100vh - 2 * var(--header-height) - 4rem);
  padding-right: 15px;
  overflow: hidden auto;
  scrollbar-color: #fff #df2567;
}
#membership_modal .modal-content .modal-inner::-webkit-scrollbar {
  width: 10px; /* Mostly for vertical scrollbars */
}
#membership_modal .modal-content .modal-inner::-webkit-scrollbar-thumb {
  /* Foreground */
  background: #df2567;
}
#membership_modal .modal-content .modal-inner::-webkit-scrollbar-track {
  /* Background */
  background: #fff;
}
#membership_modal .modal-content h6 {
  margin-top: 0.5rem;
}
#membership_modal .register-message p {
  color: #c25700;
}
#membership_modal form.register-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

button#membership_close {
  right: calc(50vw - 190px);
  top: calc(var(--header-height) - 2rem);
  background-color: #df2567;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

form.loading + #spinner {
  display: block;
  position: fixed;
}

form + #spinner {
  display: none;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border: 10px solid #df2567;
  border-bottom: 10px solid transparent;
  border-radius: 50%;
  animation: spin 800ms ease-in-out 0ms infinite;
}

.register-message.success {
  padding: 1rem;
  border: 2px solid #df2567;
  margin-top: 1rem;
}

.register-message.error {
  padding: 1rem;
  border: 2px solid red;
  margin-top: 1rem;
}

#associate_modal #modal_content {
  top: calc(var(--header-height) + 2rem);
  position: absolute;
  left: calc(50vw - 160px);
  width: 320px;
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 1rem;
  max-height: calc(100vh - 2 * var(--header-height));
}
@media screen and (min-width: 700px) {
  #associate_modal #modal_content {
    top: calc(var(--header-height) + 3rem);
    left: calc(50vw - 240px);
    width: 480px;
  }
}
@media screen and (min-width: 1000px) {
  #associate_modal #modal_content {
    top: calc(var(--header-height) + 4rem);
    left: calc(50vw - 320px);
    width: 640px;
  }
}
@media screen and (min-width: 1200px) {
  #associate_modal #modal_content {
    top: var(--header-height);
    left: calc(50vw - 480px);
    width: 960px;
  }
}
#associate_modal #modal_content .modal-inner {
  height: 100%;
  max-height: calc(100vh - 2 * var(--header-height) - 4rem);
  padding-right: 15px;
  overflow: hidden auto;
  scrollbar-color: #fff #df2567;
}
#associate_modal #modal_content .modal-inner::-webkit-scrollbar {
  width: 10px; /* Mostly for vertical scrollbars */
}
#associate_modal #modal_content .modal-inner::-webkit-scrollbar-thumb {
  /* Foreground */
  background: #df2567;
}
#associate_modal #modal_content .modal-inner::-webkit-scrollbar-track {
  /* Background */
  background: #fff;
}
#associate_modal #modal_content h6 {
  margin-top: 0.5rem;
}
#associate_modal .register-message p {
  color: #c25700;
}
#associate_modal form.register-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#associate_grid_modal #modal_grid_content {
  top: calc(var(--header-height) + 2rem);
  position: absolute;
  left: calc(50vw - 160px);
  width: 320px;
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 1rem;
  max-height: calc(100vh - 2 * var(--header-height));
  box-sizing: border-box;
}
@media screen and (min-width: 700px) {
  #associate_grid_modal #modal_grid_content {
    top: calc(var(--header-height) + 1rem);
    left: calc(50vw - 240px);
    width: 480px;
  }
}
@media screen and (min-width: 1000px) {
  #associate_grid_modal #modal_grid_content {
    top: calc(var(--header-height) + 2rem);
    left: calc(50vw - 320px);
    width: 640px;
  }
}
@media screen and (min-width: 1200px) {
  #associate_grid_modal #modal_grid_content {
    top: calc(var(--header-height) + 2rem);
    left: calc(50vw - 480px);
    width: 960px;
  }
}
#associate_grid_modal #modal_grid_content .modal-inner {
  height: 100%;
  max-height: calc(100vh - 2 * var(--header-height) - 4rem);
  padding-right: 15px;
  overflow: hidden auto;
  scrollbar-color: #fff #df2567;
}
#associate_grid_modal #modal_grid_content .modal-inner::-webkit-scrollbar {
  width: 10px; /* Mostly for vertical scrollbars */
}
#associate_grid_modal #modal_grid_content .modal-inner::-webkit-scrollbar-thumb {
  /* Foreground */
  background: #df2567;
}
#associate_grid_modal #modal_grid_content .modal-inner::-webkit-scrollbar-track {
  /* Background */
  background: #fff;
}
#associate_grid_modal #modal_grid_content h6 {
  margin-top: 0.5rem;
}
#associate_grid_modal .register-message p {
  color: #c25700;
}
#associate_grid_modal form.register-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

button#associates_close,
button#associates_grid_close {
  right: calc(50vw - 190px);
  top: calc(var(--header-height));
  background-color: #df2567;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
}
@media screen and (min-width: 700px) {
  button#associates_close,
  button#associates_grid_close {
    top: calc(var(--header-height));
    right: calc(50vw - 280px);
  }
}
@media screen and (min-width: 1000px) {
  button#associates_close,
  button#associates_grid_close {
    top: calc(var(--header-height));
    right: calc(50vw - 350px);
  }
}
@media screen and (min-width: 1200px) {
  button#associates_close,
  button#associates_grid_close {
    top: calc(var(--header-height));
    right: calc(50vw - 510px);
  }
}

@media screen and (min-width: 1000px) {
  .associate_modal_content_container.modal-inner.grid {
    grid-template-columns: 1fr 1fr;
  }
}

.associate_modal_column_left a {
  margin-bottom: 1rem;
}
.associate_modal_column_left .associate_modal_detail {
  margin-bottom: 1rem;
}
.associate_modal_column_left .associate_modal_detail a {
  word-break: break-all;
}
@media screen and (min-width: 1000px) {
  .associate_modal_column_left {
    padding-right: 4rem;
    border-right: #b5b5b5 1px solid;
  }
}

@media screen and (min-width: 1000px) {
  .associate_modal_column_right {
    padding-left: 4rem;
  }
}

.page-id-383 .header {
  display: flex;
  justify-content: center;
  align-items: center;
}

#post-383 .entry-header .header {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@supports (aspect-ratio: 16/9) {
  #post-383 .entry-header .header {
    aspect-ratio: 1.3333333333;
  }
}
@supports not (aspect-ratio: 16/9) {
  #post-383 .entry-header .header {
    padding-top: 75%;
    height: 0;
  }
}
@media screen and (min-width: 1000px) {
  #post-383 .entry-header .header {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  @supports (aspect-ratio: 16/9) {
    #post-383 .entry-header .header {
      aspect-ratio: 2.3333333333;
    }
  }
  @supports not (aspect-ratio: 16/9) {
    #post-383 .entry-header .header {
      padding-top: 42.85%;
      height: 0;
    }
  }
}

.page-id-383 .desktop_sub_nav_container h4,
.parent-pageid-383 .desktop_sub_nav_container h4 {
  display: none;
}
.page-id-383 .sub_nav_title,
.parent-pageid-383 .sub_nav_title {
  display: none;
}

.contact_us_container svg path {
  fill: #df2567;
}

.contact_us_block {
  display: grid;
  grid-template-columns: 22.4px auto;
  grid-gap: 1rem;
  margin-bottom: 1rem;
}
.contact_us_block strong {
  grid-column: 2/3;
  grid-row: 1/2;
}
.contact_us_block p {
  grid-column: 2/3;
  grid-row: 1/2;
  margin-top: 1.5rem;
}
.contact_us_block:last-of-type {
  margin-bottom: 2rem;
}

/*Shows*/
.side_bar--item dl {
  display: grid;
  grid-template-rows: 1.8rem 1.8rem;
  grid-template-columns: 12ch 1fr;
  margin: 0;
}
.side_bar--item dd {
  margin: 0;
}
.side_bar--item h3 {
  color: #1a1a1a;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.show-reviews .review--show {
  margin-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
  .show-reviews .review--show {
    max-width: calc((100vw - 2 * var(--margin)) * 65 / 100);
  }
}
.show-reviews .review--show::before {
  background-color: #ffffff;
  outline: 1rem solid #ffffff;
}
.show-reviews .review--show.has-image:before {
  top: calc(100vw - 2 * var(--margin) + 3rem);
}
.show-reviews .review--show.has-image .container {
  margin-bottom: 2rem;
}
@media screen and (min-width: 700px) {
  .show-reviews .review--show.has-image {
    display: grid;
    grid-template-columns: 340px 1fr;
    grid-template-rows: auto auto auto;
    column-gap: 1rem;
  }
  .show-reviews .review--show.has-image .container {
    grid-column: 1/2;
    grid-row: 1/-1;
    margin-bottom: unset;
  }
  .show-reviews .review--show.has-image::before {
    grid-row: 1/2;
    grid-column: 2/3;
    top: unset;
    bottom: -1rem;
    align-self: end;
  }
  .show-reviews .review--show.has-image::after {
    display: none;
  }
  .show-reviews .review--show.has-image .review_text {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.show-reviews .review--show .review_text {
  border-top: 2px solid #b980a5;
}
@media screen and (min-width: 1000px) {
  .show-reviews .review--show .review_text {
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 1rem;
  }
}
.show-reviews .review--show .review_text span {
  display: none;
}
.show-reviews .review--show .flex.stars {
  justify-content: flex-start;
  margin-left: 60px;
  gap: 1rem;
  display: none;
  flex-wrap: nowrap;
}
.show-reviews .review--show .flex.stars svg {
  width: 48px;
  height: 48px;
}

.single-show .content h4 {
  margin-top: 1rem;
  line-height: 135%;
}

.quicklinks_container ~ aside {
  margin-top: 2rem;
}

.show-news a {
  display: block;
  margin-bottom: 0.5rem;
}

.performances_wrapper {
  overflow: hidden;
}
.performances_wrapper .swiper-wrapper {
  width: calc((100vw - 2 * var(--margin)) * 80 / 100);
  align-items: stretch;
}
.performances_wrapper .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
  height: auto;
  margin-bottom: 1rem;
}
.performances_wrapper .swiper-wrapper .swiper-slide.inner-padding {
  padding: 1.25rem;
}

#performances {
  position: relative;
}
#performances .button--next,
#performances .button--prev {
  top: -8px;
}
#performances .button--next svg,
#performances .button--prev svg {
  height: 33px;
  width: 33px;
}
#performances .button--next {
  right: 0;
}
#performances .button--prev {
  right: calc(1rem + 33px);
}
@media screen and (min-width: 1000px) {
  #performances .button--next {
    right: unset;
    left: calc((100vw - 2 * var(--margin)) * 80 / 100 - 44px);
  }
  #performances .button--prev {
    right: unset;
    left: calc((100vw - 2 * var(--margin)) * 80 / 100 - 105px);
  }
}
#performances h3 {
  color: #1a1a1a;
  font-size: 1.375rem;
  line-height: 1.75rem;
  max-width: calc(100% - 85px);
}
@media screen and (min-width: 1200px) {
  #performances h3 {
    font-size: 1.75rem;
    line-height: 3rem;
  }
}

/*My Account*/
#loginform input[type=submit] {
  border-radius: 2rem;
}

#login form,
#member_acc form {
  padding-bottom: 0;
}

/*404*/
.four_0_four_title.black {
  text-transform: none;
}

.sub-footer--right {
  margin-top: 2rem;
}
@media screen and (min-width: 1000px) {
  .sub-footer--right {
    grid-column: 5/6;
  }
}
@media screen and (min-width: 1200px) {
  .sub-footer--right {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
.sub-footer--right a svg path {
  fill: white !important;
}
.sub-footer--right svg {
  height: 48px;
  width: 48px;
}

#login,
#member_acc {
  background-color: white;
  padding: 0;
  margin-top: var(--header-height);
  border-radius: 1rem;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
#login form,
#member_acc form {
  border: 0;
  box-shadow: none;
  padding: 26px 24px 34px;
}
#login .message,
#member_acc .message {
  border: 0;
  box-shadow: none;
  padding: 26px 24px 34px;
}
#login h1,
#login h2,
#member_acc h1,
#member_acc h2 {
  background-color: black;
  padding: 1rem 0;
}
#login h1 a,
#login h2 a,
#member_acc h1 a,
#member_acc h2 a {
  background-image: url("./assets/logo.svg");
  background-size: contain;
  width: 170px;
  height: 100px;
}

.wp-core-ui .button-primary {
  background-color: #df2567;
  border: 0;
}

#member_acc {
  margin: 2rem auto;
  width: 680px;
  max-width: calc(100vw - 2 * var(--margin));
}
#member_acc h2 {
  padding: 26px 24px 34px;
  text-align: center;
  color: #ffffff;
}
#member_acc .links {
  margin: 26px 24px 34px;
}
#member_acc .links a:hover {
  background-color: rgba(221, 66, 118, 0.9921568627);
  color: #ffffff;
}

#hp {
  visibility: hidden;
}

.filter_container form input {
  border-radius: 2rem;
}
.filter_container form input[type=text] {
  border: 0;
}

#search_asm {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: auto 0.5rem auto;
  align-items: center;
  gap: 0.5rem;
  row-gap: 1rem;
  justify-content: center;
}
#search_asm label {
  grid-column: 1/2;
}
#search_asm input {
  grid-column: 3/4;
}
#search_asm .submit-clear-wrapper {
  grid-column: 1/4;
  grid-row: 4/5;
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}
@media screen and (min-width: 700px) {
  #search_asm {
    grid-template-columns: auto 0.5rem auto auto auto;
  }
  #search_asm label:first-of-type {
    grid-column: 1/2;
  }
  #search_asm label:nth-of-type(2) {
    grid-column: 4/5;
  }
  #search_asm input:nth-of-type(2) {
    grid-column: 5/6;
  }
  #search_asm .submit-clear-wrapper {
    grid-column: 4/6;
    grid-row: 2/3;
    justify-self: end;
  }
}
@media screen and (min-width: 1000px) {
  #search_asm {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  #search_asm {
    justify-content: center;
  }
}

.frm-block {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 800px;
  margin: 0 auto;
}

.frm-block h3 {
  flex-basis: 100%;
}

.frm-block div {
  flex-basis: 100%;
}

@media screen and (min-width: 700px) {
  .frm-block div {
    flex-basis: 48%;
  }
}
.frm-block input,
.frm-block textarea {
  width: 100%;
  border-radius: 2rem;
  border: 0;
  margin-bottom: 1rem;
}

.frm-block textarea {
  height: 10em;
}

.i-agree label {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}

input#asm_i_agree {
  width: 15px;
}

a.letter.black.bg-white.decorative {
  border-color: black;
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.letters.flex {
  justify-content: flex-start;
  row-gap: 0.2rem;
}
@media screen and (min-width: 1600px) {
  .letters.flex {
    justify-content: space-between;
  }
}

form#search_members {
  display: flex;
  gap: 1rem;
  max-width: 1200px;
  flex-wrap: wrap;
  margin-top: 1rem;
  justify-content: space-between;
}
form#search_members input[type=text] {
  width: 20rem;
}

form#update_account_fields label {
  display: block;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
}
form#update_account_fields input:not([type=checkbox], [type=submit]),
form#update_account_fields textarea,
form#update_account_fields select {
  width: 100%;
  border-radius: 2rem;
  margin-bottom: 1rem;
}
form#update_account_fields select {
  border: 1px solid black;
}
form#update_account_fields input.button.decorative {
  border-radius: 2rem;
}

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

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

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

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

@media screen and (max-width: 700px) {
  .alignright, .alignleft {
    margin: 0 auto 1.5rem;
    float: none;
    display: block;
  }
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
/*# sourceMappingURL=style.css.map */