@charset "UTF-8";
/*!
Theme Name: MCH Group One
Theme URI:
Author: MCH Group
Author URI: https://mch-group.com
Description:
Version: 1.7.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mch-group-one
*/
/*--------------------------------------------------------------
#Imports
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#Abstracts
--------------------------------------------------------------*/
/*
This file is used to contain all abstracts imports.
Files inside this folder can contain abstract settings, helper functions and non–output snippets only
(font-face imports, reusable mixins, global variables, colors, etc.)
*/
/*--------------------------------------------------------------
#Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("IBM Plex Sans ExtraLight"), local("IBMPlexSans-ExtraLight"), url(assets/fonts/ibm-plex-sans-200.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(assets/fonts/ibm-plex-sans-300.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("IBM Plex Sans"), local("IBMPlexSans"), url(assets/fonts/ibm-plex-sans-400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url(assets/fonts/ibm-plex-sans-700.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*--------------------------------------------------------------
#Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#Functions
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#Variables
--------------------------------------------------------------*/
/*
Initial values should be defined through SASS Variables
but variables which need have to be changed depending on dark/light mode
or for different breakpoints should be defined as CSS Variables
*/
:root {
  --color__bg: #ffffff;
  --color__text: #0f0064;
  --color__highlight: #ff6600;
  --color__navbar-bg: rgba(255, 255, 255, 0.5);
  --color__navbar-shadow: rgba(15, 0, 100, 0.25);
  --color__logo: #646363;
  --navigation__bgimage: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 633 1024"><polygon fill="%23ffffff" points="0 1024 0 0 633 0 582 1024 0 1024"/></svg>');
  --color__overlay: rgba(169, 169, 169, 0.85);
  --hr__bgimage: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 3' fill='%230f0064'><rect x='0.5' y='0.5' width='2' height='2'/><rect x='28.5' y='0.5' width='2' height='2'/><rect x='56.5' y='0.5' width='2' height='2'/></svg>");
  --cta__bg-normal: #f7f7f7;
}

[data-theme="dark"] {
  -webkit-font-smoothing: antialiased;
  --color__bg: #0f0064;
  --color__text: #ffffff;
  --color__navbar-bg: rgba(15, 0, 100, 0.5);
  --color__navbar-shadow: rgba(0, 0, 0, 0.25);
  --color__logo: #ffffff;
  --navigation__bgimage: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 633 1024"><polygon fill="%230f0064" points="0 1024 0 0 633 0 582 1024 0 1024"/></svg>');
  --color__overlay: rgba(0, 0, 0, 0.55);
  --hr__bgimage: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 3' fill='%23ffffff'><rect x='0.5' y='0.5' width='2' height='2'/><rect x='28.5' y='0.5' width='2' height='2'/><rect x='56.5' y='0.5' width='2' height='2'/></svg>");
  --cta__bg-normal: #1c1c74;
}

/*--------------------------------------------------------------
#Base
--------------------------------------------------------------*/
/*
This file is used to contain all base imports.
Files inside this folder can contain global styles used in the project.
*/
/*--------------------------------------------------------------
#Reset
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#Scaffolding
--------------------------------------------------------------*/
body {
  margin: 0;
  color: var(--color__text);
  background: var(--color__bg);
}

body.error404 {
  overflow-x: hidden;
}

@media (max-width: 773px) {
  body {
    margin-bottom: 4.45rem;
  }
}

.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.site-header,
.site-footer {
  flex: none;
}

.site-content {
  flex: 1 0 auto;
}

/*--------------------------------------------------------------
#Margins site-header / site-content / site-footer
--------------------------------------------------------------*/
.slogan-slider,
.slogan-single,
.entry-featured-img {
  margin-top: -150px;
}

.slogan-slider + *,
.slogan-single + * {
  margin-top: 100px;
}

@media (min-width: 774px) {
  .site-content > article:first-child > .page-header,
  .site-content > article:first-child > .entry-header,
  .site-content > section:first-child > .page-header,
  .site-content > section:first-child > .entry-header {
    margin-top: 50px;
  }
}

.site-content > article:first-child > .entry-featured-img + .entry-header,
.site-content > section:first-child > .entry-featured-img + .entry-header {
  margin-top: 100px;
}

.site-footer {
  margin-top: 200px;
}

/*--------------------------------------------------------------
#Margins entry-header / entry-content / entry-footer
--------------------------------------------------------------*/
.site-content .entry-header > *:first-child,
.site-content .entry-content > *:first-child {
  margin-top: 0;
}

.site-content > *:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
#Margins Gutenberg content
--------------------------------------------------------------*/
.entry-header h1 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.entry-lead .lead {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-meta .entry-meta__grid {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-lead p {
  margin-top: 0;
  margin-bottom: 0;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
  margin-top: 50px;
  margin-bottom: 50px;
}

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

.entry-content p {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-content hr {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-content .accordion {
  margin-top: 50px;
  margin-bottom: 100px;
}

.entry-content .wp-block-quote {
  margin-top: 50px;
  margin-bottom: 100px;
}

.entry-content .wp-block-quote *:last-child {
  margin-bottom: 0;
}

.entry-content figure.wp-block-image {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-content figure.wp-block-table {
  margin-top: 50px;
  margin-bottom: 100px;
}

.entry-content .wp-block-button {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-content ul, .entry-content ol {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-content ul ul, .entry-content ul ol, .entry-content ol ul, .entry-content ol ol {
  margin-bottom: 0;
}

.entry-content ul ul ul, .entry-content ul ul ol, .entry-content ul ol ul, .entry-content ul ol ol, .entry-content ol ul ul, .entry-content ol ul ol, .entry-content ol ol ul, .entry-content ol ol ol {
  margin-bottom: 0;
}

.entry-content .wp-block-cta {
  margin-top: 50px;
}

.entry-content .wp-block-cta + svg {
  margin-bottom: 100px;
}

.entry-content .wp-block-cta.cta--default {
  margin-top: -50px;
}

.entry-content .wp-block-gallery ul {
  margin-bottom: 0;
}

.entry-content .wp-block-counter {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-content figure.wp-block-video, .entry-content figure.wp-block-embed {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-content .wp-block-addthis {
  margin-top: 0;
  margin-bottom: 50px;
}

.entry-content .wp-block-full-image-parallax {
  margin-top: 50px;
  margin-bottom: 100px;
}

/*--------------------------------------------------------------
#Posts Home
--------------------------------------------------------------*/
.posts-home {
  margin-bottom: 100px;
}

/*--------------------------------------------------------------
#Secions Home
--------------------------------------------------------------*/
.section .entry-content > *:last-child {
  margin-bottom: 100px;
}

.section h1 {
  margin-top: 50px;
  margin-bottom: 25px;
}

@media (max-width: 873px) {
  .section h1 {
    margin-top: 100px;
  }
}

.section .entry-link {
  margin-top: 0;
  margin-bottom: 50px;
}

.section .wp-block-columns {
  margin-top: 0;
  margin-bottom: 100px;
}

/*--------------------------------------------------------------
#Columns
--------------------------------------------------------------*/
.wp-block-columns {
  margin-top: 50px;
  margin-bottom: 100px;
}

.wp-block-columns + .wp-block-columns {
  margin-top: 0;
}

@media (max-width: 873px) {
  .wp-block-columns {
    margin-top: 0;
    margin-bottom: 50px;
  }
}

/*--------------------------------------------------------------
#Gutenberg Content Home
--------------------------------------------------------------*/
.content-home .entry-content div:last-child {
  padding-bottom: 0;
}

/*--------------------------------------------------------------
#Title follows content with 100px top / bottom
--------------------------------------------------------------*/
.wp-block-columns + h2, .wp-block-columns + h3, .wp-block-columns + h4, .wp-block-group + h2, .wp-block-group + h3, .wp-block-group + h4 {
  margin-top: 0;
}

@media (max-width: 873px) {
  .wp-block-columns + h2, .wp-block-columns + h3, .wp-block-columns + h4 {
    margin-top: 50px;
  }
}

/*--------------------------------------------------------------
#Group
--------------------------------------------------------------*/
.wp-block-group__inner-container > *:first-child {
  margin-top: 0;
}

/*--------------------------------------------------------------
#G-Forms
--------------------------------------------------------------*/
.gform_wrapper {
  margin-bottom: 50px;
}

/*--------------------------------------------------------------
#Grid
--------------------------------------------------------------*/
.grid-wrapper, .wp-block-group__inner-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 100px 225px 600px 225px 100px 1fr;
  grid-template-columns: 1fr 100px 225px 600px 225px 100px 1fr;
}

@media (max-width: 1423px) {
  .grid-wrapper, .wp-block-group__inner-container {
    -ms-grid-columns: 1fr 0 225px 600px 225px 0 1fr;
    grid-template-columns: 1fr 0 225px 600px 225px 0 1fr;
  }
}

@media (max-width: 1223px) {
  .grid-wrapper, .wp-block-group__inner-container {
    -ms-grid-columns: 79px 0 1fr 600px 1fr 0 79px;
    grid-template-columns: 79px 0 1fr 600px 1fr 0 79px;
  }
}

@media (max-width: 873px) {
  .grid-wrapper, .wp-block-group__inner-container {
    -ms-grid-columns: 1fr 0 0 600px 0 0 1fr;
    grid-template-columns: 1fr 0 0 600px 0 0 1fr;
  }
}

@media (max-width: 773px) {
  .grid-wrapper, .wp-block-group__inner-container {
    -ms-grid-columns: 25px 0 0 calc(100% - 2 * 25px) 0 0 25px;
    grid-template-columns: 25px 0 0 calc(100% - 2 * 25px) 0 0 25px;
  }
}

.grid-wrapper > *, .wp-block-group__inner-container > * {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4 / 5;
}

.grid-wrapper > .alignwide, .wp-block-group__inner-container > .alignwide {
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-column: 3 / 6;
}

.grid-wrapper > .alignfull, .wp-block-group__inner-container > .alignfull {
  -ms-grid-column: 2;
  -ms-grid-column-span: 5;
  grid-column: 2 / 7;
}

@media (max-width: 1423px) {
  .grid-wrapper > .alignfull, .wp-block-group__inner-container > .alignfull {
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-column: 3 / 6;
  }
}

.grid-wrapper > .alignscreen, .wp-block-group__inner-container > .alignscreen {
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-column: 1 / 8;
}

/*--------------------------------------------------------------
#Typography
--------------------------------------------------------------*/
html {
  font-size: 20px;
}

@media (max-width: 773px) {
  html {
    font-size: 18px;
  }
}

body {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 300;
  line-height: 1.45;
}

h1, h2, h3 {
  line-height: 1.2;
  font-weight: 400;
}

h1, h2, h3, h4 {
  font-family: "IBM Plex Sans", sans-serif;
}

h1 {
  font-size: 2.2rem;
}

@media (max-width: 773px) {
  h1 {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
  }
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.2rem;
}

h4 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
}

a {
  color: var(--color__highlight);
  text-decoration: none;
}

a:visited {
  color: var(--color__highlight);
  text-decoration: none;
}

a:hover, a:focus, a:active {
  color: var(--color__highlight);
  text-decoration: underline;
}

.entry-content p a[target="_blank"]::after, .entry-content li a[target="_blank"]::after {
  transform: rotate(45deg);
  transform-origin: center;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23ff6600" d="M19.716 184.485l19.626 19.626c4.753 4.753 12.484 4.675 17.14-.173L134 123.22V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V123.22l77.518 80.717c4.656 4.849 12.387 4.927 17.14.173l19.626-19.626c4.686-4.686 4.686-12.284 0-16.971L168.485 35.716c-4.686-4.686-12.284-4.686-16.971 0L19.716 167.515c-4.686 4.686-4.686 12.284 0 16.97z"></path></svg>');
  background-repeat: no-repeat;
  background-position: right;
  width: 0.5rem;
  height: 0.7rem;
  display: inline-block;
  padding: .05em;
}

p {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 300;
  line-height: 1.45;
}

strong, b {
  font-weight: 700;
}

hr {
  border-width: 0 0 3px;
  border-style: solid;
  -o-border-image: var(--hr__bgimage) 0 0 100% repeat;
     border-image: var(--hr__bgimage) 0 0 100% repeat;
  width: 59px;
}

blockquote {
  margin-right: 0;
  margin-left: 0;
}

blockquote p {
  margin-top: 50px;
  margin-bottom: 0;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 200;
}

@media (max-width: 773px) {
  blockquote p {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
  }
}

blockquote p + cite {
  display: block;
  margin-top: 1.25rem;
}

blockquote cite {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: "IBM Plex Sans", sans-serif;
  line-height: 1.45;
  font-weight: 300;
  font-style: normal;
}

blockquote cite:before {
  content: "– ";
}

blockquote :first-child {
  margin-top: 0;
}

blockquote.wp-block-quote--animated p::after {
  content: "|";
  -webkit-animation: blinking-cursor 0.75s linear infinite;
          animation: blinking-cursor 0.75s linear infinite;
}

@-webkit-keyframes blinking-cursor {
  50% {
    opacity: 0;
  }
}

@keyframes blinking-cursor {
  50% {
    opacity: 0;
  }
}

/*--------------------------------------------------------------
#Lists
--------------------------------------------------------------*/
ul {
  list-style-type: square;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}

ul, ol {
  padding-left: 1rem;
}

ul ul, ul ol, ol ul, ol ol {
  padding-left: 2rem;
}

ul li, ol li {
  padding-left: .5rem;
}

/*--------------------------------------------------------------
#Components
--------------------------------------------------------------*/
/*
This file is used to contain all component imports.
Files inside this folder should contain all styles relating to a reusable component.
Each component does one thing and one thing only
Components are re-usable across the project
Components are independent
*/
/*--------------------------------------------------------------
#buttons
--------------------------------------------------------------*/
.btn {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background: none;
  text-decoration: none;
  cursor: pointer;
  color: var(--color__highlight);
}

.btn:focus {
  outline: none;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited {
  text-decoration: none;
}

.btn--cta-highlight {
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
  color: var(--color__highlight);
  font-size: 1.2rem;
}

.btn--cta-highlight::after {
  background-color: var(--color__highlight);
}

.btn--cta-highlight::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  transition: all 0.5s ease-in-out;
}

.btn--cta-highlight:hover::after {
  width: 0;
  left: 50%;
}

.btn--cta-highlight:hover, .btn--cta-highlight:focus, .btn--cta-highlight:active, .btn--cta-highlight:visited {
  color: var(--color__highlight);
}

.btn--cta-default {
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
  color: var(--color__text);
  font-size: 1.2rem;
}

.btn--cta-default::after {
  background-color: var(--color__highlight);
}

.btn--cta-default::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  transition: all 0.5s ease-in-out;
}

.btn--cta-default:hover::after {
  width: 0;
  left: 50%;
}

.btn--cta-default:hover, .btn--cta-default:focus, .btn--cta-default:active, .btn--cta-default:visited {
  color: var(--color__text);
}

.btn--direction-left {
  color: var(--color__text);
  text-decoration: none;
  display: inline-block;
  transition: transform 0.5s ease;
  font-size: 1.2rem;
  transform: translateX(-2rem);
}

.btn--direction-left::before, .btn--direction-left::after {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.5s ease;
}

.btn--direction-left:hover, .btn--direction-left:focus, .btn--direction-left:active, .btn--direction-left:visited {
  color: var(--color__text);
}

.btn--direction-left::before {
  width: 2rem;
  transform: translateX(2rem) scaleX(0);
  transform-origin: left;
}

.btn--direction-left::after {
  width: 4.5rem;
  transform: translateX(0.5rem) scaleX(1);
  transform-origin: right;
}

.btn--direction-left:hover {
  transform: translateX(0.5rem);
}

.btn--direction-left:hover::before {
  transform: translateX(-0.5rem) scaleX(1);
}

.btn--direction-left:hover::after {
  transform: translateX(-2rem) scaleX(0.44444);
}

.btn--direction-right {
  color: var(--color__text);
  text-decoration: none;
  display: inline-block;
  transition: transform 0.5s ease;
  font-size: 1.2rem;
  transform: translateX(2rem);
}

.btn--direction-right::before, .btn--direction-right::after {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.5s ease;
}

.btn--direction-right:hover, .btn--direction-right:focus, .btn--direction-right:active, .btn--direction-right:visited {
  color: var(--color__text);
}

.btn--direction-right::before {
  width: 4.5rem;
  transform: translateX(-0.5rem) scaleX(1);
  transform-origin: right;
}

.btn--direction-right::after {
  width: 2rem;
  transform: translateX(-2rem) scaleX(0);
  transform-origin: right;
}

.btn--direction-right:hover {
  transform: translateX(-0.5rem);
}

.btn--direction-right:hover::before {
  transform: translateX(-0.5rem) scaleX(0.44444);
}

.btn--direction-right:hover::after {
  transform: translateX(0.5rem) scaleX(1);
}

/*--------------------------------------------------------------
#figures
--------------------------------------------------------------*/
figure {
  margin: 0;
}

figure img {
  display: block;
}

figure figcaption {
  text-align: center;
  font-size: 0.8rem;
}

.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image .aligncenter {
  display: block;
  float: none;
  margin: 0;
}

.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption,
.wp-block-image .aligncenter figcaption {
  display: block;
}

.wp-block-image figcaption {
  display: block;
  margin: 0.75rem 0 0 0;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
}

.wp-block-gallery.alignleft, .wp-block-gallery.alignright {
  max-width: 100%;
}

.wp-block-gallery.aligncenter figure {
  justify-content: flex-start;
}

.blocks-gallery-grid {
  width: 100%;
}

.blocks-gallery-grid .blocks-gallery-item {
  padding: 0;
  width: calc((100% - 50px) / 2);
  margin: 0 50px 50px 0;
}

@media (max-width: 773px) {
  .blocks-gallery-grid .blocks-gallery-item {
    width: 100%;
    margin: 0 0 50px 0;
  }
}

.blocks-gallery-grid .blocks-gallery-item figure {
  flex-direction: column;
}

.blocks-gallery-grid .blocks-gallery-item figcaption {
  padding: 0;
  margin: 0.75rem 0 0 0;
  position: static;
  font-size: 0.8rem;
  background: none;
  color: var(--color__text);
}

.wp-block-image__dark,
.wp-block-image__light {
  height: auto;
}

[data-theme="dark"] .wp-block-image__light {
  display: none;
}

[data-theme="light"] .wp-block-image__dark {
  display: none;
}

/*--------------------------------------------------------------
#inline-svg
--------------------------------------------------------------*/
.inline-svg {
  max-width: 100%;
  height: auto;
}

.inline-svg__text {
  fill: var(--color__text);
}

.inline-svg__text--stroke {
  stroke: var(--color__text);
}

.inline-svg__background {
  fill: var(--color__bg);
}

.inline-svg__background--stroke {
  stroke: var(--color__bg);
}

.inline-svg__white {
  fill: #ffffff;
}

.inline-svg__white--stroke {
  stroke: #ffffff;
}

.inline-svg__blue {
  fill: #0f0064;
}

.inline-svg__blue--stroke {
  stroke: #0f0064;
}

.inline-svg__highlight {
  fill: #ff6600;
}

.inline-svg__highlight--stroke {
  stroke: #ff6600;
}

/*--------------------------------------------------------------
#Call-to-Action
--------------------------------------------------------------*/
.cta {
  padding: 100px 0;
}

.cta p {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 0;
}

.cta__image {
  position: relative;
}

.cta img {
  max-width: 100%;
  height: auto;
  display: block;
}

.cta--highlight {
  background: var(--color__highlight);
  color: #0f0064;
  position: relative;
  margin-bottom: calc(5vw + 100px);
}

.cta--highlight::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(5vw + 10px);
  background: var(--color__highlight);
  transform-origin: bottom right;
  transform: skewY(-2.86241deg);
}

.cta--highlight .cta__image {
  overflow: hidden;
}

.cta--highlight .cta__image::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  top: 100%;
  width: 100%;
  height: calc(30px + 10px);
  background: var(--color__highlight);
  transform-origin: bottom left;
  transform: skewY(-2.86241deg);
}

.cta--highlight .btn {
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
  color: #ffffff;
  font-size: 1.2rem;
}

.cta--highlight .btn::after {
  background-color: #ffffff;
}

.cta--highlight .btn::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  transition: all 0.5s ease-in-out;
}

.cta--highlight .btn:hover::after {
  width: 0;
  left: 50%;
}

.cta--highlight .btn:hover, .cta--highlight .btn:focus, .cta--highlight .btn:active, .cta--highlight .btn:visited {
  color: #ffffff;
}

.cta--default {
  background: var(--color__bg);
  color: var(--color__text);
  position: relative;
  margin-bottom: calc(5vw + 100px);
  margin-bottom: 0;
}

.cta--default::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(5vw + 10px);
  background: var(--color__bg);
  transform-origin: bottom right;
  transform: skewY(-2.86241deg);
}

.cta--default .cta__image {
  overflow: hidden;
}

.cta--default .cta__image::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  top: 100%;
  width: 100%;
  height: calc(30px + 10px);
  background: var(--color__bg);
  transform-origin: bottom left;
  transform: skewY(-2.86241deg);
}

.cta--default .btn {
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
  color: var(--color__highlight);
  font-size: 1.2rem;
}

.cta--default .btn::after {
  background-color: var(--color__highlight);
}

.cta--default .btn::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  transition: all 0.5s ease-in-out;
}

.cta--default .btn:hover::after {
  width: 0;
  left: 50%;
}

.cta--default .btn:hover, .cta--default .btn:focus, .cta--default .btn:active, .cta--default .btn:visited {
  color: var(--color__highlight);
}

.cta--normal {
  background: var(--cta__bg-normal);
  color: var(--color__text);
  position: relative;
  margin-bottom: calc(5vw + 100px);
}

.cta--normal::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(5vw + 10px);
  background: var(--cta__bg-normal);
  transform-origin: bottom right;
  transform: skewY(-2.86241deg);
}

.cta--normal .cta__image {
  overflow: hidden;
}

.cta--normal .cta__image::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  top: 100%;
  width: 100%;
  height: calc(30px + 10px);
  background: var(--cta__bg-normal);
  transform-origin: bottom left;
  transform: skewY(-2.86241deg);
}

.cta--normal .btn {
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
  color: var(--color__highlight);
  font-size: 1.2rem;
}

.cta--normal .btn::after {
  background-color: var(--color__highlight);
}

.cta--normal .btn::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  transition: all 0.5s ease-in-out;
}

.cta--normal .btn:hover::after {
  width: 0;
  left: 50%;
}

.cta--normal .btn:hover, .cta--normal .btn:focus, .cta--normal .btn:active, .cta--normal .btn:visited {
  color: var(--color__highlight);
}

.cta--image-first .cta__grid {
      grid-template-areas: "image text";
}

.cta--text-first .cta__grid {
      grid-template-areas: "text image";
}

@media (max-width: 773px) {
  .cta--image-first .cta__grid,
  .cta--text-first .cta__grid {
        grid-template-areas: "image" "text";
  }
}

.cta__image {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: image;
}

.cta--text-first .cta__grid > .cta__image {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.cta__text {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: text;
}

.cta--text-first .cta__grid > .cta__text {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

@media (max-width: 773px){
  .cta__image {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .cta__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

.cta__grid {
  display: -ms-grid;
  display: grid;
}

@media (min-width: 774px) {
  .cta__grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
  }
}

@media (max-width: 773px) {
  .cta__grid {
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 50px;
  }
}

.cta__grid > * {
  -ms-grid-row-align: center;
      align-self: center;
}

/*--------------------------------------------------------------
#Accordion
--------------------------------------------------------------*/
.accordion {
  list-style: none;
  padding: 0;
  margin: 0;
}

.accordion li {
  padding: 0;
}

.accordion-item__toggle {
  padding-right: 2rem;
  color: var(--color__text);
}

.accordion-item__toggle.active {
  color: var(--color__highlight);
}

.accordion-item__toggle:hover, .accordion-item__toggle:active, .accordion-item__toggle:focus, .accordion-item__toggle:visited {
  text-decoration: none;
}

.accordion-item {
  border-bottom: 1px solid var(--color__text);
}

.accordion-item:first-child {
  border-top: 1px solid var(--color__text);
}

.accordion-item:hover a {
  color: var(--color__highlight);
}

.accordion-item__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-item__content p {
  margin-bottom: 50px;
}

.accordion-item__toggle {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 25px 0 25px 0;
}

.accordion-item__toggle::after, .accordion-item__toggle::before {
  content: "";
  position: absolute;
  background: var(--color__highlight);
  opacity: 1;
  transition: transform 0.2s, opacity .2s;
}

.accordion-item__toggle::after {
  width: 2px;
  height: 1.5rem;
}

.accordion-item__toggle::before {
  width: 1.5rem;
  height: 2px;
}

.accordion-item__toggle.active::after, .accordion-item__toggle.active::before {
  transform: rotate(-90deg);
}

.accordion-item__toggle.active::before {
  opacity: 0;
}

.accordion-item__toggle::after {
  right: calc(.75rem - 1px);
  top: calc(50% - 0.75rem);
}

.accordion-item__toggle::before {
  right: 0;
  top: 50%;
}

/*--------------------------------------------------------------
#Tables
--------------------------------------------------------------*/
.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

table th, table td {
  border-right: 25px solid var(--color__bg);
  white-space: nowrap;
  vertical-align: top;
  min-width: 2rem;
}

table th:last-child, table td:last-child {
  border-right: 0;
}

table th {
  font-weight: 400;
  padding: 0 0 25px 0;
}

table td {
  padding: 25px 0 25px 0;
  border-bottom: 1px solid var(--color__text);
}

table tr:first-child td {
  border-top: 1px solid var(--color__text);
}

/*--------------------------------------------------------------
#Group
--------------------------------------------------------------*/
.wp-block-group {
  position: relative;
  margin: calc(5vw + 50px) 0 calc(5vw + 100px) 0;
  background: var(--cta__bg-normal);
  padding: 100px 0;
}

.wp-block-group::before, .wp-block-group::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  height: calc(5vw + 10px);
  background: var(--cta__bg-normal);
}

.wp-block-group::before {
  top: 0;
  transform-origin: top left;
  transform: skewY(-2.86241deg);
}

.wp-block-group::after {
  bottom: 0;
  transform-origin: top left;
  transform: skewY(2.86241deg);
}

.wp-block-group.alignfull {
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-column: 1 / 8;
}

.wp-block-group__inner-container > *:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
#Slogan-Slider / #Slogan-Single
--------------------------------------------------------------*/
.slogan-slider, .slogan-single {
  position: relative;
  z-index: 0;
  display: -ms-grid;
  display: grid;
  overflow: hidden;
}

.slogan-slider::after, .slogan-single::after {
  content: "";
  position: absolute;
  z-index: 100;
  left: 0;
  bottom: 0;
  top: 100%;
  width: 100%;
  height: calc(5vw + 10px);
  background: var(--color__bg);
  transform-origin: bottom right;
  transform: skewY(2.86241deg);
}

.slogan-slider a, .slogan-single a {
  color: var(--color__text);
}

.slogan-slider__overlay, .slogan-single__overlay {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  background-color: var(--color__bg);
  opacity: .8;
  width: 100%;
  height: 100%;
}

.slogan-slider__background--visible, .slogan-single__background--visible {
  position: absolute;
  z-index: 100;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slogan-slider__content, .slogan-single__content {
  margin: 7.5rem 0 calc(5rem + 2.5vw) 0;
  z-index: 400;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr;
      grid-template-areas: " . slider-text ";
  gap: 50px;
  position: relative;
}

@media screen and (max-width: 1223px) {
  .slogan-slider__content, .slogan-single__content {
    margin: 7.5rem 0 calc(5rem + 5vw) 0;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
        grid-template-areas: " . slider-text . ";
  }
}

@media screen and (max-width: 873px) {
  .slogan-slider__content, .slogan-single__content {
    margin: 7rem 0 calc(1.5rem + 5vw) 0;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: " slider-text ";
  }
}

.slogan-slider__text, .slogan-single__text {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: slider-text;
  -ms-grid-row-align: center;
      align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 1223px){
  .slogan-slider__text, .slogan-single__text {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}

@media screen and (max-width: 873px){
  .slogan-slider__text, .slogan-single__text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}

.slogan-slider__text p, .slogan-single__text p {
  margin: 0;
}

.slogan-slider__statement, .slogan-single__statement {
  margin: 0.5rem 0 0 0;
}

@media screen and (max-width: 873px) {
  .slogan-slider__statement, .slogan-single__statement {
    font-size: 1.5rem;
  }
}

.slogan-slider__nav, .slogan-single__nav {
  margin-top: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow-x: hidden;
}

@media screen and (max-width: 1423px) {
  .slogan-slider__nav, .slogan-single__nav {
    flex-direction: column-reverse;
    text-align: right;
  }
}

.slogan-slider__pagination, .slogan-single__pagination {
  list-style: none;
  padding: 0;
  margin: 0;
}

.slogan-slider__pagination li, .slogan-single__pagination li {
  padding: 0;
}

@media screen and (max-width: 1423px) {
  .slogan-slider__pagination, .slogan-single__pagination {
    margin-top: 25px;
  }
}

.slogan-slider__pagination li, .slogan-single__pagination li {
  font-size: 1.2rem;
  display: inline;
  margin-right: 25px;
  cursor: pointer;
}

@media screen and (max-width: 1423px) {
  .slogan-slider__pagination li, .slogan-single__pagination li {
    margin-right: 0;
    margin-left: 25px;
  }
}

.slogan-slider__pagination a, .slogan-single__pagination a {
  text-wrap: none;
}

.slogan-slider .slogan-slider__pagination-item--visible, .slogan-single .slogan-slider__pagination-item--visible {
  transition: color 1s ease-in-out;
}

.slogan-slider .pagination-highlight, .slogan-single .pagination-highlight {
  color: var(--color__highlight);
}

#slogan-slider--visible,
#slogan-slider__category--visible,
#slogan-slider__statement--visible,
.slogan-slider__background--visible {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

#slogan-slider--visible .slider-is-not-visible,
#slogan-slider__category--visible .slider-is-not-visible,
#slogan-slider__statement--visible .slider-is-not-visible,
.slider-is-not-visible {
  opacity: 0;
}

/*--------------------------------------------------------------
#Counter
--------------------------------------------------------------*/
.wp-block-counter {
  text-align: center;
}

.wp-block-counter .wp-block-counter__number {
  font-size: 4.2rem;
  line-height: 1;
  margin: 0;
}

.wp-block-counter .wp-block-counter__text {
  margin-top: 10px;
  margin-bottom: 0;
}

.section {
  position: relative;
  margin: 5vw 0 calc(5vw + 50px) 0;
}

.section::before, .section::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  height: calc(5vw + 10px);
}

.section::before {
  top: 0;
  transform-origin: top left;
  transform: skewY(-2.86241deg);
}

.section::after {
  bottom: 0;
  transform-origin: top left;
  transform: skewY(2.86241deg);
}

.section .entry-header__grid {
  display: -ms-grid;
  display: grid;
      grid-template-areas: ". title" ". link";
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 50px;
       column-gap: 50px;
}

@media (max-width: 873px) {
  .section .entry-header__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "title" "link";
  }
}

.section .entry-title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
}

.section .entry-link {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: link;
}

@media (max-width: 873px){
  .section .entry-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section .entry-link {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

[data-theme="light"] .yellow, [data-theme="light"] .yellow::before, [data-theme="light"] .yellow::after {
  background: #ffee1b;
}

[data-theme="light"] .green-yellow, [data-theme="light"] .green-yellow::before, [data-theme="light"] .green-yellow::after {
  background: #d2eb37;
}

[data-theme="light"] .aquamarine, [data-theme="light"] .aquamarine::before, [data-theme="light"] .aquamarine::after {
  background: #80ffe6;
}

[data-theme="light"] .deep-green {
  color: #003f00;
}

[data-theme="light"] .royal-purple {
  color: #540086;
}

[data-theme="light"] .deep-red {
  color: #720014;
}

[data-theme="dark"] .yellow {
  color: #ffee1b;
}

[data-theme="dark"] .green-yellow {
  color: #d2eb37;
}

[data-theme="dark"] .aquamarine {
  color: #80ffe6;
}

[data-theme="dark"] .deep-green, [data-theme="dark"] .deep-green::before, [data-theme="dark"] .deep-green::after {
  background: #003f00;
}

[data-theme="dark"] .royal-purple, [data-theme="dark"] .royal-purple::before, [data-theme="dark"] .royal-purple::after {
  background: #540086;
}

[data-theme="dark"] .deep-red, [data-theme="dark"] .deep-red::before, [data-theme="dark"] .deep-red::after {
  background: #720014;
}

/*--------------------------------------------------------------
#Columns
--------------------------------------------------------------*/
.wp-block-columns {
  display: -ms-grid;
  display: grid;
  gap: 50px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.wp-block-columns.alignwide {
  -ms-grid-columns: 2fr 3fr;
  grid-template-columns: 2fr 3fr;
}

.wp-block-columns.is-style-four-columns {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.wp-block-columns.is-style-four-columns .wp-block-column:first-child {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
}

.wp-block-columns.is-style-four-columns .wp-block-column:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
}

.wp-block-columns.is-style-four-columns .wp-block-column:nth-child(3) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
}

.wp-block-columns.is-style-four-columns .wp-block-column:last-child {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4 / 5;
}

@media (max-width: 1223px) {
  .wp-block-columns.is-style-four-columns {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .wp-block-columns.is-style-four-columns .wp-block-column:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
  .wp-block-columns.is-style-four-columns .wp-block-column:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
  .wp-block-columns.is-style-four-columns .wp-block-column:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
  }
  .wp-block-columns.is-style-four-columns .wp-block-column:last-child {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
  }
}

.wp-block-columns .wp-block-column {
  margin: 0;
}

.wp-block-columns .wp-block-column:first-child {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
}

.wp-block-columns .wp-block-column:last-child {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
}

.wp-block-columns .wp-block-column > * {
  margin-bottom: 50px;
}

.wp-block-columns .wp-block-column > h4 {
  margin-bottom: 0;
}

.wp-block-columns .wp-block-column > *:first-child {
  margin-top: 0;
}

.wp-block-columns .wp-block-column > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 873px) {
  .wp-block-columns .wp-block-column > h2:first-child, .wp-block-columns .wp-block-column > h3:first-child, .wp-block-columns .wp-block-column > h4:first-child {
    margin-top: 50px;
  }
}

@media (max-width: 773px) {
  .wp-block-columns {
    display: block;
  }
  .wp-block-columns .wp-block-column {
    margin-bottom: 50px;
  }
  .wp-block-columns .wp-block-column:last-child {
    margin-bottom: 0;
  }
}

.search-result h1 {
  margin: 0;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}

.search-result .search {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
}

.search-result input[type="text"] {
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  border: 0;
  padding: 0;
  max-width: 100%;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: var(--color__bg);
  color: var(--color__highlight);
  font-size: 2.2rem;
  font-weight: 300;
}

.search-result input[type="text"]:focus {
  outline: none;
}

.search-result input[type="text"]:focus {
  outline: none;
}

.search-result .search-count {
  margin-top: 50px;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
}

.search-result__wrapper {
  margin: 100px 0 200px 0;
}

.search-result .search-item {
  padding: 25px 0;
  border-top: 1px solid var(--color__text);
  display: -ms-grid;
  display: grid;
  gap: 25px;
}

.search-result .search-item__header {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}

.search-result .search-item__summary {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
}

.search-result .search-item__footer {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
}

.search-result .search-item .parent-page {
  color: var(--color__highlight);
}

.search-result .search-item h2 {
  margin: 0;
}

.search-result .search-item a {
  color: var(--color__text);
}

.search-result .search-item__footer {
  font-size: 0.8rem;
}

.search-result .search-item__footer span {
  display: block;
}

.search-result .search-item:last-child {
  border-bottom: 1px solid var(--color__text);
}

/*--------------------------------------------------------------
#404
--------------------------------------------------------------*/
.error-404__number svg {
  width: 100%;
  fill: var(--color__bg);
}

@media screen and (max-width: 873px) {
  .error-404__number svg {
    fill: currentColor;
  }
}

.error-404__number {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.cursor {
  opacity: 0;
  transition: opacity .15s ease-in-out;
  width: 15rem;
  height: 15rem;
  background: var(--color__text);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
}

.error-404__wrapper:hover + .cursor {
  opacity: 1;
}

@media screen and (max-width: 873px) {
  .error-404__wrapper:hover + .cursor {
    opacity: 0;
  }
}

/*--------------------------------------------------------------
#Addthis
--------------------------------------------------------------*/
.wp-block-addthis {
  font-size: 1.5rem;
}

.wp-block-addthis .slant-bar {
  width: 100%;
  height: auto;
  stroke: var(--color__highlight);
  stroke-width: 2px;
}

.wp-block-addthis a.at-icon-wrapper {
  margin: 0 .5em 0 0;
}

.entry-footer .addthis_custom_sharing {
  font-size: 20px;
}

.entry-footer a.at-icon-wrapper {
  margin: .25em 0 0 .5em;
}

.addthis_custom_sharing .at-share-tbx-element {
  font-size: inherit;
}

.addthis_custom_sharing .at-share-btn-elements {
  display: flex;
}

.addthis_custom_sharing a.at-icon-wrapper {
  background: transparent !important;
  border-radius: 0 !important;
}

.addthis_custom_sharing a.at-icon-wrapper:focus, .addthis_custom_sharing a.at-icon-wrapper:hover {
  transform: none;
  outline: none;
}

.addthis_custom_sharing a.at-icon-wrapper:focus span.at-icon-wrapper, .addthis_custom_sharing a.at-icon-wrapper:hover span.at-icon-wrapper {
  border: 1px solid var(--color__highlight);
}

.addthis_custom_sharing a.at-icon-wrapper:focus svg.at-icon, .addthis_custom_sharing a.at-icon-wrapper:hover svg.at-icon {
  fill: var(--color__highlight) !important;
}

.addthis_custom_sharing span.at-icon-wrapper {
  width: 1.25em !important;
  height: 1.25em !important;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid var(--color__text);
  display: flex;
  justify-content: center;
  align-items: center;
}

.addthis_custom_sharing svg.at-icon {
  fill: var(--color__text) !important;
  width: 1.1em !important;
  height: 1.1em !important;
}

/*--------------------------------------------------------------
#Cookie Disclaimer
--------------------------------------------------------------*/
@media (max-width: 773px) {
  [data-cookie-disclaimer="visible"] body {
    margin-bottom: 11.45rem;
  }
}

[data-cookie-disclaimer="hidden"] .cookie-disclaimer {
  display: none;
}

.cookie-disclaimer {
  position: fixed;
  z-index: 850;
  bottom: calc(2rem + 77px);
  left: 79px;
  width: 220px;
}

.cookie-disclaimer::before, .cookie-disclaimer::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 87px;
  background: var(--color__highlight);
}

.cookie-disclaimer::before {
  top: 0;
  transform-origin: bottom right;
  transform: skewY(19.29005deg);
}

.cookie-disclaimer::after {
  bottom: 0;
  transform-origin: top right;
  transform: skewY(-19.29005deg);
}

.cookie-disclaimer .hidden {
  display: none;
}

@media (max-width: 773px) {
  .cookie-disclaimer {
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .cookie-disclaimer::before, .cookie-disclaimer::after {
    content: none;
  }
}

.cookie-disclaimer__wrapper {
  background: var(--color__highlight);
  color: #0f0064;
  padding: 12.5px 25px;
}

@media (max-width: 773px) {
  .cookie-disclaimer__wrapper {
    padding: 25px 25px 4.45rem 25px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 25px;
  }
}

.cookie-disclaimer p {
  font-size: 0.8rem;
  margin: 0 0 25px 0;
  color: #ffffff;
}

.cookie-disclaimer a {
  color: #ffffff;
  text-decoration: underline;
}

.cookie-disclaimer a:hover {
  text-decoration: none;
}

@media (min-width: 774px) {
  .cookie-disclaimer .btn--close {
    display: inline-block;
    position: relative;
    padding-bottom: 2px;
    color: #ffffff;
    font-size: 1.2rem;
  }
  .cookie-disclaimer .btn--close::after {
    background-color: #ffffff;
  }
  .cookie-disclaimer .btn--close::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 2px;
    transition: all 0.5s ease-in-out;
  }
  .cookie-disclaimer .btn--close:hover::after {
    width: 0;
    left: 50%;
  }
  .cookie-disclaimer .btn--close:hover, .cookie-disclaimer .btn--close:focus, .cookie-disclaimer .btn--close:active, .cookie-disclaimer .btn--close:visited {
    color: #ffffff;
  }
  .cookie-disclaimer .btn--close__icon {
    display: none;
  }
}

@media (max-width: 773px) {
  .cookie-disclaimer .btn--close {
    -ms-grid-row-align: start;
        align-self: start;
    font-size: 0;
    color: #ffffff;
  }
  .cookie-disclaimer .btn--close__text {
    display: none;
  }
  .cookie-disclaimer .btn--close__icon {
    background: #ffffff;
    display: block;
    width: 2rem;
    height: 2px;
    transform: translateY(0.5rem) rotate(45deg);
  }
  .cookie-disclaimer .btn--close__icon--second {
    transform: translateY(0.4rem) rotate(-45deg);
  }
}

/*--------------------------------------------------------------
#Full Image Parallax
--------------------------------------------------------------*/
.wp-block-full-image-parallax {
  height: 450px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1223px) {
  .wp-block-full-image-parallax {
    height: 300px;
  }
}

@media screen and (max-width: 873px) {
  .wp-block-full-image-parallax {
    height: 200px;
    background-attachment: scroll;
  }
}

/*--------------------------------------------------------------
#Gravity Forms
--------------------------------------------------------------*/
.gform_wrapper .validation_error {
  color: var(--color__highlight);
  margin-bottom: 50px;
}

.gform_wrapper .gform_body ul.gform_fields {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gform_wrapper .gform_body ul.gform_fields li {
  padding: 0;
}

.gform_wrapper .gform_body ul.gform_fields .gfield {
  margin-bottom: 50px;
}

.gform_wrapper .gform_body label {
  font-weight: 700;
  margin-bottom: .5rem;
  display: block;
}

.gform_wrapper .gform_body label .gfield_required {
  color: var(--color__highlight);
  padding-left: .25rem;
}

.gform_wrapper .gform_body textarea,
.gform_wrapper .gform_body input[type="text"] {
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  border: 0;
  padding: 0;
  max-width: 100%;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 0.8rem;
  color: var(--color__text);
  box-sizing: border-box;
  width: 100%;
  padding: .5rem;
  border: 1px solid var(--color__text);
  background: transparent;
}

.gform_wrapper .gform_body textarea:focus,
.gform_wrapper .gform_body input[type="text"]:focus {
  outline: none;
}

.gform_wrapper .gform_body textarea:focus, .gform_wrapper .gform_body textarea[aria-invalid="true"],
.gform_wrapper .gform_body input[type="text"]:focus,
.gform_wrapper .gform_body input[type="text"][aria-invalid="true"] {
  border-color: var(--color__highlight);
  outline: none;
}

.gform_wrapper .gform_body .validation_message {
  font-size: 0.8rem;
  color: var(--color__highlight);
}

.gform_wrapper .gform_footer input[type="submit"] {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background: none;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
  color: var(--color__text);
  font-size: 1.2rem;
  border-bottom: 2px solid var(--color__highlight);
  padding: 0;
  transition: border 0.5s ease-in-out;
}

.gform_wrapper .gform_footer input[type="submit"]:focus {
  outline: none;
}

.gform_wrapper .gform_footer input[type="submit"]::after {
  background-color: var(--color__highlight);
}

.gform_wrapper .gform_footer input[type="submit"]::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  transition: all 0.5s ease-in-out;
}

.gform_wrapper .gform_footer input[type="submit"]:hover::after {
  width: 0;
  left: 50%;
}

.gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_footer input[type="submit"]:focus, .gform_wrapper .gform_footer input[type="submit"]:active, .gform_wrapper .gform_footer input[type="submit"]:visited {
  color: var(--color__text);
}

.gform_wrapper .gform_footer input[type="submit"]:hover {
  border-color: transparent;
}

.data-protection_wrapper .gform_fields {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 50px;
       column-gap: 50px;
      grid-template-areas: "firstname lastname" "email email" "message message" "captcha captcha";
}

@media (max-width: 773px) {
  .data-protection_wrapper .gform_fields {
    display: block;
  }
}

.data-protection_wrapper .firstname {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: firstname;
}

.data-protection_wrapper .lastname {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: lastname;
}

.data-protection_wrapper .email {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: email;
}

.data-protection_wrapper .message {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: message;
}

.data-protection_wrapper .captcha {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: captcha;
}

/*--------------------------------------------------------------
#Layouts
--------------------------------------------------------------*/
/*
This file is used to contain all component imports.
Files inside this folder can contain specific element styles and layout.
Unique combinations of components and base styles are imported here
*/
/*--------------------------------------------------------------
#Main-Navigation
--------------------------------------------------------------*/
body.show-navbar .navbar,
body.menu-panel-open .navbar,
body.brands-panel-open .navbar,
body.search-panel-open .navbar {
  visibility: visible;
  opacity: 1;
}

.navbar {
  position: fixed;
  z-index: 900;
  display: -ms-grid;
  display: grid;
  left: 0;
  background: var(--color__navbar-bg);
}

@media (min-width: 774px) {
  .navbar {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .25s linear;
    top: 0;
    height: 100vh;
    width: 79px;
    -ms-grid-rows: 10rem auto 6rem 9rem 4rem 4rem;
    grid-template-rows: 10rem auto 6rem 9rem 4rem 4rem;
        grid-template-areas: "menu" "." "brands" "languages" "search" "theme";
  }
}

@media (max-width: 873px) and (min-width: 774px) {
  .navbar {
    -ms-grid-rows: 7rem auto 6rem 9rem 4rem 4rem;
    grid-template-rows: 7rem auto 6rem 9rem 4rem 4rem;
  }
}

@media (max-width: 773px) {
  .navbar {
    padding: 1.5rem 0;
    bottom: 0;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
        grid-template-areas: "brands menu search";
    width: 100%;
    background: transparent;
  }
  .navbar:after {
    content: " ";
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: -5vw;
    height: calc(5vw + 4.45rem);
    background: var(--color__bg);
    transform: skewY(-2.86241deg);
    box-shadow: 0 0 4rem var(--color__navbar-shadow);
  }
}

.navbar a {
  color: var(--color__text);
  text-decoration: none;
}

.navbar ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.navbar li {
  padding: 0;
}

.navbar__toggle-menu, .navbar__toggle-theme {
  grid-area: menu;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar__toggle-brands {
  grid-area: brands;
}

.navbar__toggle-search {
  grid-area: search;
}

.navbar__languages {
  grid-area: languages;
}

@media (max-width: 773px) {
  .navbar__languages {
    display: none;
  }
}

.navbar__toggle-theme {
  grid-area: theme;
}

@media (min-width: 774px){
  .navbar__toggle-menu, .navbar__toggle-theme {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .navbar__toggle-brands {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .navbar__toggle-search {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .navbar__languages {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .navbar__toggle-theme {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
  }
}

@media (max-width: 773px){
  .navbar__toggle-menu, .navbar__toggle-theme {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .navbar__toggle-brands {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .navbar__toggle-search {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

@media (max-width: 773px) {
  .navbar__toggle-theme {
    display: none;
  }
}

@media (min-width: 774px) {
  .navbar__toggle-menu, .navbar__toggle-brands, .navbar__languages {
    transform: rotate(-90deg);
    transform-origin: 0 0;
    position: absolute;
    bottom: -1.45rem;
    left: 25px;
  }
}

.navbar__toggle-menu svg, .navbar__toggle-brands svg {
  color: var(--color__highlight);
  transition: transform 0.4s;
  width: 1em;
  height: 1em;
}

.navbar__toggle-menu button, .navbar__toggle-brands button {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background: none;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  color: var(--color__text);
}

.navbar__toggle-menu button:focus, .navbar__toggle-brands button:focus {
  outline: none;
}

.navbar__toggle-menu {
  left: 12.5px;
  font-size: 1.5rem;
  bottom: 0;
}

@media (max-width: 773px) {
  .navbar__toggle-menu {
    margin-bottom: -4px;
  }
}

.navbar__toggle-search button {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background: none;
  text-decoration: none;
  cursor: pointer;
}

.navbar__toggle-search button:focus {
  outline: none;
}

@media (min-width: 774px) {
  .navbar__toggle-search {
    position: absolute;
    bottom: 0;
    left: 25px;
  }
  .navbar__toggle-search button {
    border: 1px solid var(--color__text);
    border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
  }
  .navbar__toggle-search .toggle-search__icon {
    width: .75em;
    height: .75em;
  }
  .navbar__toggle-search .toggle-search__text {
    display: none;
  }
}

@media (max-width: 773px) {
  .navbar__toggle-search .toggle-search__icon {
    display: none;
  }
  .navbar__toggle-search .toggle-search__text svg {
    color: var(--color__highlight);
    transition: transform 0.4s;
    width: 1em;
    height: 1em;
  }
}

@media (max-width: 773px) {
  .navbar__toggle-menu, .navbar__toggle-brands, .navbar__toggle-search {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .navbar__toggle-menu svg, .navbar__toggle-brands svg, .navbar__toggle-search svg {
    position: relative;
    left: -2px;
  }
}

.toggle-theme {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  border: 1px solid var(--color__text);
  display: flex;
  justify-content: center;
  align-items: center;
}

.toggle-theme__round {
  background-color: var(--color__text);
  border-radius: inherit;
  cursor: pointer;
  width: 60%;
  height: 60%;
  transition: all 0.2s ease-out;
}

.toggle-theme:hover .toggle-theme__round {
  height: calc(100% + 2px);
  width: calc(100% + 2px);
}

.toggle-theme input {
  display: none;
}

.slide-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 800;
  height: 100%;
  overflow-y: auto;
  transition: transform 0.4s ease-out;
  background: var(--navigation__bgimage) top right/cover no-repeat;
}

@media (min-width: 774px) {
  .slide-panel {
    transform: translateX(-100%);
  }
}

@media (max-width: 773px) {
  .slide-panel {
    transform: translateY(100%);
    width: 100%;
    background: var(--color__bg);
    height: 100%;
  }
}

.slide-panel__padding {
  padding: 4rem 8rem;
}

@media (max-width: 773px) {
  .slide-panel__padding {
    padding: 2rem 25px 4.45rem 25px;
  }
}

.slide-panel::-webkit-scrollbar {
  display: none;
}

body.menu-panel-open .toggle-menu {
  color: var(--color__highlight);
}

body.menu-panel-open .toggle-menu svg {
  transform: rotate(45deg);
}

@media (min-width: 774px) {
  body.menu-panel-open .menu-panel {
    transform: translateX(0);
  }
}

@media (max-width: 773px) {
  body.menu-panel-open .menu-panel {
    transform: translateY(0);
  }
}

body.brands-panel-open .toggle-brands {
  color: var(--color__highlight);
}

body.brands-panel-open .toggle-brands svg {
  transform: rotate(45deg);
}

@media (min-width: 774px) {
  body.brands-panel-open .brands-panel {
    transform: translateX(0);
  }
}

@media (max-width: 773px) {
  body.brands-panel-open .brands-panel {
    transform: translateY(0);
  }
}

body.search-panel-open .toggle-search {
  color: var(--color__highlight);
  border-color: var(--color__highlight);
}

@media (max-width: 773px) {
  body.search-panel-open .toggle-search svg {
    transform: rotate(45deg);
  }
}

@media (min-width: 774px) {
  body.search-panel-open .search-panel {
    transform: translateX(0);
  }
}

@media (max-width: 773px) {
  body.search-panel-open .search-panel {
    transform: translateY(0);
  }
}

.menu-panel ul, .menu-panel li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.menu-panel a {
  color: var(--color__text);
  text-decoration: none;
  white-space: nowrap;
  display: block;
}

.menu-panel a:hover, .menu-panel a:focus, .menu-panel a:active, .menu-panel a:visited {
  color: var(--color__text);
  text-decoration: none;
}

.menu-panel nav > ul > li {
  margin-bottom: 2rem;
  position: relative;
}

.menu-panel nav > ul > li > a,
.menu-panel nav > ul > li > span {
  font-size: 1.5rem;
  display: block;
  padding-right: 4rem;
}

.menu-panel nav > ul > li ul {
  margin-top: .5rem;
}

.menu-panel nav > ul > li ul a {
  padding: .2rem 0;
}

.menu-panel .current-menu-item > a {
  color: var(--color__highlight);
}

@media (min-width: 774px) {
  .menu-panel__mobile-only {
    display: none;
  }
}

@media (max-width: 773px) {
  .menu-panel__mobile-only {
    display: flex;
    align-items: center;
    padding: 2rem 25px 0 25px;
  }
  .menu-panel__mobile-only ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 2rem;
  }
  .menu-panel__mobile-only li {
    padding: 0;
  }
  .menu-panel__mobile-only a {
    padding: 0 .25rem;
  }
  .menu-panel__mobile-only a::after {
    content: "&bull;";
    padding-left: .5rem;
  }
  .menu-panel__mobile-only li:last-child a::after {
    content: none;
  }
}

.wpml-ls a {
  padding: 0 .25rem;
}

.wpml-ls a::after {
  content: "\00B7";
  padding-left: .5rem;
  font-weight: 400;
}

.wpml-ls li:last-child a::after {
  content: none;
}

.wpml-ls .wpml-ls-current-language a {
  font-weight: 700;
}

.search-panel__wrapper,
.brands-panel__wrapper {
  max-width: 500px;
}

@media (max-width: 773px) {
  .search-panel__wrapper,
  .brands-panel__wrapper {
    max-width: 100%;
  }
}

.brands-panel h2 {
  margin-top: 0;
}

.brands-panel .brand-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(100px, 150px) minmax(100px, 150px);
  grid-template-columns: minmax(100px, 150px) minmax(100px, 150px);
  gap: 50px;
  margin: 4rem 0 8rem 0;
}

.brands-panel .brand-list a {
  position: relative;
  overflow: hidden;
  display: block;
}

.brands-panel .brand-list a:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.brands-panel img {
  position: absolute;
  max-width: 100%;
  height: auto;
}

[data-theme="light"] .brands-panel img {
  top: 0;
}

[data-theme="dark"] .brands-panel img {
  bottom: 0;
}

.search-panel label {
  display: block;
  margin-top: .25rem;
}

.search-panel input {
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  border: 0;
  padding: 0;
  max-width: 100%;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: var(--color__text);
  font-size: 1.5rem;
  background: var(--color__bg);
}

.search-panel input:focus {
  outline: none;
}

.search-panel input::-moz-placeholder {
  color: #a9a9a9;
}

.search-panel input:-ms-input-placeholder {
  color: #a9a9a9;
}

.search-panel input::placeholder {
  color: #a9a9a9;
}

#navigation-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 700;
  background: var(--color__overlay);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0s 0.4s;
}

body[class*="open"] #navigation-overlay {
  opacity: .5;
  visibility: visible;
  transition: opacity 0.4s;
}

body[class*="open"] {
  overflow: hidden;
}

body[class*="open"] .site {
  opacity: .4;
  transition: opacity 0.4s ease-in-out;
}

.menu-item__toggle {
  cursor: pointer;
}

.menu-item__toggle svg {
  display: none;
}

.menu-item__toggle + .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.menu-item__toggle::after, .menu-item__toggle::before {
  content: "";
  position: absolute;
  background: var(--color__highlight);
  opacity: 1;
  transition: transform 0.2s, opacity .2s;
}

.menu-item__toggle::after {
  width: 2px;
  height: 1.5rem;
}

.menu-item__toggle::before {
  width: 1.5rem;
  height: 2px;
}

.menu-item__toggle.active::after, .menu-item__toggle.active::before {
  transform: rotate(-90deg);
}

.menu-item__toggle.active::before {
  opacity: 0;
}

.menu-item__toggle::after, .menu-item__toggle::before {
  margin-top: .2rem;
}

.menu-item__toggle::after {
  right: calc(.75rem - 1px);
  top: 0;
}

.menu-item__toggle::before {
  right: 0;
  top: calc(.75rem - 1px);
}

.navbar-horizontal {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 25px;
}

@media (max-width: 773px) {
  .navbar-horizontal {
    display: none;
  }
}

.navbar-horizontal button {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background: none;
  text-decoration: none;
  cursor: pointer;
}

.navbar-horizontal button:focus {
  outline: none;
}

.navbar-horizontal ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navbar-horizontal ul li {
  padding: 0;
}

.navbar-horizontal .current-page-ancestor a,
.navbar-horizontal .current-menu-item a,
.navbar-horizontal .cuttent-page-item a {
  color: var(--color__highlight);
}

.navbar-horizontal a {
  white-space: nowrap;
  color: var(--color__text);
  cursor: pointer;
}

.navbar-horizontal a:hover, .navbar-horizontal a:focus {
  text-decoration: none;
}

.navbar-horizontal__quicklinks {
  display: flex;
  margin-right: 50px;
}

.navbar-horizontal__quicklinks nav {
  display: flex;
}

.navbar-horizontal__quicklinks ul {
  display: flex;
  flex-wrap: wrap;
  height: 1.45rem;
  overflow: hidden;
}

.navbar-horizontal__quicklinks button {
  position: relative;
  margin-right: 50px;
  top: -.5rem;
  font-size: 1.5rem;
  height: 2.175rem;
  white-space: nowrap;
}

@media (max-width: 873px) {
  .navbar-horizontal__quicklinks button {
    margin-right: 25px;
  }
}

.navbar-horizontal__quicklinks .menu-item {
  margin: 0 .75rem;
}

.navbar-horizontal__quicklinks .menu-item:first-child {
  margin-left: 0;
}

.navbar-horizontal__quicklinks .menu-item:last-child {
  margin-right: 0;
}

.navbar-horizontal__quicklinks .toggle-menu svg,
.navbar-horizontal__quicklinks .toggle-menu--horizontal svg {
  position: relative;
  left: -2px;
  top: -2px;
  color: var(--color__highlight);
  transition: transform 0.4s;
  width: 1em;
  height: 1em;
}

.navbar-horizontal__meta {
  display: flex;
  flex-shrink: 0;
}

.navbar-horizontal__meta ul {
  display: flex;
}

.navbar-horizontal__meta label,
.navbar-horizontal__meta button {
  margin-left: 25px;
}

.navbar-horizontal__meta .toggle-search {
  border: 1px solid var(--color__text);
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
}

.navbar-horizontal__meta .toggle-search svg {
  width: .75em;
  height: .75em;
}

body.blog .current_page_parent a,
body.single-post .current_page_parent a {
  color: var(--color__highlight);
}

/*--------------------------------------------------------------
#Header
--------------------------------------------------------------*/
.site-header {
  position: relative;
  z-index: 1;
  height: 150px;
  align-items: center;
  margin: 0 25px;
  width: calc(100% - 50px);
  display: flex;
}

.site-header a:hover .logo-fill--gray {
  fill: var(--color__highlight);
}

.mch-logo {
  display: block;
  height: 105px;
  margin-right: 50px;
  flex-shrink: 0;
}

@media (max-width: 873px) {
  .mch-logo {
    height: 75px;
    margin-right: 25px;
  }
}

.mch-logo--animated {
  margin-left: -17px;
  margin-right: 36px;
}

.mch-logo--animated g {
  opacity: 0;
}

.logo-fill--blue {
  fill: #0f0064;
}

.logo-fill--orange {
  fill: var(--color__highlight);
}

.logo-fill--white {
  fill: var(--color__bg);
}

.logo-fill--gray {
  fill: var(--color__logo);
}

[data-theme="dark"] .logo-fill--blue {
  fill: #807F83;
}

#mch-logo-1 {
  -webkit-animation: mch-logo-1_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-1_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-1_animation {
  0% {
    opacity: 1;
  }
  4.9% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
}

@keyframes mch-logo-1_animation {
  0% {
    opacity: 1;
  }
  4.9% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
}

#mch-logo-2 {
  -webkit-animation: mch-logo-2_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-2_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-2_animation {
  4.9% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  9.9% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
}

@keyframes mch-logo-2_animation {
  4.9% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  9.9% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
}

#mch-logo-3 {
  -webkit-animation: mch-logo-3_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-3_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-3_animation {
  9.9% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  14.9% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
}

@keyframes mch-logo-3_animation {
  9.9% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  14.9% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
}

#mch-logo-4 {
  -webkit-animation: mch-logo-4_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-4_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-4_animation {
  14.9% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  19.9% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
}

@keyframes mch-logo-4_animation {
  14.9% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  19.9% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
}

#mch-logo-5 {
  -webkit-animation: mch-logo-5_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-5_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-5_animation {
  19.9% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  24.9% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
}

@keyframes mch-logo-5_animation {
  19.9% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  24.9% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
}

#mch-logo-6 {
  -webkit-animation: mch-logo-6_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-6_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-6_animation {
  24.9% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  29.9% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
}

@keyframes mch-logo-6_animation {
  24.9% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  29.9% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
}

#mch-logo-7 {
  -webkit-animation: mch-logo-7_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-7_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-7_animation {
  29.9% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  34.9% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
}

@keyframes mch-logo-7_animation {
  29.9% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  34.9% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
}

#mch-logo-8 {
  -webkit-animation: mch-logo-8_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-8_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-8_animation {
  34.9% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  39.9% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}

@keyframes mch-logo-8_animation {
  34.9% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  39.9% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}

#mch-logo-9 {
  -webkit-animation: mch-logo-9_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-9_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-9_animation {
  39.9% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  44.9% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
}

@keyframes mch-logo-9_animation {
  39.9% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  44.9% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
}

#mch-logo-10 {
  -webkit-animation: mch-logo-10_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-10_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-10_animation {
  44.9% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  49.9% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes mch-logo-10_animation {
  44.9% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  49.9% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

#mch-logo-11 {
  -webkit-animation: mch-logo-11_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-11_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-11_animation {
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  54.9% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
}

@keyframes mch-logo-11_animation {
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  54.9% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
}

#mch-logo-12 {
  -webkit-animation: mch-logo-12_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-12_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-12_animation {
  54.9% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  59.9% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
}

@keyframes mch-logo-12_animation {
  54.9% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  59.9% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
}

#mch-logo-13 {
  -webkit-animation: mch-logo-13_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-13_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-13_animation {
  59.9% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  64.9% {
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
}

@keyframes mch-logo-13_animation {
  59.9% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  64.9% {
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
}

#mch-logo-14 {
  -webkit-animation: mch-logo-14_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-14_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-14_animation {
  64.9% {
    opacity: 0;
  }
  65% {
    opacity: 1;
  }
  69.9% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
}

@keyframes mch-logo-14_animation {
  64.9% {
    opacity: 0;
  }
  65% {
    opacity: 1;
  }
  69.9% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
}

#mch-logo-15 {
  -webkit-animation: mch-logo-15_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-15_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-15_animation {
  69.9% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  74.9% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
}

@keyframes mch-logo-15_animation {
  69.9% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  74.9% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
}

#mch-logo-16 {
  -webkit-animation: mch-logo-16_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-16_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-16_animation {
  74.9% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  79.9% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}

@keyframes mch-logo-16_animation {
  74.9% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  79.9% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}

#mch-logo-17 {
  -webkit-animation: mch-logo-17_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-17_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-17_animation {
  79.9% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  84.9% {
    opacity: 1;
  }
  85% {
    opacity: 0;
  }
}

@keyframes mch-logo-17_animation {
  79.9% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  84.9% {
    opacity: 1;
  }
  85% {
    opacity: 0;
  }
}

#mch-logo-18 {
  -webkit-animation: mch-logo-18_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-18_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-18_animation {
  84.9% {
    opacity: 0;
  }
  85% {
    opacity: 1;
  }
  89.9% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}

@keyframes mch-logo-18_animation {
  84.9% {
    opacity: 0;
  }
  85% {
    opacity: 1;
  }
  89.9% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}

#mch-logo-19 {
  -webkit-animation: mch-logo-19_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-19_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-19_animation {
  89.9% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes mch-logo-19_animation {
  89.9% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

#mch-logo-20 {
  -webkit-animation: mch-logo-20_animation 3000ms linear 1 normal forwards;
          animation: mch-logo-20_animation 3000ms linear 1 normal forwards;
}

@-webkit-keyframes mch-logo-20_animation {
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes mch-logo-20_animation {
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*--------------------------------------------------------------
#Footer
--------------------------------------------------------------*/
.site-footer {
  font-size: 0.8rem;
}

.site-footer a {
  color: var(--color__text);
}

.site-footer a:hover {
  color: var(--color__text);
  text-decoration: underline;
}

.site-footer a:active, .site-footer a:visited, .site-footer a:focus {
  color: var(--color__text);
}

.site-footer .footer-widgets {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
      grid-template-areas: "first-footer second-footer" "third-footer fourth-footer";
}

@media (max-width: 873px) {
  .site-footer .footer-widgets {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "first-footer" "second-footer" "third-footer" "fourth-footer";
  }
}

.site-footer .footer-widgets section {
  border-top: 1px solid var(--color__text);
}

.site-footer .footer-widgets section:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: first-footer;
}

.site-footer .footer-widgets section:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: second-footer;
}

.site-footer .footer-widgets section:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: third-footer;
}

.site-footer .footer-widgets section:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: fourth-footer;
}

@media (max-width: 873px){
  .site-footer .footer-widgets section:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .site-footer .footer-widgets section:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .site-footer .footer-widgets section:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .site-footer .footer-widgets section:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}

.site-footer .footer-widgets section > p {
  color: var(--color__text);
  font-weight: 400;
  margin-bottom: 0;
}

.site-footer .footer-widgets section > p + div {
  margin-bottom: 50px;
}

.site-footer .footer-widgets section > p + div p {
  margin: 0;
}

.site-footer .footer-menu {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
}

.site-footer .footer-menu p {
  margin: 0 25px 0 0;
  display: inline;
  margin-bottom: 0;
}

.site-footer .footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-footer .footer-menu ul li {
  padding: 0;
}

.site-footer .footer-menu ul li {
  margin-right: 25px;
  display: inline-block;
}

/*--------------------------------------------------------------
#Post
--------------------------------------------------------------*/
/*
This file is used to contain all Post imports.
Files inside this folder can contain specific element styles and layout
to Blog Posts
*/
/*--------------------------------------------------------------
#Preview
--------------------------------------------------------------*/
.post-preview a {
  transition: .2s color ease-in-out;
  color: var(--color__text);
}

.post-preview h2 {
  margin: 0;
}

.post-preview img {
  max-width: 100%;
  height: auto;
  display: block;
}

.post-preview .preview-image {
  overflow: hidden;
}

.post-preview .preview-image::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -1px;
  right: -1px;
  bottom: 0;
  width: calc(100% + 2px);
  background: var(--color__bg);
  transform-origin: bottom center;
  transform: skewY(-2.86241deg);
  transition: .2s transform ease-in-out;
  height: 600px;
  top: calc(100% - (25px / 2));
}

.post-preview .preview-image.slant-bar {
  height: 25px;
  padding: 3px 0;
}

.post-preview .preview-image.slant-bar::after {
  border-top: 2px solid var(--color__highlight);
  top: calc(100% - (25px + 6px) / 2);
}

@media (max-width: 773px) {
  .post-preview .preview-image::after {
    transform-origin: bottom left;
    top: 100%;
  }
  .post-preview .preview-image.slant-bar {
    height: calc(0.05 * (100vw - 2 * 25px) + 6px);
  }
  .post-preview .preview-image.slant-bar::after {
    top: calc(100% - 3px);
  }
}

.post-preview__header {
  display: -ms-grid;
  display: grid;
  gap: 12.5px;
  margin-bottom: 25px;
}

.post-preview__header:hover, .post-preview__header:focus, .post-preview__header:active, .post-preview__header:visited {
  text-decoration: none;
  color: var(--color__text);
}

.post-preview__header:hover {
  color: var(--color__highlight);
}

@media (min-width: 774px) {
  .post-preview__header:hover .preview-image::after {
    transform: skewY(2.86241deg);
  }
}

.post-preview__footer {
  font-size: 0.8rem;
}

.post-preview__footer span {
  display: block;
}

.post-preview .preview-image {
  position: relative;
}

/*--------------------------------------------------------------
#Home
--------------------------------------------------------------*/
.posts-home {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 50px 1fr;
  grid-template-columns: 2fr 1fr;
  -ms-grid-rows: auto 50px auto;
      grid-template-areas: "sticky latest" ". more";
  gap: 50px;
  fill: var(--color__bg);
}

@media (max-width: 1223px) {
  .posts-home {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "sticky" "latest" "more";
  }
}

.posts-home__latest {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: latest;
}

@media (max-width: 1223px) {
  .posts-home__latest {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
  .posts-home__latest .post-preview:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
  .posts-home__latest .post-preview:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
  .posts-home__latest .post-preview:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
  }
  .posts-home__latest .post-preview:nth-child(odd) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
  }
  .posts-home__latest .post-preview:nth-child(even) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
  }
}

@media (max-width: 873px) {
  .posts-home__latest {
    display: block;
  }
}

.posts-home__latest .post-preview {
  margin-bottom: 50px;
}

.posts-home__sticky {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: sticky;
}

@media (min-width: 774px) {
  .posts-home__sticky .post-preview .preview-image::after {
    top: calc(100% - (52.5px / 2));
  }
}

.posts-home__sticky h2 {
  font-size: 2.2rem;
}

@media (max-width: 773px) {
  .posts-home__sticky h2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 774px) {
  .posts-home__sticky .preview-image {
    margin-bottom: 12.5px;
  }
}

.posts-home__more {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: more;
  text-align: right;
  overflow-x: hidden;
}

@media (max-width: 1223px){
  .posts-home__latest {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .posts-home__sticky {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .posts-home__more {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

/*--------------------------------------------------------------
#Overview
--------------------------------------------------------------*/
.posts-overview {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  margin-top: 50px;
  fill: var(--color__bg);
}

.posts-overview .post-preview {
  margin-bottom: 100px;
  width: calc((100% - 2 * 50px) / 3);
}

@media (max-width: 1223px) {
  .posts-overview .post-preview {
    width: calc((100% - 50px) / 2);
  }
}

@media (max-width: 773px) {
  .posts-overview .post-preview {
    width: 100%;
  }
}

/*--------------------------------------------------------------
#Filter
--------------------------------------------------------------*/
.posts-filter {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  margin-top: 5rem;
}

@media screen and (max-width: 873px) {
  .posts-filter {
    margin-top: 0;
  }
}

.posts-filter ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.posts-filter ul li {
  padding: 0;
}

.posts-filter li {
  margin: 0 1rem .5rem 0;
}

.posts-filter a {
  color: var(--color__text);
  text-decoration: none;
}

.posts-filter a:hover {
  text-decoration: underline;
}

.posts-filter a:focus .posts-filter a:active .posts-filter a:visited {
  color: var(--color__text);
}

.posts-filter .active {
  color: var(--color__highlight);
}

/*--------------------------------------------------------------
#Navigation
--------------------------------------------------------------*/
.post-navigation,
.posts-navigation {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
      grid-template-areas: "left right";
  overflow-x: hidden;
}

@media (max-width: 873px) {
  .post-navigation,
  .posts-navigation {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 50px;
    -ms-grid-rows: auto 50px auto;
        grid-template-areas: "right" "left";
  }
}

.post-navigation .btn--direction-left,
.posts-navigation .btn--direction-left {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: left;
  -ms-grid-column-align: left;
      justify-self: left;
}

.post-navigation .btn--direction-right,
.posts-navigation .btn--direction-right {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: right;
  -ms-grid-column-align: right;
      justify-self: right;
  text-align: right;
}

@media (max-width: 873px){
  .post-navigation .btn--direction-left,
.posts-navigation .btn--direction-left {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .post-navigation .btn--direction-right,
.posts-navigation .btn--direction-right {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}

.grid-wrapper--posts-overview .posts-navigation {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / 4;
}

.entry-featured-img {
  height: 30vw;
  max-height: 450px;
  position: relative;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.entry-featured-img::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color__bg);
  position: absolute;
  left: 0;
  top: 0;
}

.entry-featured-img::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  top: 100%;
  width: 100%;
  height: calc(5vw + 10px);
  background: var(--color__bg);
  transform-origin: bottom right;
  transform: skewY(2.86241deg);
}

:root .entry-featured-img::before {
  background: linear-gradient(2.86241deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%);
}

[data-theme="dark"] .entry-featured-img::before {
  background: linear-gradient(2.86241deg, rgba(15, 0, 100, 0) 0%, rgba(15, 0, 100, 0.8) 80%);
}

.entry-meta__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12.5px;
}

.entry-meta__author-img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}

.entry-meta__infos {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

.entry-meta img {
  border-radius: 50%;
  max-width: 57px;
  height: auto;
  display: block;
}

.entry-meta__infos {
  font-size: 0.8rem;
}

.entry-meta__infos span {
  display: block;
}

.posted-by {
  font-weight: 400;
}

.entry-lead p {
  font-size: 1.2rem;
}

.entry-footer {
  margin-top: 100px;
  margin-bottom: 200px;
}

@media (max-width: 773px) {
  .entry-footer {
    margin-top: 50px;
    margin-bottom: 100px;
  }
}

.entry-footer a {
  color: var(--color__text);
}

.entry-footer .entry-author {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  margin-bottom: 200px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 25px;
  line-height: 1;
}

.entry-footer .entry-author__author-img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}

.entry-footer .entry-author__infos {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.entry-footer .entry-author__infos span {
  display: block;
}

.entry-footer .entry-author__infos span.posted-by {
  margin-bottom: .25rem;
}

.entry-footer .entry-author__infos span.job-title {
  font-size: 0.8rem;
}

@media (max-width: 773px) {
  .entry-footer .entry-author {
    margin-bottom: 100px;
  }
}

.entry-footer .entry-tags {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  font-size: 0.8rem;
  padding-bottom: 50px;
  border-bottom: 1px solid var(--color__text);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

@media (max-width: 773px) {
  .entry-footer .entry-tags {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 773px) {
  .entry-footer .addthis {
    align-self: flex-end;
    margin-top: .5rem;
  }
}

.entry-footer .entry-downloads {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  font-size: 0.8rem;
}

.entry-footer .entry-downloads a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 57px auto;
  grid-template-columns: 57px auto;
  gap: 12.5px;
  margin-top: 50px;
}

.entry-footer .entry-downloads a:focus, .entry-footer .entry-downloads a:active {
  text-decoration: none;
}

.entry-footer .entry-downloads a:hover {
  color: var(--color__text);
  text-decoration: none;
}

.entry-footer .entry-downloads a:hover .entry-downloads__icon {
  border-color: var(--color__highlight);
  color: var(--color__highlight);
}

.entry-footer .entry-downloads__icon {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid var(--color__text);
  display: flex;
  justify-content: center;
  align-items: center;
}

.entry-footer .entry-downloads__icon svg {
  width: 1.2rem;
  height: 1.2rem;
}

.entry-footer .entry-downloads__infos {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row-align: center;
      align-self: center;
}

.entry-footer .entry-downloads__infos .download {
  font-weight: 400;
}

.entry-footer .entry-downloads__infos .description span {
  white-space: nowrap;
  display: none;
}

.entry-footer img {
  border-radius: 50%;
  max-width: 82px;
  height: auto;
  display: block;
}

.social-media {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.social-media li {
  padding: 0;
}

.social-media li {
  margin: .25rem .75rem 0 0;
}

.social-media li:last-child {
  margin-right: 0;
}

.social-media a {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid var(--color__text);
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-media a:hover {
  color: var(--color__highlight);
  border-color: var(--color__highlight);
}

.social-media__icon {
  width: .75rem;
  height: .75rem;
}

/*--------------------------------------------------------------
#Related
--------------------------------------------------------------*/
.related-posts {
  padding: 100px 0 50px 0;
  margin-top: 100px;
  margin-bottom: 5vw;
  background: var(--cta__bg-normal);
  position: relative;
}

.related-posts .post-preview .preview-image::after {
  background: var(--cta__bg-normal);
}

.related-posts__grid {
  display: -ms-grid;
  display: grid;
  gap: 50px;
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas: "first-related second-related third-related";
}

@media (max-width: 873px) {
  .related-posts__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "first-related" "second-related" "third-related";
  }
}

.related-posts article:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: first-related;
}

.related-posts article:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: second-related;
}

.related-posts article:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: third-related;
}

@media (max-width: 873px){
  .related-posts article:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .related-posts article:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .related-posts article:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

.related-posts::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(5vw + 10px);
  background: var(--cta__bg-normal);
  transform-origin: top left;
  transform: skewY(2.86241deg);
}