/*
Theme Name: Fairmat
Author: tsjm
Text Domain: custom-theme
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Layout
6.0 Styles
6.01 Commons
  6.01.1 SVG
  6.01.2 Utils
  6.01.3 Buttons
  6.01.4 Forms
  6.01.5 Sliders
  6.01.6 Editor
  6.01.7 Page common
6.02 Header
6.03 Footer
6.04 Home
6.05 Posts
6.06 Contact
7.0 Animations
8.0 Performances

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


:root {
    --scrollbar-width: 0px;
    --admin-bar-height: 0px;
    --viewport-height-diff: 0px;
}


/*--------------------------------------------------------------
1.0 Normalize
Styles based on normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
--------------------------------------------------------------*/
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

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

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

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

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

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

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

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

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

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
    .alignleft {
        /*rtl:ignore*/
        margin-right: calc(2 * 1rem);
    }
}

.alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
    .alignright {
        /*rtl:ignore*/
        margin-left: calc(2 * 1rem);
    }
}

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


/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/


/*--------------------------------------------------------------
5.0 Layout
--------------------------------------------------------------*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 100%;
}
#page {

}
.layout-width {
    max-width: var(--wp--style--global--wide-size);
    margin: 0 auto;
}
.content-width {
    max-width: var(--wp--style--global--content-size);
    margin: 0 auto;
}
.content-width .alignfull {
    margin-left: calc(50% - 50vw - var(--wp--style--root--padding-left));
    margin-right: calc(50% - 50vw - var(--wp--style--root--padding-right));
    margin-left: calc(50% - 50vw + var(--scrollbar-width) / 2 - var(--wp--style--root--padding-left));
    margin-right: calc(50% - 50vw + var(--scrollbar-width) / 2 - var(--wp--style--root--padding-right));
    max-width: calc(100vw - var(--scrollbar-width) + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
    width: calc(100vw - var(--scrollbar-width) + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
}

.site-content {
    position: relative;
}
.admin-bar .site {
    padding-bottom: 32px;
}
html[lang] {
    margin-top: 0!important;
}
#wpadminbar {
    top: auto;
    bottom: 0;
}

.page-body__content > :not(.block-section) {
    margin-top: var(--custom-theme-section-vertical-space);
    margin-bottom: var(--custom-theme-section-vertical-space);
}
.page-body__content > :first-child,
.page-body__content > .breadcrumbs:first-child + * {
    margin-top: 0;
}
/* Fake element to get margin collapsing working */
.page-body__content:after {
    content: '';
    display: block;
    margin-top: var(--custom-theme-footer-margin);
}

@media screen and (max-width: 991px) {
    .page-body__content > .wp-block-image.size-full {
        overflow: auto;
        margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
        margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
    }

    .page-body__content > .wp-block-image.size-full img {
        max-width: 300vw;
    }
    #wpadminbar {
        display: none!important;
    }
    .admin-bar .site {
        padding-bottom: 0;
    }
}






/*--------------------------------------------------------------
6.0 Styles
--------------------------------------------------------------*/


/*- 6.01 Commons */

/*- 6.01.1 SVG */
/**
 * Generated from https://icomoon.io/app/#/select/font
 * To add a new icon:
 * - add the new svg file to the folder assets/images/svgfont/
 * - upload all svg files from assets/images/svgfont/ on Icomoon app
 * - Download the the generated font package
 * - Replace the fonts files in the assets/fonts/ folder
 * - Update the CSS below
 */

.check-icon {
    width: 41px;
    height: 22px;
    background: currentColor;
    transform: skewY(29deg);
}


/*- 6.01.2 Utils */

.reset-nav {
    padding: 0;
    margin: 0;
}

.reset-nav li {
    display: block;
}

.reset-nav a {
    text-decoration: none;
}

.js-clickable-block {
    cursor: pointer;
}

.pop-up__overlay {
    position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 22, 21, 0.5); /* --wp--preset--color--black-like */;
    opacity: 0;
    transition: opacity 0.3s ease-out;

    display: flex;
    justify-content: center;
    align-items: center;

    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);


}
.pop-up__overlay.is-visible {
    opacity: 1;
}
.pop-up__close-btn {
    background: transparent;
    padding: 0;
    border: 0;
    color: inherit;
    position: absolute;
    top: 34px;
    right: 25px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.15s ease-out;
}
.pop-up__close-btn:hover {
    opacity: 0.6;
}
.pop-up__close-btn .icon {
    width: 19px;
    height: 19px;
}

.pop-up__content {
    position: relative;
    width: 100%;
    height: calc(100vh - 60px);
    padding: var(--custom-theme-section-vertical-space) 40px;
    background: var(--wp--preset--color--yellow);
    overflow: auto;
}

.pop-up__content iframe {
    width: 100%;
    height: 100%;
}

.page-body__content > .pop-up--video .block-pop-up__content,
.page-body__content > .pop-up--video .wp-block-embed__wrapper,
.page-body__content > .pop-up--video .wp-block-embed {
    height: 100%;
}
.page-body__content > .pop-up--video .wp-block-embed__wrapper::before {
    display: none;
}
.page-body__content > .pop-up--video .pop-up__content {
    background: #FFF;
}
@media screen and (max-width: 9991px) {
    .page-body__content > .pop-up--video .pop-up__content {
        padding-top: 90px;
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 767px) {
    .pop-up__content {
        padding: 36px var(--wp--style--root--padding-right) 0 var(--wp--style--root--padding-left);
    }
    .pop-up__content::after {
        content: '';
        display: block;
        margin-top: 51px;
    }
    .pop-up--video .pop-up__content {
        padding: 0;
    }
    .pop-up--video .pop-up__content::after {
        display: none;
    }
    .page-body__content > .pop-up--video .pop-up__content {
        padding: 60px 0 0;
    }
    .pop-up--video .wp-block-embed {
        margin-left: 0;
        margin-right: 0;
    }
    .page-body__content > .pop-up--video .pop-up__close-btn {
        top: 17px;
        right: 14px;
    }
}

.ps--active-x {
    padding-bottom: 32px;
}
.ps__rail-x,
.ps__rail-x:hover {
    opacity: 1!important;
    background: var(--wp--preset--color--grey)!important;
    height: 10px;
    border-radius: 0;
}
.ps__thumb-x {
    background: var(--wp--preset--color--marin);
    height: 10px;
    bottom: 0;
    border-radius: 0;
}
.has-marin-background-color .ps__thumb-x {
    background: var(--wp--preset--color--blue-v-2);
}
.has-dark-grey-background-color .ps__thumb-x {
    background: var(--wp--preset--color--black-like);
}


body #hubspot-messages-iframe-container {
    z-index: 20000!important;
}
body #hubspot-messages-iframe-container,
body #custom-theme-sticky-contact-btn {
    transition: 0.3s ease-out;
}
body #hubspot-messages-iframe-container:not(.visible),
body #custom-theme-sticky-contact-btn:not(.visible) {
    opacity: 0!important;
    pointer-events: none!important;
    transform: translateY(50px);
}

body #custom-theme-sticky-contact-btn {
    position: fixed;
    z-index: 20001;
    right: 92px;
    bottom: 16px;
    background: none!important;
}
#custom-theme-sticky-contact-btn .wp-block-button__link {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px, rgba(0, 0, 0, 0.2) 0px 2px 12px;
    height: 60px;
}

.site-header-is-open #hubspot-messages-iframe-container,
.site-header-is-open #custom-theme-sticky-contact-btn {
    transform: translateY(100px);
}

@media screen and (max-width: 1279px) {
    .hide-on-tablet {
        display: none!important;
    }
}

/*- 6.01.3 Buttons */

/* See editor-styles.css: .wp-block-button__link */

/*- 6.01.4 Forms */
.hs-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 23px;
}

.form-columns-1 {
    flex-basis: 100%;
    max-width: none!important;
}
.form-columns-2,
.form-columns-3,
.form-columns-4 {
    display: flex;
    gap: 20px 23px;
    max-width: none!important;
    flex: 1 1 auto;
}
.form-columns-2 > .hs-form-field { flex-basis: calc(50% - 23px / 2)}
.form-columns-3 > .hs-form-field { flex-basis: calc(33.33% - 23px / 3 * 2)}
.form-columns-4 > .hs-form-field { flex-basis: calc(25% - 23px / 4 * 3)}

.hs-form > .hs-form-field {
    flex: 1 1 calc(25% - 23px / 4 * 3);
}

.hbspt-form .hs-form-field > label {
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.3;
    color: inherit;
    margin-bottom: 13px;
    display: block;
}

.hbspt-form .hs-form-required {
    margin-left: 0.3em;
}

.hbspt-form .hs-form-field .input {
    margin-right: 0!important;
}

.hbspt-form .hs-input,
.hbspt-form select,
.hbspt-form textarea,
.hbspt-form .chosen-container a.chosen-single {
    border-radius: 0;
    width: 100% !important;
    height: 40px;
    padding: 0 11px;

    font-family: Akkurat-Mono, monospace;
    line-height: 1.3;
    font-size: 0.8125rem;
    font-weight: 400;
    color: inherit;
    background: #FFF;
    border: 1px solid #FFF;

}
.hbspt-form input:not([type="submit"]):not([type="button"]):focus,
.hbspt-form select:focus,
.hbspt-form textarea:focus,
.hbspt-form .chosen-container.chosen-container-active a.chosen-single {
    border-color: var(--wp--preset--black-like);
    outline: 0;
}

.hbspt-form [type="text"].invalid,
.hbspt-form [type="email"].invalid,
.hbspt-form textarea.invalid {
    border-color: #FF254C;
    color: #FF254C;
    background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAQlBMVEUAAAD/IFD/KFD/JVD/JEz/I03/JU3/J07/JE3/Jkz/JEz/Jkz/JU3/I0z/JU3/Jk3/JUz/JU3/Jk3/JUz/JU3/JUz2wbKvAAAAFXRSTlMAECAwQFBgb3B/gICPkJ+vv9/f7+9SEy10AAAAbklEQVQY02WOQRKDMAzEZBNMW0NwUvr/r/aQSQthj5qdkaDPEvfVcmdLDh+ZVtW3DDBv4OtwLApyXF1huPOIM7MC7hDzOSc1mMrf9cw0yP7L0kMBkS5sOS+AOQF47jkCME0AUltWtUtIANhnmPEFuL4EHQ8GWd4AAAAASUVORK5CYII=) calc(100% - 10px) center / 20px auto no-repeat;
}

.hbspt-form textarea.hs-input {
    resize: none;
    padding-top: 6px;
    padding-bottom: 6px;
    height: 186px;
}
.hbspt-form .chosen-container a.chosen-single {
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.hbspt-form .chosen-container a.chosen-single span {
    line-height: inherit;
}
.hbspt-form .chosen-container.chosen-with-drop a.chosen-single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.hbspt-form .chosen-container-single .icon {
    width: 12px;
    height: 6px;
}
.hbspt-form .chosen-container.chosen-with-drop a.chosen-single .icon {
    transform: scaleY(-1);
}
.hbspt-form .chosen-container .chosen-drop {
    box-shadow: none;
    border: 1px solid var(--wp--preset--color--black-like);
    border-top: 0;
    overflow: hidden;
}
.hbspt-form .chosen-container .chosen-results li.disabled-result {
    display: none;
}
.hbspt-form .chosen-results li {
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem;
    line-height: 1.5625;
    color: var(--wp--preset--color--black-like);
    padding-left: 0;
    margin-left: 7px;
    margin-right: 7px;
}

.hbspt-form .chosen-results li.result-selected,
.hbspt-form .chosen-results li.highlighted {
    background: none;
    color: var(--wp--preset--color--black-like);
    text-decoration: underline;
}


.hbspt-form .fake-select {

    width: 100%;
    display: block!important;
    position: relative;
    z-index: 1;
    opacity: 0;
    height: 40px;
}
.hbspt-form .fake-chosen-container {
    pointer-events: none;
    margin-bottom: -40px;
    display: block;
}

.hbspt-form .hs-form-booleancheckbox label,
.hbspt-form .hs-form-checkbox label,
.hbspt-form .hs-form-radio label {
    position: relative;
    font-size: 0.9375rem;
    line-height: 1.4;
}
.hbspt-form .hs-form-booleancheckbox label > span,
.hbspt-form .hs-form-checkbox label > span,
.hbspt-form .hs-form-radio label > span {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-left: 0;
}
.hbspt-form .hs-form-booleancheckbox label > span::before,
.hbspt-form .hs-form-checkbox label > span::before,
.hbspt-form .hs-form-radio label > span::before {
    content: '';
    background: #FFF;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}
.hbspt-form .hs-form-radio label > span::before {
    border-radius: 50%;
}
.hbspt-form .hs-form-booleancheckbox .hs-input:checked + span::before,
.hbspt-form .hs-form-checkbox .hs-input:checked + span::before {
    background: var(--wp--preset--color--black-like) url('data:image/svg+xml;utf8,<svg width="14" height="11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.5 4.64 10 13 1" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center center / 12px auto no-repeat;
}
.hbspt-form .hs-form-radio .hs-input:checked + span::before {
    border: 5px solid var(--wp--preset--color--black-like);
}
.hbspt-form .hs-form-booleancheckbox .hs-input,
.hbspt-form .hs-form-checkbox .hs-input,
.hbspt-form .hs-form-radio .hs-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.hbspt-form .actions {
    margin-top: 28px;
}

.hbspt-form .hs-button,
.hbspt-form .fake-button {
    font-family: Akkurat-Mono, monospace;
    line-height: 1.3;
    font-size: 0.8125rem;
    font-weight: 400;
    background: var(--wp--preset--color--black-like);
    border: 0;
    color: #FFF;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 323px;
    border-radius: 0;
    height: 42px;
}

.hbspt-form .fake-button .icon {
    width: 20px;
    height: 18px;
}
.hbspt-form .fake-button .icon path {
    transition: 0.3s ease-out;
}

.hbspt-form input[type="submit"] {
    position: relative;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.hbspt-form .fake-button {
    margin-left: -323px;
}
.hbspt-form .hs-button:hover,
.hbspt-form .hs-button:hover + .fake-button {
    text-decoration: underline;
}

.hbspt-form .hs_error_rollup {
    order: -1;
    flex: 1 1 100%;
    color: #FF254C;
}
.hbspt-form .hs-error-msgs {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-weight: 400;
    color: #FF254C;
}


.hs-form-field .hs-error-msgs {
    margin: 10px 0 0 0;
    font-family: Akkurat-Mono, monospace;
    font-size: 0.75rem;
    line-height: 1.5625;
}
.hbspt-form .inputs-list {
    padding: 0;
    list-style-type: none;
    margin: 8px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.hbspt-form .inputs-list[role="checkbox"] {
    max-height: 104px;
    flex-wrap: wrap;
    gap: 5px 20px;
}

.legal-consent-container,
.hbspt-form .hs-richtext {
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem;
    line-height: 1.3;
}
.legal-consent-container {
    margin-top: 14px;
}
.hbspt-form .hs-richtext a {
    text-decoration: underline;
    color: inherit;
}
.hbspt-form .hs-richtext:first-child p:first-child {
    margin-top: 0;
}
.hbspt-form .hs-richtext:last-child p:last-child {
    margin-bottom: 0;
}
.legal-consent-container .hs-form-booleancheckbox-display {
    display: block;
}
.legal-consent-container .hs-form-booleancheckbox-display p {
    font-size: 0.8125rem;
}

.chosen-container-single .chosen-search input[type="text"] {
    background: none;
}

/* Success message for ref:
...<div id="hbspt-form-87b45d0b-b3af-4bc6-8840-96ef75f19793" class="hbspt-form" data-hs-forms-root="true"><div class="submitted-message hs-main-font-element hs-form-408bf046-4adc-4d42-9f45-4daab7e98048 hs-form-408bf046-4adc-4d42-9f45-4daab7e98048_87b45d0b-b3af-4bc6-8840-96ef75f19793" data-instance-id="87b45d0b-b3af-4bc6-8840-96ef75f19793"><p>Thanks for submitting the form. You'll receive the document by email shortly. If you do not receive it, please check your junk folder.</p></div></div></div>
 */

@media screen and (max-width: 1439px) {
    .hbspt-form .inputs-list[role="checkbox"] {
        flex-wrap: nowrap;
        max-height: none;
    }
}

@media screen and (max-width: 767px) {
    .form-columns-2,
    .form-columns-3,
    .form-columns-4 {
        flex-basis: 100%;
        flex-direction: column;
    }

    .hbspt-form .hs-button,
    .hbspt-form .fake-button {
        min-width: 100%;
    }
    .hbspt-form .fake-button {
        margin-left: -100%;
    }
}

/*- 6.01.5 Sliders */
.slick-slide:focus {
    outline: none;
}

.slider__arrow__prev,
.slider__arrow__next {
    background: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    z-index: 100;
    transition: 0.2s ease-in-out;
}
.slider__arrow__prev.slick-disabled,
.slider__arrow__next.slick-disabled {
    display: none!important;
}
.slick-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.slick-dots li {
    list-style-type: none;
}
.slick-dots button {
    display: block;
    padding: 0;
    border: 1px solid;
    color: inherit;
    background: currentColor;
    width: 5px;
    height: 5px;
    overflow: hidden;
    text-indent: 200%;
    transition: 0.2s ease-out;
}
.slick-dots button[aria-selected="true"] {
    background: transparent;
}



.has-slide-equal-height .slick-track {
    display: flex;
}
.has-slide-equal-height .slick-slide {
    height: inherit;
}
.has-slide-equal-height .slick-slide > div {
    height: 100%;
}

/*- 6.01.6 Editor */
/* @see also editor-style.css */
/* Styles below may affect Admin layout, it's why there are not in editor-style.css */


/*- 6.01.7 Page common */
.site-banner {
    background: #FFF;
    transition: 0.3s ease-out;
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem;
    border-bottom: 1px solid;
}
.site-banner__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 6px calc(var(--wp--style--root--padding-right) + 40px) 6px calc(var(--wp--style--root--padding-left) + 40px);
    text-align: center;
    height: 100%;
    min-height: 60px;
}
.site-banner__slide + .site-banner__slide {
    display: none;
}
.slick-slider .site-banner__slide,
.slick-slider .site-banner__slide + .site-banner__slide {
    display: flex!important;
}
.site-banner__slide__content > * {
    margin: 0;
}
.site-banner__slide__content a {
    color: inherit;
}

.site-banner__slide__link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: underline;
    color: inherit;
}
.site-banner__slide__link .icon {
    display: none;
}
.site-banner__arrows__prev,
.site-banner__arrows__next {
    position: absolute;
    top: 50%;
    margin-top: -12.5px;
    color: inherit;
}
.site-banner__arrows__prev {
    left: var(--wp--style--root--padding-left);
}
.site-banner__arrows__next {
    right: var(--wp--style--root--padding-right);
}
.site-banner__arrows__prev span,
.site-banner__arrows__next span {
    display: block;
}
.site-banner__arrows__prev .icon,
.site-banner__arrows__next .icon {
    height: 25px;
    width: auto;
}


@media screen and (max-width: 1279px) {
    .site-header-is-open .site-banner {
        margin-top: calc(var(--custom-theme-site-banner-height) * -1);
    }
}
@media screen and (max-width: 767px) {
    .site-banner__slide {
        flex-direction: column;
        gap: 10px;
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-right);
    }
    .site-banner__slide__content {
        font-size: 0.9375rem;
    }
}

.error404 .breadcrumbs { display: none; }

.breadcrumbs {
    position: relative;
    z-index: 11;
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.3;
    color: #FFF;
    margin-bottom: -35px !important;
    margin-top: 20px !important;
}
.breadcrumbs > span {
    padding-left: 66px;
}
.breadcrumbs a {
    color: inherit;
    text-decoration: none;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
    .breadcrumbs > span {
        padding-left: var(--wp--style--root--padding-left);
    }
}
@media screen and (max-width: 767px) {
    .breadcrumbs {
        display: none;
    }
}

/*- 6.02 Header */
.site-header-is-open {
    overflow: hidden;
}
.site-header {
    position: sticky;
    top: 0;
    z-index: 2000;
    padding-top: 14px;
    padding-bottom: 14px;
    background: #FFF;
    height: var(--custom-theme-site-header-height);
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-header__logo {
    margin: 0;
    position: relative;
    overflow: hidden;
}
.site-header__logo a,
.site-header__logo img {
    display: block;
}
.site-header__logo__mini {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transform: translateX(20px);
    transition: 0.3s ease-out;
}
.site-header__logo__main {
    transition: 0.3s ease-out;
    transform-origin: 0 50%;
}
.has-scrolled .site-header__logo__mini {
    opacity: 1;
    transform: none;
    transition-delay: 0.1s;
}
.has-scrolled .site-header__logo__main {
    transform: translateX(-100%);
    opacity: 0;
}

.main-navigation[aria-hidden="false"] {
    display: block;
}
.site-header__main-menu {
    position: relative;
    display: flex;
    gap: 30px;
}
.site-header__main-menu a {
    text-decoration: none;
    color: inherit;
    transition: 0.15s ease-out;
}

.site-header__main-menu .depth-0 {
    position: relative;
}

.site-header__main-menu .depth-0 > a,
.site-header__main-menu .depth-0 > .lvl {
    position: relative;
    z-index: 1;
    font-size: 0.9375rem;
    line-height: 1.2;
    display: block;
    padding: 19px 0;
    font-family: Akkurat-Mono, monospace;
}
.site-header__main-menu .depth-0:hover > a,
.site-header__main-menu .depth-0:hover > .lvl {
    text-decoration: underline;
}
.site-header__main-menu .depth-1 > a {
    font-family: "Ivar Display", serif;
    font-size: 1.4375rem;
    font-weight: 300;
    line-height: 1.3;
}
.site-header__main-menu .depth-1 > a:hover {
    text-decoration: underline;
}
.site-header__main-menu .depth-1 > .lvl {
    font-size: 0.8125rem;
    line-height: 1.54;
    font-weight: 400;
    font-family: Akkurat-Mono, monospace;
}

.site-header__main-menu .depth-0 > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;

    background: var(--wp--preset--color--yellow);
    padding: 30px;

    min-width: 322px;
    display: flex;
    flex-direction: column;

    gap: 20px;

    pointer-events: none;
    opacity: 0;
    transform: translateX(10px) translateY(10px);
    transform-origin: 100% 0;
    transition: 0.15s ease-out;
}

.site-header__main-menu .depth-0:hover > .sub-menu {
    pointer-events: initial;
    transform: none;
    opacity: 1;
}

.site-header__main-menu .depth-1 > .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 0 0 20px;
    margin: 10px 0 0 0;
}
.site-header__main-menu .depth-2 > a {
    font-family: "Ivar Display", serif;
    font-size: 1.4375rem;
    font-weight: 300;
    line-height: 1.3;
}
.site-header__main-menu .depth-2 > a:hover {
    text-decoration: underline;
}
.site-header__main-menu .link-btn {
    padding-top: 7.2px;
    padding-bottom: 7.2px;
}
.site-header__main-menu .link-btn > a {
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem; /* 13px */
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    background: var(--wp--preset--color--yellow);
    color: var(--wp--preset--color--black-like);
    padding: 13px 34px;
    transition: 0.15s ease-out;
    width: 203px;
}
.site-header__main-menu .link-btn > a:focus,
.site-header__main-menu .link-btn > a:hover {
    text-decoration: underline;
}

.site-header__menu-toggle,
.site-header__contact-us,
.site-header__back-btn {
    display: none;
}

@media screen and (min-width: 1280px) {
    .site-header__main-menu .depth-0:nth-child(3) ~ .depth-0 > .sub-menu {
        min-width: 307px;
    }
}
@media screen and (max-width: 1439px) {
    .site-header__main-menu {
        gap: 25px;
    }
    .site-header__main-menu .link-btn > a {
        width: 180px;
    }
}
@media screen and (min-width: 1280px) {
    .site-header__main-menu .desktop-hidden {
        display: none!important;
    }
}
@media screen and (max-width: 1279px) {
    .site-header__main-menu .link-btn > a {
        display: none;
    }

    .site-header-is-open .site-header__logo {
        z-index: 1;
    }
    .site-header__menu-toggle {
        background: none;
        padding: 0;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: inherit;
        width: 21px;
        height: 21px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .icon-burger,
    .icon-close {
        transition: 0.3s transform ease-out;
    }
    .icon-burger {
        width: 19px;
    }
    .site-header__menu-toggle:not([aria-haspopup]) .icon-burger {
        display: none;
    }
    .icon-close {
        width: 19px;
        margin-left: -21px;
        margin-top: -1px;
        transform: translateX(24px);
    }
    .site-header__menu-toggle[aria-haspopup][aria-expanded="true"] .icon-close {
        transform: none;
    }
    .site-header__menu-toggle[aria-expanded="true"] .icon-burger {
        transform: translateX(-24px);
    }

    .main-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        padding: 151px var(--wp--style--root--padding-right) 24px var(--wp--style--root--padding-left);
        transform-origin: 100% 0;
        transform: translateX(100%);
        opacity: 0;
        transition: 0.3s ease-out;
        display: block;
        overflow: hidden;
        background: var(--wp--preset--color--yellow);
    }

    .site-header__menu-toggle[aria-haspopup][aria-expanded="true"] + .main-navigation {
        transform: none;
        opacity: 1;
    }

    .main-navigation__menu,
    .menu-main-menu-container {
        height: 100%;
    }
    .menu-main-menu-container {
        max-height: calc(100% - 105px);
        overflow: auto;
    }

    .site-header__main-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 26px;
        min-height: 100%;
        padding-top: 66px;
        position: relative;
        overflow: hidden;
    }

    .site-header__main-menu li {
        max-width: calc(100vw - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right));
    }

    .site-header__main-menu .depth-0 > .sub-menu,
    .site-header__main-menu .depth-0:hover > .sub-menu {
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        padding: 0;
        align-items: flex-start;
        gap: 20px;
        opacity: 1;
        transform: translateX(100%);
        overflow: auto;
        transition: 0.3s ease-out;
        background: transparent;
        text-align: left;
        height: 100%;
        width: 100%;
        background: var(--wp--preset--color--yellow);
        pointer-events: initial;
    }
    .site-header__main-menu .depth-0:hover > .sub-menu[aria-hidden="false"],
    .site-header__main-menu .depth-0 > .sub-menu[aria-hidden="false"] {
        transform: translateX(0);
    }

    .site-header__main-menu .depth-0 {
        position: static;
        width: 100%;
    }
    .site-header__main-menu .depth-0 > a,
    .site-header__main-menu .depth-0 > .lvl {
        transition-delay: 0.3s;
        font-family: "Ivar Display", serif;
        font-size: 1.875rem;
        font-weight: 400;
        line-height: 1.3;
        color: var(--wp--preset--color-black-like);
        padding: 0;

    }

    .site-header__main-menu .depth-1 {
        position: relative;
    }
    .site-header__main-menu .depth-1 a {
        font-family: "Ivar Display", serif;
        font-size: 1.875rem;
        font-weight: 400;
        line-height: 1.3;
        display: block;
    }

    .site-header__main-menu .depth-1 > .sub-menu {
        gap: 12px;
        margin: 0;
        padding-top: 13px;
        transition: 0.3s ease-out;
    }

    .site-header__main-menu .depth-2 > a {
        font-family: "Ivar Display", serif;
        font-size: 1.875rem;
        font-weight: 400;
        line-height: 1.3;
    }

    .site-header__contact-us {
        display: flex;
        justify-content: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 29px;
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-right);
    }

    .site-header__contact-us .wp-block-button__link {
        width: 100%;
        max-width: 220px;
    }


    .site-header__back-btn {
        background: none;
        border: 0;
        padding: 0;
        font-family: Akkurat-Mono, monospace;
        font-size: 0.9375rem; /* 15px */
        font-weight: 400;
        color: inherit;
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 29px;
    }
}

@media screen and (max-width: 767px) {

    .site-header__logo__main {
        height: 21px;
        width: auto;
    }

    .site-header__contact-us .wp-block-button__link {
        max-width: none;
    }
    .main-navigation {
        padding-top: 80px;
    }
    .site-header__main-menu {
        padding-top: 0;
    }
}


/*- 6.03 Footer */
.site-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--wp--preset--color--black-like);
    color: #FFF;
    padding-bottom: 89px;
}
.site-footer a {
    color: inherit;
}

.site-footer__pre {
    width: 100%;
    padding-top: 65px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.site-footer__pre::after {
    content: '';
    display: block;
    margin-top: 64px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    width: 100%;
}

.site-footer__logo {
    height: 31px;
    width: auto;
    margin-top: 12px;
}

#menu-pre-footer {
    display: flex;
    gap: 50px;
}

#menu-pre-footer a {
    display: block;
    width: fit-content;
    font-family: "Ivar Display", serif;
    font-size: 2.1875rem;
    font-weight: 400;
    line-height: 1.43;
    transition: 0.15s ease-out;
}
#menu-pre-footer a::after {
    content: '';
    border-bottom: 2px solid;
    display: block;
    margin-top: -0.35em;
}
#menu-pre-footer a:hover::after {
    animation: reveal 0.5s ease-out forwards;
}


.site-footer__main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 30px 56px;
    margin-top: 58px;
}

.site-footer__main .lvl {
    display: block;
    font-family: "Ivar Display", serif;
    font-size: 1.25rem;
    line-height: 1.25;
    margin-bottom: 3px;
}
.site-footer__main .hidden > .lvl {
    display: none;
}
.site-footer__main .sub-menu {
    padding-left: 0;
}
.site-footer__main a {
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem; /* 13px */
    font-weight: 400;
    line-height: 1.92;
}
.site-footer__main a:hover {
    text-decoration: underline;
}
.site-footer__bcorp {
    width: 119px;
}
.site-footer__main-links {
    flex: 1 1 auto;
    max-width: 862px;
    display: flex;
    gap: 30px;
    justify-content: space-between;
}
.menu-footer-main-container {
    flex: 1 1 auto;
}
#menu-footer-main {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}


.social-links .icon {
    display: none;
}

.site-footer__newsletter {
    width: 262px;
    flex: 0 0 auto;
}
.site-footer__newsletter .hs-form {
    position: relative;
}
.site-footer__newsletter .hs-form-field > label {
    display: none;
}
.site-footer__newsletter .hs-input {
    border: 0;
    border-bottom: 1px solid;
    background: transparent;
    border-radius: 0;
    padding-left: 0;
}
.site-footer__newsletter .hs-input::placeholder {
    opacity: 1;
}
.site-footer__newsletter #hsForm_4e4d4183-0b76-4214-8ac7-a72d12144a6e .actions {
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
}

.site-footer__newsletter #hsForm_4e4d4183-0b76-4214-8ac7-a72d12144a6e input[type="submit"],
.site-footer__newsletter #hsForm_4e4d4183-0b76-4214-8ac7-a72d12144a6e .fake-button {
    padding: 0;
    width: 40px;
    height: 39px;
    min-width: 0;
    border-radius: 0;
    border: 0;
    color: transparent!important;
    overflow: hidden;
    background: url("assets/images/btn-arrow.svg") right center no-repeat !important;
    margin-left: -40px;
    cursor: pointer;
}
.site-footer__newsletter #hsForm_4e4d4183-0b76-4214-8ac7-a72d12144a6e .fake-button svg {
    display: none;
}

.site-footer__newsletter [type="text"].invalid,
.site-footer__newsletter [type="email"].invalid,
.site-footer__newsletter textarea.invalid {
    background-color: transparent!important;
    color: inherit;
}
.site-footer__newsletter .hs-error-msgs {
    color: #FF254C;
}
.site-footer__newsletter .hs_error_rollup {
    display: none;
}
.site-footer__newsletter .legal-consent-container {
    position: relative;
}
.no-touch .site-footer__newsletter .legal-consent-container .hs-richtext {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 100%;
    max-width: 300%;
    width: 300%;
    padding: 10px;
    background: var(--wp--preset--color--yellow);
    color: var(--wp--preset--color--black-like);
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease-out;
}
.no-touch .site-footer__newsletter .legal-consent-container:hover .hs-richtext {
    opacity: 1;
    pointer-events: initial;
}

.site-footer__newsletter .legal-consent-container:hover .hs-richtext p {
    margin-top: 0;
}
.site-footer__newsletter .form-columns-2 {
    flex-wrap: wrap;
}
.site-footer__newsletter .form-columns-2 > .hs-form-field {
    flex: 0 0 100%;
    width: 100% !important;
    float: none !important;
}
.site-footer__newsletter .actions {
    margin-top: 0;
}
.site-footer__newsletter .hs-submit {
    width: 100%;
}
.site-footer__newsletter .hs-submit .hs-button,
.site-footer__newsletter .hs-submit .fake-button {
    min-width: 100%;
}
.site-footer__newsletter .hs-submit .fake-button {
    margin-left: -100%;
}

.site-footer__newsletter .submitted-message span {
    color: inherit!important;
}


.site-footer__main .back {
    display: none;
}

@media screen and (max-width: 1279px) {
    .site-footer__main {
        flex-wrap: wrap;
    }
    .site-footer__main-links {
        flex: 1 1 100%;
        order: 100;
    }
}

@media screen and (max-width: 991px) {

    .no-touch .site-footer__newsletter .legal-consent-container .hs-richtext {
        max-width: 200%;
        width: 200%;
    }
}
@media screen and (max-width: 767px) {
    .site-footer {
        gap: 26px;
    }
    .site-footer__pre::after {
        margin-top: 26px;
    }
    #menu-pre-footer {
        flex-direction: row;
        justify-content: space-between;
        gap: 16px;
    }
    #menu-pre-footer li {
        flex: 1 1 auto;
    }

    #menu-pre-footer a {
        font-size: 1.875rem;
    }
    #menu-pre-footer a::after {
        display: none;
    }

    .site-footer__main {
        flex-direction: column;
        gap: 24px;
        margin-top: 0;
        overflow: hidden;
    }

    #menu-footer-main {
        position: relative;
        flex-direction: column;;
    }
    .site-footer__main .lvl {
        font-family: "Ivar Display", serif;
        font-size: 1.5625rem;
    }
    .site-footer__main .lvl {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .site-footer__newsletter {
        width: 100%;
        order: -1;
    }
    .site-footer__newsletter .form-columns-2 {
        flex-wrap: nowrap;
    }
    .no-touch .site-footer__newsletter .legal-consent-container .hs-richtext {
        max-width: 100%;
    }

    .site-footer__newsletter .form-columns-2 > .hs-form-field {
        flex: 1 1 auto;
    }

    .site-footer__logo {
        margin-top: 0;
        margin-bottom: 26px;
    }

}


/*- 6.04 Home */

.home .breadcrumbs {
    display: none;
}
.home-this-is-chip {
    padding-top: 35px;
    padding-bottom: 35px;
}
.home-this-is-chip .block-text-media__media img {
    object-fit: contain;
}
.home-this-is-chip .wp-block-buttons {
    margin-top: 30px;
}
.home-cutting-edge-technology {
    padding-top: 125px!important;
    padding-bottom: 50px!important;
}

.home-section-wide {
    background-color: #FFF!important;
    padding-top: 0;
}
.home-section-wide .block-section__inner {
    padding-top: 53px;
    background-color: var(--wp--preset--color--black-like);
    padding-left: var(--wp--style--root--padding-left);
    padding-right: var(--wp--style--root--padding-right);
}

@media screen and (max-width: 767px) {
    .home-section-wide .block-section__inner br {
        display: none;
    }
    .home-cutting-edge-technology {
        padding-top: 60px!important;
        padding-bottom: 25px!important;
    }
    .block-content-slider ~ .block-section:last-child {
        padding-bottom: 0;
    }
}

/*- 6.05 Posts */
.news-intro {
    margin-bottom: 45px!important;
}
.news-intro .block-introduction__inner,
.single-post .block-introduction__inner {
    background: none;
    color: inherit;
    height: 288px;
    border-bottom: 1px solid rgba(24,22,21,.3);
    align-items: flex-end;
    padding-left: 0;
}
.news-intro ~ .block-latest-news {
    margin-top: 45px!important;
}


.share-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 11px;
    position: sticky;
    top: var(--custom-theme-section-vertical-space);
    width: fit-content;
    margin: -10px 0 500px -10px !important;
    z-index: 100;
    background: #FFF;
    padding: 10px;

}
.share-links__title {
    margin-bottom: -2px;
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
}
.share-links__btn {
    color: var(--wp--preset--color--black-like);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--wp--preset--color--black-like);
    background: transparent;
    padding: 0;
    transition: 0.15s ease-out;
    flex: 0 0 auto;
}
.share-links__btn .icon {
    width: 14px;
}
.share-links__btn .icon-copy {
    width: 22px;
}
.share-links__btn:focus,
.share-links__btn:hover {
    background: var(--wp--preset--color--black-like);
    color: #FFF;
}

.single-post .block-introduction {
    margin-top: 102px!important;
}
.single-post .block-introduction__inner {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}
.single-post .block-introduction__image {
    width: 100%;
    margin-left: 0;
    border-top: 1px solid rgba(24, 22, 21, 0.3); /* --wp--preset--color--black-like */
    padding-top: 45px;
}
.single-post .block-introduction__image img {
    width: 100%;
    height: 486px;
    object-fit: cover;
}
.single-post .block-introduction__content > * {
    width: 100%;
    max-width: 871px;
}
.single-post .block-introduction__content .block-h1 {
    font-size: 2.8125rem;
    line-height: 1.11;
    margin: 14px 0 0 0;
}

.single-post .block-section .block-accordion {
    max-width: 770px;
}
.single-post .block-section:not(.single-post__latest-news) .block-section__content > *:not(.alignfull):not(.block-image-columns):not(.block-text-media):not(.alignwide):not(.block-figures):not(.block-job-openings) {
    margin-left: auto;
    margin-right: auto;
}
.single__post-date {
    position: relative;
    z-index: 1;
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem;
    line-height: 1.5625;
    margin-bottom: 10px;
}

.single__post-date,
.single__post-date a {
    /* just in case the date is changed to a tel link... */
    pointer-events: none;
    color: inherit;
    text-decoration: none;
}

.single__post-date ~ .block-introduction__content .block-h1 {
    margin-top: 0;
}
.single-post .block-section__content > .block-h3.has-blue-background-color,
.single-post .block-section__content > .block-h3.has-marin-background-color {
    background: var(--wp--preset--color--marin) !important;
    color: #FFF;
    padding: 12px 25px;
    margin-bottom: 30px;
    text-align: left;
}

.single-post .block-section__content > *:not(.wp-block-heading) {
    line-height: 1.5;
}

.single-post__latest-news .block-section__content > .wp-block-heading {
    max-width: none!important;
    border-bottom: 1px solid rgba(24, 22, 21, 0.3); /* --wp--preset--color--black-like */;
    padding-bottom: 15px;
}

.breadcrumbs:has(+.news-intro),
.breadcrumbs:has(+.news-intro) > span,
.breadcrumbs:has(+.block-introduction--no-media),
.breadcrumbs:has(+.block-introduction--no-media) > span,
.single-post .breadcrumbs,
.single-post .breadcrumbs > span {
    color: inherit;
    padding-left: 0;
}


@media screen and (max-width: 1279px) {
    .share-links {
        display: none;
    }
}
@media screen and (max-width: 991px) {

    .news-intro .block-introduction__inner {
        justify-content: flex-end;
    }
    .news-intro .block-introduction__content {
        width: 100%;
        padding-bottom: 0;
    }
    .single-post .block-introduction__image {
        height: auto;
    }
}



/*- 6.06 Contact */
.contact__block-aside-cta .block-h2 {
    margin-bottom: 46px;
}

.contact__block-aside-cta .hbspt-form .hs-submit {
    text-align: left;
}
.contact__block-aside-cta .hbspt-form .hs-submit .hs-button.primary,
.contact__block-aside-cta .hbspt-form .hs-submit .fake-button {
    width: 100%
}
.contact__block-aside-cta .hbspt-form .hs-submit .fake-button {
    margin-left: -100%;
}
.contact__block-aside-cta .legal-consent-container {
    margin-top: 20px;
}


.contact__block-aside-cta .block-paragraph.is-style-smaller {
    font-family: Akkurat-Mono, monospace;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.3;
}

/*- 7.0 Animations */


@keyframes reveal {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }
    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}
/*
@keyframes reveal2x {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }
    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

.block-introduction__content > *,
.single__post-date {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.block-introduction.is-visible .block-introduction__content > *,
.block-introduction.is-visible .single__post-date {
    animation: reveal .3s ease-in-out forwards;
}
.block-introduction__content > :nth-child(2) {
    animation-delay: 0.15s!important;
}
.block-introduction__content > :nth-child(3) {
    animation-delay: 0.3s!important;
}

.block-verbatim,
.block-verbatim__content > *,
.block-verbatim__icon,
.block-verbatim__media,
.block-verbatims .slick-dots {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}


.block-verbatims.is-visible .block-verbatim__content > *,
.block-verbatims.is-visible .block-verbatim__icon {
    animation: reveal .3s ease-in-out forwards;
    animation-delay: 0.5s;
}
.block-verbatims.is-visible .block-verbatim__media,
.block-verbatims.is-visible .block-verbatim,
.block-verbatims.is-visible .slick-dots {
    animation: reveal2x .5s ease-in-out forwards;
    animation-delay: 0.8s;

}

.block-verbatim__content > :nth-child(2) {
    animation-delay: 0.65s!important;
}
.block-verbatim__icon,
.block-verbatim__media,
.block-verbatims .slick-dots{
    animation-delay: 1s!important;
}
.block-verbatim__icon + .block-verbatim__media {
    animation-delay: 1.3s!important;
}

@media screen and (max-width: 1279px) {
    .block-verbatim {
        animation-delay: 0s!important;
    }
    .block-verbatim__icon,
    .block-verbatim__media {
        animation-delay: 0.5s!important;
    }
    .block-verbatim__icon + .block-verbatim__media {
        animation-delay: 0.8s!important;
    }
    .block-verbatim__content > * {
        animation-delay: 1s!important;
    }
    .block-verbatim__content > :nth-child(2) {
        animation-delay: 1.2s!important;
    }
}


.block-join-the-team__content > *,
.block-join-the-team__values,
.block-join-the-team__image {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.block-join-the-team.is-visible .block-join-the-team__content > *,
.block-join-the-team.is-visible .block-join-the-team__values,
.block-join-the-team.is-visible .block-join-the-team__image {
    animation: reveal .3s ease-in-out forwards;
    animation-delay: 0.5s;
}
.block-join-the-team__content > :nth-child(2) {
    animation-delay: 0.65s!important;
}
.block-join-the-team__content > :nth-child(3) {
    animation-delay: 0.80s!important;
}
.block-join-the-team__values {
    animation-delay: 1s!important;
}





.block-text-media__content > *,
.block-text-media__icon,
.block-text-media__media {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.block-text-media.is-visible .block-text-media__content > *,
.block-text-media.is-visible .block-text-media__icon,
.block-text-media.is-visible .block-text-media__media {
    animation: reveal .3s ease-in-out forwards;
    animation-delay: 0.5s;
}
.block-text-media__content > :nth-child(2) {
    animation-delay: 0.65s!important;
}
.block-text-media__icon,
.block-text-media__media {
    animation-delay: 1s!important;
}
.block-text-media__icon + .block-text-media__media {
    animation-delay: 1.3s!important;
}



.block-latest-news--last-eight {
    position: relative;
}
.block-latest-news--last-eight::after {
    content: '';
    background: linear-gradient(360deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 91.62%);
    height: 167px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;

}
.block-latest-news--last-eight .block-latest-news__item {
    transform: translateY(300px);
    transition: 1s ease-out 0.2s;
}
.block-latest-news--last-eight.is-visible .block-latest-news__item {
    transform: none;
}
.block-latest-news--last-eight.is-visible .block-latest-news__item:nth-child(1),
.block-latest-news--last-eight.is-visible .block-latest-news__item:nth-child(5) {
    transform: translateY(86px);
}

.block-latest-news--last-eight.is-visible .block-latest-news__item:nth-child(3),
.block-latest-news--last-eight.is-visible .block-latest-news__item:nth-child(7) {
    transform: translateY(170px);
}

.block-latest-news__all-news-link {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 46px;
    width: 266px;
    margin-left: -133px;
}

@media screen and (max-width: 1279px) {
    .block-latest-news--last-eight .block-latest-news__item {
        transform: none!important;
    }
    .block-latest-news--last-eight::after {
        display: none;
    }
    .block-latest-news__all-news-link {
        position: static;
        margin: 48px auto 132px;
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .block-latest-news__all-news-link {
        margin-bottom: 96px;
    }
}
*/

/*- 8.0 Performances */
.block-verbatims__list:not(.slick-initialized) .block-verbatim:not(:first-child) {
    display: none;
}