@charset "UTF-8";
/*!
Theme Name: Granby Workshop 26
Theme URI: http://underscores.me/
Author: An Endless Supply
Author URI: https://endless.supply
Description: Description
Version: 1.1.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gw-21
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.

Granby Workshop 21 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

--------------------------------------------------------------*/
@font-face {
  font-family: "Granby Stencil";
  src: url("assets/fonts/Granby-Stencil-Regular.woff2") format("woff2"), url("assets/fonts/Granby-Stencil-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fau";
  src: url("assets/fonts/fau-granby-regular-webfont.woff2") format("woff2"), url("assets/fonts/fau-granby-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Fau";
  src: url("assets/fonts/fau-granby-bold-webfont.woff2") format("woff2"), url("assets/fonts/fau-granby-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/*--------------------------------------------------------------
# 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
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: var(--fontHeadingWeight);
  font-family: var(--fontHeading);
  font-size: var(--fontSize);
  line-height: var(--lineHeight);
  padding: calc(2 * var(--padding)) 0 calc(1 * var(--padding));
  margin: 0;
}

/*
h1 {
  padding-top: 0;
  font-size: var(--fontSizeH1);
}
h2 {
  font-size: var(--fontSizeH2);
}
h3 {
  font-size: var(--fontSizeH3);
}
h4 {
  font-size: var(--fontSizeH4);
}
h5 {
  font-size: var(--fontSizeH5);
}
*/
p {
  margin: 0 0 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

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

pre {
  background: var(--grey);
  font-family: var(--fontMono);
  line-height: var(--lineHeight);
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: var(--fontMono);
}

abbr,
acronym {
  border-bottom: 1px dotted var(--colorBorder);
  cursor: help;
}

mark,
ins {
  background: var(--yellow);
  text-decoration: none;
}

big {
  font-size: var(--fontSizeH2);
}

small,
.text-small {
  font-size: var(--fontSizeSmall);
}

b,
strong {
  font-weight: bold;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: var(--colorText);
  font-family: var(--fontSans);
  font-size: var(--fontSize);
  line-height: var(--lineHeight);
}

.font-style-1 {
  -webkit-font-feature-settings: "calt" 0, "ss01" 1;
  font-feature-settings: "calt" 0, "ss01" 1;
}

.font-style-2 {
  -webkit-font-feature-settings: "calt" 0, "ss02" 1;
  font-feature-settings: "calt" 0, "ss02" 1;
}

.font-style-3 {
  -webkit-font-feature-settings: "calt" 0, "ss03" 1;
  font-feature-settings: "calt" 0, "ss03" 1;
}

.font-style-4 {
  -webkit-font-feature-settings: "calt" 0, "ss04" 1;
  font-feature-settings: "calt" 0, "ss04" 1;
}

/* Elements
--------------------------------------------- */
body {
  --white: #fff;
  --black: #140106;
  --lightBlack: #413d3d;
  --silver: silver;
  --grey: #e4e4e4;
  --lightGrey: #eeeeee;
  --lightMidGrey: #d3d3d3;
  --midGrey: #909090;
  --darkGrey: #505050;
  --blue: #1e1eaa;
  --red: #ee0000;
  --purple: blueviolet;
  --babyBlue: #e0f7fa;
  --yellow: #fdfd96;
  --green: #10bb10;
  --dirtyPink: #ffd5d5;
  --mintMoss: #7cb3a1;
  --colorText: var(--black);
  --colorTextSecondary: var(--midGrey);
  --colorTextQuote: var(--darkGrey);
  --colorLink: var(--lightBlack);
  --colorLinkHover: var(--midGrey);
  --colorButtonText: var(--lightBlack);
  --colorButtonTextHover: var(--lightGrey);
  --colorButtonBackground: var(--lightGrey);
  --colorButtonBackgroundHover: var(--lightBlack);
  --colorTextInput: var(--lightBlack);
  --colorTextInputFocus: var(--colorText);
  --siteBackground: var(--white);
  --lightBackground: var(--lightGrey);
  --highlightBackground: var(--mintMoss);
  --announcementBackground: var(--dirtyPink);
  --colorBorder: var(--lightGrey);
  --colorAccent: var(--blue);
  --focusOutlineColor: var(--blue);
  --selectionBackground: var(--babyBlue);
  --placeholderColor: var(--colorTextSecondary);
  --siteTop: 0px;
  --headerHeight: 0px;
  --accessBarHeight: 0;
  --fontSize: 1rem;
  /*
  --fontSizeH1: calc(1.802 * var(--fontSize));
  --fontSizeH2: calc(1.602 * var(--fontSize));
  --fontSizeH3: calc(1.424 * var(--fontSize));
  --fontSizeH4: calc(1.266 * var(--fontSize));
  --fontSizeH5: calc(1.125 * var(--fontSize));
  --fontSizeH6: calc(1 * var(--fontSize));
  */
  --fontSizeH1: calc(1 * var(--fontSize));
  --fontSizeH2: calc(1 * var(--fontSize));
  --fontSizeH3: calc(1 * var(--fontSize));
  --fontSizeH4: calc(1 * var(--fontSize));
  --fontSizeH5: calc(1 * var(--fontSize));
  --fontSizeH6: calc(1 * var(--fontSize));
  --fontSizeXXSmall: calc(0.702 * var(--fontSize));
  --fontSizeXSmall: calc(0.79 * var(--fontSize));
  --fontSizeSmall: calc(0.889 * var(--fontSize));
  --fontSizeMedium: calc(1.5 * var(--fontSize));
  --fontSizeLarge: calc(1.802 * var(--fontSize));
  --fontSizeXLarge: calc(1.9 * var(--fontSize));
  --fontSizeXXLarge: calc(2 * var(--fontSize));
  --fontSizeXXXLarge: calc(2.8 * var(--fontSize));
  --fontSizeXXXXLarge: calc(4 * var(--fontSize));
  --lineHeight: 1.25;
  --lineHeightHeading: 1.125;
  --padding: 1rem;
  --paddingX: 1rem;
  --innerGutter: calc(4 * var(--paddingX));
  --innerGutterCompensated: calc((4 * var(--paddingX)) - 20px);
  --contentWidth: calc(44 * var(--fontSize));
  --sidebarWidth: 20%;
  --wideWidth: calc(80 * var(--fontSize));
  --containerWidth: 100%;
  --fullWidth: 100%;
  --fontSans: "Fau", "Bau", "Helvetica", "Helvetica Neue", "Arial",
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, "Open Sans", sans-serif;
  --fontHeading: "Fau", "Bau", "Helvetica", "Helvetica Neue", "Arial",
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, "Open Sans", sans-serif;
  --fontLogo: "Granby Stencil", "Fau", "Bau", "Helvetica", "Helvetica Neue",
    "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", sans-serif;
  --fontSerif: "Times New Roman", "Times", serif;
  --fontMono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier,
    monospace;
  --fontHeadingWeight: 300;
  --cardShadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25),
    0 8px 16px -8px rgba(0, 0, 0, 0.3);
  --borderRadius: calc(0.5 * var(--fontSize));
}
@media screen and (min-width: 25rem) {
  body {
    --fontSizeXXXLarge: calc(4 * var(--fontSize));
    --fontSizeXXXXLarge: calc(5 * var(--fontSize));
  }
}
@media screen and (min-width: 800px) {
  body {
    --fontSize: 0.9125rem;
  }
}
@media screen and (min-width: 37.5rem) {
  body {
    --padding: 1.1875rem;
    --fontSizeXLarge: calc(2 * var(--fontSize));
    --fontSizeXXLarge: calc(2.75 * var(--fontSize));
  }
}
@media screen and (min-width: 42rem) {
  body {
    --paddingX: 1.6rem;
  }
}
@media (min-width: 60rem) {
  body {
    --fontSizeXXLarge: calc(4 * var(--fontSize));
    --fontSizeXXXLarge: calc(6 * var(--fontSize));
    --fontSizeXXXXLarge: calc(8 * var(--fontSize));
  }
}
@media (min-width: 1400px) {
  body {
    --fontSize: 1.125rem;
    --fontSizeXXSmall: calc(0.625 * var(--fontSize));
    --fontSizeXSmall: calc(0.702 * var(--fontSize));
    --fontSizeSmall: calc(0.79 * var(--fontSize));
  }
}
body {
  /* tile visualiser */
  --tile-black: #000000;
  --tile-blue: #0000ff;
  --tile-buttermilk: #fecf44;
  --tile-dark-green: #005426;
  --tile-pink: #f088b6;
  --tile-aqua: #3fb498;
}

.admin-bar {
  --siteTop: 46px;
}
@media (min-width: 783px) {
  .admin-bar {
    --siteTop: 32px;
  }
}

html {
  font-size: var(--fontSize);
}

body {
  color: var(--colorText);
  background: var(--siteBackground);
  width: 100%;
  max-width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricprecision;
  font-feature-settings: "calt" 1;
}
body.admin-bar {
  --siteTop: 46px;
}
@media screen and (min-width: 600px) {
  body.admin-bar {
    --siteTop: 46px;
  }
}
@media screen and (min-width: 783px) {
  body.admin-bar {
    --siteTop: 32px;
  }
}
@media screen and (max-width: 600px) {
  body.admin-bar #wpadminbar {
    position: fixed;
  }
}

/*::-moz-selection {
	background: var(--selectionBackground);
  }
  ::selection {
	background: var(--selectionBackground);
  }
  */
hr {
  background-color: var(--colorBorder);
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 calc(1.5 * var(--padding)) 0;
  padding: 0 0 0 1em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: calc(1.5 * var(--padding));
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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

figure {
  margin: 1em 0;
}

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

@keyframes link-scale {
  0%, to {
    transform: scale(1.02);
  }
  25% {
    transform: scale(1.02);
  }
  50% {
    transform: scale(1.02);
  }
  75% {
    transform: scale(1.02);
  }
}
@keyframes link-scale-small {
  0%, to {
    transform: scale(1.01);
  }
  25% {
    transform: scale(1.01);
  }
  50% {
    transform: scale(1.01);
  }
  75% {
    transform: scale(1.01);
  }
}
/* Links
--------------------------------------------- */
a {
  color: var(--colorLink);
}
a:hover, a:focus, a:active {
  color: var(--colorLinkHover);
}
a:focus {
  outline-color: var(--focusOutlineColor);
}
a:hover, a:active, a:focus:not(:focus-visible) {
  outline: 0;
}

.js-focus-visible a:focus:not(.focus-visible) {
  outline: none;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit],
.button {
  border: 1px solid;
  border-color: var(--colorButtonBackground);
  border-radius: 0.125em;
  background: var(--colorButtonBackground);
  color: var(--colorButtonText);
  font-size: var(--fontSize);
  line-height: 1;
  cursor: pointer;
  padding: calc(0.625 * var(--padding)) calc(0.875 * var(--padding));
  text-align: center;
  text-decoration: none;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button:hover {
  background: var(--colorButtonBackgroundHover);
  border-color: var(--colorButtonBackgroundHover);
  color: var(--colorButtonTextHover);
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus,
.button:active,
.button:focus {
  border-color: var(--colorButtonBackgroundHover);
  background: var(--colorButtonBackgroundHover);
  color: var(--colorButtonTextHover);
}
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
.button:focus {
  outline-color: var(--focusOutlineColor);
}
button:focus:not(:focus-visible),
input[type=button]:focus:not(:focus-visible),
input[type=reset]:focus:not(:focus-visible),
input[type=submit]:focus:not(:focus-visible),
.button:focus:not(:focus-visible) {
  outline: 0;
}

.js-focus-visible button:focus:not(.focus-visible),
.js-focus-visible input[type=button]:focus:not(.focus-visible),
.js-focus-visible input[type=reset]:focus:not(.focus-visible),
.js-focus-visible input[type=submit]:focus:not(.focus-visible),
.js-focus-visible .button:focus:not(.focus-visible) {
  outline: 0;
}

a.button {
  display: inline-block;
}

.text-button {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--colorLink);
  font-size: var(--fontSize);
  line-height: var(--lineHeight);
  padding: 0;
  text-decoration: underline;
  text-align: inherit;
}
.text-button:hover {
  border: 0;
  text-decoration: none;
  background: transparent;
  border-color: transparent;
  color: var(--colorLinkHover);
}
.text-button:active, .text-button:focus {
  border-color: transparent;
  background: transparent;
  color: var(--colorLinkHover);
  text-decoration: none;
}

input,
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: var(--colorTextInput);
  background-color: var(--siteBackground);
  border: 1px solid var(--colorTextSecondary);
  border-radius: 0.125em;
  line-height: 1;
  cursor: pointer;
  padding: calc(0.625 * var(--padding)) calc(0.875 * var(--padding));
}
input:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: var(--colorTextInputFocus);
  outline-color: var(--focusOutlineColor);
}

select {
  color: var(--colorTextInput);
  background-color: var(--siteBackground);
  border: 1px solid var(--colorTextSecondary);
  border-radius: 0.125em;
  line-height: 1;
  width: 100%;
}
select:focus {
  color: var(--colorTextInputFocus);
  outline-color: var(--focusOutlineColor);
}

select {
  font-size: var(--fontSize);
  line-height: 1;
  min-height: calc(2.996575 * var(--fontSize));
  padding: calc(0.625 * var(--padding)) calc(2.75 * var(--padding)) calc(0.625 * var(--padding)) calc(0.5 * var(--paddingX));
  background-repeat: no-repeat;
  background-position: calc(100% - var(--padding)) center;
  background-size: 1em auto;
  background-image: url("assets/images/dropdown-arrow.svg");
  background-color: var(--siteBackground);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 0;
  cursor: pointer;
  box-sizing: border-box;
}

select::-ms-expand {
  display: none;
}

select option {
  font-weight: normal;
}

fieldset {
  border: 1px solid var(--colorBorder);
  background-color: var(--lightBackground);
}

textarea {
  width: 100%;
}

input[type=search] {
  outline-offset: 0;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("assets/images/input-close.svg");
  background-size: 1em;
  opacity: 0;
  pointer-events: none;
}

input[type=search]:focus::-webkit-search-cancel-button {
  opacity: 0.5;
  pointer-events: all;
}

input[type=search].dark::-webkit-search-cancel-button {
  filter: invert(1);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

.archive-pagination {
  padding-top: calc(2 * var(--padding));
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  margin: 0 0 var(--padding);
  font-size: var(--fontSize);
  font-weight: 400;
  grid-column: 1/-1;
}
.archive-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--midGrey);
}
.archive-pagination li {
  margin: 0 calc(0.5 * var(--paddingX));
  padding: 0;
}
.archive-pagination a {
  color: var(--midGrey);
  text-decoration: none;
}
.archive-pagination a:hover, .archive-pagination a:focus, .archive-pagination a:active {
  color: var(--lightBlack);
}
.archive-pagination li.active a {
  color: var(--lightBlack);
}
.archive-pagination .pagination-previous a,
.archive-pagination .pagination-next a {
  display: flex;
  align-items: center;
}
.archive-pagination .pagination-previous a svg,
.archive-pagination .pagination-next a svg {
  margin-left: 0.5em;
}
.archive-pagination .pagination-previous svg {
  transform: scale(-1, 1);
  margin-right: 0.5em;
  margin-left: 0;
}

.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

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

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

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

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

button svg,
a svg {
  pointer-events: none;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

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

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

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

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

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

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

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.flickity-button {
  color: var(--colorLink);
}
.flickity-button:hover, .flickity-button:focus, .flickity-button:active {
  color: var(--colorLinkHover);
}

.flickity-button:focus {
  box-shadow: 0 0 0 3px var(--focusOutlineColor);
}

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

.flickity-button:disabled {
  opacity: 0.3;
}

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

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translate3d(0, -50%, 0);
}
@media (min-width: 768px) {
  .flickity-prev-next-button {
    width: 32px;
    height: 32px;
    top: auto;
    bottom: -10px;
    transform: translate3d(0, 100%, 0);
  }
}

.flickity-prev-next-button.previous {
  left: 10px;
}
@media (min-width: 768px) {
  .flickity-prev-next-button.previous {
    left: auto;
    right: calc(var(--paddingX) + 34px);
  }
}

.flickity-prev-next-button.next {
  right: 10px;
}
@media (min-width: 768px) {
  .flickity-prev-next-button.next {
    right: var(--paddingX);
  }
}

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

.flickity-page-dots {
  bottom: calc(-2 * var(--padding));
}
.flickity-page-dots .dot:only-child {
  display: none;
}

/* Gutenberg
--------------------------------------------- */
/* Contain Margins --------------------------- */
*[class*=_inner-container] > *:first-child,
fieldset > *:first-child,
form > *:first-child,
.wp-block-column > *:first-child,
.wp-block-column > *[class^=wp-block]:first-child > *:first-child,
.wp-block-media-text__content > *:first-child {
  margin-top: 0;
}

*[class*=_inner-container] > *:last-child,
fieldset > *:last-child,
form > *:last-child,
.wp-block-column > *:last-child,
.wp-block-column > *[class^=wp-block]:last-child > *:last-child,
.wp-block-media-text__content > *:last-child {
  margin-bottom: 0;
}

/* --------------------------------------------------------------------------------------------- */
/*	Structure
/* --------------------------------------------------------------------------------------------- */
*[class^=wp-block] {
  max-width: var(--contentWidth);
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  margin-left: auto;
  margin-right: auto;
}

*[class^=wp-block].alignfull {
  padding-left: 0;
  padding-right: 0;
}

*[class^=wp-block] *[class^=wp-block] {
  max-width: 100%;
}

.wp-block-query *[class^=wp-block],
*[class*=_inner-container] *[class^=wp-block]:not(.wp-block-verse, .wp-block-button__link) {
  padding-left: 0;
  padding-right: 0;
}

*[class*=_inner-container] > *[class^=wp-block] {
  margin-bottom: calc(1 * var(--padding));
  margin-top: calc(1 * var(--padding));
}

*[class^=wp-block].alignleft,
*[class^=wp-block].alignright {
  max-width: min(50%, 20 * var(--fontSize));
  position: relative;
  z-index: 1;
}

*[class^=wp-block].alignleft {
  margin: calc(0.1875 * var(--padding)) calc(1.5 * var(--padding)) calc(1.5 * var(--padding)) 0;
}

*[class^=wp-block].alignright {
  margin: calc(0.1875 * var(--padding)) 0 calc(1.5 * var(--padding)) calc(1.5 * var(--padding));
}

*[class^=wp-block].aligncenter {
  margin: calc(2 * var(--padding)) auto;
}

*[class^=wp-block].alignwide,
*[class^=wp-block].alignfull {
  margin: calc(2 * var(--padding)) auto;
}

*[class^=wp-block].alignwide {
  max-width: var(--wideWidth);
}

*[class^=wp-block].alignfull {
  max-width: var(--fullWidth);
  /*max-width: 100vw;
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-left: -532px !important;
  //right:50%;
  //margin-right: -50vw;
  z-index: 1;*/
}

*[class^=wp-block].alignfull.is-style-no-vertical-margin + *[class^=wp-block].alignfull.is-style-no-vertical-margin {
  margin-top: calc(-1 * 2 * var(--padding));
}

.alignfull.wp-block-group {
  max-width: var(--fullWidth) !important;
}

*[class^=wp-block].center,
*[class^=wp-block].center-h {
  margin-left: auto;
  margin-right: auto;
}

*[class^=wp-block].center,
*[class^=wp-block].center-v {
  margin-bottom: auto;
  margin-top: auto;
}

/* --------------------------------------------------------------------------------------------- */
/*	Structure: Headings
/* --------------------------------------------------------------------------------------------- */
.entry-content h1.alignleft, .entry-content h1.alignright,
.entry-content h2.alignleft,
.entry-content h2.alignright,
.entry-content h3.alignleft,
.entry-content h3.alignright,
.entry-content h4.alignleft,
.entry-content h4.alignright,
.entry-content h5.alignleft,
.entry-content h5.alignright,
.entry-content h6.alignleft,
.entry-content h6.alignright,
.widget h1.alignleft,
.widget h1.alignright,
.widget h2.alignleft,
.widget h2.alignright,
.widget h3.alignleft,
.widget h3.alignright,
.widget h4.alignleft,
.widget h4.alignright,
.widget h5.alignleft,
.widget h5.alignright,
.widget h6.alignleft,
.widget h6.alignright {
  max-width: min(50%, 20 * var(--fontSize));
  position: relative;
  z-index: 1;
}
.entry-content h1.alignleft,
.entry-content h2.alignleft,
.entry-content h3.alignleft,
.entry-content h4.alignleft,
.entry-content h5.alignleft,
.entry-content h6.alignleft,
.widget h1.alignleft,
.widget h2.alignleft,
.widget h3.alignleft,
.widget h4.alignleft,
.widget h5.alignleft,
.widget h6.alignleft {
  margin: calc(0.1875 * var(--padding)) calc(1.5 * var(--padding)) calc(1.5 * var(--padding)) 0;
}
.entry-content h1.alignright,
.entry-content h2.alignright,
.entry-content h3.alignright,
.entry-content h4.alignright,
.entry-content h5.alignright,
.entry-content h6.alignright,
.widget h1.alignright,
.widget h2.alignright,
.widget h3.alignright,
.widget h4.alignright,
.widget h5.alignright,
.widget h6.alignright {
  margin: calc(0.1875 * var(--padding)) 0 calc(1.5 * var(--padding)) calc(1.5 * var(--padding));
}
.entry-content h1.aligncenter, .entry-content h1.alignwide, .entry-content h1.alignfull,
.entry-content h2.aligncenter,
.entry-content h2.alignwide,
.entry-content h2.alignfull,
.entry-content h3.aligncenter,
.entry-content h3.alignwide,
.entry-content h3.alignfull,
.entry-content h4.aligncenter,
.entry-content h4.alignwide,
.entry-content h4.alignfull,
.entry-content h5.aligncenter,
.entry-content h5.alignwide,
.entry-content h5.alignfull,
.entry-content h6.aligncenter,
.entry-content h6.alignwide,
.entry-content h6.alignfull,
.widget h1.aligncenter,
.widget h1.alignwide,
.widget h1.alignfull,
.widget h2.aligncenter,
.widget h2.alignwide,
.widget h2.alignfull,
.widget h3.aligncenter,
.widget h3.alignwide,
.widget h3.alignfull,
.widget h4.aligncenter,
.widget h4.alignwide,
.widget h4.alignfull,
.widget h5.aligncenter,
.widget h5.alignwide,
.widget h5.alignfull,
.widget h6.aligncenter,
.widget h6.alignwide,
.widget h6.alignfull {
  margin: calc(2 * var(--padding)) auto;
}
.entry-content h1.alignwide,
.entry-content h2.alignwide,
.entry-content h3.alignwide,
.entry-content h4.alignwide,
.entry-content h5.alignwide,
.entry-content h6.alignwide,
.widget h1.alignwide,
.widget h2.alignwide,
.widget h3.alignwide,
.widget h4.alignwide,
.widget h5.alignwide,
.widget h6.alignwide {
  max-width: var(--wideWidth);
}
.entry-content h1.alignfull,
.entry-content h2.alignfull,
.entry-content h3.alignfull,
.entry-content h4.alignfull,
.entry-content h5.alignfull,
.entry-content h6.alignfull,
.widget h1.alignfull,
.widget h2.alignfull,
.widget h3.alignfull,
.widget h4.alignfull,
.widget h5.alignfull,
.widget h6.alignfull {
  max-width: var(--fullWidth);
}
.entry-content *[class*=_inner-container] h1,
.entry-content *[class*=_inner-container] h2,
.entry-content *[class*=_inner-container] h3,
.entry-content *[class*=_inner-container] h4,
.entry-content *[class*=_inner-container] h5,
.entry-content *[class*=_inner-container] h6,
.widget *[class*=_inner-container] h1,
.widget *[class*=_inner-container] h2,
.widget *[class*=_inner-container] h3,
.widget *[class*=_inner-container] h4,
.widget *[class*=_inner-container] h5,
.widget *[class*=_inner-container] h6 {
  padding-left: 0;
  padding-right: 0;
}
.entry-content .wp-block-cover__inner-container h2,
.widget .wp-block-cover__inner-container h2 {
  font-size: var(--fontSizeXXLarge);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.entry-content .wp-block-cover__inner-container h3,
.widget .wp-block-cover__inner-container h3 {
  font-size: var(--fontSizeXLarge);
  font-weight: 500;
  letter-spacing: -0.02em;
}

/* --------------------------------------------------------------------------------------------- */
/*	Post Media
/* --------------------------------------------------------------------------------------------- */
figure {
  margin-bottom: 0;
  margin-top: 0;
  display: table;
}

figcaption {
  color: var(--colorText);
  font-size: var(--fontSizeXSmall);
  letter-spacing: 0.02em;
  font-weight: 400;
  margin: calc(0.25 * var(--padding)) auto 0;
  text-align: left;
  text-transform: uppercase;
}

.has-text-color figcaption {
  color: inherit;
}

figcaption a {
  color: inherit;
}

/* --------------------------------------------------------------------------------------------- */
/*	Forms
/* --------------------------------------------------------------------------------------------- */
fieldset {
  border: 0.2rem solid var(--colorBorder);
  padding: calc(2 * var(--padding));
}

legend {
  font-size: var(--fontSizeSmall);
  font-weight: var(--fontHeadingWeight);
  padding: 0 var(--paddingX);
}

label {
  font-size: var(--fontSize);
  font-weight: 400;
}

@media (min-width: 600px) {
  /* Structure ----------------------------- */
  *[class^=wp-block].aligncenter {
    margin-top: calc(2 * var(--padding));
    margin-bottom: calc(2 * var(--padding));
  }
  *[class^=wp-block].alignleft {
    margin: 0 calc(2 * var(--padding)) calc(2 * var(--padding)) 0;
  }
  *[class^=wp-block].alignright {
    margin: 0 0 calc(2 * var(--padding)) calc(2 * var(--padding));
  }
  *[class^=wp-block].alignwide,
  *[class^=wp-block].alignfull {
    margin-top: calc(2 * var(--padding));
    margin-bottom: calc(2 * var(--padding));
  }
  *[class^=wp-block].alignfull.is-style-no-vertical-margin + *[class^=wp-block].alignfull.is-style-no-vertical-margin {
    margin-top: calc(-1 * 2 * var(--padding));
  }
  /* Forms --------------------------------- */
  fieldset {
    padding: calc(2 * var(--padding));
  }
  legend {
    padding: 0 var(--padding);
  }
}
/* Block: Base Margins ----------------------- */
.wp-block-buttons,
.wp-block-embed,
.wp-block-gallery,
.wp-block-search,
.wp-block-pullquote,
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-video {
  max-width: var(--contentWidth);
  width: 100%;
  margin-top: calc(2 * var(--padding));
  margin-bottom: calc(2 * var(--padding));
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
}

.wp-block-code,
.wp-block-file,
.wp-block-preformatted,
.wp-block-verse {
  text-align: left;
  max-width: calc(var(--contentWidth) - 2 * var(--paddingX));
  width: 100%;
  margin-top: calc(2 * var(--padding));
  margin-bottom: calc(2 * var(--padding));
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  color: var(--colorText);
}

.wp-block-separator {
  max-width: calc(var(--contentWidth) - 2 * var(--paddingX));
  width: calc(100% - 2 * var(--paddingX));
  margin-top: calc(2 * var(--padding));
  margin-bottom: calc(2 * var(--padding));
  padding-left: 0;
  padding-right: 0;
}

.wp-block-columns,
.wp-block-cover,
.wp-block-cover-image,
.wp-block-group,
.wp-block-media-text {
  max-width: var(--contentWidth);
  width: 100%;
  margin-top: calc(2 * var(--padding));
  margin-bottom: calc(2 * var(--padding));
  padding-left: 0;
  padding-right: 0;
}

/* Block: Nested Alignment Reset ------------- */
.wp-block-group,
.wp-block-cover {
  max-width: 100%;
}

.wp-block-group,
.wp-block-cover {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

[class^=align] > .wp-block-group,
[class^=align] > .wp-block-cover {
  max-width: var(--contentWidth);
}

/* Shared Block Styles ----------------------- */
.is-style-no-vertical-margin,
.is-style-no-top-margin {
  margin-top: 0 !important;
}

.is-style-no-vertical-margin,
.is-style-no-bottom-margin {
  margin-bottom: 0 !important;
}

.alignfull + style + .alignfull.is-style-no-vertical-margin,
.alignfull + .alignfull.is-style-no-vertical-margin {
  margin-top: calc(-1 * 2 * var(--padding)) !important;
}
@media (min-width: 600px) {
  .alignfull + style + .alignfull.is-style-no-vertical-margin,
  .alignfull + .alignfull.is-style-no-vertical-margin {
    margin-top: calc(-1 * 4 * var(--padding)) !important;
  }
}

/* Block: _Shared Table ---------------------- */
/*
table {
  border-color: var(--colorBorder);
  border-collapse: collapse;
  border-spacing: 0;
  color: inherit;
  empty-cells: show;
  font-size: var(--fontSize);
  text-align: left;
  width: 100%;
}

table th,
table td,
table caption {
  line-height: var(--lineHeight);
  padding: var(--padding);
}

table * {
  border-color: inherit;
  color: inherit;
}

table caption {
  background-color: var(--siteBackground);
  font-weight: var(--fontHeadingWeight);
  text-align: center;
}

table thead {
  border-bottom-width: 0.2rem;
}
table tfoot {
  border-top-width: 0.2rem;
}
*/
/* Block: _Shared Lists ---------------------- */
ul.wp-block-archives,
ul.wp-block-categories,
ul.wp-block-latest-posts,
ul.wp-block-categories__list {
  list-style: none;
  margin-right: auto;
  margin-left: auto;
}

.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter {
  text-align: center;
}

/* Block: Button ----------------------------- */
.wp-block-button {
  margin-top: 0;
}

.wp-block-file .wp-block-file__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: var(--colorButtonBackground);
  border: 0;
  border-color: var(--colorButtonBackground);
  border-radius: 0.125em;
  color: var(--colorButtonText);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--fontSize);
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: calc(0.625 * var(--padding)) calc(0.875 * var(--padding));
  text-align: center;
  text-decoration: none;
}
.wp-block-file .wp-block-file__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.125em;
  text-decoration-thickness: 0.1em;
  background: var(--colorButtonBackgroundHover);
  border-color: var(--colorButtonBackgroundHover);
  color: var(--colorButtonTextHover);
}

.wp-block-button__link {
  display: inline-block;
  background: transparent;
  border: 0 !important;
  border-radius: 0;
  color: var(--colorLink);
  font-size: calc(1.125 * var(--fontSize));
  font-weight: 400;
  letter-spacing: 0;
  line-height: inherit;
  padding: 0 !important;
  text-decoration: none;
  text-transform: uppercase;
}
.wp-block-button__link::before {
  content: "→ ";
}
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active {
  background: transparent;
  color: var(--colorLinkHover);
}

/* Block: Buttons ---------------------------- */
.wp-block-buttons:last-child {
  margin-bottom: calc(-1 * var(--padding));
}

.wp-block-buttons > .wp-block-button {
  margin-top: 0;
  margin-right: calc(1.5 * var(--padding));
  margin-bottom: calc(1 * var(--padding));
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.wp-block-buttons .wp-block-button:only-child,
.wp-block-buttons .wp-block-button:last-child {
  margin-right: 0;
}

.wp-block-buttons.is-content-justification-right > .wp-block-button {
  margin-left: 0;
}

/* Block: Columns ---------------------------- */
.wp-block-columns > .wp-block-column > *:not(ul, ol, blockquote) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.wp-block-columns.alignfull .wp-block-group > .wp-block-group__inner-container > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.wp-block-column .wp-block-group,
.wp-block-column .wp-block-cover {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 599px) {
  .wp-block-column + .wp-block-column {
    margin-top: var(--padding);
  }
}
@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-column:not(:only-child) {
    flex-basis: calc(50% - var(--paddingX)) !important;
    flex-grow: 1;
    margin: 0 0 calc(2 * var(--padding));
  }
  .wp-block-column:nth-child(2n) {
    margin-left: calc(2 * var(--paddingX));
  }
  /* Last two when they form a full row. */
  .wp-block-column:nth-last-of-type(-n + 1):nth-child(even),
  .wp-block-column:nth-last-of-type(-n + 2):nth-child(odd) {
    margin-bottom: 0;
  }
}
@media (min-width: 782px) {
  .wp-block-column:not(:first-child) {
    margin: 0 0 0 calc(1.5 * var(--padding));
  }
}
/* Block: Cover ------------------------------ */
.wp-block-cover,
.wp-block-cover-image,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
  padding: 0;
}

.wp-block-cover-image > .wp-block-cover__inner-container,
.wp-block-cover > .wp-block-cover__inner-container {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wideWidth);
  width: calc(100% - var(--innerGutterCompensated));
  padding-top: var(--padding);
  padding-bottom: var(--padding);
}

.wp-block-cover p {
  font-weight: inherit;
  margin: 0;
}

.wp-block-cover a {
  text-decoration: none;
}
.wp-block-cover a:hover, .wp-block-cover a:focus {
  text-decoration: none;
}

.wp-block-cover hr.wp-block-separator:not(.has-background) {
  color: inherit; /* Inherit unless set otherwise */
}

/* Block: Embed ------------------------------ */
.wp-block-embed {
  margin-bottom: calc(2 * var(--padding));
  margin-top: calc(2 * var(--padding));
}
.wp-block-embed .wp-block-embed__wrapper {
  padding-left: 0;
  padding-right: 0;
}
.wp-block-embed figcaption {
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
}

*[class^=wp-block-embed].aligncenter * {
  margin-left: auto;
  margin-right: auto;
}

/* Block: File ------------------------------- */
.wp-block-file {
  background-color: var(--lightBackground);
  border-radius: 0.125em;
  padding: calc(1 * var(--padding)) calc(1 * var(--paddingX));
  text-align: center;
  width: 100%;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.wp-block-file > *:first-child {
  margin: 0 var(--padding) 0 0;
}
.wp-block-file > *:only-child {
  margin: 0;
}
.wp-block-file > *:first-child {
  color: inherit;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
}
.wp-block-file .wp-block-file__embed {
  flex: 1 0 100%;
  margin-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
}
.wp-block-file a {
  color: var(--colorLink);
}
.wp-block-file a:hover, .wp-block-file a:focus, .wp-block-file a:active {
  color: var(--colorLinkHover);
}
.wp-block-file a:first-of-type {
  width: calc(100% - 8em);
}
.wp-block-file a.wp-block-file__button {
  flex-shrink: 0;
  width: 6em;
  padding: calc(0.625 * var(--padding)) 0;
  border-radius: 3em;
  text-decoration: none;
  background: transparent;
  color: var(--colorLink);
}
.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {
  background: transparent;
  color: var(--colorLinkHover);
  text-decoration: underline;
  text-underline-offset: 0.125em;
  text-decoration-thickness: 0.1em;
}

/* STYLE: ALIGN LEFT/RIGHT */
.wp-block-file.alignleft > *:first-child,
.wp-block-file.alignright > *:first-child {
  display: block;
  text-align: center;
}
.wp-block-file.alignleft .wp-block-file__button,
.wp-block-file.alignright .wp-block-file__button {
  width: auto;
  margin: calc(1.5 * var(--padding)) 0 0;
}

/* Block: Gallery ---------------------------- */
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
  justify-content: center;
}

.wp-block-gallery figure > a {
  width: 100%;
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  align-items: center;
  background: var(--colorButtonBackgroundHover);
  border-radius: 0.4em;
  bottom: var(--padding);
  color: var(--colorButtonTextHover);
  font-size: var(--fontSizeXSmall);
  left: auto;
  max-height: calc(100% - 2 * var(--padding));
  max-width: calc(100% - 2 * var(--padding));
  padding: calc(0.375 * var(--padding)) calc(0.75 * var(--padding));
  width: auto;
}

@media (min-width: 600px) {
  .wp-block-gallery > .blocks-gallery-grid {
    margin-bottom: calc(-1 * 1.5 * var(--padding));
  }
  .wp-block-gallery .blocks-gallery-item {
    margin: 0 calc(1.5 * var(--padding)) calc(1.5 * var(--padding)) 0;
  }
  .wp-block-gallery > figcaption {
    margin-top: calc(0.25 * var(--padding));
  }
  .wp-block-gallery .blocks-gallery-item:last-child {
    margin-right: 0;
  }
  .wp-block-gallery .blocks-gallery-item {
    width: calc(50% - 1.5 * var(--padding) * 1 / 2);
  }
  .wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc(33.33333% - 1.5 * var(--padding) * 2 / 3);
  }
  .wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc(25% - 1.5 * var(--padding) * 3 / 4);
  }
  .wp-block-gallery.columns-5 .blocks-gallery-item {
    width: calc(20% - 1.5 * var(--padding) * 4 / 5);
  }
  .wp-block-gallery.columns-6 .blocks-gallery-item {
    width: calc(16.66667% - 1.5 * var(--padding) * 5 / 6);
  }
  .wp-block-gallery.columns-7 .blocks-gallery-item {
    width: calc(14.28571% - 1.5 * var(--padding) * 6 / 7);
  }
  .wp-block-gallery.columns-8 .blocks-gallery-item {
    width: calc(12.5% - 1.5 * var(--padding) * 7 / 8);
  }
}
/* Block: Group ------------------------------ */
.wp-block-group.has-background {
  padding: var(--padding) var(--paddingX);
}

.wp-block-group__inner-container {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wideWidth);
}

.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
  margin-left: auto;
  width: 100%;
}

/* Block: Image ------------------------------ */
.wp-block-image {
  margin-bottom: calc(2 * var(--padding));
  margin-top: calc(2 * var(--padding));
}
.wp-block-image img {
  display: block;
}

.wp-block-image > .components-resizable-box__container {
  margin-bottom: calc(-1 * 0.5 * var(--padding));
}

.wp-block-video figcaption,
.wp-block-embed figcaption,
.wp-block-audio figcaption,
.wp-block-image figcaption {
  margin-bottom: 0;
  margin-top: calc(0.25 * var(--padding));
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: var(--fontSizeXSmall);
  color: var(--colorTextSecondary);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.wp-block-video.alignfull figcaption,
.wp-block-embed.alignfull figcaption,
.wp-block-audio.alignfull figcaption,
.wp-block-image.alignfull figcaption {
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
}

/* Block: Media and Text --------------------- */
.wp-block-media-text .wp-block-media-text__media {
  padding-left: 0;
  padding-right: 0;
}

.wp-block-media-text .wp-block-media-text__content {
  padding: var(--padding) var(--paddingX);
}

.wp-block-media-text .wp-block-media-text__content > *:not([class^=align]):not(.wp-block-group):not(.wp-block-cover) {
  margin-left: 0;
  margin-right: 0;
}

.wp-block-media-text .wp-block-group:not(.alignwide):not(.alignfull),
.wp-block-media-text:not(.alignwide):not(.alignfull) .wp-block-group,
.wp-block-media-text .wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-media-text:not(.alignwide):not(.alignfull) .wp-block-cover {
  max-width: var(--contentWidth);
}

/* Block: Paragraph -------------------------- */
p.has-background {
  padding: var(--padding) var(--paddingX);
}

/* Block: Pullquote -------------------------- */
.wp-block-pullquote {
  border: none;
  color: inherit;
  font-size: var(--fontSizeH2);
  margin-bottom: calc(2 * var(--padding));
  margin-top: calc(2 * var(--padding));
  padding: calc(1 * var(--padding)) 0 0;
}

.wp-block-pullquote blockquote {
  padding: calc(1.25 * var(--padding)) var(--paddingX) 0;
  position: relative;
}

.wp-block-pullquote blockquote:before {
  content: "“";
  display: block;
  font-size: 3em;
  font-weight: 400;
  height: 0.333em;
  line-height: 0.5;
  position: absolute;
  left: calc(var(--paddingX) - 0.2rem);
  top: 0;
}

.wp-block-pullquote,
.wp-block-pullquote.is-style-solid-color blockquote {
  text-align: left;
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
  max-width: 50%;
}

.wp-block-pullquote p {
  font-size: inherit;
  font-weight: 400;
  line-height: var(--lineHeightHeading);
  margin-bottom: calc(1.25 * var(--padding));
}

* .wp-block-pullquote p,
.wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
.wp-block-pullquote.is-style-solid-color blockquote p,
.alignright > .wp-block-pullquote p,
.alignleft > .wp-block-pullquote p {
  font-size: inherit;
}

.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
  font-size: var(--fontSize);
  color: var(--colorTextSecondary);
  font-weight: 400;
  margin: calc(1.25 * var(--padding)) 0 0;
  text-transform: none;
  font-style: normal;
}

/* STYLE: DEFAULT */
.wp-block-pullquote.is-style-default {
  background-color: transparent !important;
}

/* STYLE: SOLID COLOR */
.wp-block-pullquote.is-style-solid-color.has-background {
  padding: calc(1.5 * var(--padding));
}

.wp-block-pullquote.is-style-solid-color blockquote {
  max-width: 100%;
}

/* Block: Quote ------------------------------ */
blockquote {
  margin: 0 auto;
}

blockquote p:first-of-type {
  margin-top: 0;
}

blockquote p:last-of-type {
  margin-bottom: 0;
}

.wp-block-quote {
  border-color: var(--colorTextQuote) !important;
  border-style: solid;
  border-width: 0 0 0 1px;
  color: inherit;
  margin: calc(2 * var(--padding)) auto;
  padding: 0 var(--paddingX);
  color: var(--colorTextQuote);
}

.wp-block-quote.has-text-align-center,
.wp-block-quote[style*="text-align:center"],
.wp-block-quote[style*="text-align: center"] {
  border-width: 0;
  padding: 0;
}

.wp-block-quote.has-text-align-right,
.wp-block-quote[style*="text-align:right"],
.wp-block-quote[style*="text-align: right"] {
  border-width: 0 1px 0 0;
  padding: 0 var(--paddingX) 0 0;
}

cite,
.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
  color: var(--colorTextQuote);
  font-size: var(--fontSize);
  font-weight: 400;
  margin: calc(1.5 * var(--padding)) 0 0;
  font-style: normal;
}

.wp-block-quote p {
  color: inherit;
  font-weight: 400;
  margin: 0 0 calc(1.5 * var(--padding)) 0;
}

.wp-block-quote p:last-of-type {
  margin-bottom: 0;
}

/* STYLE: LARGE */
.wp-block-quote.is-style-large {
  font-size: var(--fontSizeH2);
}

.wp-block-quote.is-style-large p {
  font-size: inherit;
  font-style: normal;
  line-height: var(--lineHeightHeading);
}

/* Block: Separator -------------------------- */
hr.wp-block-separator {
  background-color: currentColor;
  border: none;
  color: var(--colorBorder);
  height: 2px;
  image-rendering: pixelated;
  margin: calc(2 * var(--padding)) auto;
  opacity: 1;
}

hr.wp-block-separator,
.wp-block-separator.has-background:not(.is-style-dots) {
  height: 2px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 16rem;
}

/* STYLE: DOTS */
.wp-block-separator.is-style-dots {
  height: auto;
}

/* Block: Spacer ----------------------------- */
.wp-block-spacer,
.wp-block-spacer .block-library-spacer__resize-container {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* Block: Verse ------------------------------ */
.wp-block-verse pre,
pre.wp-block-verse {
  font-size: var(--fontSizeSmall);
}

/* Block: Search ----------------------------- */
.wp-block-search.wp-block-search__button-outside {
  padding-left: 0;
  padding-right: 0;
}
.wp-block-search.wp-block-search__no-button .wp-block-search__label,
.wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper, .wp-block-search.wp-block-search__button-inside .wp-block-search__label,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding: calc(0.25 * var(--padding)) calc(0.25 * var(--padding));
  border: 1px solid;
  border-color: var(--colorButtonBackground);
  border-radius: 0.125em;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
  padding: calc(0.625 * var(--padding)) calc(0.875 * var(--padding));
}
.wp-block-search .wp-block-search__label {
  font-weight: 400;
}
.wp-block-search .wp-block-search__input {
  border: 1px solid var(--colorBorder);
  font-size: var(--fontSize);
  font-weight: 400;
}
.wp-block-search .wp-block-search__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: var(--colorButtonBackground);
  border: 1px solid;
  border-color: var(--colorButtonBackground);
  border-radius: 0.125em;
  color: var(--colorButtonText);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--fontSize);
  font-weight: 400;
  justify-content: center;
  align-items: center;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: calc(0.625 * var(--padding)) calc(0.875 * var(--padding));
  text-align: center;
  text-decoration: none;
}
.wp-block-search .wp-block-search__button:hover {
  border: 1px solid;
  text-decoration: underline;
  text-underline-offset: 0.125em;
  text-decoration-thickness: 0.1em;
  background: var(--colorButtonBackgroundHover);
  border-color: var(--colorButtonBackgroundHover);
  color: var(--colorButtonTextHover);
}
.wp-block-search .wp-block-search__button svg {
  fill: currentColor;
}

/* -------------------------------------------------------------------------------- */
/*	Media Queries
/* -------------------------------------------------------------------------------- */
@media (min-width: 600px) {
  /* Blocks -------------------------------- */
  /* BLOCK: BASE MARGINS */
  .wp-block-archives,
  .wp-block-calendar,
  .wp-block-categories,
  .wp-block-code,
  .wp-block-columns,
  .wp-block-cover,
  .wp-block-cover-image,
  .wp-block-embed,
  .wp-block-file,
  .wp-block-gallery,
  .wp-block-group,
  .wp-block-latest-comments,
  .wp-block-latest-posts,
  .wp-block-media-text,
  .wp-block-preformatted,
  .wp-block-pullquote,
  .wp-block-quote,
  .wp-block-quote.is-large,
  .wp-block-quote.is-style-large,
  .wp-block-search,
  .wp-block-social,
  .wp-block-table,
  .wp-block-tag-cloud,
  .wp-block-verse,
  .wp-block-video {
    margin-bottom: calc(2 * var(--padding));
    margin-top: calc(2 * var(--padding));
  }
  /* BLOCK: COLUMNS */
  /*.wp-block-columns.alignfull {
    padding: 0 calc(1.5 * var(--padding));
  }*/
  .wp-block-column .wp-block-cover,
  .wp-block-column .wp-block-group {
    margin-bottom: calc(2 * var(--padding));
    margin-top: calc(2 * var(--padding));
  }
  /* BLOCK: COVER */
  .wp-block-cover-image > .wp-block-cover__inner-container,
  .wp-block-cover > .wp-block-cover__inner-container {
    width: calc(100% - 6 * var(--padding));
  }
  /* BLOCK: GROUP */
  .wp-block-group.has-background,
  .wp-block-group.alignfull > .wp-block-group__inner-container > .wp-block-group.has-background {
    padding: calc(3 * var(--padding));
  }
  .wp-block-group > .wp-block-group__inner-container > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* BLOCK: IMAGE */
  .wp-block-image {
    margin-bottom: calc(2 * var(--padding));
    margin-top: calc(2 * var(--padding));
  }
  /* BLOCK: MEDIA AND TEXT */
  .wp-block-media-text:not(.has-background) .wp-block-media-text__content {
    padding-bottom: 0;
    padding-top: 0;
  }
  /* BLOCK: PARAGRAPH */
  p.has-background {
    padding: calc(1.25 * var(--padding));
  }
  /* BLOCK: PULLQUOTE */
  .alignwide > .wp-block-pullquote blockquote,
  .alignfull > .wp-block-pullquote blockquote {
    font-size: calc(2 * var(--fontSize));
  }
  /* Style: Solid Background Color */
  .wp-block-pullquote.is-style-solid-color.has-background {
    padding: calc(3 * var(--padding));
  }
  .wp-block-pullquote.is-style-solid-color.has-background blockquote {
    padding-top: calc(1 * var(--padding));
  }
  .wp-block-pullquote.is-style-solid-color.has-background .wp-block-pullquote__citation,
  .wp-block-pullquote.is-style-solid-color.has-background .wp-block-pullquote cite,
  .wp-block-pullquote.is-style-solid-color.has-background .wp-block-pullquote footer {
    margin-top: calc(1.5 * var(--padding));
  }
  /* BLOCK: SEPARATOR */
  hr.wp-block-separator {
    margin-bottom: calc(2 * var(--padding));
    margin-top: calc(2 * var(--padding));
  }
}
@media (min-width: 1000px) {
  /* Structure ----------------------------- */
  /* Blocks -------------------------------- */
  /* BLOCK: COLUMNS */
  .block-editor-block-list__block.wp-block-column:not(:first-child) {
    margin: 0 0 0 calc(2 * var(--padding));
  }
  /* BLOCK: GALLERY */
  .alignfull.wp-block-gallery > .blocks-gallery-grid,
  .alignwide.wp-block-gallery > .blocks-gallery-grid {
    margin-bottom: calc(-1 * 2 * var(--padding));
  }
  .alignfull.wp-block-gallery .blocks-gallery-item,
  .alignwide.wp-block-gallery .blocks-gallery-item {
    margin: 0 calc(2 * var(--padding)) calc(2 * var(--padding)) 0;
  }
  .alignfull.wp-block-gallery .blocks-gallery-item,
  .alignwide.wp-block-gallery .blocks-gallery-item {
    width: calc(50% - 1 * 2 * var(--padding) / 2);
  }
  .alignfull.wp-block-gallery.columns-3 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc(33.33333% - 2 * 2 * var(--padding) / 3);
  }
  .alignfull.wp-block-gallery.columns-4 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc(25% - 3 * 2 * var(--padding) / 4);
  }
  .alignfull.wp-block-gallery.columns-5 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-5 .blocks-gallery-item {
    width: calc(20% - 4 * 2 * var(--padding) / 5);
  }
  .alignfull.wp-block-gallery.columns-6 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-6 .blocks-gallery-item {
    width: calc(16.66667% - 5 * 2 * var(--padding) / 6);
  }
  .alignfull.wp-block-gallery.columns-7 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-7 .blocks-gallery-item {
    width: calc(14.28571% - 6 * 2 * var(--padding) / 7);
  }
  .alignfull.wp-block-gallery.columns-8 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-8 .blocks-gallery-item {
    width: calc(12.5% - 7 * 2 * var(--padding) / 8);
  }
}
@media (min-width: 1200px) {
  /* Blocks -------------------------------- *

  /* BLOCK: GROUP */
  .alignfull > .wp-block-group.has-background {
    padding: calc(3 * var(--padding)) calc(var(--innerGutterCompensated) / 2);
  }
}
@media (min-width: 1600px) {
  /* Blocks -------------------------------- */
  /* BLOCK: COLUMNS */
  .block-editor-block-list__block.wp-block-column:not(:first-child) {
    margin: 0 0 0 calc(3 * var(--padding));
  }
  /* BLOCK: GALLERY */
  .alignfull.wp-block-gallery > .blocks-gallery-grid,
  .alignwide.wp-block-gallery > .blocks-gallery-grid {
    margin-bottom: calc(-1 * 3 * var(--padding));
  }
  .alignfull.wp-block-gallery .blocks-gallery-item,
  .alignwide.wp-block-gallery .blocks-gallery-item {
    margin: 0 calc(3 * var(--padding)) calc(2 * var(--padding)) 0;
  }
  .alignfull.wp-block-gallery .blocks-gallery-item,
  .alignwide.wp-block-gallery .blocks-gallery-item {
    width: calc(50% - 1 * 3 * var(--padding) / 2);
  }
  .alignfull.wp-block-gallery.columns-3 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc(33.33333% - 2 * 3 * var(--padding) / 3);
  }
  .alignfull.wp-block-gallery.columns-4 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc(25% - 3 * 3 * var(--padding) / 4);
  }
  .alignfull.wp-block-gallery.columns-5 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-5 .blocks-gallery-item {
    width: calc(20% - 4 * 3 * var(--padding) / 5);
  }
  .alignfull.wp-block-gallery.columns-6 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-6 .blocks-gallery-item {
    width: calc(16.66667% - 5 * 3 * var(--padding) / 6);
  }
  .alignfull.wp-block-gallery.columns-7 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-7 .blocks-gallery-item {
    width: calc(14.28571% - 6 * 3 * var(--padding) / 7);
  }
  .alignfull.wp-block-gallery.columns-8 .blocks-gallery-item,
  .alignwide.wp-block-gallery.columns-8 .blocks-gallery-item {
    width: calc(12.5% - 7 * 3 * var(--padding) / 8);
  }
}
body.page-template-no-sidebar-no-title .wp-block-column .wp-block-buttons > .wp-block-button {
  margin-left: 0;
  margin-right: 0;
}

.has-text-color {
  color: var(--colorText);
}
.has-text-color.has-blue-color {
  --colorText: var(--blue);
  --colorLink: var(--blue);
  --colorButtonText: var(--blue);
  color: var(--colorText);
}
.has-text-color.has-black-color {
  --colorText: var(--black);
  --colorLink: var(--black);
  --colorButtonText: var(--black);
  color: var(--colorText);
}
.has-text-color.has-light-black-color {
  --colorText: var(--lightBlack);
  --colorLink: var(--lightBlack);
  --colorButtonText: var(--lightBlack);
  color: var(--colorText);
}
.has-text-color.has-white-color {
  --colorText: var(--white);
  --colorLink: var(--white);
  --colorButtonText: var(--white);
  color: var(--colorText);
}
.has-text-color.has-grey-color {
  --colorText: var(--grey);
  --colorLink: var(--grey);
  --colorButtonText: var(--grey);
  color: var(--colorText);
}
.has-text-color.has-light-grey-color {
  --colorText: var(--lightGrey);
  --colorLink: var(--lightGrey);
  --colorButtonText: var(--lightGrey);
  color: var(--colorText);
}
.has-text-color.has-dark-grey-color {
  --colorText: var(--darkGrey);
  --colorLink: var(--darkGrey);
  --colorButtonText: var(--darkGrey);
  color: var(--colorText);
}

.has-border-color {
  color: var(--colorBorder);
}

.has-background-color {
  color: var(--siteBackground);
}

.has-background.has-blue-background-color {
  background-color: var(--blue);
  --colorButtonBackground: var(--blue);
}
.has-background.has-black-background-color {
  background-color: var(--black);
  --colorButtonBackground: var(--black);
}
.has-background.has-light-black-background-color {
  background-color: var(--lightBlack);
  --colorButtonBackground: var(--lightBlack);
}
.has-background.has-white-background-color {
  background-color: var(--white);
  --colorButtonBackground: var(--white);
}
.has-background.has-grey-background-color {
  background-color: var(--grey);
  --colorButtonBackground: var(--grey);
}
.has-background.has-light-grey-background-color {
  background-color: var(--lightGrey);
  --colorButtonBackground: var(--lightGrey);
}
.has-background.has-dark-grey-background-color {
  background-color: var(--darkGrey);
  --colorButtonBackground: var(--darkGrey);
}

/* --------------------------------------------------------------------------------------------- */
/*	Typography
/* --------------------------------------------------------------------------------------------- */
.entry-content,
.page-content,
.widget {
  font-size: var(--fontSize);
}
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6,
.entry-content > blockquote,
.entry-content > iframe,
.entry-content > form,
.entry-content > figure,
.entry-content > .search-form,
.page-content > p,
.page-content > ul,
.page-content > ol,
.page-content > h1,
.page-content > h2,
.page-content > h3,
.page-content > h4,
.page-content > h5,
.page-content > h6,
.page-content > blockquote,
.page-content > iframe,
.page-content > form,
.page-content > figure,
.page-content > .search-form,
.widget > p,
.widget > ul,
.widget > ol,
.widget > h1,
.widget > h2,
.widget > h3,
.widget > h4,
.widget > h5,
.widget > h6,
.widget > blockquote,
.widget > iframe,
.widget > form,
.widget > figure,
.widget > .search-form {
  max-width: var(--contentWidth);
  width: 100%;
  margin-top: calc(1.5 * var(--padding));
  margin-bottom: calc(1.5 * var(--padding));
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
}
.entry-content > figure,
.page-content > figure,
.widget > figure {
  width: 100%;
}
.entry-content > iframe,
.page-content > iframe,
.widget > iframe {
  display: block;
}
.entry-content > ul,
.entry-content > ol,
.page-content > ul,
.page-content > ol,
.widget > ul,
.widget > ol {
  padding-left: calc(1.75 * var(--paddingX));
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
  font-family: var(--fontSans);
  font-weight: var(--fontHeadingWeight);
  line-height: var(--lineHeight);
  margin-top: calc(2 * var(--padding));
  margin-bottom: calc(2 * var(--padding));
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.entry-content h1.has-background,
.entry-content h2.has-background,
.entry-content h3.has-background,
.entry-content h4.has-background,
.entry-content h5.has-background,
.entry-content h6.has-background,
.page-content h1.has-background,
.page-content h2.has-background,
.page-content h3.has-background,
.page-content h4.has-background,
.page-content h5.has-background,
.page-content h6.has-background,
.widget h1.has-background,
.widget h2.has-background,
.widget h3.has-background,
.widget h4.has-background,
.widget h5.has-background,
.widget h6.has-background {
  padding: calc(2 * var(--padding)) calc(2 * var(--paddingX));
  max-width: calc(var(--contentWidth) - 2 * var(--paddingX));
}
@media (min-width: 600px) {
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  .page-content h1,
  .page-content h2,
  .page-content h3,
  .page-content h4,
  .page-content h5,
  .page-content h6,
  .widget h1,
  .widget h2,
  .widget h3,
  .widget h4,
  .widget h5,
  .widget h6 {
    margin-bottom: calc(2 * var(--padding));
    margin-top: calc(2 * var(--padding));
  }
}
.entry-content h1,
.page-content h1,
.widget h1 {
  font-size: var(--fontSizeH1);
}
.entry-content h2,
.page-content h2,
.widget h2 {
  font-size: var(--fontSizeH2);
}
.entry-content h3,
.page-content h3,
.widget h3 {
  font-size: var(--fontSizeH3);
}
.entry-content h4,
.page-content h4,
.widget h4 {
  font-size: var(--fontSizeH4);
}
.entry-content h5,
.page-content h5,
.widget h5 {
  font-size: var(--fontSizeH5);
}
.entry-content h6,
.page-content h6,
.widget h6 {
  font-size: var(--fontSizeH6);
}
.entry-content h1.has-small-font-size,
.entry-content h2.has-small-font-size,
.entry-content h3.has-small-font-size,
.entry-content h4.has-small-font-size,
.entry-content h5.has-small-font-size,
.entry-content h6.has-small-font-size,
.page-content h1.has-small-font-size,
.page-content h2.has-small-font-size,
.page-content h3.has-small-font-size,
.page-content h4.has-small-font-size,
.page-content h5.has-small-font-size,
.page-content h6.has-small-font-size,
.widget h1.has-small-font-size,
.widget h2.has-small-font-size,
.widget h3.has-small-font-size,
.widget h4.has-small-font-size,
.widget h5.has-small-font-size,
.widget h6.has-small-font-size {
  font-size: var(--fontSizeSmall);
}
.entry-content h1.has-regular-font-size, .entry-content h1.has-normal-font-size,
.entry-content h2.has-regular-font-size,
.entry-content h2.has-normal-font-size,
.entry-content h3.has-regular-font-size,
.entry-content h3.has-normal-font-size,
.entry-content h4.has-regular-font-size,
.entry-content h4.has-normal-font-size,
.entry-content h5.has-regular-font-size,
.entry-content h5.has-normal-font-size,
.entry-content h6.has-regular-font-size,
.entry-content h6.has-normal-font-size,
.page-content h1.has-regular-font-size,
.page-content h1.has-normal-font-size,
.page-content h2.has-regular-font-size,
.page-content h2.has-normal-font-size,
.page-content h3.has-regular-font-size,
.page-content h3.has-normal-font-size,
.page-content h4.has-regular-font-size,
.page-content h4.has-normal-font-size,
.page-content h5.has-regular-font-size,
.page-content h5.has-normal-font-size,
.page-content h6.has-regular-font-size,
.page-content h6.has-normal-font-size,
.widget h1.has-regular-font-size,
.widget h1.has-normal-font-size,
.widget h2.has-regular-font-size,
.widget h2.has-normal-font-size,
.widget h3.has-regular-font-size,
.widget h3.has-normal-font-size,
.widget h4.has-regular-font-size,
.widget h4.has-normal-font-size,
.widget h5.has-regular-font-size,
.widget h5.has-normal-font-size,
.widget h6.has-regular-font-size,
.widget h6.has-normal-font-size {
  font-size: var(--fontSize);
}
.entry-content h1.has-large-font-size,
.entry-content h2.has-large-font-size,
.entry-content h3.has-large-font-size,
.entry-content h4.has-large-font-size,
.entry-content h5.has-large-font-size,
.entry-content h6.has-large-font-size,
.page-content h1.has-large-font-size,
.page-content h2.has-large-font-size,
.page-content h3.has-large-font-size,
.page-content h4.has-large-font-size,
.page-content h5.has-large-font-size,
.page-content h6.has-large-font-size,
.widget h1.has-large-font-size,
.widget h2.has-large-font-size,
.widget h3.has-large-font-size,
.widget h4.has-large-font-size,
.widget h5.has-large-font-size,
.widget h6.has-large-font-size {
  font-size: var(--fontSizeMedium);
}
.entry-content h1.has-larger-font-size,
.entry-content h2.has-larger-font-size,
.entry-content h3.has-larger-font-size,
.entry-content h4.has-larger-font-size,
.entry-content h5.has-larger-font-size,
.entry-content h6.has-larger-font-size,
.page-content h1.has-larger-font-size,
.page-content h2.has-larger-font-size,
.page-content h3.has-larger-font-size,
.page-content h4.has-larger-font-size,
.page-content h5.has-larger-font-size,
.page-content h6.has-larger-font-size,
.widget h1.has-larger-font-size,
.widget h2.has-larger-font-size,
.widget h3.has-larger-font-size,
.widget h4.has-larger-font-size,
.widget h5.has-larger-font-size,
.widget h6.has-larger-font-size {
  font-size: var(--fontSizeLarge);
}

.wp-block-column > p,
.wp-block-column > h4,
.wp-block-column > ul,
.wp-block-column > ol,
.wp-block-column > form,
.wp-block-column > .search-form {
  max-width: var(--contentWidth);
  width: 100%;
}
.wp-block-column > h4 {
  margin-left: 0;
}

/* Monospace --------------------------------- */
.entry-content code,
.entry-content kbd,
.entry-content pre,
.entry-content samp,
.page-content code,
.page-content kbd,
.page-content pre,
.page-content samp,
.widget code,
.widget kbd,
.widget pre,
.widget samp {
  font-family: var(--fontMono, monospace);
}
.entry-content kbd,
.entry-content pre,
.entry-content samp,
.page-content kbd,
.page-content pre,
.page-content samp,
.widget kbd,
.widget pre,
.widget samp {
  border-radius: 0;
  font-size: 0.75em;
  padding: 0.4rem 0.6rem;
}
.entry-content pre,
.page-content pre,
.widget pre {
  border: 0;
  border-radius: 0;
  line-height: 1.5;
  padding: var(--padding) var(--paddingX);
  background: var(--lightBackground);
}

/* Custom Text Sizes ------------------------- */
.has-small-font-size {
  font-size: var(--fontSizeSmall);
}

.has-regular-font-size,
.has-normal-font-size {
  font-size: var(--fontSize);
}

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

.has-larger-font-size {
  font-size: var(--fontSizeXLarge);
}

@media (width < 782px) {
  .wp-block-column .has-large-font-size.wp-block-paragraph {
    font-size: var(--fontSize) !important;
  }
}
@media (min-width: 600px) {
  /* Typography ---------------------------- */
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  .page-content h1,
  .page-content h2,
  .page-content h3,
  .page-content h4,
  .page-content h5,
  .page-content h6 {
    margin-top: calc(2 * var(--padding));
  }
  .entry-content h1.has-background,
  .entry-content h2.has-background,
  .entry-content h3.has-background,
  .entry-content h4.has-background,
  .entry-content h5.has-background,
  .entry-content h6.has-background,
  .page-content h1.has-background,
  .page-content h2.has-background,
  .page-content h3.has-background,
  .page-content h4.has-background,
  .page-content h5.has-background,
  .page-content h6.has-background {
    padding: calc(2 * var(--padding)) calc(2 * var(--paddingX));
  }
}
.is-style-granby,
.entry-content .is-style-granby,
.page-content .is-style-granby {
  font-family: var(--fontLogo);
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--fontSizeXXLarge);
}
@media (min-width: 60rem) {
  .is-style-granby,
  .entry-content .is-style-granby,
  .page-content .is-style-granby {
    font-size: var(--fontSizeXXXLarge);
  }
}
body:not(.home) .is-style-granby, .wp-block-column .is-style-granby,
body:not(.home) .entry-content .is-style-granby,
.wp-block-column .entry-content .is-style-granby,
body:not(.home) .page-content .is-style-granby,
.wp-block-column .page-content .is-style-granby {
  font-size: 40px;
}

/* Posts and pages
--------------------------------------------- */
.site {
  width: 100%;
  min-height: calc(100vh - var(--siteTop));
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header" "page" "footer";
}

.site-header {
  grid-area: header;
}

.site-main-wrapper {
  grid-area: page;
  min-width: 0;
}
.site-main-wrapper > .container {
  display: grid;
  grid-template-areas: "main main";
}

.page-sidebar .site-main-wrapper > .container {
  grid-template-areas: "sidebar sidebar" "main main";
}
@media (min-width: 48rem) {
  .page-sidebar .site-main-wrapper > .container {
    grid-template-columns: repeat(16, 1fr);
    grid-template-areas: "sidebar sidebar sidebar sidebar main main main main main main main main main main main main";
  }
}

.page-sidebar.page-template-no-sidebar-no-title .site-main-wrapper > .container,
.page-sidebar.page-template-no-sidebar .site-main-wrapper > .container {
  grid-template-areas: "main main" "main main";
}
@media (min-width: 48rem) {
  .page-sidebar.page-template-no-sidebar-no-title .site-main-wrapper > .container,
  .page-sidebar.page-template-no-sidebar .site-main-wrapper > .container {
    grid-template-columns: repeat(16, 1fr);
    grid-template-areas: "main main main main main main main main main main main main main main main main";
  }
}

.site-main {
  grid-area: main;
  overflow: hidden; /* Resolves issue with <pre> elements forcing full width. */
}

.site-pages-navigation {
  grid-area: sidebar;
  align-self: flex-start;
  color: var(--colorTextSecondary);
  padding: calc(1 * var(--padding)) calc(0.5 * var(--paddingX));
  border-bottom: 1px solid var(--colorBorder);
}
.site-pages-navigation ul {
  margin: var(--padding) 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--fontSizeSmall);
  text-transform: uppercase;
  display: none;
}
@media (min-width: 48rem) {
  .site-pages-navigation ul {
    display: block;
    margin-top: 0;
  }
}
.site-pages-navigation a {
  text-decoration: none;
}
.site-pages-navigation li.current-menu-item a {
  font-weight: 700;
}
.site-pages-navigation input {
  max-width: 100%;
}
@media (min-width: 48rem) {
  .site-pages-navigation {
    border-bottom: 0;
    position: sticky;
    top: calc(var(--siteTop, 0) + var(--headerHeight, 0));
  }
}

.site-pages-navigation__toggle {
  border: 1px solid var(--colorBorder);
  background: var(--siteBackground);
  width: 100%;
  display: flex;
  text-align: left;
}
.site-pages-navigation__toggle .icon--open {
  display: block;
  margin-right: 0.625em;
}
.site-pages-navigation__toggle .icon--close {
  display: none;
  margin-right: 0.625em;
}
@media (min-width: 48rem) {
  .site-pages-navigation__toggle {
    display: none;
  }
}

.site-pages-navigation.is-active .site-pages-navigation__toggle .icon--open {
  display: none;
}
.site-pages-navigation.is-active .site-pages-navigation__toggle .icon--close {
  display: block;
}
.site-pages-navigation.is-active ul {
  display: block;
}

.site-footer {
  grid-area: footer;
}

.container {
  max-width: var(--containerWidth);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.site-mask,
.main-mask {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s, visibility 0s 0.3s;
  background: rgba(100, 100, 100, 0.12);
  cursor: pointer;
}

.is-ajax-loading .site-mask {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
}

.site-header {
  font-size: calc(1.25 * var(--fontSize));
  background: var(--white);
  border-bottom: 1px solid var(--colorBorder);
  position: sticky;
  z-index: 101;
  left: 0;
  top: var(--siteTop);
  right: 0;
}
.site-header a {
  text-decoration: none;
}
@media (min-width: 800px) {
  .site-header {
    font-size: calc(1.125 * var(--fontSize));
  }
}
@media (min-width: 980px) {
  .site-header {
    font-size: calc(1.25 * var(--fontSize));
  }
}
@media (min-width: 1200px) {
  .site-header {
    font-size: calc(1.25 * var(--fontSize));
  }
}

.site-title {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  font-family: var(--fontLogo);
  font-weight: 400;
  font-size: var(--fontSizeMedium);
}
@media (min-width: 800px) {
  .site-title {
    font-size: calc(1.125 * var(--fontSize));
  }
}
@media (min-width: 980px) {
  .site-title {
    font-size: calc(1.25 * var(--fontSize));
  }
}
@media (min-width: 1200px) {
  .site-title {
    font-size: calc(1.25 * var(--fontSize));
  }
}
.site-title a {
  line-height: 1;
  display: inline-block;
}
@media (min-width: 800px) {
  .site-title a {
    line-height: unset;
  }
}

.site-header .menu-toggle {
  margin: 0;
  padding: calc(0.375 * var(--padding)) calc(0.75 * var(--paddingX)) calc(0.3125 * var(--padding)) calc(0.75 * var(--paddingX));
  background: none;
  border: 0;
  border-radius: 0;
  font-size: 1.15em;
  text-transform: uppercase;
}
.site-header .menu-toggle:hover, .site-header .menu-toggle:focus, .site-header .menu-toggle:active {
  color: var(--colorLinkHover);
  background: none;
  border: 0;
}
@media (min-width: 600px) {
  .site-header .menu-toggle {
    padding: calc(0.375 * var(--padding)) calc(0.5 * var(--paddingX)) calc(0.3125 * var(--padding)) calc(0.5 * var(--paddingX));
  }
}
@media (min-width: 800px) {
  .site-header .menu-toggle {
    display: none;
  }
}
.site-header .menu-toggle .icon--open {
  display: flex;
}
.site-header .menu-toggle .icon--close {
  display: none;
}
.site-header .container {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-template-areas: "logo logo utils nav";
  align-items: center;
}
@media (min-width: 800px) {
  .site-header .container {
    align-items: flex-start;
    grid-template-columns: repeat(16, 1fr);
    grid-template-areas: "logo logo logo logo nav nav nav nav nav nav nav nav nav utils utils utils";
  }
}
@media (min-width: 980px) {
  .site-header .container {
    grid-template-areas: "logo logo logo logo nav nav nav nav nav nav nav nav utils utils utils utils";
  }
}
.site-header .container > .site-branding {
  text-transform: uppercase;
  grid-area: logo;
  padding: calc(0.75 * var(--padding)) calc(0.5 * var(--paddingX)) calc(0.6125 * var(--padding));
}
@media (min-width: 800px) {
  .site-header .container > .site-branding {
    padding: calc(0.375 * var(--padding)) 0 calc(0.3125 * var(--padding)) calc(0.5 * var(--paddingX));
  }
}
.site-header .container > .site-navigation {
  font-family: var(--fontLogo);
  font-weight: 400;
  grid-area: nav;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 800px) {
  .site-header .container > .site-navigation {
    justify-content: flex-start;
  }
}
.site-header .container > .site-navigation li {
  padding: calc(0.375 * var(--padding)) calc(0.375 * var(--paddingX)) calc(0.3125 * var(--padding));
}
@media (min-width: 800px) {
  .site-header .container > .site-navigation li {
    padding-inline: calc(0.125 * var(--paddingX));
  }
}
@media (min-width: 980px) {
  .site-header .container > .site-navigation li {
    padding-inline: calc(0.25 * var(--paddingX));
  }
}
@media (min-width: 1200px) {
  .site-header .container > .site-navigation li {
    padding-inline: calc(0.375 * var(--paddingX));
  }
}
.site-header .container > .site-utilities {
  display: flex;
  text-transform: uppercase;
  grid-area: utils;
  align-items: center;
  justify-content: flex-end;
  /*li {
    padding: calc(0.375 * var(--padding)) calc(0.5 * var(--paddingX))
      calc(0.3125 * var(--padding));
  }*/
}
.site-header .container > .site-utilities ul.menu {
  font-family: var(--fontLogo);
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 800px) {
  .site-header .container > .site-utilities ul.menu {
    justify-content: flex-start;
  }
}
.site-header .container > .site-utilities ul.menu li {
  padding: calc(0.375 * var(--padding)) calc(0.375 * var(--paddingX)) calc(0.3125 * var(--padding));
}
.site-header ul.menu {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-flow: row wrap;
}
.site-header ul.menu li.current-menu-item > a, .site-header ul.menu li.current_page_parent > a {
  color: var(--colorAccent);
}
.site-header .site-search {
  margin: 0;
  padding: 0 calc(0.25 * var(--paddingX));
  list-style: none;
  text-transform: none;
}
.site-header .site-cart {
  margin: 0;
  padding: 0;
}
@media (min-width: 800px) {
  .site-header .site-cart {
    padding: 0 calc(0.25 * var(--paddingX));
  }
}
.site-header .site-cart {
  list-style: none;
  text-transform: none;
}
.site-header .site-cart.site-cart--empty {
  display: none;
}

#primary-menu,
#utilities-menu {
  display: none;
}
@media (min-width: 800px) {
  #primary-menu,
  #utilities-menu {
    display: flex;
    position: relative;
    margin-left: calc(0.625 * var(--paddingX));
  }
}
#primary-menu > li > a,
#utilities-menu > li > a {
  text-transform: uppercase;
}

.site-utilities {
  padding: 0 calc(0.25 * var(--paddingX));
}
.site-utilities > a,
.site-utilities > button {
  padding: calc(0.2 * var(--padding)) calc(0.25 * var(--paddingX)) calc(0.3 * var(--padding));
  display: flex;
}
.site-utilities .account-link,
.site-utilities .search-toggle {
  display: none;
}
@media (min-width: 800px) {
  .site-utilities .account-link,
  .site-utilities .search-toggle {
    display: flex;
  }
}
.site-utilities .site-search {
  display: none;
}
@media (min-width: 800px) {
  .site-utilities .site-search {
    display: block;
    padding-top: calc(0.2 * var(--padding));
    padding-bottom: calc(0.3 * var(--padding));
  }
}

.search-toggle {
  text-decoration: none;
  text-transform: uppercase;
  font-size: inherit;
}

/* Current items */
.single-process li.menu-item-type-post_type_archive.menu-item-object-process > a {
  color: var(--colorAccent);
}

.single-project li.menu-item-type-post_type_archive.menu-item-object-project > a {
  color: var(--colorAccent);
}

/* Site Search Panel */
.site-search-panel__content-wrapper {
  background: var(--siteBackground);
  position: fixed;
  top: var(--siteTop);
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  padding: 0;
  z-index: 9999;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: flex-start;
  height: calc(100% - var(--siteTop));
  font-size: var(--fontSizeSmall);
  transform: translate3d(0, 10%, 0);
  visibility: hidden;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}

.site-search-panel__close {
  background: var(--siteBackground);
  color: var(--colorLink);
  border: 0;
  padding: calc(0.625 * var(--padding)) calc(0.5 * var(--paddingX));
  margin: 0 0 calc(1.5 * var(--padding)) auto;
}
.site-search-panel__close:hover, .site-search-panel__close:focus {
  background: var(--siteBackground);
  color: var(--colorLinkHover);
}

.site-search-panel__content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  padding-bottom: calc(var(--lineHeight) * var(--fontSize) + 2.75 * var(--padding));
}

.site-search-panel-is-active .site-mask {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
}
.site-search-panel-is-active .site-search-panel__content-wrapper {
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s;
}

.site-footer {
  font-size: var(--fontSizeXSmall);
  background: var(--lightMidGrey);
  padding: 0 0 var(--padding);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.site-footer a {
  text-decoration: none;
}
.site-footer .container {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  align-items: flex-start;
}
.site-footer .container .site-footer__address,
.site-footer .container > ul {
  margin: 0;
  padding: calc(0.25 * var(--padding)) calc(0.5 * var(--paddingX));
  list-style: none;
  grid-column: span 16;
}
@media (min-width: 30rem) {
  .site-footer .container .site-footer__address,
  .site-footer .container > ul {
    grid-column: span 8;
  }
}
@media (min-width: 50rem) {
  .site-footer .container .site-footer__address,
  .site-footer .container > ul {
    grid-column: span 4;
  }
}
@media (min-width: 30rem) {
  .site-footer .container .site-footer__address {
    grid-column: span 16;
  }
}
@media (min-width: 50rem) {
  .site-footer .container .site-footer__address {
    grid-column: span 4;
  }
}
.site-footer .container .credit-line {
  margin: calc(2 * var(--padding)) 0 0;
  padding: calc(0.25 * var(--padding)) calc(0.5 * var(--paddingX)) 0;
  grid-column: span 16;
  color: var(--darkGrey);
}
.site-footer .container .credit-line a {
  color: inherit;
}
.site-footer .container .credit-line a:hover, .site-footer .container .credit-line a:focus {
  color: var(--colorText);
}
.site-footer .container .credit-line--desktop {
  display: none;
}
@media (min-width: 800px) {
  .site-footer .container .credit-line--desktop {
    display: block;
  }
}
.site-footer .container .credit-line--mobile {
  display: block;
}
@media (min-width: 800px) {
  .site-footer .container .credit-line--mobile {
    display: none;
  }
}

.site-footer__address strong {
  font-family: var(--fontLogo);
  font-weight: 400;
}

@media (min-width: 50rem) {
  .footer-socials {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
}

.footer-item-with-icon {
  display: inline-flex;
  margin-right: 1em;
}

.social-icon {
  font-size: 1.75em;
  display: flex;
  width: 1em;
  height: 1em;
}
.social-icon svg {
  display: flex;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.social-icon--instagram {
  width: 0.85714em;
}

.social-icon--twitter {
  width: 0.92857em;
}

.social-icon--facebook {
  width: 0.57142em;
  font-size: 1.6em;
}

.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

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

.page-header,
.entry-header,
.entry-summary,
.entry-footer {
  max-width: var(--contentWidth);
  width: 100%;
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  margin-left: auto;
  margin-right: auto;
}

.page-content,
.entry-content {
  display: block;
  width: 100%;
  padding-top: calc(1 * var(--padding));
  padding-bottom: calc(2 * var(--padding));
}
.page-content > *:first-child,
.entry-content > *:first-child {
  margin-top: 0;
}

.post-edit-link {
  display: inline-block;
  padding: 0.5em 1.2em;
  border: 1px solid currentColor;
  border-radius: 2px;
  margin-top: 2em;
  font-size: var(--fontSizeXSmall);
}

.post-thumbnail img {
  display: block;
  width: 100%;
}

.entry-footer__back-link {
  margin: calc(3 * var(--padding)) 0 calc(3 * var(--padding));
  font-size: var(--fontSizeMedium);
  text-transform: uppercase;
}
.entry-footer__back-link a {
  text-decoration: none;
  color: var(--colorLink);
  display: inline-flex;
  align-items: center;
}
.entry-footer__back-link a:hover, .entry-footer__back-link a:focus, .entry-footer__back-link a:active {
  color: var(--colorLinkHover);
}
.entry-footer__back-link .icon {
  margin-right: 0.2em;
}

.error404 .page-title {
  text-transform: uppercase;
  font-size: var(--fontSizeMedium);
}

.page .entry-title {
  font-size: var(--fontSizeMedium);
  padding-top: calc(1 * var(--padding));
  font-weight: 700;
  font-size: var(--fontSizeXLarge);
  text-align: center;
}
@media (min-width: 800px) {
  .page .entry-title {
    text-align: left;
  }
}

.single .entry-footer {
  max-width: 100%;
}

.home .entry-title {
  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;
}
.home .entry-title:focus {
  background-color: var(--siteBackground);
  border-radius: 3px;
  box-shadow: var(--cardShadow);
  clip: auto !important;
  clip-path: none;
  color: var(--colorText);
  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;
}
.home .entry-content > *.alignfull:first-child {
  margin-top: 0;
}

.home-splash img {
  height: 80vh;
  width: 100%;
  object-fit: contain;
}

.archive .site-main {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
}
.archive .site-main > .page-header,
.archive .site-main > .archive-pagination,
.archive .site-main > .not-found {
  grid-column: 1/-1;
}
.archive .site-main > article {
  grid-column: span 4;
}
.archive .site-main > .not-found .page-header {
  max-width: var(--contentWidth);
  width: 100%;
  padding-top: 0;
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  margin-left: auto;
  margin-right: auto;
}
.archive .site-main > .not-found .page-header h1 {
  text-transform: uppercase;
  font-size: var(--fontSizeMedium);
  font-family: var(--fontHeading);
  padding: calc(2 * var(--padding)) 0 calc(1 * var(--padding));
}

a:hover > .post-thumbnail,
a.post-thumbnail:hover {
  animation: link-scale 0.3s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  a:hover > .post-thumbnail,
  a.post-thumbnail:hover {
    animation: none;
  }
}
.archive.woocommerce.tax-application .site-main {
  display: grid;
}
.archive.woocommerce.tax-application .site-main > li {
  list-style: none;
  grid-column: span 8;
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
  margin-bottom: var(--padding);
}
@media (min-width: 50rem) {
  .archive.woocommerce.tax-application .site-main > li {
    grid-column: span 4;
  }
}

.archive.tax-application .site-main {
  align-items: flex-start;
}
.archive.tax-application .site-main > article {
  grid-column: span 8;
}
.archive.tax-application .page-header {
  max-width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}
.archive.tax-application .page-title {
  font-family: var(--fontLogo);
  font-size: var(--fontSizeXXLarge);
  padding: 0 var(--paddingX) var(--padding) 0;
}
.archive.tax-application article {
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
  margin-bottom: var(--padding);
}
.archive.tax-application article .entry-header,
.archive.tax-application article .entry-summary,
.archive.tax-application article .entry-footer {
  padding-left: 0;
  padding-right: 0;
}
.archive.tax-application article .post-thumbnail {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.5%;
  position: relative;
  margin-bottom: calc(0.25 * var(--padding));
}
.archive.tax-application article .post-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.archive.tax-application article .entry-header {
  width: 100%;
  max-width: 100%;
}
.archive.tax-application article .entry-title {
  font-size: var(--fontSize);
}
@media (min-width: 50rem) {
  .archive.tax-application article .entry-title {
    font-size: var(--fontSizeMedium);
  }
}
.archive.tax-application article .entry-title {
  padding: 0;
  font-weight: 700;
}
.archive.tax-application article .entry-title a {
  text-decoration: none;
}

.archive.woocommerce.tax-project_cat .site-main {
  display: grid;
}
.archive.woocommerce.tax-project_cat .site-main > li {
  list-style: none;
  grid-column: span 8;
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
  margin-bottom: var(--padding);
}
@media (min-width: 50rem) {
  .archive.woocommerce.tax-project_cat .site-main > li {
    grid-column: span 4;
  }
}

.archive.tax-project_cat .site-main {
  align-items: flex-start;
}
.archive.tax-project_cat .site-main > article {
  grid-column: span 8;
}
.archive.tax-project_cat .page-header {
  max-width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}
.archive.tax-project_cat .page-title {
  font-family: var(--fontLogo);
  font-size: var(--fontSizeXXLarge);
  padding: 0 var(--paddingX) var(--padding) 0;
}
.archive.tax-project_cat article {
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
  margin-bottom: var(--padding);
}
.archive.tax-project_cat article .entry-header,
.archive.tax-project_cat article .entry-summary,
.archive.tax-project_cat article .entry-footer {
  padding-left: 0;
  padding-right: 0;
}
.archive.tax-project_cat article .post-thumbnail {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.5%;
  position: relative;
  margin-bottom: calc(0.25 * var(--padding));
}
.archive.tax-project_cat article .post-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.archive.tax-project_cat article .entry-header {
  width: 100%;
  max-width: 100%;
}
.archive.tax-project_cat article .entry-title {
  font-size: var(--fontSize);
}
@media (min-width: 50rem) {
  .archive.tax-project_cat article .entry-title {
    font-size: var(--fontSizeMedium);
  }
}
.archive.tax-project_cat article .entry-title {
  padding: 0;
  font-weight: 700;
}
.archive.tax-project_cat article .entry-title a {
  text-decoration: none;
}

.post-type-archive-process .site-main {
  align-items: flex-start;
}
.post-type-archive-process .site-main > article {
  grid-column: span 16;
  grid-column: span 8;
  /*@media (min-width: 1280px) {
    grid-column: span 5;
  }*/
}
.post-type-archive-process .page-header {
  max-width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}
.post-type-archive-process .page-title {
  font-family: var(--fontLogo);
  font-size: var(--fontSizeXXLarge);
  padding: 0 var(--paddingX) var(--padding) 0;
}
.post-type-archive-process article {
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
  margin-bottom: var(--padding);
}
.post-type-archive-process article .entry-header,
.post-type-archive-process article .entry-summary,
.post-type-archive-process article .entry-footer {
  padding-left: 0;
  padding-right: 0;
}
.post-type-archive-process article .post-thumbnail {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.5%;
  position: relative;
  margin-bottom: calc(0.25 * var(--padding));
}
.post-type-archive-process article .post-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.post-type-archive-process article .entry-header {
  width: 100%;
  max-width: 100%;
}
.post-type-archive-process article .entry-title {
  font-size: var(--fontSize);
}
@media (min-width: 50rem) {
  .post-type-archive-process article .entry-title {
    font-size: var(--fontSizeMedium);
  }
}
.post-type-archive-process article .entry-title {
  padding: 0;
  font-weight: 700;
}
.post-type-archive-process article .entry-title a {
  text-decoration: none;
}

.post-type-archive-project .site-main {
  align-items: flex-start;
}
.post-type-archive-project .site-main > article {
  grid-column: span 8;
  /*@media (min-width: 1280px) {
    grid-column: span 5;
  }*/
}
.post-type-archive-project .page-header {
  max-width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}
.post-type-archive-project .page-title {
  font-family: var(--fontLogo);
  font-size: var(--fontSizeXXLarge);
  padding: 0 var(--paddingX) var(--padding) 0;
}
.post-type-archive-project article {
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
  margin-bottom: var(--padding);
}
.post-type-archive-project article .entry-header,
.post-type-archive-project article .entry-summary,
.post-type-archive-project article .entry-footer {
  padding-left: 0;
  padding-right: 0;
}
.post-type-archive-project article .post-thumbnail {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.5%;
  position: relative;
  margin-bottom: calc(0.25 * var(--padding));
}
.post-type-archive-project article .post-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.post-type-archive-project article .entry-header {
  width: 100%;
  max-width: 100%;
}
.post-type-archive-project article .entry-title {
  font-size: var(--fontSize);
}
@media (min-width: 50rem) {
  .post-type-archive-project article .entry-title {
    font-size: var(--fontSizeMedium);
  }
}
.post-type-archive-project article .entry-title {
  padding: 0;
  font-weight: 700;
}
.post-type-archive-project article .entry-title a {
  text-decoration: none;
}

/* Map */
.post-type-archive-project--map .site-main-wrapper > .container {
  min-height: 100%;
}
.post-type-archive-project--map .site-main {
  grid-template-rows: auto 1fr;
}
.post-type-archive-project--map .map-embed {
  min-height: 500px;
  height: 100%;
}

.map-embed {
  width: 100%;
  height: 500px;
  grid-column: 1/-1;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.map-embed.map-embed--active {
  opacity: 1;
}

.gm-style-iw-d {
  --colorLink: var(--black);
  font-family: var(--fontSans);
  font-size: var(--fontSize);
}
.gm-style-iw-d a {
  text-decoration: none;
}
.gm-style-iw-d a:focus {
  color: var(--colorLink);
}
.gm-style-iw-d a:hover, .gm-style-iw-d a:active {
  color: var(--colorLinkHover);
}

.marker__title {
  display: block;
  font-weight: 400;
  text-transform: uppercase;
  font-size: var(--fontSizeSmall);
}

.marker__more {
  display: block;
  font-weight: 400;
  text-transform: uppercase;
  font-size: var(--fontSizeSmall);
}

.post-type-archive-product .site-main {
  align-items: flex-start;
}
.post-type-archive-product .site-main > article {
  grid-column: span 8;
  /*@media (min-width: 1280px) {
    grid-column: span 5;
  }*/
}
.post-type-archive-product .page-header {
  max-width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}
.post-type-archive-product .page-title {
  font-family: var(--fontLogo);
  font-size: var(--fontSizeXXLarge);
  padding: 0 var(--paddingX) var(--padding) 0;
}

.archive-settings {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "breadcrumb breadcrumb breadcrumb breadcrumb" "view view view view" "filter filter filter filter";
  background: var(--white);
  border-bottom: 1px solid var(--colorBorder);
}
@media (min-width: 800px) {
  .archive-settings {
    grid-template-columns: repeat(16, 1fr);
    grid-template-areas: "breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb filter filter filter filter filter filter filter view view view view";
  }
}
@media (min-width: 980px) {
  .archive-settings {
    grid-template-areas: "breadcrumb breadcrumb breadcrumb breadcrumb filter filter filter filter filter filter filter filter view view view view";
  }
}

.archive-breadcrumb-wrapper {
  grid-area: breadcrumb;
  overflow: hidden;
}

.archive-breadcrumb {
  padding: calc(0.375 * var(--padding)) calc(0.5 * var(--paddingX)) calc(0.3125 * var(--padding));
  text-transform: uppercase;
  font-size: var(--fontSizeSmall);
  letter-spacing: 0.02em;
  background: var(--white);
  border-bottom: 1px solid var(--colorBorder);
  display: flex;
  flex-direction: row;
  min-width: 100%;
  overflow: auto;
}
.archive-breadcrumb > * {
  display: block;
  flex: 0 0 auto;
  margin-right: calc(0.2 * var(--padding));
}
.archive-breadcrumb > *:last-child {
  margin-right: 0;
}
@media (min-width: 800px) {
  .archive-breadcrumb {
    border-bottom: 0;
  }
}
.archive-breadcrumb a {
  text-decoration: none;
}

.view-settings {
  grid-area: view;
  width: 100%;
  text-transform: uppercase;
  font-size: var(--fontSizeSmall);
  letter-spacing: 0.02em;
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
  padding-top: calc(0.375 * var(--padding));
  padding-bottom: calc(0.3125 * var(--padding));
  border-bottom: 1px solid var(--colorBorder);
}
@media (min-width: 800px) {
  .view-settings {
    text-align: right;
    border-bottom: 0;
  }
}
.view-settings a {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  display: inline-block;
}
.view-settings a:hover {
  animation: link-scale 0.3s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .view-settings a:hover {
    animation: none;
  }
}
.view-settings a.is-active {
  border-bottom: 1px solid currentColor;
}

.filter-settings {
  grid-area: filter;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  flex-flow: row wrap;
  padding-top: calc(0.375 * var(--padding));
  padding-bottom: calc(0.3125 * var(--padding));
  padding-left: calc(0.5 * var(--paddingX));
  font-size: var(--fontSizeSmall);
  letter-spacing: 0.02em;
}
@media (min-width: 800px) {
  .filter-settings {
    padding-left: calc(1 * var(--paddingX));
  }
}
.filter-settings > span {
  margin-right: calc(0.75 * var(--padding));
}

.filter-settings__toggle__icon {
  display: flex;
  transform: translate3d(0, 0.05em, 0);
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .filter-settings__toggle__icon {
    margin-right: 0.25em;
  }
}
.filter-settings__toggle__icon svg {
  transform: rotate(0deg);
  transition: transform 0.2s ease;
  display: flex;
  font-size: var(--fontSizeSmall);
  width: 1em;
  height: 1em;
}

.filter-settings__toggle {
  display: flex;
  gap: 0.25em;
  text-transform: uppercase;
  text-decoration: none;
  font-size: var(--fontSizeSmall);
  letter-spacing: 0.02em;
  margin-right: calc(0.5 * var(--padding));
  padding: 0;
  border: 0;
}
.filter-settings__toggle:hover {
  animation: link-scale 0.3s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .filter-settings__toggle:hover {
    animation: none;
  }
}
.filter-settings__toggle.filter-settings__toggle--is-active .filter-settings__toggle__icon svg {
  transform: rotate(45deg);
}

.filter-settings__group {
  font-size: var(--fontSizeSmall);
  letter-spacing: 0.02em;
  display: none;
  width: 100%;
  border-top: 1px solid var(--colorBorder);
  margin-top: calc(0.375 * var(--padding));
  padding-top: calc(0.375 * var(--padding));
  padding-bottom: calc(0.3125 * var(--padding));
}
.filter-settings__group h2 {
  font-size: var(--fontSizeSmall);
  letter-spacing: 0.02em;
  padding: 0;
  margin: 0;
}
.filter-settings__group ul {
  padding: 0;
  margin: calc(0.25 * var(--padding)) 0 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  gap: calc(0.5 * var(--padding));
}
.filter-settings__group li {
  margin: calc(0.125 * var(--padding)) 0 0;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .filter-settings__group li {
    margin-right: calc(0.5 * var(--padding));
  }
}
.filter-settings__group li a {
  text-decoration: none;
  padding: calc(0.25 * var(--padding)) calc(0.375 * var(--padding));
  border: 1px solid currentColor;
  border-radius: 0.125em;
  display: inline-block;
}
.filter-settings__group li a:hover {
  animation: link-scale 0.3s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .filter-settings__group li a:hover {
    animation: none;
  }
}
.filter-settings__group li a.is-active {
  --colorLink: var(--colorAccent);
}
.filter-settings__group.filter-settings__group--is-active {
  display: block;
}

.filter-settings__reset {
  margin: 0 calc(0.5 * var(--paddingX)) 0 0;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  font-size: var(--fontSizeSmall);
  letter-spacing: 0.02em;
}
.filter-settings__reset:hover {
  animation: link-scale 0.3s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .filter-settings__reset:hover {
    animation: none;
  }
}

.single-project .post-thumbnail--headline {
  position: relative;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 125%;
}
@media (min-width: 600px) {
  .single-project .post-thumbnail--headline {
    padding-top: 80%;
  }
}
@media (min-width: 800px) {
  .single-project .post-thumbnail--headline {
    padding-top: 40%;
  }
}
.single-project .post-thumbnail--headline img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.single-project .entry-header {
  padding-top: var(--padding);
}
.single-project .entry-title {
  font-family: var(--fontSans);
  font-weight: 700;
  font-size: var(--fontSizeXLarge);
  padding: 0 0 var(--padding) 0;
}
.single-project article > .entry-header .entry-title {
  text-align: center;
}

.entry-header--with-breadcrumb {
  max-width: 100%;
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  display: flex;
  flex-flow: column nowrap;
}
.entry-header--with-breadcrumb .entry-title {
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  max-width: var(--contentWidth);
  margin-left: auto;
  margin-right: auto;
}

.entry-header__breadcrumb {
  padding: 0 0 calc(0.5 * var(--padding));
  font-weight: 400;
  letter-spacing: 0.02em;
  font-size: var(--fontSize);
  margin-bottom: 0.5em;
}
.entry-header__breadcrumb a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 800px) {
  .entry-header__breadcrumb {
    display: none;
  }
}
.entry-header__breadcrumb .icon {
  margin-right: 0.2em;
}

.single-process .post-thumbnail--headline {
  position: relative;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 125%;
}
@media (min-width: 600px) {
  .single-process .post-thumbnail--headline {
    padding-top: 80%;
  }
}
@media (min-width: 800px) {
  .single-process .post-thumbnail--headline {
    padding-top: 40%;
  }
}
.single-process .post-thumbnail--headline img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.single-process .entry-header {
  padding-top: var(--padding);
}
.single-process .entry-title {
  padding: 0 0 var(--padding) 0;
  font-family: var(--fontLogo);
  text-transform: uppercase;
  font-weight: normal;
  font-size: 40px;
}
@media (min-width: 600px) {
  .single-process .entry-title {
    font-size: var(--fontSizeXXLarge);
  }
}
.single-process .entry-content > :first-child {
  margin-top: var(--padding) !important;
}
.single-process article > .entry-header .entry-title {
  text-align: center;
}

body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-header,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-header,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-summary,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-footer {
  margin-left: 0;
}
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) *[class^=wp-block],
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) *[class^=wp-block].alignwide,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) *[class^=wp-block].alignfull {
  margin-left: 0;
}
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget {
  font-size: var(--fontSize);
}
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > p,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > ul,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > ol,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > h1,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > h2,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > h3,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > h4,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > h5,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > h6,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > blockquote,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > iframe,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > form,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > figure,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content > .search-form,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > p,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > ul,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > ol,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > h1,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > h2,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > h3,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > h4,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > h5,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > h6,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > blockquote,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > iframe,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > form,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > figure,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content > .search-form,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > p,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > ul,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > ol,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > h1,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > h2,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > h3,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > h4,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > h5,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > h6,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > blockquote,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > iframe,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > form,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > figure,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget > .search-form {
  margin-left: 0;
}
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content h1,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content h2,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content h3,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content h4,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content h5,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .entry-content h6,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content h1,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content h2,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content h3,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content h4,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content h5,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .page-content h6,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget h1,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget h2,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget h3,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget h4,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget h5,
body.page:not(.home):not(.page-template-trade-customer-registration):not(.page-template-home):not(.page-template-no-sidebar):not(.page-template-no-sidebar-no-title) .widget h6 {
  margin-left: 0;
}

body.page-template-no-sidebar-no-title .page-header,
body.page-template-no-sidebar-no-title .entry-header,
body.page-template-no-sidebar-no-title .entry-summary,
body.page-template-no-sidebar-no-title .entry-footer,
body.page-template-no-sidebar .page-header,
body.page-template-no-sidebar .entry-header,
body.page-template-no-sidebar .entry-summary,
body.page-template-no-sidebar .entry-footer {
  margin-left: auto;
}
body.page-template-no-sidebar-no-title *[class^=wp-block],
body.page-template-no-sidebar-no-title *[class^=wp-block].alignwide,
body.page-template-no-sidebar-no-title *[class^=wp-block].alignfull,
body.page-template-no-sidebar *[class^=wp-block],
body.page-template-no-sidebar *[class^=wp-block].alignwide,
body.page-template-no-sidebar *[class^=wp-block].alignfull {
  margin-left: auto;
}
body.page-template-no-sidebar-no-title .entry-content,
body.page-template-no-sidebar-no-title .page-content,
body.page-template-no-sidebar-no-title .widget,
body.page-template-no-sidebar .entry-content,
body.page-template-no-sidebar .page-content,
body.page-template-no-sidebar .widget {
  font-size: var(--fontSize);
}
body.page-template-no-sidebar-no-title .entry-content > p,
body.page-template-no-sidebar-no-title .entry-content > ul,
body.page-template-no-sidebar-no-title .entry-content > ol,
body.page-template-no-sidebar-no-title .entry-content > h1,
body.page-template-no-sidebar-no-title .entry-content > h2,
body.page-template-no-sidebar-no-title .entry-content > h3,
body.page-template-no-sidebar-no-title .entry-content > h4,
body.page-template-no-sidebar-no-title .entry-content > h5,
body.page-template-no-sidebar-no-title .entry-content > h6,
body.page-template-no-sidebar-no-title .entry-content > blockquote,
body.page-template-no-sidebar-no-title .entry-content > iframe,
body.page-template-no-sidebar-no-title .entry-content > form,
body.page-template-no-sidebar-no-title .entry-content > figure,
body.page-template-no-sidebar-no-title .entry-content > .search-form,
body.page-template-no-sidebar-no-title .page-content > p,
body.page-template-no-sidebar-no-title .page-content > ul,
body.page-template-no-sidebar-no-title .page-content > ol,
body.page-template-no-sidebar-no-title .page-content > h1,
body.page-template-no-sidebar-no-title .page-content > h2,
body.page-template-no-sidebar-no-title .page-content > h3,
body.page-template-no-sidebar-no-title .page-content > h4,
body.page-template-no-sidebar-no-title .page-content > h5,
body.page-template-no-sidebar-no-title .page-content > h6,
body.page-template-no-sidebar-no-title .page-content > blockquote,
body.page-template-no-sidebar-no-title .page-content > iframe,
body.page-template-no-sidebar-no-title .page-content > form,
body.page-template-no-sidebar-no-title .page-content > figure,
body.page-template-no-sidebar-no-title .page-content > .search-form,
body.page-template-no-sidebar-no-title .widget > p,
body.page-template-no-sidebar-no-title .widget > ul,
body.page-template-no-sidebar-no-title .widget > ol,
body.page-template-no-sidebar-no-title .widget > h1,
body.page-template-no-sidebar-no-title .widget > h2,
body.page-template-no-sidebar-no-title .widget > h3,
body.page-template-no-sidebar-no-title .widget > h4,
body.page-template-no-sidebar-no-title .widget > h5,
body.page-template-no-sidebar-no-title .widget > h6,
body.page-template-no-sidebar-no-title .widget > blockquote,
body.page-template-no-sidebar-no-title .widget > iframe,
body.page-template-no-sidebar-no-title .widget > form,
body.page-template-no-sidebar-no-title .widget > figure,
body.page-template-no-sidebar-no-title .widget > .search-form,
body.page-template-no-sidebar .entry-content > p,
body.page-template-no-sidebar .entry-content > ul,
body.page-template-no-sidebar .entry-content > ol,
body.page-template-no-sidebar .entry-content > h1,
body.page-template-no-sidebar .entry-content > h2,
body.page-template-no-sidebar .entry-content > h3,
body.page-template-no-sidebar .entry-content > h4,
body.page-template-no-sidebar .entry-content > h5,
body.page-template-no-sidebar .entry-content > h6,
body.page-template-no-sidebar .entry-content > blockquote,
body.page-template-no-sidebar .entry-content > iframe,
body.page-template-no-sidebar .entry-content > form,
body.page-template-no-sidebar .entry-content > figure,
body.page-template-no-sidebar .entry-content > .search-form,
body.page-template-no-sidebar .page-content > p,
body.page-template-no-sidebar .page-content > ul,
body.page-template-no-sidebar .page-content > ol,
body.page-template-no-sidebar .page-content > h1,
body.page-template-no-sidebar .page-content > h2,
body.page-template-no-sidebar .page-content > h3,
body.page-template-no-sidebar .page-content > h4,
body.page-template-no-sidebar .page-content > h5,
body.page-template-no-sidebar .page-content > h6,
body.page-template-no-sidebar .page-content > blockquote,
body.page-template-no-sidebar .page-content > iframe,
body.page-template-no-sidebar .page-content > form,
body.page-template-no-sidebar .page-content > figure,
body.page-template-no-sidebar .page-content > .search-form,
body.page-template-no-sidebar .widget > p,
body.page-template-no-sidebar .widget > ul,
body.page-template-no-sidebar .widget > ol,
body.page-template-no-sidebar .widget > h1,
body.page-template-no-sidebar .widget > h2,
body.page-template-no-sidebar .widget > h3,
body.page-template-no-sidebar .widget > h4,
body.page-template-no-sidebar .widget > h5,
body.page-template-no-sidebar .widget > h6,
body.page-template-no-sidebar .widget > blockquote,
body.page-template-no-sidebar .widget > iframe,
body.page-template-no-sidebar .widget > form,
body.page-template-no-sidebar .widget > figure,
body.page-template-no-sidebar .widget > .search-form {
  margin-left: auto;
}
body.page-template-no-sidebar-no-title .entry-content h1,
body.page-template-no-sidebar-no-title .entry-content h2,
body.page-template-no-sidebar-no-title .entry-content h3,
body.page-template-no-sidebar-no-title .entry-content h4,
body.page-template-no-sidebar-no-title .entry-content h5,
body.page-template-no-sidebar-no-title .entry-content h6,
body.page-template-no-sidebar-no-title .page-content h1,
body.page-template-no-sidebar-no-title .page-content h2,
body.page-template-no-sidebar-no-title .page-content h3,
body.page-template-no-sidebar-no-title .page-content h4,
body.page-template-no-sidebar-no-title .page-content h5,
body.page-template-no-sidebar-no-title .page-content h6,
body.page-template-no-sidebar-no-title .widget h1,
body.page-template-no-sidebar-no-title .widget h2,
body.page-template-no-sidebar-no-title .widget h3,
body.page-template-no-sidebar-no-title .widget h4,
body.page-template-no-sidebar-no-title .widget h5,
body.page-template-no-sidebar-no-title .widget h6,
body.page-template-no-sidebar .entry-content h1,
body.page-template-no-sidebar .entry-content h2,
body.page-template-no-sidebar .entry-content h3,
body.page-template-no-sidebar .entry-content h4,
body.page-template-no-sidebar .entry-content h5,
body.page-template-no-sidebar .entry-content h6,
body.page-template-no-sidebar .page-content h1,
body.page-template-no-sidebar .page-content h2,
body.page-template-no-sidebar .page-content h3,
body.page-template-no-sidebar .page-content h4,
body.page-template-no-sidebar .page-content h5,
body.page-template-no-sidebar .page-content h6,
body.page-template-no-sidebar .widget h1,
body.page-template-no-sidebar .widget h2,
body.page-template-no-sidebar .widget h3,
body.page-template-no-sidebar .widget h4,
body.page-template-no-sidebar .widget h5,
body.page-template-no-sidebar .widget h6 {
  margin-left: auto;
}

body.page-template-no-sidebar-no-title .entry-header {
  display: none;
}

.related-posts-wrapper {
  background: var(--lightBackground);
  padding: 0;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}
.related-posts-wrapper > h2 {
  font-size: var(--fontSizeMedium);
  padding: 0 calc(1 * var(--paddingX));
  margin: 0;
  text-transform: uppercase;
  user-select: none;
  position: absolute;
  top: calc(1.5 * var(--padding));
}
.related-posts-wrapper .flickity-page-dots {
  bottom: calc(-1.5 * var(--padding));
}
.related-posts-wrapper .flickity-enabled.is-draggable .flickity-viewport {
  cursor: url("assets/images/drag.svg") 16 16, pointer;
}

.related-posts {
  width: 100%;
  display: flex;
  overflow: auto;
}

.related-post {
  user-select: none;
  padding: 0 calc(2 * var(--paddingX)) 0 0;
  padding-top: calc(3.5 * var(--padding) + var(--fontSizeMedium) * var(--lineHeight));
  padding-bottom: calc(3 * var(--padding));
}
.related-post:first-of-type {
  padding-left: calc(1 * var(--paddingX));
}
.related-post:last-of-type {
  padding-right: calc(1 * var(--paddingX));
}
.related-post .post-thumbnail {
  display: block;
}
.related-post img {
  --thumbH: 200px;
  max-width: none;
  height: var(--thumbH);
  width: calc(1.25 * var(--thumbH));
  object-fit: contain;
  object-position: bottom left;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 600px) {
  .related-post img {
    --thumbH: 240px;
  }
}
.related-post.related-post--product img {
  width: calc(1 * var(--thumbH));
}
.related-post .entry-header {
  padding: calc(0.25 * var(--padding)) 0 0;
  max-width: 100%;
}
.related-post .entry-title {
  font-size: var(--fontSize);
  padding: 0;
  font-family: var(--fontSans);
  font-weight: 700;
  text-transform: none;
}
.related-post .entry-title a {
  text-decoration: none;
}

.entry-title__label {
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.curtain-text--is-active + .site {
  opacity: 0;
  height: calc(100vh - var(--siteTop));
  overflow: hidden;
}

.curtain-text--is-hidden + .site {
  opacity: 1;
  height: auto;
  overflow: inherit;
}

.curtain-text {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--grey);
  background-image: var(--curtainBg);
  background-size: cover;
  background-position: center;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s, opacity 0.3s ease;
}
.curtain-text h2 {
  opacity: 0;
  transition: opacity 0.3s ease;
  color: var(--white);
  font-family: var(--fontLogo);
  text-transform: uppercase;
  font-size: var(--fontSizeXXXLarge);
  text-align: center;
}
@media (min-width: 25rem) {
  .curtain-text h2 {
    font-size: var(--fontSizeXXXXLarge);
  }
}
.curtain-text.curtain-text--is-active {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.3s ease;
}
.curtain-text.curtain-text--is-active h2 {
  opacity: 1;
}
.curtain-text.curtain-text--is-hidden {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s 0.5s, opacity 0.3s 0.2s ease;
}
.curtain-text.curtain-text--is-hidden h2 {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.curtain-text.curtain-text--no-transition {
  transition: none !important;
}

.char-vertical-1 {
  --verticalTransform: -0.25em;
}

.char-vertical-2 {
  --verticalTransform: -0.125em;
}

.char-vertical-3 {
  --verticalTransform: 0;
}

.char-vertical-4 {
  --verticalTransform: 0.125em;
}

.char-vertical-5 {
  --verticalTransform: 0.25em;
}

.char-vertical-6 {
  --verticalTransform: -0.2em;
}

.char-vertical-7 {
  --verticalTransform: 0.2em;
}

.char-vertical-8 {
  --verticalTransform: -0.05em;
}

.curtain-text h2 {
  user-select: none;
}
.curtain-text h2 span[class^=word] {
  display: inline-block;
  margin-left: 0.125em;
  margin-right: 0.125em;
}
.curtain-text h2 span[class^=char] {
  position: relative;
  margin: 0 0.05em;
  display: inline-block;
  transform: translate3d(0, var(--verticalTransform), 0);
  transition: transform 0.1s ease;
}

/* Rand Colours */
/*
.colour-1 {
  background: -webkit-linear-gradient(-90deg, #ffd22f 0%, #f16177 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-2 {
  background: -webkit-linear-gradient(-90deg, #5e61a8 0%, #eb6179 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-3 {
  background: -webkit-linear-gradient(-90deg, #c6bc54 0%, #f9e310 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-4 {
  background: -webkit-linear-gradient(0deg, #be2f3a 0%, #415091 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-5 {
  background: -webkit-linear-gradient(-1deg, #f58a72 0%, #faab60 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-6 {
  background: -webkit-linear-gradient(-90deg, #fbb25a 0%, #d55181 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-7 {
  background: -webkit-linear-gradient(-90deg, #65597a 0%, #93873b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-8 {
  background: -webkit-linear-gradient(-90deg, #19728f 0%, #c6432d 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-9 {
  background: -webkit-linear-gradient(-90deg, #be2f3a 0%, #734a75 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-10 {
  background: -webkit-linear-gradient(-90deg, #305198 0%, #a1528a 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-11 {
  background: -webkit-linear-gradient(-90deg, #9e7d38 0%, #789a41 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-12 {
  background: -webkit-linear-gradient(-90deg, #c02d38 0%, #787063 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-13 {
  background: -webkit-linear-gradient(-90deg, #7d937a 0%, #4c7f87 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-14 {
  background: -webkit-linear-gradient(-90deg, #3ead4b 0%, #168082 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-15 {
  background: -webkit-linear-gradient(-90deg, #624c80 0%, #664c7e 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-16 {
  background: -webkit-linear-gradient(-90deg, #809579 0%, #c3bb56 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-17 {
  background: -webkit-linear-gradient(-179deg, #48a154 1%, #626776 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-18 {
  background: -webkit-linear-gradient(-179deg, #ac5341 1%, #66547b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-19 {
  background: -webkit-linear-gradient(-135deg, #62a345 0%, #c83031 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-20 {
  background: -webkit-linear-gradient(
    -180deg,
    #636178 0%,
    #9d7e38 63%,
    #86913e 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-21 {
  background: -webkit-linear-gradient(
    -180deg,
    #c93b2c 0%,
    #9d7e38 57%,
    #4aac48 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-22 {
  background: -webkit-linear-gradient(
    -90deg,
    #ad5241 0%,
    #5d7770 51%,
    #6d4f78 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-23 {
  background: -webkit-linear-gradient(-45deg, #f5b716 0%, #e58524 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.colour-24 {
  background: -webkit-linear-gradient(-135deg, #f9a763 0%, #f48175 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

*/
.image-viewer {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 1001;
  /*
  left: 5%;
  top: 5vh;
  height: 90vh;
  width: 90%;
  */
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  display: none;
  cursor: url("assets/images/close-modal.svg") 16 16, pointer;
}
@media (min-width: 768px) {
  .image-viewer {
    display: block;
  }
}
.image-viewer:focus {
  outline: none;
}

.image-viewer__wrapper {
  --maxImageHeight: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  flex-flow: column nowrap;
  cursor: url("assets/images/close-modal.svg") 16 16, pointer;
}
.image-viewer__wrapper img {
  height: auto;
  width: auto;
  max-height: var(--maxImageHeight);
  max-width: 100%;
  margin: 0px auto;
  display: block;
  object-fit: contain;
  object-position: 50% 50%;
  cursor: pointer;
}
.image-viewer__wrapper figcaption {
  background: var(--white);
  padding: 0.125em;
}

@media (min-width: 768px) {
  .image-viewer-item img {
    cursor: url("assets/images/zoom.svg") 16 16, pointer;
  }
  .image-viewer-item img:hover {
    animation: link-scale-small 0.3s linear infinite;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .image-viewer-item img:hover {
    animation: none;
  }
}

.image-zoom {
  position: fixed;
  z-index: 1001;
  left: 0%;
  top: var(--siteTop);
  height: calc(100vh - var(--siteTop));
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: block;
}

.image-zoom__wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: auto;
  display: flex;
  align-items: flex-start;
  /*display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  */
  cursor: url("assets/images/close.svg") 16 16, pointer;
}
.image-zoom__wrapper img {
  height: auto;
  width: 100%;
  max-width: 100%;
  margin: 0px auto;
  display: block;
}
.image-zoom__wrapper figcaption {
  position: absolute;
  bottom: 0;
  background: chartreuse;
}

/*.wp-block-image--image-viewer {
  img {
    //cursor: pointer;
    cursor: url("assets/images/zoom.svg") 16 16, pointer;
  }
}
*/
.search-form {
  display: flex;
  align-items: stretch;
  gap: calc(0.4 * var(--padding));
}

.search-results .page-header {
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
}
@media (min-width: 800px) {
  .search-results .page-header {
    padding-left: calc(0.375 * var(--paddingX));
    padding-right: calc(0.375 * var(--paddingX));
  }
}
.search-results .page-title {
  font-size: var(--fontSizeMedium);
  text-transform: uppercase;
}
.search-results .site-main {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
}
.search-results .site-main > .page-header,
.search-results .site-main > .archive-pagination {
  grid-column: 1/-1;
}
.search-results .site-main > article {
  grid-column: span 4;
}

.search-results-group {
  grid-column: 1/-1;
  width: 100%;
  padding-top: calc(0.5 * var(--padding));
  padding-bottom: calc(2 * var(--padding));
  border-bottom: 1px solid var(--colorBorder);
}
.search-results-group > h2 {
  font-size: var(--fontSizeMedium);
  font-family: var(--fontLogo);
  font-weight: 400;
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
  display: flex;
  gap: calc(0.25 * var(--paddingX));
  align-items: flex-start;
}
.search-results-group > h2 span {
  font-size: var(--fontSizeXXSmall);
  font-family: var(--fontSans);
  background: var(--lightGrey);
  border-radius: 50%;
  height: 2em;
  width: 2em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.search-results-group:last-of-type {
  margin-bottom: calc(3 * var(--padding));
}

.search-results-group__items {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
}
@media (min-width: 800px) {
  .search-results-group__items {
    column-gap: calc(0.5 * var(--padding));
    grid-template-columns: repeat(12, 1fr);
  }
}
.search-results-group__items > article {
  grid-column: span 8;
}
@media (min-width: 800px) {
  .search-results-group__items > article {
    grid-column: span 4;
  }
}
.search-results-group__items > article {
  padding-bottom: calc(1 * var(--padding));
}
.search-results-group__items > article .entry-title {
  font-size: calc(0.9125 * var(--fontSizeMedium));
  padding: 0;
  font-weight: 700;
  text-transform: none;
}
.search-results-group__items > article a {
  text-decoration: none;
}
.search-results-group__items > article.product .post-thumbnail {
  padding-top: 100%;
}
.search-results-group__items > article.page {
  grid-column: 1/-1;
  padding-bottom: calc(0.25 * var(--padding));
}
.search-results-group__items .entry-header,
.search-results-group__items .entry-summary,
.search-results-group__items .entry-footer {
  max-width: none;
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
}
.search-results-group__items .post-thumbnail {
  width: 100%;
  height: 0;
  padding-top: 62.5%;
  position: relative;
  overflow: hidden;
  margin-bottom: calc(0.25 * var(--padding));
}
.search-results-group__items .post-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}

@media (min-width: 800px) {
  .search-results-group--product .search-results-group__items {
    grid-template-columns: repeat(16, 1fr);
  }
}
@media (min-width: 960px) {
  .search-results-group--product .search-results-group__items {
    grid-template-columns: repeat(20, 1fr);
  }
}

/* No results */
.search-no-results .page-title {
  text-transform: uppercase;
  font-size: var(--fontSizeMedium);
}

/* Search Form */
.search-form-wrapper {
  max-width: var(--contentWidth);
  margin: 0 auto;
  width: 100%;
}

.entry-content .search-form-wrapper {
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  margin-top: calc(1.5 * var(--padding));
  margin-bottom: calc(1.5 * var(--padding));
}

.search-form__wrap {
  background: var(--lightGrey);
  display: flex;
  padding: 0 var(--paddingX);
  width: 100%;
  border-radius: 2em;
}
.search-form__wrap label {
  margin-right: var(--padding);
  width: 100%;
}
.search-form__wrap input[type=search] {
  font-size: var(--fontSize);
  border: 0;
  background-color: transparent;
  margin: 0;
  padding: var(--padding) 0;
  width: 100%;
}
.search-form__wrap input[type=search]:focus {
  outline-color: var(--focusOutlineColor);
  outline: 0;
}
.search-form__wrap input[type=search]:focus:not(:focus-visible) {
  outline: 0;
}
.search-form__wrap button {
  font-size: var(--fontSize);
  font-weight: 700;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  color: var(--colorLink);
}
.search-form__wrap button:hover, .search-form__wrap button:focus {
  color: var(--colorLinkHover);
}

.search-form--large .search-form__wrap input[type=search] {
  font-size: calc(1.1 * var(--fontSize));
}
.search-form--large .search-form__wrap button {
  font-weight: 700;
  font-size: calc(1.1 * var(--fontSize));
}

.page-template-search .site-main-wrapper > .container {
  grid-template-areas: "main main main main main main main main main main main main main main main main";
}

body.page.page-template-search:not(.home) .entry-header {
  margin-left: auto;
}
body.page.page-template-search:not(.home) .entry-header .entry-title {
  font-size: var(--fontSizeMedium);
  text-transform: uppercase;
  font-weight: var(--fontHeadingWeight);
  font-family: var(--fontHeading);
  line-height: var(--lineHeight);
  padding: calc(2 * var(--padding)) 0 calc(1 * var(--padding));
  margin: 0;
}

.modal-wrapper {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: var(--siteTop);
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100vh - var(--siteTop));
  overflow: auto;
  padding: calc(0.5 * var(--padding));
  margin: 0 auto;
  z-index: 9999;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  font-size: var(--fontSizeSmall);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
  cursor: url("assets/images/close-modal.svg") 16 16, pointer;
}

.modal {
  cursor: default;
  border-radius: 3px;
  position: relative;
  width: 100%;
  max-width: 900px;
  max-height: 100%;
  background: var(--white);
  color: var(--black);
  padding: calc(2 * var(--padding));
  margin: 0 auto;
  transform: translate3d(0, 10%, 0);
  transition: transform 0.3s ease;
  overflow: auto;
}

.modal__close {
  background: var(--white);
  color: var(--black);
  border: 0;
  padding: calc(0.625 * var(--padding)) calc(0.5 * var(--paddingX));
  margin: 0 0 calc(1.5 * var(--padding)) auto;
  width: auto;
}
.modal__close:hover, .modal__close:focus {
  background: var(--white);
  color: var(--lightBlack);
}

.modal__close {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.modal__content {
  width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  /*padding-bottom: calc(
    var(--lineHeight) * var(--fontSize) + 2.75 * var(--padding)
  );*/
}

.modal-wrapper--is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0s;
}
.modal-wrapper--is-active .modal {
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s ease;
}

/*
  .tile-calculator-is-active {
    .site-mask {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.3s, visibility 0s;
    }
  }
  */
/* Site Search Panel */
.modal--tile-visualiser {
  --tileModalBackground: #111;
  --tileModalColor: #fff;
  color: var(--tileModalColor);
  max-width: 100%;
  background: var(--tileModalBackground);
}
.modal--tile-visualiser .modal__close {
  background: var(--tileModalBackground);
  color: var(--tileModalColor);
}
.modal--tile-visualiser .modal__close:hover, .modal--tile-visualiser .modal__close:focus {
  background: var(--tileModalBackground);
  color: var(--grey);
}

.modal__content--tile-visualiser {
  padding-left: 0;
  padding-right: 0;
}

.tile-calculator-modal-wrapper {
  background: var(--siteBackground);
  position: fixed;
  top: var(--siteTop);
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  overflow-x: hidden;
  max-width: 900px;
  width: 100%;
  padding: 0;
  margin: var(--padding) auto;
  z-index: 9999;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: flex-start;
  height: calc(100% - var(--siteTop) - 2 * var(--padding));
  font-size: var(--fontSizeSmall);
  transform: translate3d(0, 10%, 0);
  visibility: hidden;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}

.tile-calculator-modal {
  width: 100%;
  min-height: 100%;
  background: var(--tileModalBackground);
  color: var(--tileModalColor);
}

.tile-calculator-modal__close {
  background: var(--siteBackground);
  color: var(--colorLink);
  border: 0;
  padding: calc(0.625 * var(--padding)) calc(0.5 * var(--paddingX));
  margin: 0 0 calc(1.5 * var(--padding)) auto;
  width: auto;
}
.tile-calculator-modal__close:hover, .tile-calculator-modal__close:focus {
  background: var(--siteBackground);
  color: var(--colorLinkHover);
}

.single-product div.product .single_add_to_cart_button-wrapper .tile-calculator-modal__close {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.tile-calculator-modal__content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
  padding-bottom: calc(var(--lineHeight) * var(--fontSize) + 2.75 * var(--padding));
}

.tile-calculator-is-active .site-mask {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
}
.tile-calculator-is-active .tile-calculator-modal-wrapper {
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s;
}

.tile-calculator-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
}

.tile-grid-wrapper {
  flex: 0 0 auto;
  width: 100%;
  max-width: 560px;
}
@media (min-width: 540px) {
  .tile-grid-wrapper {
    width: 50%;
  }
}
@media (min-width: 1400px) {
  .tile-grid-wrapper {
    max-width: 900px;
  }
}

.tile-grid {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.tile-grid__items {
  width: 100%;
  display: grid;
  grid-gap: 1px;
  background: var(--grey);
  color: var(--black);
  grid-template-columns: repeat(12, 1fr);
}

.tile-item {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-color: var(--tileModalColor);
  position: relative;
}
.tile-item svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tile-item.rotate-1 svg {
  transform: rotate(90deg);
}

.tile-item.rotate-2 svg {
  transform: rotate(180deg);
}

.tile-item.rotate-3 svg {
  transform: rotate(270deg);
}

.tile-item.rotate-4 svg {
  transform: rotate(0deg);
}

.tile-item--plain svg {
  display: none;
}

.tile-grid-caption {
  position: relative;
  text-align: center;
  font-size: var(--fontSizeSmall);
  margin-top: 0.5rem;
  background: var(--tileModalColor);
}
.tile-grid-caption span {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 0.5rem;
  background: var(--tileModalBackground);
}

.tile-grid-caption:before {
  position: absolute;
  z-index: 0;
  content: "";
  background: var(--tileModalBackground);
  top: 0;
  left: 2px;
  right: 2px;
  bottom: calc(50% + 1px);
}

.tile-grid-caption:after {
  position: absolute;
  z-index: 0;
  content: "";
  background: var(--tileModalBackground);
  bottom: 0;
  left: 2px;
  right: 2px;
  top: calc(50% + 1px);
}

.tile-grid-footer {
  margin-top: 1rem;
  font-size: var(--fontSizeXSmall);
}
.tile-grid-footer p {
  margin: 0;
}

.tile-calculator {
  flex: 1 0 auto;
  width: 100%;
  padding: 1rem 0;
  text-align: left;
}
@media (min-width: 540px) {
  .tile-calculator {
    width: 50%;
    padding: 0 0 1rem 2rem;
  }
}
.tile-calculator select,
.tile-calculator input,
.tile-calculator button {
  width: 100%;
  display: block;
  margin: 0 0 1rem;
}
.tile-calculator input {
  padding: 0.5em;
}
.tile-calculator label {
  display: block;
  margin: 0;
  color: var(--tileModalColor);
  font-weight: 400;
}
@media (min-width: 900px) {
  .tile-calculator label {
    font-size: calc(1.25 * var(--fontSize));
  }
}
@media (min-width: 900px) {
  .tile-calculator select {
    font-size: calc(1.25 * var(--fontSize));
  }
}
.tile-calculator *:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.tile-calculator .select2-container {
  margin-bottom: 0.75rem;
}

/*
.colour-select-wrapper {
  display: flex;
  select {
    flex: 1 0 auto;
    width: calc(100% - 5rem);
    &:disabled {
      opacity: 0.3;
      cursor: not-allowed;
    }
  }
  button {
    width: 5rem;
  }
}*/
.colour-dot {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}

.add-a-colour {
  border: 1px solid;
  border-radius: 5px;
  background: var(--black);
  color: var(--lightBlack);
}
.add-a-colour:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.remove-colour:disabled {
  display: none;
  opacity: 0;
  cursor: not-allowed;
}

#add-tiles-to-cart {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: var(--black);
  color: var(--lightBlack);
  padding: 1rem 0.5rem;
  font-size: var(--fontSizeLarge);
}
#add-tiles-to-cart:last-child {
  margin-bottom: 0;
}
#add-tiles-to-cart:hover, #add-tiles-to-cart:focus {
  color: var(--lightBlack) !important;
  background: var(--red);
  border-color: var(--red);
}

.tile-grid__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
}

.shuffle-tiles {
  font-family: var(--fontLogo);
  text-transform: uppercase;
  padding: 0;
  background: transparent;
  font-size: var(--fontSizeXLarge);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: opacity 0.25s ease;
  border-radius: 0;
  border: 0;
  margin: 0;
  color: var(--blue);
  cursor: url("assets/images/shuffle.svg") 16 16, pointer;
}
@media (min-width: 50rem) {
  .shuffle-tiles {
    font-size: var(--fontSizeXXLarge);
  }
}
.shuffle-tiles {
  /*span {
    position: relative;
    margin: 0 0.025em;
    display: inline-block;
    transform: translateY(0);
    transition: transform 0.25s ease;
  }
  span:nth-child(odd) {
    transform: translateY(-0.125em);
  }
  span:nth-child(even) {
    transform: translateY(0);
  }*/
}
.shuffle-tiles:disabled {
  opacity: 0.5;
}
.shuffle-tiles:hover, .shuffle-tiles:focus {
  opacity: 1;
}
.shuffle-tiles:hover, .shuffle-tiles:focus {
  background: transparent !important;
  color: var(--blue) !important;
  /*span:nth-child(odd) {
    transform: translateY(0.125em);
  }*/
}
.shuffle-tiles.is-clicked {
  transform: rotate(360deg);
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.tile-calculator-subtotal {
  font-weight: 700;
  border-bottom: 1px solid;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
  display: none;
}
.tile-calculator-subtotal p {
  margin-bottom: 0;
}
.tile-calculator-subtotal .price__amount {
  font-size: var(--fontSizeLarge);
}

.tile-calculator-subtotal--active {
  display: block;
}

.modal--sample-product {
  max-width: var(--contentWidth);
  max-width: 680px;
}

.modal__content--sample-product {
  padding-left: 0;
  padding-right: 0;
}

.samples-form {
  width: 100%;
  text-align: left;
}

.samples-form__heading {
  font-size: var(--fontSizeMedium);
  text-transform: uppercase;
  margin: 0 0 var(--padding);
  padding: 0;
  display: none;
}

.samples-form__message {
  font-size: calc(1 * var(--fontSize));
  margin: 0 0 calc(1.5 * var(--padding));
}

.samples-form__variation {
  margin: 0 0 var(--padding);
}
.samples-form__variation p {
  margin: 0;
}

.samples-form__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--padding);
}

.samples-form__submit {
  background: var(--black);
  border-color: var(--black);
  color: var(--white);
  padding: 1em 1.5em;
  width: 100%;
  margin: 0;
}
.samples-form__submit:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.samples-form__terms {
  margin: calc(1 * var(--padding)) 0 0;
  font-size: var(--fontSizeXXSmall);
  color: var(--lightBlack);
  letter-spacing: 0.012em;
}

/* Products Page */
li.product .samples-form a {
  display: inline-block;
  width: auto;
  text-decoration: underline;
}
li.product .samples-form__heading {
  margin: 0 0 var(--padding);
}
li.product .samples-form__message {
  margin: 0 0 calc(1.5 * var(--padding));
}
li.product .samples-form__terms {
  margin: calc(1 * var(--padding)) 0 0;
}

/* AJAX Notices */
.woocommerce-ajax-notice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*
  opacity: 1;
  transition: opacity 0.3s ease;
  &.is-exiting {
    opacity: 0;
  }
  */
}

.site-navigation__mobile-menu {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  position: fixed;
  top: calc(var(--headerHeight, 33px) + var(--siteTop, 0px));
  left: 0;
  width: 100%;
  min-height: calc(100vh - (var(--headerHeight, 33px) + var(--siteTop, 0px)));
  height: calc(100% - (var(--headerHeight, 33px) + var(--siteTop, 0px)));
  overflow: auto;
  background: var(--white);
  padding: 0 calc(0 * var(--paddingX)) calc(0.3125 * var(--padding));
  text-align: left;
  font-size: var(--fontSizeMedium);
}
.site-navigation__mobile-menu ul.menu {
  flex-flow: column nowrap;
  margin-bottom: 0;
}
.site-navigation__mobile-menu .sub-menu {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  left: 0;
  background: var(--siteBackground);
  font-family: var(--fontSans);
  font-weight: 700;
}
.site-navigation__mobile-menu .sub-menu ul {
  margin: 0;
  padding: 0;
}
.site-navigation__mobile-menu .sub-menu li {
  list-style-type: none;
}
.site-navigation__mobile-menu .sub-menu .small {
  text-transform: uppercase;
  font-size: calc(1 * var(--fontSizeSmall));
  margin-top: calc(0.75 * var(--padding));
  display: block;
}
.site-navigation__mobile-menu .account-link,
.site-navigation__mobile-menu .search-toggle {
  padding: calc(0.375 * var(--padding)) calc(0.375 * var(--paddingX)) calc(0.3125 * var(--padding));
}
.site-navigation__mobile-menu.sub-menu-is-active {
  height: 100%;
}

.site-header .container > .site-navigation .site-navigation__mobile-menu__wrapper li {
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
}

.site-navigation__mobile-menu__wrapper {
  position: relative;
}
.site-navigation__mobile-menu__wrapper > ul > li > a {
  text-transform: uppercase;
}
.site-navigation__mobile-menu__wrapper .sub-menu {
  top: 0;
  left: 0;
  transition: visibility 0s 0.2s, opacity 0s 0.2s ease, transform 0.2s ease;
  transform: translate3d(100%, 0, 0);
  visibility: hidden;
  opacity: 0;
  display: none;
  min-height: calc(100vh - (var(--headerHeight, 33px) + var(--siteTop, 0px)));
  height: calc(100% - (var(--headerHeight, 33px) + var(--siteTop, 0px)));
  overflow: auto;
}
.site-navigation__mobile-menu__wrapper .sub-menu.is-active {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: visibility 0s, opacity 0s ease, transform 0.2s ease;
}

.sub-menu__close-wrapper {
  padding-bottom: calc(0.3125 * var(--padding));
  margin-bottom: calc(0.3125 * var(--padding));
  border-bottom: 1px solid var(--colorBorder);
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--white);
}

.sub-menu__close {
  font-family: var(--fontLogo);
  font-size: 1em;
  padding: 0 0 calc(0.3125 * var(--padding));
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}
.sub-menu__close:hover, .sub-menu__close:focus {
  background: transparent;
  border: 0;
  color: var(--colorLinkHover);
}

.site-nav-is-active .site-header .menu-toggle .icon--open {
  display: none;
}
.site-nav-is-active .site-header .menu-toggle .icon--close {
  display: flex;
}
.site-nav-is-active .site-navigation__mobile-menu {
  display: block;
}
@media (min-width: 800px) {
  .site-nav-is-active .site-navigation__mobile-menu {
    display: none;
  }
}

.site-navigation__mobile-menu__search {
  margin-top: calc(1 * var(--padding));
  padding-top: calc(1.375 * var(--padding));
  border-top: 1px solid var(--colorBorder);
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
}

#mobile-secondary-menu {
  font-size: var(--fontSizeSmall);
  margin-top: calc(1.375 * var(--padding));
  padding: calc(1.375 * var(--padding)) 0 0;
  border-top: 1px solid var(--colorBorder);
}
#mobile-secondary-menu li {
  list-style-type: none;
}

.site-navigation {
  --offsetTop: 80px;
  --offsetLeft: 200px;
}
.site-navigation .sub-menu-wrapper {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  left: 0;
  background: var(--siteBackground);
  font-family: var(--fontSans);
  font-weight: 700;
  border-radius: 0 0 2px 2px;
}
.site-navigation .sub-menu-wrapper ul {
  margin: 0;
  padding: 0;
}
.site-navigation .sub-menu-wrapper li {
  list-style-type: none;
}
.site-navigation .sub-menu-wrapper .small {
  text-transform: uppercase;
  font-size: calc(1 * var(--fontSizeSmall));
  margin-top: calc(0.75 * var(--padding));
  display: block;
}
.site-navigation > .menu .sub-menu-wrapper {
  margin-top: calc(0.25 * var(--padding));
  padding: calc(1 * var(--padding)) calc(0.5 * var(--padding)) calc(1.5 * var(--padding)) calc(0.375 * var(--padding));
  width: calc(40 * var(--fontSize));
  max-width: calc(95vw - var(--offsetLeft, 200px));
  will-change: opacity;
  display: none;
  opacity: 0;
  overflow: auto;
  transition: all 0.1s ease;
  transform: translate3d(0, -10px, 0);
  max-height: calc(100vh - var(--offsetTop, 80px));
}
.site-navigation > .menu .sub-menu-wrapper .small {
  font-size: var(--fontSizeSmall);
}
.site-navigation > .menu .sub-menu-wrapper ul {
  margin: 0;
}
.site-navigation > .menu .trigger-enter .sub-menu-wrapper {
  display: grid;
  pointer-events: none;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr);
}
.site-navigation > .menu .trigger-enter-active .sub-menu-wrapper {
  pointer-events: unset;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.trigger-enter-active > a {
  border-bottom: 1px solid currentColor;
}

.site-nav-dropdown-is-active .main-mask {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s 0.2s, visibility 0s;
}

.sub-menu-image {
  order: 1;
  display: grid;
  align-items: flex-start;
}
.sub-menu-image img {
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: center;
  display: block;
}

.site-header ul.menu ul.sub-menu li.current-menu-item > a,
.site-header ul.menu ul.sub-menu li.current_page_parent > a {
  font-weight: 700;
  color: var(--colorText);
}

.page-load-status {
  position: fixed;
  bottom: var(--padding);
  left: var(--paddingX);
  padding: var(--padding);
  background: var(--colorText);
  color: var(--siteBackground);
  z-index: 1;
  box-shadow: var(--cardShadow);
  border-radius: var(--borderRadius);
  display: none;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.page-load-status p {
  font-size: calc(1.125 * var(--fontSize));
  font-weight: 700;
  margin: 0;
}
.page-load-status.is-exiting {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}

.cookie-notice-wrapper {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 9;
  padding: 1.75em;
  width: 100%;
  max-width: 640px;
}
@media (min-width: 80rem) {
  .cookie-notice-wrapper {
    width: 50%;
    max-width: none;
  }
}
.cookie-notice-wrapper {
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.cookie-notice-wrapper--is-active {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}

.cookie-notice-wrapper--is-exiting {
  transform: translate3d(0, 100%, 0);
}

.cookie-notice {
  --colorText: var(--black);
  --colorLink: var(--black);
  --colorLinkHover: var(--grey);
  background-color: var(--white);
  color: var(--colorText);
  padding: 2em 2.25em;
  font-size: var(--fontSizeSmall);
  box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}
@media (min-width: 50rem) {
  .cookie-notice {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
}

.cookie-notice__message {
  padding-bottom: 1em;
  text-align: center;
  font-weight: 700;
}
@media (min-width: 50rem) {
  .cookie-notice__message {
    flex: 1 1 0%;
    text-align: left;
    padding-right: 1em;
    padding-bottom: 0;
  }
}
.cookie-notice__message p {
  margin: 0;
}

.cookie-notice__actions {
  display: grid;
  gap: 1em;
}
@media (min-width: 50rem) {
  .cookie-notice__actions {
    flex-shrink: 0;
  }
}
.cookie-notice__actions a {
  order: 1;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: var(--fontSizeSmall);
}
.cookie-notice__actions a:hover, .cookie-notice__actions a:focus {
  color: var(--colorLink);
  text-decoration: underline;
}
.cookie-notice__actions button {
  font-size: var(--fontSizeSmall);
  background: var(--lightGrey);
  color: var(--black);
  padding: 0.8em 1.6em;
  position: relative;
  text-align: center;
  border-radius: 2em;
  border: 0px;
  font-weight: 700;
  cursor: pointer;
}
.cookie-notice__actions button:hover, .cookie-notice__actions button:focus {
  background: var(--grey);
  color: var(--black);
}
@media (min-width: 50rem) {
  .cookie-notice__actions {
    -webkit-box-align: center;
    align-items: center;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
  .cookie-notice__actions a {
    order: 0;
  }
}

.nf-form-cont {
  margin-top: calc(2 * var(--padding));
  margin-bottom: calc(2 * var(--padding));
}

.nf-form-wrap > .nf-response-msg {
  color: var(--green);
}

.nf-before-form-content .nf-form-fields-required {
  display: none;
}

.entry-content .nf-response-msg,
.entry-content .nf-before-form-content,
.entry-content .nf-form-content,
.entry-content .nf-after-form-content {
  padding: 0;
  max-width: 100%;
  max-width: var(--contentWidth);
  margin: 0 auto;
  padding-left: var(--paddingX);
  padding-right: var(--paddingX);
}
.entry-content .nf-form-content .label-above .nf-field-label,
.entry-content .nf-form-content .label-below .nf-field-label,
.entry-content .nf-form-content .label-hidden .nf-field-label {
  margin-bottom: 0;
}
.entry-content .nf-form-content label {
  font-size: calc(0.75 * var(--fontSize));
  line-height: var(--lineHeight);
  color: var(--colorTextSecondary);
}
.entry-content .nf-form-content label .ninja-forms-req-symbol {
  display: none;
}
.entry-content .nf-field-label label {
  font-weight: 400;
}
.entry-content .nf-form-content .list-select-wrap .nf-field-element > div,
.entry-content .nf-form-content input:not([type=button]),
.entry-content .nf-form-content textarea {
  color: var(--colorTextInput);
  background-color: var(--siteBackground);
  border: 1px solid var(--colorTextSecondary);
  border-radius: 0.125em;
  line-height: 1;
  cursor: pointer;
  padding: calc(0.625 * var(--padding)) calc(0.875 * var(--padding));
}
.entry-content .nf-form-content .listselect-wrap .nf-field-element div,
.entry-content .nf-form-content input.ninja-forms-field,
.entry-content .nf-form-content select.ninja-forms-field:not([multiple]) {
  height: calc(2.625 * var(--fontSize));
  min-height: 0;
  display: block;
}
.entry-content .nf-error.field-wrap .nf-field-element:after {
  height: calc(2.625 * var(--fontSize) - 2px);
}
.entry-content .nf-form-content .listselect-wrap .nf-field-element div,
.entry-content .nf-form-content .ninja-forms-field {
  font-size: var(--fontSize);
}
.entry-content .nf-form-content select.ninja-forms-field {
  color: var(--colorTextInput);
}
.entry-content .nf-form-content .list-select-wrap .nf-field-element > div:focus,
.entry-content .nf-form-content input:not([type=button]):focus,
.entry-content .nf-form-content textarea:focus {
  color: var(--colorTextInput);
}
.entry-content .nf-form-content .listselect-wrap .nf-field-element div,
.entry-content .nf-form-content .ninja-forms-field {
  padding: calc(0.625 * var(--padding)) calc(0.875 * var(--padding));
}
.entry-content .nf-error .nf-error-msg {
  font-size: var(--fontSizeSmall);
}
.entry-content .nf-form-content button,
.entry-content .nf-form-content input[type=button],
.entry-content .nf-form-content input[type=submit] {
  border: 0;
  transition: none !important;
  display: block;
  width: 100%;
  line-height: 1;
  padding: calc(0.5 * var(--padding));
  text-align: center;
  text-decoration: none;
  color: var(--colorButtonTextHover);
  border-color: var(--colorButtonBackgroundHover);
  background: var(--colorButtonBackgroundHover);
}
.entry-content .nf-form-content button:hover,
.entry-content .nf-form-content input[type=button]:hover,
.entry-content .nf-form-content input[type=submit]:hover,
.entry-content .nf-form-content button:focus,
.entry-content .nf-form-content input[type=button]:focus,
.entry-content .nf-form-content input[type=submit]:focus {
  color: var(--colorButtonText);
  border-color: var(--colorButtonBackground);
  background: var(--colorButtonBackground);
  color: var(--white);
  border-color: var(--green);
  background: var(--green);
}

body.page:not(.home) .entry-content .nf-response-msg,
body.page:not(.home) .entry-content .nf-before-form-content,
body.page:not(.home) .entry-content .nf-form-content,
body.page:not(.home) .entry-content .nf-after-form-content {
  margin-left: 0;
}

body #ninja_forms_required_items,
body .nf-field-container {
  margin-bottom: var(--padding);
}

.page-template-trade-customer-registration .site-main-wrapper > .container {
  grid-template-areas: "main main main main main main main main main main main main main main main main";
}

.woocommerce-form-register.afrfb-form-register {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.woocommerce-form-register.afrfb-form-register #shipping_country_field,
.woocommerce-form-register.afrfb-form-register #billing_country_field {
  padding-top: 0;
}
.woocommerce-form-register.afrfb-form-register .form-row > label {
  width: 100%;
  display: block;
}
.woocommerce-form-register.afrfb-form-register .form-row--with-checkbox {
  font-size: calc(1 * var(--fontSize));
}
.woocommerce-form-register.afrfb-form-register .form-row--with-checkbox label {
  margin-bottom: 0.25em;
}
.woocommerce-form-register.afrfb-form-register label {
  width: 100%;
  font-size: calc(0.75 * var(--fontSize));
  line-height: var(--lineHeight);
  color: var(--colorTextSecondary);
}
.woocommerce-form-register.afrfb-form-register label .optional {
  display: none;
}
.woocommerce-form-register.afrfb-form-register label abbr[title].required {
  text-decoration: none;
}
.woocommerce-form-register.afrfb-form-register .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}
.woocommerce-form-register.afrfb-form-register .woocommerce-input-wrapper input {
  width: 100%;
}
.woocommerce-form-register.afrfb-form-register .woocommerce-input-wrapper .input-checkbox {
  width: auto;
}
.woocommerce-form-register.afrfb-form-register .input-checkbox {
  font-size: var(--fontSizeLarge);
  width: auto;
  margin-top: 0.125em;
  margin-right: 0.15em;
}
.woocommerce-form-register.afrfb-form-register .button {
  border: 0;
  transition: none !important;
  display: block;
  width: 100%;
  line-height: 1;
  padding: calc(0.5 * var(--padding));
  text-align: center;
  text-decoration: none;
  border-radius: 0.125em;
  font-size: var(--fontSize);
  min-height: calc(2.625 * var(--fontSize));
  color: var(--colorButtonTextHover);
  border-color: var(--colorButtonBackgroundHover);
  background: var(--colorButtonBackgroundHover);
}
.woocommerce-form-register.afrfb-form-register .button:hover, .woocommerce-form-register.afrfb-form-register .button:focus {
  color: var(--colorButtonText);
  border-color: var(--colorButtonBackground);
  background: var(--colorButtonBackground);
  color: var(--white);
  border-color: var(--green);
  background: var(--green);
}
@media (min-width: 37.5rem) {
  .woocommerce-form-register.afrfb-form-register .button {
    min-height: calc(3 * var(--fontSize));
  }
}

@media only screen and (min-width: 600px) {
  form.afrfb-form-register p.form-row-half,
  form.woocommerce-EditAccountForm p.form-row-half {
    width: calc(50% - 0.5 * var(--padding)) !important;
    display: inline-block;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  form.afrfb-form-register p.form-row-half,
  form.woocommerce-EditAccountForm p.form-row-half {
    width: 100%;
  }
}
/* Select2 */
body .select2-container {
  max-width: 100%;
}
body .afrfb-form-register .select2-container {
  width: 100% !important;
}
body .select2-container--default .select2-selection--single {
  background-color: var(--siteBackground);
  border-color: var(--colorTextSecondary);
  border-radius: 0.125em;
  height: calc(2.625 * var(--fontSize));
}
@media (min-width: 37.5rem) {
  body .select2-container--default .select2-selection--single {
    height: calc(3 * var(--fontSize));
  }
}
body .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--placeholderColor);
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--colorTextInput);
  line-height: calc(2.625 * var(--fontSize));
  padding-left: var(--fontSize);
  font-size: var(--fontSize);
}
@media (min-width: 37.5rem) {
  body .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(3 * var(--fontSize));
  }
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(2.625 * var(--fontSize) - 2px);
}
@media (min-width: 37.5rem) {
  body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(3 * var(--fontSize) - 2px);
  }
}
body .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--colorTextSecondary) transparent transparent transparent;
}
body .select2-results__option {
  font-size: var(--fontSize);
}
body .select2-container--default .select2-results__option[aria-selected=true],
body .select2-container--default .select2-results__option[data-selected=true] {
  background-color: var(--lightBackground);
  color: var(--colorTextInput);
}
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--colorTextInput);
  color: var(--siteBackground);
}
body .select2-search--dropdown .select2-search__field {
  height: auto;
}
body .select2-dropdown {
  background-color: var(--siteBackground);
  border: 1px solid var(--colorTextSecondary);
}

/* ACF Blocks
--------------------------------------------- */
.wp-block-acf-faq {
  margin-top: calc(2 * var(--padding));
  margin-bottom: calc(2 * var(--padding));
}
.wp-block-acf-faq .faq {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-acf-faq .faq__row {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  padding-top: calc(0.5 * var(--padding));
  padding-bottom: calc(0.5 * var(--padding));
  border-bottom: 1px solid var(--lightGrey, lightgrey);
}
@media (min-width: 30rem) {
  .wp-block-acf-faq .faq__row {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.wp-block-acf-faq .faq__row-label {
  display: grid;
  grid-template-columns: 1fr auto;
  width: 100%;
  padding: 0;
  background: transparent;
  border: 0;
  align-items: center;
}
.wp-block-acf-faq .faq__row-label:hover .faq__row-toggle-title {
  font-weight: 700;
}
.wp-block-acf-faq .faq__row-toggle-title {
  text-align: left;
  text-transform: uppercase;
  font-size: var(--fontSize);
  line-height: var(--lineHeight);
  color: var(--colorText);
  width: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 30rem) {
  .wp-block-acf-faq .faq__row-toggle-title {
    width: auto;
  }
}
@media (min-width: 50rem) {
  .wp-block-acf-faq .faq__row-toggle-title {
    font-size: var(--fontSizeMedium);
  }
}
.wp-block-acf-faq .faq__row-toggle-title span {
  display: inline-block;
}
.wp-block-acf-faq .faq__row-toggle-title span:last-of-type {
  margin-left: 0.2em;
}
.wp-block-acf-faq .faq__row-category {
  color: var(--red);
  width: 100%;
  font-size: var(--fontSizeXSmall);
}
@media (min-width: 30rem) {
  .wp-block-acf-faq .faq__row-category {
    width: auto;
    font-size: var(--fontSize);
  }
}
@media (min-width: 50rem) {
  .wp-block-acf-faq .faq__row-category {
    font-size: var(--fontSizeMedium);
  }
}
.wp-block-acf-faq {
  /*
  .faq__row-category--general {
    color: var(--silver, grey);
  }
  .faq__row-category--production {
    color: var(--silver, grey);
  }
  .faq__row-category--purchasing {
    color: var(--silver, grey);
  }
  .faq__row-category--tech {
    color: var(--silver, grey);
  }
  */
}
.wp-block-acf-faq .faq__row-content {
  width: 100%;
  display: none;
  text-indent: 1.8125rem;
  margin-bottom: 0.5rem;
}
.wp-block-acf-faq .faq__row-content p {
  margin: 0;
}
.wp-block-acf-faq .faq__row-content ul,
.wp-block-acf-faq .faq__row-content ol {
  margin-left: 1.8125rem;
}
.wp-block-acf-faq .faq__row-content li {
  text-indent: 0;
}
.wp-block-acf-faq .faq__row--is-active .faq__row-toggle-title {
  font-weight: 700;
}
.wp-block-acf-faq .faq__row--is-active .faq__row-toggle-title span:first-of-type {
  transform: rotate(90deg);
}
.wp-block-acf-faq .faq__row--is-active .faq__row-content {
  display: block;
}

.block-editor-block-list__block .wp-block-acf-faq a {
  color: var(--colorText);
}

.entry-content > .wp-block-acf-featured-blocks-wrapper:first-child {
  margin-top: 0;
}

.wp-block-acf-featured-blocks-wrapper.alignfull {
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
}
.wp-block-acf-featured-blocks-wrapper .featured-blocks__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wp-block-acf-featured-blocks-wrapper .featured-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.wp-block-acf-featured-blocks-wrapper .featured-block:nth-child(even) {
  padding-top: calc(2 * var(--padding));
}
@media (min-width: 37.5rem) {
  .wp-block-acf-featured-blocks-wrapper .featured-block {
    width: 50%;
  }
  .wp-block-acf-featured-blocks-wrapper .featured-block:nth-child(odd) {
    padding-right: calc(0.5 * var(--paddingX));
  }
  .wp-block-acf-featured-blocks-wrapper .featured-block:nth-child(even) {
    padding-top: 0;
    padding-left: calc(0.5 * var(--paddingX));
  }
  .wp-block-acf-featured-blocks-wrapper .featured-block.featured-block--with-spacing {
    padding-right: var(--spacing, 10%);
    padding-left: var(--spacing, 10%);
  }
}
.wp-block-acf-featured-blocks-wrapper .featured-block {
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.wp-block-acf-featured-blocks-wrapper .featured-block.no-fade-in {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: none;
}
.wp-block-acf-featured-blocks-wrapper .featured-block.is-in-view {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.wp-block-acf-featured-blocks-wrapper .featured-block__content {
  display: block;
  width: 100%;
  position: relative;
  --colorText: var(--white);
  --colorLink: var(--white);
  --colorLinkHover: var(--white);
}
.wp-block-acf-featured-blocks-wrapper .featured-block--dark .featured-block__content {
  --colorText: var(--lightBlack);
  --colorLink: var(--lightBlack);
  --colorLinkHover: var(--lightBlack);
}
.wp-block-acf-featured-blocks-wrapper .featured-block__image-wrapper > div {
  position: relative;
  padding-top: var(--ratio, 100%);
}
.wp-block-acf-featured-blocks-wrapper .featured-block__image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
  object-position: center center;
}
.wp-block-acf-featured-blocks-wrapper .featured-block__info {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: calc(0.25 * var(--padding)) calc(0.25 * var(--paddingX));
}
.wp-block-acf-featured-blocks-wrapper .featured-block__info h3 {
  margin: 0;
  padding: 0;
  font-size: calc(1.25 * var(--fontSize));
  display: inline;
  text-transform: uppercase;
}
.wp-block-acf-featured-blocks-wrapper .featured-block__info h3 span {
  display: none;
}

.featured-block__content:hover .featured-block__info h3 span, .featured-block__content:focus .featured-block__info h3 span, .featured-block__content:active .featured-block__info h3 span {
  display: inline;
}
.featured-block__content:hover {
  animation: link-scale 0.3s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .featured-block__content:hover {
    animation: none;
  }
}

.featured-block__text-content {
  width: 80%;
  margin-inline: auto;
  margin-block: 3rem;
  font-size: calc(1.25 * var(--fontSize));
}
@media (min-width: 50rem) {
  .featured-block__text-content {
    font-size: var(--fontSizeMedium);
  }
}
@media (min-width: 80rem) {
  .featured-block__text-content {
    font-size: var(--fontSizeLarge);
  }
}
.featured-block__text-content {
  text-decoration: none;
  text-wrap: balance;
}
.featured-block__text-content p {
  margin-bottom: 1em;
}

.featured-block__text-button {
  display: inline-block;
  font-size: calc(1.125 * var(--fontSize));
  text-transform: uppercase;
}

@media (min-width: 37.5rem) {
  .wp-block-acf-featured-blocks-wrapper--single .featured-block {
    width: 100%;
  }
  .wp-block-acf-featured-blocks-wrapper--single .featured-block:nth-child(odd) {
    padding-right: 0;
  }
}

.block-editor-block-list__block .wp-block-acf-featured-blocks-wrapper .featured-block {
  opacity: 1;
}
.block-editor-block-list__block .wp-block-acf-featured-blocks-wrapper .featured-block__content {
  --colorText: var(--white);
  --colorLink: var(--white);
  --colorLinkHover: var(--lightGrey);
}
.block-editor-block-list__block .wp-block-acf-featured-blocks-wrapper .featured-block--dark .featured-block__content {
  --colorText: var(--lightBlack);
  --colorLink: var(--lightBlack);
  --colorLinkHover: var(--midGrey);
}
.block-editor-block-list__block .wp-block-acf-featured-blocks-wrapper .featured-block__content {
  color: var(--colorText);
}

.entry-content > .wp-block-acf-featured-columns-wrapper:first-child {
  margin-top: 0;
}

.wp-block-acf-featured-columns-wrapper.alignfull {
  padding-left: calc(0.5 * var(--paddingX));
  padding-right: calc(0.5 * var(--paddingX));
}
.wp-block-acf-featured-columns-wrapper .featured-columns__content {
  columns: 1;
}
@media (min-width: 37.5rem) {
  .wp-block-acf-featured-columns-wrapper .featured-columns__content {
    columns: 2;
  }
}
.wp-block-acf-featured-columns-wrapper .featured-column-block {
  break-inside: avoid;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 2rem 0;
}
.wp-block-acf-featured-columns-wrapper .featured-column-block:first-child {
  margin-top: 0;
}
.wp-block-acf-featured-columns-wrapper .featured-column-block {
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.wp-block-acf-featured-columns-wrapper .featured-column-block.no-fade-in {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: none;
}
.wp-block-acf-featured-columns-wrapper .featured-column-block.is-in-view {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
@media (min-width: 37.5rem) {
  .wp-block-acf-featured-columns-wrapper .featured-column-block.featured-column-block--with-spacing {
    padding-right: var(--spacing, 10%);
    padding-left: var(--spacing, 10%);
  }
}
.wp-block-acf-featured-columns-wrapper .featured-column-block__content {
  display: block;
  width: 100%;
  position: relative;
  --colorText: var(--white);
  --colorLink: var(--white);
  --colorLinkHover: var(--white);
}
.wp-block-acf-featured-columns-wrapper .featured-column-block--dark .featured-column-block__content {
  --colorText: var(--lightBlack);
  --colorLink: var(--lightBlack);
  --colorLinkHover: var(--lightBlack);
}
.wp-block-acf-featured-columns-wrapper .featured-column-block__image-wrapper > div {
  position: relative;
  padding-top: var(--ratio, 100%);
}
.wp-block-acf-featured-columns-wrapper .featured-column-block__image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
  object-position: center center;
}
.wp-block-acf-featured-columns-wrapper .featured-column-block__info {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: calc(0.5 * var(--padding)) calc(0.5 * var(--paddingX));
}
.wp-block-acf-featured-columns-wrapper .featured-column-block__info h3 {
  margin: 0;
  padding: 0;
  font-size: calc(1.125 * var(--fontSize));
  display: inline;
  text-transform: uppercase;
}
.wp-block-acf-featured-columns-wrapper .featured-column-block__info h3 span {
  display: none;
}

.featured-column-block__content:hover .featured-column-block__info h3 span, .featured-column-block__content:focus .featured-column-block__info h3 span, .featured-column-block__content:active .featured-column-block__info h3 span {
  display: inline;
}
.featured-column-block__content:hover {
  animation: link-scale 0.3s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .featured-column-block__content:hover {
    animation: none;
  }
}

.featured-column-block__text-content {
  width: 80%;
  margin-inline: auto;
  font-size: calc(1.25 * var(--fontSize));
  margin-block: 1rem;
}
@media (min-width: 50rem) {
  .featured-column-block__text-content {
    margin-block: 2rem;
    font-size: var(--fontSizeMedium);
  }
}
@media (min-width: 80rem) {
  .featured-column-block__text-content {
    font-size: var(--fontSizeLarge);
  }
}
.featured-column-block__text-content {
  text-decoration: none;
  text-wrap: balance;
}
.featured-column-block__text-content p {
  margin-bottom: 0.75em;
}

.featured-column-block__text-button {
  display: inline-block;
  font-size: calc(1.125 * var(--fontSize));
  text-transform: uppercase;
}

@media (min-width: 37.5rem) {
  .wp-block-acf-featured-columns-wrapper--single .featured-column-block {
    width: 100%;
  }
  .wp-block-acf-featured-columns-wrapper--single .featured-column-block:nth-child(odd) {
    padding-right: 0;
  }
}

.block-editor-block-list__block .wp-block-acf-featured-columns-wrapper .featured-column-block {
  opacity: 1;
}
.block-editor-block-list__block .wp-block-acf-featured-columns-wrapper .featured-column-block__content {
  --colorText: var(--white);
  --colorLink: var(--white);
  --colorLinkHover: var(--lightGrey);
}
.block-editor-block-list__block .wp-block-acf-featured-columns-wrapper .featured-column-block--dark .featured-column-block__content {
  --colorText: var(--lightBlack);
  --colorLink: var(--lightBlack);
  --colorLinkHover: var(--midGrey);
}
.block-editor-block-list__block .wp-block-acf-featured-columns-wrapper .featured-column-block__content {
  color: var(--colorText);
}

.wp-block-acf-lettering {
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
  margin-top: calc(1.5 * var(--padding));
  margin-bottom: calc(1.5 * var(--padding));
}
.wp-block-acf-lettering.lettering-is-active {
  opacity: 1;
}
.wp-block-acf-lettering.lettering-is-active .acf-lettering {
  opacity: 1;
}
.wp-block-acf-lettering .char-vertical-1 {
  --verticalTransform: -0.25em;
}
.wp-block-acf-lettering .char-vertical-2 {
  --verticalTransform: -0.125em;
}
.wp-block-acf-lettering .char-vertical-3 {
  --verticalTransform: 0;
}
.wp-block-acf-lettering .char-vertical-4 {
  --verticalTransform: 0.125em;
}
.wp-block-acf-lettering .char-vertical-5 {
  --verticalTransform: 0.25em;
}
.wp-block-acf-lettering .char-vertical-6 {
  --verticalTransform: -0.2em;
}
.wp-block-acf-lettering .char-vertical-7 {
  --verticalTransform: 0.2em;
}
.wp-block-acf-lettering .char-vertical-8 {
  --verticalTransform: -0.05em;
}
.wp-block-acf-lettering .acf-lettering {
  margin: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-family: var(--fontLogo);
  text-transform: uppercase;
  font-size: var(--fontSizeXXXLarge);
  text-align: center;
  user-select: none;
}
.wp-block-acf-lettering .acf-lettering span[class^=word] {
  display: inline-block;
  margin-left: 0.125em;
  margin-right: 0.125em;
}
.wp-block-acf-lettering .acf-lettering span[class^=char] {
  position: relative;
  margin: 0 0.05em;
  display: inline-block;
  transform: translate3d(0, var(--verticalTransform), 0);
  transition: transform 0.1s ease;
}

.block-editor-block-list__block .wp-block-acf-is-empty {
  padding: 30px;
}
.block-editor-block-list__block .wp-block-acf-lettering,
.block-editor-block-list__block .acf-lettering {
  opacity: 1;
}

.wp-block-acf-project-metadata {
  margin-top: calc(1.5 * var(--padding));
  margin-bottom: calc(1.5 * var(--padding));
}
.wp-block-acf-project-metadata .project-metadata {
  border-bottom: 1px solid var(--colorBorder);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-acf-project-metadata .project-metadata__row {
  border-top: 1px solid var(--colorBorder);
  border-left: 1px solid var(--colorBorder);
  border-right: 1px solid var(--colorBorder);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.wp-block-acf-project-metadata .project-metadata__row > span,
.wp-block-acf-project-metadata .project-metadata__row > a {
  padding: 0 0.5em 0 0;
}
.wp-block-acf-project-metadata .project-metadata__row a {
  text-decoration: none;
}
.wp-block-acf-project-metadata .project-metadata__row a span {
  border-bottom: 1px solid currentColor;
}
.wp-block-acf-project-metadata .project-metadata__row-label {
  font-size: var(--fontSizeXSmall);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.wp-block-acf-project-metadata .project-metadata__row-rich-content > * {
  display: inline;
}
.wp-block-acf-project-metadata .project-metadata__row-rich-content a {
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.block-editor-block-list__block .wp-block-acf-project-metadata a {
  color: var(--colorText);
}

.wp-block-acf-quick-links {
  --colorLink: var(--blue);
  margin-top: calc(1 * var(--padding));
  margin-bottom: calc(1 * var(--padding));
  font-size: var(--fontSizeSmall);
  padding: 0 calc(0.75 * var(--paddingX));
}
@media (min-width: 768px) {
  .wp-block-acf-quick-links {
    font-size: var(--fontSize);
  }
}
.wp-block-acf-quick-links ul {
  margin: 0;
  padding: calc(0.5 * var(--padding)) 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  list-style-type: none;
}
.wp-block-acf-quick-links li {
  margin: calc(0.25 * var(--paddingX));
}
.wp-block-acf-quick-links li a {
  text-align: center;
  padding: 1em 1.125em;
  padding: 0.625em 1.125em;
  text-decoration: none;
  border: 1px solid currentColor;
  border-radius: 2em;
  display: inline-block;
  color: var(--colorLink);
}
.wp-block-acf-quick-links li a:hover, .wp-block-acf-quick-links li a:focus {
  font-weight: 700;
  background: var(--white);
  border-color: var(--green);
  color: var(--green);
  border-radius: 2em;
}
.wp-block-acf-quick-links li a:hover {
  animation: link-scale 0.3s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-acf-quick-links li a:hover {
    animation: none;
  }
}

.wp-block-acf-slider {
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.wp-block-acf-slider.flickity-enabled {
  opacity: 1;
}
.wp-block-acf-slider.is-single-slide img {
  max-width: 100%;
}
.wp-block-acf-slider.is-single-slide .flickity-button {
  display: none;
}

.slider-slide {
  padding: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease 0.8s;
}
.slider-slide.is-selected {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.slider-slide figure {
  margin: auto;
}
.slider-slide img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 400px;
}
@media screen and (min-width: 800px) {
  .slider-slide img {
    max-height: 500px;
  }
}
@media screen and (min-width: 1200px) {
  .slider-slide img {
    max-height: 600px;
  }
}

.block-editor-block-list__block .wp-block-acf-is-empty {
  padding: 30px;
}
.block-editor-block-list__block .wp-block-acf-slider {
  opacity: 1;
}
.block-editor-block-list__block .slider-slide {
  opacity: 1;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: calc(1 * var(--padding, 15px));
  width: auto;
  max-width: none;
}
.block-editor-block-list__block .slider-slide figure {
  display: table;
  margin: auto;
}
.block-editor-block-list__block .slider-slide img {
  display: block;
  width: auto;
  height: 400px;
  max-width: none;
  max-height: none;
}
@media screen and (min-width: 800px) {
  .block-editor-block-list__block .slider-slide img {
    height: 500px;
  }
}
@media screen and (min-width: 1200px) {
  .block-editor-block-list__block .slider-slide img {
    height: 600px;
  }
}
.block-editor-block-list__block .slider-slide:last-child {
  padding-right: calc(1 * var(--padding, 15px));
}
.block-editor-block-list__block .slider-slide figcaption {
  padding-top: calc(0.5 * var(--padding, 15px));
  font-size: var(--fontSizeSmall, 13px);
  color: var(--colorTextSecondary, #505050);
}

.wp-block-acf-toggle {
  margin-top: calc(1.5 * var(--padding));
  margin-bottom: calc(1.5 * var(--padding));
}

.acf-toggle {
  background: var(--lightBackground, #eee);
  padding: calc(0.5 * var(--padding)) var(--paddingX);
}
.acf-toggle .toggle-content {
  display: none;
  padding: 0 0 0.625rem 0;
}

.wp-block-acf-toggle--is-active .toggle-content {
  display: block;
}
.wp-block-acf-toggle--is-active .toggle-button .toggle-button__icon {
  transform: rotate(90deg);
}
.wp-block-acf-toggle--is-active .toggle-button:hover:not(:focus) .toggle-button__icon {
  transform: rotate(0deg);
}

.wp-block-acf-toggle--block .toggle-content > *:last-child {
  margin-bottom: 0;
}
.wp-block-acf-toggle--block .toggle-button {
  padding: 0.5em 0;
  border: 0;
  margin: 0;
  background: transparent;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  cursor: pointer;
  border-radius: 0;
  color: var(--colorText);
  font-size: var(--fontSize, 1rem);
}
.wp-block-acf-toggle--block .toggle-button .toggle-button__label {
  flex: 0 1 auto;
  max-width: calc(100% - 2rem);
  text-align: left;
  text-decoration: none;
}
.wp-block-acf-toggle--block .toggle-button .toggle-button__icon {
  flex: 0 0 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.75rem;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
  height: 1.75rem;
  width: 1.75rem;
  margin-right: 0.25rem;
}
.wp-block-acf-toggle--block .toggle-button .toggle-button__icon svg {
  fill: currentColor;
}
.wp-block-acf-toggle--block .toggle-button:hover, .wp-block-acf-toggle--block .toggle-button:focus {
  color: var(--colorText);
}
.wp-block-acf-toggle--block .toggle-button:hover .toggle-button__label, .wp-block-acf-toggle--block .toggle-button:focus .toggle-button__label {
  text-decoration: underline;
}
.wp-block-acf-toggle--block .toggle-button:not(:focus-visible) {
  color: var(--colorText);
}
.wp-block-acf-toggle--block .toggle-button:not(:focus-visible) .toggle-button__label {
  text-decoration: none;
}
.wp-block-acf-toggle--block.wp-block-acf-toggle--is-active .toggle-button .toggle-button__icon {
  transform: rotate(-90deg);
}

.wp-block-acf-toggle--button .acf-toggle {
  background: transparent;
  padding: 0;
}
.wp-block-acf-toggle--button .acf-toggle .toggle-content {
  padding: 0;
}
.wp-block-acf-toggle--button .toggle-button {
  border: 0;
  margin: 0 auto;
  padding: 0;
  border-radius: 2em;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  cursor: pointer;
  font-size: var(--fontSize, 1rem);
  border-radius: 2em;
  background: transparent;
  color: var(--colorLink);
  text-decoration: none;
}
.wp-block-acf-toggle--button .toggle-button:hover {
  background: transparent;
  border-color: var(--colorLinkHover);
  color: var(--colorLinkHover);
  font-weight: 700;
}
.wp-block-acf-toggle--button .toggle-button:active, .wp-block-acf-toggle--button .toggle-button:focus {
  background: transparent;
  border-color: var(--colorLinkHover);
  color: var(--colorLinkHover);
}
.wp-block-acf-toggle--button .toggle-button:hover {
  animation: link-scale 0.3s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-acf-toggle--button .toggle-button:hover {
    animation: none;
  }
}
.wp-block-acf-toggle--button .toggle-button .toggle-button__label {
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding: 0;
}
.wp-block-acf-toggle--button .toggle-button .toggle-button__icon {
  display: none;
  justify-content: flex-start;
  align-items: center;
  font-size: 1em;
  height: 2em;
  width: 2em;
}
.wp-block-acf-toggle--button .toggle-button .toggle-button__icon svg {
  fill: currentColor;
}
.wp-block-acf-toggle--button.wp-block-acf-toggle--is-active .toggle-button .toggle-button__icon {
  transform: rotate(45deg);
}

.block-editor-block-list__block .wp-block-acf-toggle .toggle-content {
  display: block !important;
}

/*--------------------------------------------------------------
# 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: var(--siteBackground);
  border-radius: 3px;
  box-shadow: var(--cardShadow);
  clip: auto !important;
  clip-path: none;
  color: var(--colorText);
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

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

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

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

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