/*
Theme Name: Twenty Twenty-Two child
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

:root {
	--aligndefault: 40.625rem;
	--alignwide: clamp(16rem, 90vw, 90rem);
	--alignnone: 100%;
	--mobile-sm:360px;
	--mobile:420px;
	--tablet:768px;
	--desktop:1080px;
	--desktop-md:1300px;
	--desktop-lg:2000px;

	--aside-loop-truncate:300px;
	--border-radius: 2.4em;
	--wp--preset--font-family--open-sans: 'IBM Plex Sans', sans-serif;
}

.alignwide, .page-w {
    max-width: clamp(16rem, 90vw, 80rem)!important;
		margin-left: auto !important;
		margin-right: auto !important;
}
@media screen and (min-width:1080px) {
	:root{
		--alignwide: clamp(16rem, 85vw, 80rem);
	}
	.alignwide, .page-w {
	    max-width: clamp(16rem, 85vw, 80rem)!important;
	}
}

body, html {
	overflow-x:hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	scroll-behavior: smooth;
	background-color:#FAFAFA;
}
.single-post .entry-content {
	font-size:clamp(16px, 1.25vw, 18px);
}
@media screen and (min-width:1080px) {
	body, html {
		font-size:clamp(16px, 1.25vw, 18px);
	}
}
@supports not (gap:clamp(1rem, 1vh, 1.5rem)) {
	body .is-layout-flex > * {
		margin-bottom:1.5rem!important;
	}
}
.single-post h4 + p, .single-post h3 + p, .single-post h2 + p {
	margin-top: 0.5rem;
}

.single-post .entry-content li {
    margin-bottom: 0.5em;
}
.single-post .entry-content > h2 {
    font-size: 1.647rem;
    font-weight: 700;
    margin-bottom: 1em;
    margin-top: 2em;
}
.single-post .entry-content > h3 {
	font-size: 1.294rem;
	font-weight: 600;
	margin-bottom: 1em;
	margin-top: 1.5em;
}
.single-post .entry-content > h4 {
	font-weight: 600;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
/* .wp-container-3 > :where(:not(.alignleft):not(.alignright)) {
    max-width: 40.625rem!important;
} */
a {
	text-decoration:none;
}
a:hover, p a:hover {
	text-decoration: underline;
}
p a {
	color:var(--wp--preset--color--orange);
}
button {
	font-family:inherit;
}
.button_link:not(p) {
	color: white;
	font-weight: 700;
	border-radius: 2rem;
	border: 0;
	text-decoration: none;
	text-align: center;
}
.button_link:not(p) {
	padding:0.5em 1.375em 0.625em 1.375em;
}
.button_link {
	display: inline-block;
	text-align: center;
}
.button_link.wide {
	width: 100%;
}
p.button_link a {
	color: inherit;
	padding:0.5em 1.375em 0.625em 1.375em;
	font-weight: 700;
	border-radius: 2rem;
	border: 0;
	text-decoration: none;
	text-align: center;
	display: block;
}
.button_link:hover {
	cursor: pointer;
}
.button_link.default {
	font-size: 1rem;
}
.button_link.small {
	font-size: 14px;
}
.button_link.xsmall {
	font-size: 13px;
}
.button_link.tiny {
	font-size: 12px;
	padding:0.3em 1.1em 0.4em 1.1em;
}
.button_link:not(.outline):not(p) {
  background:var(--wp--preset--color--secondary);
	color: white!important;
}
p.button_link:not(.outline) a {
	background:var(--wp--preset--color--secondary);
	color: white!important;
}
.button_link:not(.outline):not(p):hover, p.button_link:not(.outline) a:hover {
  background:#ff9524;
	text-decoration: none;
}
.button_link.outline {
	border: 2px solid;
	border-radius: 2rem;
	background: transparent;
}
.button_link.outline:hover {
	text-decoration: none;
	background:rgba(255, 255, 255, 0.2);
}
.button_link.outline.black {
	color:black;
}
.button_link.outline.grey {
	color:#777;
}
.button_link.popup_close.outline {
	padding:0.5em 1.375em 0.625em 1.375em;
	font-weight: 700;
	border-radius: 2rem;
}

.arrow_link {
  font-size: 1em;
  font-weight: 600;
  display: inline-block;
  position: relative;
}
.arrow_link:hover a {
	text-decoration: underline;
}
.arrow_link:hover:after {
	margin-left: 0.5rem;
}
.arrow_link a {
	text-decoration: inherit;
}
.arrow_link:after {
	text-decoration: none;
	transition: margin 200ms ease;
  content: '';
  border-top: 2px solid;
  border-right: 2px solid;
  height: 0.7em;
  width: 0.7em;
  display: inline-block;
  transform: rotate(45deg) translate(0.2em, 0em);
  color: inherit;
  margin-left: 0rem;
}
.has-background-color a {
	color: inherit;
}
.product_button {
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.4rem 0.6rem;
	border: 1px solid #DDD;
	border-radius: 6px;
}
.product_button img {
  width: 1.2rem;
}
.css-15phckx.css-15phckx {
	background-color: transparent!important;
}
.full-height {
	height:100%;
}
.embed-container {
		position: relative;
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container img,
.embed-container embed,
.embed-container figure {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

.nowrap {
	white-space: nowrap;
}

.page-w {
  width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Grid helpers */
.grid-row-4 {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: baseline;
}
.grid-row-3 {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: baseline;
}
.grid-row-2 {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: baseline;
}
.gap-10 {
	gap:10rem;
}
.gap-9 {
	gap:9rem;
}
.gap-8 {
	gap:8rem;
}
.gap-7 {
	gap:7rem;
}
.gap-6 {
	gap:6rem;
}
.gap-5 {
	gap:5rem;
}
.gap-4 {
	gap:4rem;
}
.gap-3 {
	gap:3rem;
}
.gap-2 {
	gap:2rem;
}
.gap-1 {
	gap:1rem;
}
@media screen and (min-width:960px) {
	.grid-row-d-4 {
		display: grid;
	  grid-template-columns: repeat(4, 1fr);
	  align-items: baseline;
	}
}
.rounded, .rounded img, .rounded video {
    border-radius: var(--border-radius);
}
.no-image-flex figure {
	flex:none;
}
.default_btn {
	background: var(--wp--preset--color--green);
	color: white;
	font-weight: 600;
	padding: 0.5em 0.7em;
	border-radius: 5px;
	border: 0;
}
.wp-block-heading.underline::after {
    content: '';
    height: 3px;
    width: 3rem;
    background: var(--wp--preset--color--orange);
    display: block;
    margin-top: 0.5em;
    border-radius: 3px;
}
.bold--black strong {
    color: var(--wp--preset--color--black);
}
.block-header {
	font-size: 1.25rem;
	text-transform: capitalize;
	font-weight: 600;
	color:var(--wp--preset--color--primary);
}
.block-header.in-menu {
	padding-top: 3rem;
}
.block-header.large {
	font-size:2rem;
}
.border-divider-vertical.grey {
	border-left: 1px solid #DDD;
}

.round-button {
	border-radius: 3rem;
}
.box_link {
	color: white;
	padding:0.6875em 0.9375em 0.6875em 0.9375em;
	font-weight: 500;
	font-size: 1rem;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
}
.box_link.outline {
	border: 1px solid #777777;
	background: transparent;
	transition: border-color 200ms ease;
}
.box_link.outline:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: #FFFFFF;
}
.box_link.small {
	font-size: clamp(12px, 1.2vw, 14px);
}
.box_link.tiny {
	font-size: 12px;
}
.box_link .label {
	font-weight: 600;
}
.box_link .sub {
	display: block;
	font-size: 12px;
	opacity: 0.8;
}
h2.section-header {
	font-size: 2rem;
	font-weight: 500;
	margin:1rem 0;
}

.add_to_menu {
	scroll-margin-top: 6rem;
}

#int-technologies-menu {
    border-top: 1px solid #DDD;
    padding-top: 1rem;
}
#int-technologies-menu b {
	padding-left: 2.3rem;
}
/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.round-corners img {
    border-radius: 16px;
	box-shadow: 3px 3px 2.875rem rgb(0 0 0 / 10%);
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: initial;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}
.page-template-default main.wp-block-group, .page-template-default .entry-content {
	margin-block-start: 0;
}
/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

.shadow-default:not(figure) {
	box-shadow: 0 3px 2.875rem rgba(0 0 0 / 16%);
}
.shadow-default img, .shadow-default video {
	box-shadow: 0 3px 2.875rem rgba(0 0 0 / 16%);
}
.image-text-block.image-text-block {
  gap: clamp(2rem, 5vw, 6rem);
  margin-block-start: calc(var(--wp--style--block-gap) * 2.5);
}
@media screen and (max-width:768px) {
	.image-text-block div {
		order:2;
	}
	.image-text-block .image {
		order:1;
	}
}

#header-site-logo {
	display: block;
}

.link-helper {
	position: absolute;
	height: 0;
	width:0;
	overflow: hidden;
}

.site-header {
  display: flex;
  justify-content: center;
  background: white;
  /* position: relative; */
  z-index: 200;
backdrop-filter: blur(26px);
  transition: background 200ms ease;
	transition: box-shadow 200ms ease;
}
.admin-bar .site-header {
  top: 46px;
}
@media screen and (min-width:785px) {
	.admin-bar .site-header {
		top:26px;
	}
}
.hidden {
	display: none;
}

/** menu stuff **/

li.menu--module-item a {
	display: flex;
	gap: 0.5em;
}
.menu--module-item_image {
	height: 26px;
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
	border:2px solid;
}
.mod-1769 {
	margin-top:1em;
}
.site-header:hover, .site-header.stuck {
	box-shadow: 0 1px 15px #0084891a;
}
.site-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  width: 100%;
  max-width: none!important;
}
.l3-text-container span.title {
    font-weight: 500;
}
@media screen and (min-width:1200px) {
	.site-header-inner {
	  max-width: var(--alignwide)!important;
	}
}
.site-header-submenu .post-card {
	border:1px solid #DDD;
}
.site-header-submenu .post-card.story {
	border: 0;
	width: 14.375rem;
	height: 16.875rem;
}

.site-logo.light {
  display: block;
}
.site-logo.dark {
  display: none;
}
.site-header-spacer {
	padding: 1rem;
	margin-top:0;
	margin-block-start: 0!important;
}
.site-header-spacer.transparent {
	display: none;
}
.site-header {
  position: absolute;
  top: 0;
  z-index: 9999;
  left: 0;
  right: 0;
	transition: transform 200ms ease;
	margin: 0!important;
	max-width: none!important;
}

.site-header.transparent {
  background:linear-gradient(180deg, rgb(0 0 0 / 35%), transparent);
	background:transparent;
	transition: transform 400ms ease, background 300ms ease;
}
.site-header.transparent .site-logo.dark {
	display: none;
}
.site-header.transparent .site-logo.light {
	display: block;
}
.menu-lv3-container ul {
	list-style: none;
	padding: 0;
	margin:0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0 2rem;
}
@media screen and (max-width:919px) {
	.site-header.transparent.stuck, .site-header.transparent.menu-open {
		background:white;
	}
	.site-header.transparent.stuck .mobile-menu-toggle i, .site-header.transparent.menu-open .mobile-menu-toggle i {
		background: var(--wp--preset--color--grey);
	}
	.site-header.transparent.stuck .site-logo.light, .site-header.transparent.menu-open .site-logo.light {
		display: block;
	}
	.site-header.transparent.stuck .site-logo.dark, .site-header.transparent.menu-open .site-logo.dark {
		display: none;
	}
	.site-header.menu-open.scroll-down {
		transform: translateY(0);
	}
	.site-header:not(.freeze) {
	  position: fixed;
	}
	.site-header.scroll-down {
		transform: translateY(-100%);
	}
	.site-header.scroll-up {
		transform: translateY(0%);
	}
	.menu-lv3-container ul {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width:640px) {
	.menu-lv3-container ul {
		grid-template-columns: 1fr;
	}
}
/* @media screen and (min-width:1080px) {
	.site-header.transparent:hover {
	  background:white;
	}
	.site-header.transparent:hover .site-logo.dark {
	  display: none;
	}
	.site-header.transparent:hover .site-logo.light {
	  display: block;
	}
} */
.admin-bar .site-header.transparent {
  top: 32px;
}
.site-logo {
  height: 24px;
}

.site-header.transparent:not(:hover) .site-header-menu-item > a, .site-header.transparent:not(:hover) .site-header-secondary-menu a {
  color: white;
}
.site-header.header.transparent + div {
  margin-top: 0;
	padding-top: 0;
}


/** menu stuff **/
#site-whitebar {
	height:100%;
	background: white;
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.transparent #site-whitebar {
	background:#FFFFFF;
	/* background:#ffffffb5; */
}
.pll-switcher-select {
	font-size:1em;
	border:1px solid #DDD;
	border-radius:5px;
	padding:0.2em 0.5em;
}

.site-header-sub-menu {
	background:white;
	position:absolute;
	z-index: -1;
	box-shadow:0 3px 14px #0084891a;
	max-width:840px;
	width:90vw;
	top:calc(100% + 1px);
	left: 50%;
    transform: translateX(-50%);
	border-radius: 0 0 1rem 1rem;
	display:none;
	border-top: 1px var(--wp--preset--color--orange) solid;
	overflow:hidden;
	max-height: calc(100vh - 64px);
    overflow: hidden auto;
}
.menu-lv3-container li {
	opacity:0;
	transition:ease opacity 300ms;
	padding:12px;
	cursor: pointer;
	font-size:15px;
	font-weight:400;
	line-height: 1.4;
	box-sizing: border-box;
}

.menu-lv3-container li.--size-small {
	padding:5px 12px;
	font-size:0.8em;
}
.menu-lv3-container li.--size-tiny {
	padding:5px 12px;
	font-size:0.65em;
}
.menu-lv3-container li.--visible {
	opacity:1;
	transition:ease opacity 300ms;
}
.site-header-sub-menu.--active {
	display:block;
}
.site-header--menu-item.--active {
	color: var(--wp--preset--color--orange);
}
.site-header--menu-item {
	cursor: pointer;
	font-size:16px;
	font-weight:600;
}
.menu-lv2-grid {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap:1rem;
}
.menu-lv2-container {
	transition:transform 300ms ease;
}
.menu-lv2-container.--tabs {
	display: grid;
    grid-template-columns: 1fr 3fr;
}
.menu-lv2-container.--columns .menu-lv2-list {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem 1rem;
	padding: 2em 3em;
    margin: 0;
}
.lefto-man {
	padding:1em 0;
	border-right: 2px #DDD solid;
	position:relative;
}
.lefto-man ul {
	list-style:none;
	padding:0;
}
.menu-item-lv2 {
	padding:0.4rem 1.5rem;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 16px;
    font-weight: 500;
	list-style: none;
}
ul.menu-item-lv2 {
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	flex-direction: column;
}
ul.menu-item-lv2 li {
	padding:0.3rem 1rem;
	box-sizing: border-box;;
}
.menu-item-lv2.--active {
	color: var(--wp--preset--color--orange);
}
.menu-lv3-container hr {
	display:block;
	width:100%;
	grid-column: 1 / -1;
	margin-top:1em;
	margin-bottom:1em;
	border-color: var(--wp--preset--color--soft-grey);
    box-shadow: none;
    border-style: solid;
    border-width: 0.5px;
}
a.l3-link-inner {
    display: flex;
    gap: 0.8rem;
}
span.menu-icon-container {
    display: block;
    height: 40px;
    width: 40px;
	border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}
span.menu-icon-container img {
    height: 75%;
    width: 75%;
    object-fit: contain;
}
.l3-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.span-all-columns {
	display:block;
	width:100%;
	grid-column: 1 / -1;
}
.menu-lv3-container li .--description {
	display:block;
	font-weight: 300;
	color: var(--wp--preset--color--grey);
	font-size:14px;
}
.heading-lv3, .heading-lv3 h4 {
	font-size: 12px;
	font-weight:600;
	margin:10px 0 0 0;
}

.menu-lv3-container {
	display:none;
	padding: 1.5em 1em;
}
.menu-lv3-container.--active {
	display:block;
}
#menu-lv2-marker {
	display: block;
    height: 2rem;
    width: 4px;
    background: var(--wp--preset--color--orange);
    right: 0px;
    position: absolute;
}
.menu-post-thumb img {
	object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
    width: 100%;
	aspect-ratio: 3 / 2;
	border-radius: 10px;
}
.menu-item-lv2.--image img {
	object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
    width: 100%;
	aspect-ratio: 3 / 4;
	border-radius: 10px;
}
li.menu-item-lv2.--post-card {
    grid-row: 1 / 99;
}
.menu-item-lv2.--divider hr {
	border-color: var(--wp--preset--color--soft-grey);
    border-width: 0.5px;
    border-style: solid;
}
.menu-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgb(70 100 192 / 18%);
    backdrop-filter: blur(4px);
    z-index: 999; /* Below Header (1000), Above Content */
    opacity: 0;
    pointer-events: none; /* Let clicks pass through when closed */
    transition: opacity 0.3s ease;
}

.menu-backdrop.is-active {
    opacity: 1;
    pointer-events: all; /* Block clicks when open */
}
/** old menu stuff **/


/* .site-header-menu {
  display: flex;
} */
 .language-switcher {
	position: relative;
	z-index:2;
 }
 
 .site-logo-link {
	position:relative;
	z-index:2;
 }
.site-header-menu {
	display:flex;
	gap: clamp(1rem, 1.8vw, 2rem);
	position: relative;
	z-index:2;
}

.site-header-submenu {
	padding-top: 0.9em;
  	display: none;
}
.site-header-submenu.open {
	display: flex;
	flex-direction:column;
}
.site-header-submenu.large {
	left: clamp(0px, 3vw, 2rem);
	right: clamp(0px, 3vw, 2rem);
}
@media screen and (min-width:768px) {
	.site-header-submenu {
		top: calc(100% - 1.2rem);
		position: absolute;
		border-radius: 0 0 1rem 1rem;
		box-shadow: 0 63px 2.875rem #498b8d1a, 0 5px 5px #0084890d;
		overflow: hidden;
		left: clamp(0px,12vw, 12rem);
		right: clamp(0px,12vw, 12rem);
	}
}
/* @media screen and (min-width:1300px) {
	.site-header-submenu {
    top: 100%;
		left: -20vw;
	  right: -20vw;
	}
	.site-header-submenu.large {
		left: -25vw;
	  right: -25vw;
	}
		.site-header-menu {
			position: relative;
		}
} */
.site-header-submenu nav {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 1.5rem;
}
.site-header-submenu nav.lg-gap {
	gap: 0.5rem;
}
.site-header-submenu .box_link.outline:hover {
  border-color: var(--wp--preset--color--orange);
  background:var(--wp--preset--color--orange);
  color:white!important;
}
.site-header-submenu .box_link.outline:hover .sub {
	color: white;
}
.site-header-submenu-section {
  padding: 2rem;
  flex: 1;
}
.site-header-submenu-section ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}
.site-header-submenu-section.border-left {
  border-left: 1px solid #DDDDDD;
}
.site-header-submenu-section.transparent {
  background: rgba(255 255 255 / 90%);
  backdrop-filter: blur(5px);
}
.site-header-submenu-section.tertiary {
	background: var(--wp--preset--color--tertiary);
}
.site-header-submenu-section.white {
  background: white;
}
.site-header-submenu-section.teal {
  color: white;
  background: var(--wp--preset--color--primary);
}
.site-header-submenu-section.paleblue {
	background: linear-gradient(45deg, #dcebf8, #ebf6ff);
}
.site-header-submenu-section.teal a, .site-header-submenu-section.teal p {
  color: white;
}

.site-header-submenu-section.width-narrow {
  max-width: 280px;
}
.site-header-menu-item {
  padding: 0 0.7em;
	
}
button.site-header--menu-item {
	appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: 0;
}

.site-header-menu-item > a {
  position: relative;
  display: block;
}
.site-header-menu-item > a:before {
  content:'';
  position: absolute;
  top:130%;
  display: block;
  width: 70%;
  border-radius: 2px;
  height: 3px;
  left: 15%;
  right: 15%;
  background: var(--wp--preset--color--secondary);
  opacity: 0;
  transition:all 300ms ease;
}
.site-header-menu-item:hover > a:before {
  transform: translateY(-5px);
  opacity: 1;
}
.site-header-submenu-section.white, .site-header-submenu-section.transparent {
  color: var(--wp--preset--color--foreground);
}
.site-header-menu a {
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
}
.site-header-submenu-section a {
  transition: text-decoration 100ms ease;
}
.site-header-submenu-section a:hover {
  text-decoration: underline 1px var(--wp--preset--color--orange);
  color:var(--wp--preset--color--orange); 
}
.site-header-secondary-menu {
	display: flex;
	gap:1rem;
	align-items: center;
	width:152px;
	justify-content: flex-start;
}
.site-header-submenu-section.white h3.label {
	font-size:1rem;
	color:var(--wp--preset--color--grey)!important;
	font-weight: normal;
}
@media screen and (min-width:1080px) {
	.site-header-secondary-menu {
		justify-content: flex-end;
	}
}
.site-header-secondary-menu svg {
	display: block;
}
.transparent #Icon_material-search {
	fill:#fff;
}
.transparent:hover #Icon_material-search {
	fill:#777;
}
.site-header-secondary-menu a {
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
}
.site-header-secondary-menu a:first-child {
  color:var(--wp--preset--color--grey);
}
.site-header-submenu h3:not(.post-card-title) {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: bold;
}
.site-header-submenu-section.white h3:not(.color-black) {
	color:var(--wp--preset--color--primary);
}
.site-header-submenu p {
  font-size: 13px;
  color:var(--wp--preset--color--grey);
}
.site-header_link-table a {
  font-size: 14px;
}
.site-header_list-header {
  font-weight: bold;
  font-size: 14px;
}
.site-header_list-sub + li:not(.site-header_list-sub) {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid #DDD;
}
.site-header_small-submenu {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.site-header_small-submenu ul, .site-header_small-submenu ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 6px;
}
.site-header_small-submenu.has-icons {
  gap:1.5rem;
}
.site-header_small-submenu a.has-icon {
  font-weight: bold;
  color:var(--wp--preset--color--foreground);
}
.site-header_small-submenu a {
  font-weight: 400;
  font-size: 14px;
  color:var(--wp--preset--color--black);
}
.teal .site-header_small-submenu a {
  color: white;
  font-weight: 600;
}
#change-site-version {
	font-size: 12px;
	cursor: pointer;
}
#change-site-version:hover {
	text-decoration: underline;
	color:var(--wp--preset--color--secondary);
}
.dropdown {
	position: relative;
	cursor: pointer;
}
.dropdown-target {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	border-radius: 6px;
	box-shadow: 0 3px 1rem rgba(0 0 0 / 10%);
  padding: 0.6rem;
	z-index: 10;
}
.dropdown-target.drop-up {
	top:auto;
	bottom:100%;
}
.dropdown-target.open {
	display: block;
}
.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.dropdown a:hover {
	text-decoration: underline;
}
.dropdown.--default label {
	font-size: 14px;
}
.dropdown.--default input {
	margin-right: 0.5rem;
}
.dropdown.--default input:disabled + span {
	color: var(--wp--preset--color--grey);
}
.dropdown.--default .dropdown-trigger span {
	font-size: 14px;
	font-weight: 600;
}
.dropdown.--default .dropdown-trigger:after {
	content: '';
	display: inline-block;
	border-top: 4px solid transparent;
	border-left: 4px solid black;
	border-right: 4px solid transparent;
	border-bottom: 4px solid black;
	margin-left: 0.5em;
	transform: translateY(-37%) rotate(-45deg);
}
.drawer-menu {
	position: fixed;
	background: white;
	left: 0;
	top: 0;
	padding: 6rem 2rem 2rem 2rem;
	z-index: 999;
	margin: 0!important;
	height: 100%;
	box-shadow: 0 0 16px rgb(0 0 0 / 20%);
	transform: translateX(-110%);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.drawer-menu.open {
	transition: transform 300ms ease;
	transform: translateX(0%);
}
.drawer-menu-backdrop {
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 888;
	position: fixed;
	background: rgba(0 0 0 / 0%);
	backdrop-filter:blur(0px);
	margin:0!important;
	transition: background 400ms ease, backdrop-filter 400ms ease;
	transform: translateY(-100%);
	max-width: none!important;
}
.drawer-menu-backdrop.show {
	display: block;
	background: rgba(0 0 0 / 20%);
	backdrop-filter:blur(0.5px);
  transform: translateY(0%);
}
.drawer-menu li {
	margin:0.5rem 0;
}
.drawer-menu a {
	text-decoration: none;
}
body .mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 320px;
	overflow: hidden;
	background: white;
	display: flex;
  flex-direction: column;
	margin: 0;
	z-index: 999;
	box-shadow: 0 0 46px rgb(0 0 0 / 20%);
	box-sizing: border-box;
	max-width: calc(100vw - 3rem);
  transform: translateX(-110%);
	transition: transform 300ms ease;
	-webkit-overflow-scrolling:touch;
}
body .mobile-menu.open {
  transform: translateX(0%);
}
@media screen and (min-width:1080px) {
	body .mobile-menu {
		display: none;
	}
}
.menu-tray {
	display: flex;
	height:100%;
	transition: transform 200ms ease;
	padding-top:4rem;
}
.menu-sheet {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex:1;
	padding:2rem;
	height: 100%;
  overflow: auto;
	box-sizing: border-box;
}
.mobile-menu ul, .drawer-menu ul {
	list-style: none;
	padding: 0;
	margin:0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.mobile-menu ul ul, .drawer-menu ul ul {
	gap:0.5rem;
}
.mobile-menu ul li, .drawer-menu ul li {
	margin-bottom: 0;
}
.mobile-menu li.mobile-menu-product {
	padding: 0.5rem 0;
}
.mobile-menu-product a {
	font-weight: 600;
	font-size: 1rem!important;
}
.mobile-menu .mobile-accordion-target {
	padding-top: 0.5rem;
	padding-bottom: 1rem;
}
.mobile-menu a {
    margin: 0!important;
		text-decoration: none;
		color:inherit;
}
.mobile-menu a:visited {
	color:inherit;
}
.mobile-menu > ul > li > a:not(.button_link):after {
	content: '>';
	float:right;
}
.mobile-menu .new-section {
	border-top:1px solid #DDD;
	margin-top: 0.5rem;
}
.mobile-menu > ul > li {
	padding: 0.7rem 0;
}
.mobile-menu .label {
	font-weight: 600;
	display: block;
}
.mobile-menu > ul > li > .label, .mobile-menu > ul > li > a {
	font-size: 1rem;
}
@media screen and (min-width:375px) {
	.mobile-menu > ul > li > .label, .mobile-menu > ul > li > a {
		font-size: 1.1rem;
	}
	.mobile-menu > ul > li {
		padding: 0.8rem 0;
	}
}
.icon {

}
.icon.--rdc-cloud {
	background: url(/wp-content/uploads/2022/11/cloud-icon-1.svg);
}
.mobile-menu a.has-icon {
	padding-left: 2rem;
	background-size: 22px 22px;
	background-repeat: no-repeat;
  display: inline-block;
}
.mobile-menu a.has-icon.imotions-mobile-icon {
	background-position: 0px 0!important;
}
.mobile-menu-inline_trigger {
  display: inline-block;
  height: 3rem;
  width: 3rem;
  background: var(--wp--preset--color--yellow);
  border-radius: 50%;
  margin-left: calc(50% - 1.5rem);
  box-shadow: 0px 2px 6px rgb(0 0 0 / 10%);
  cursor: pointer;
	position: relative;
}
.mobile-menu-inline_trigger::before, .mobile-menu-inline_trigger::after {
	content: '';
	position: absolute;
	width: 45%;
	height: 3px;
	background: #fff;
	top: 40%;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 3px;
	transition: transform 300ms ease;
}
.mobile-menu-inline_trigger:after {
    top: 60%;
}
.mobile-menu-inline_trigger.open::before {
	transform: translateX(-50%) translateY(3px) rotate(45deg);
}
.mobile-menu-inline_trigger.open::after {
	transform: translateX(-50%) translateY(-6px) rotate(-45deg);
}
@media screen and (min-width:768px) {
	.mobile-menu-inline_trigger {
		display: none;
	}
}
.mobile-accordion-target li {
  margin: 0;
  padding: 0.3rem 0;
}
.mobile-accordion-target a:not(.label) {
	font-size: 0.875rem;
}
.mobile-accordion:before {
    content: '+';
    float: right;
}
.mobile-accordion.open:before {
    content: '-';
}
@media screen and (max-width:767.5px) {
	.d-tablet {
		display: none!important;
	}
}
@media screen and (max-width:1079.5px) {
	.d-desktop {
		display: none!important;
	}
}
.mobile-menu > ul {
	margin-top: 5rem;
	flex-direction: column;
	align-items: flex-start;
}
/* software menu */
#menu_software-table .description {
	font-size: 12px;
  display: block;
  color: var(--wp--preset--color--grey);
  font-weight: 400;
  max-width: 230px;
}
.beta-label {
	font-size: 0.6em;
	letter-spacing: 0.5px;
	color: var(--wp--preset--color--secondary);
}

/* Training menu  */
.training-menu {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.training-menu_item:not(:first-child) {
    border-top: 1px solid #DDD;
    padding-top: 1rem;
}
.training-menu_item {
    display: flex;
    gap: 1rem;
		font-weight: unset!important;
}
.training-menu .training-menu_item:hover {
	text-decoration: none;
	transition: none;
}
.training-menu_item:hover h3 {
	text-decoration: underline;
}
.training-menu_item:hover p {
	color: var(--wp--preset--color--foreground);
}
.training-menu_img img {
    width: 3rem;
}
.training-menu_label h3 {
	color: var(--wp--preset--color--primary);
	font-size: 1rem;
	margin-bottom: 1rem;
}
.upcoming-events_mini h3 {
	font-size: 1rem;
	font-weight: 600;
	color: var(--wp--preset--color--primary);
}
.upcoming-events_mini ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap:1rem;
	padding: 0;
	color: var(--wp--preset--color--grey);
}
.upcoming-events_mini a {
	font-weight: 500;
	font-size: 0.875rem;
	color: var(--wp--preset--color--grey);
}
.upcoming-events_mini a:hover {
	color: var(--wp--preset--color--foreground);
}

#menu_software-table {
  min-width: 28%;
}
#menu_software-table ul {
  gap:2rem;
}
#menu_software-table .has-icons {
  padding-right: 0;
  padding-left: 0;
}
#menu_software-table .has-icon {
  font-size: 1rem;
  display: inline-block;
  background-position: 0 4px;
  background-size: auto 24px;
}
#menu_software-table a {
  padding-left: 2.3rem;
}
#menu_software-table .tagline {
	font-weight: 400;
	display: block;
	font-size: 0.8em;
	margin-bottom: 0.5em;
}

.menu_biosensor-store_description {
  display: flex;
  gap:1rem;
}
.menu_biosensor-store_description img {
  width: 70px;
  border-radius: 1rem;
}
.menu_biosensor-store_description p {
  margin: 0;
	font-size: 12px;
}
.menu_biosensor-store_description {
  margin-bottom: 1rem;
}
.site-header-submenu-section .case-study-teaser_table .box_link {
  color:var(--wp--preset--color--foreground);
	border:1px solid #DDD;
}
.site-header-submenu-section .case-study-teaser_table .sub {
	color:var(--wp--preset--color--grey);
	font-weight: 500;
}
.site-header_small-submenu.has-icons a {
  padding-left: 1.5rem;
}
.site-header_small-submenu .has-icon {
  background-repeat: no-repeat;
  background-position: 0% 50%;
}
.support-icon {
	background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/support-icon.svg');
  }
.download-icon {
  background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/download-icon.svg');
}
.note-icon {
  background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/release-note-icon.svg');
}
.compass-icon {
  background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/compass-icon.svg');
}
.cursor-icon {
  background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/cursor-icon.svg');
}
.price-tag-icon {
	background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/price-tag-icon.svg');
  }
.shopping-cart-icon {
  background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/shopping-cart-icon.svg');
}
.imotions-lab-icon {
  background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/lab-icon-v1.svg');
}
.imotions-online-icon {
  background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/online-icon-v1.svg');
}
.affectiva-icon {
	background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/facial-coding-logo-mark-yellow.svg');
	background-size: 25px !important;
}
.tools-icon {
	background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/tools-icon.svg');
	background-size: 25px !important;
}
.imotions-mobile-icon {
	background-position: 4px 4px!important;
  background-image:url('/wp-content/themes/twentytwentytwo_child/assets/images/mobile-icon-v1.svg');
}

/**
TEMP TEMP TEMP
**/
.affectiva-popup {
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    backdrop-filter: blur(2px);
    z-index: 9999;
}
.affectiva-popup-content {
    position: absolute;
    background: white;
    color: var(--wp--preset--color--grey);
    height: auto;
    width: 360px;
	max-width:80vw;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 25px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	animation:fadeUpPop 400ms ease;
}
@keyframes fadeUpPop {
	0% {transform:translate(-50%, 60px);}
	100% {transform:translateY(-50%, 0px);}
}
.popup-inner-content {
    padding: 2em;
	box-sizing: border-box;
}
.affectiva-popup-content h2 {
	margin-top:0;
	color: black;
    font-weight: bold;
}
.affectiva-popup-close {
    background: var(--wp--preset--color--orange);
    padding: 1em 2rem;
    border: 0;
    border-radius: 9px;
    color: white;
    font-weight: bold;
	cursor: pointer;
}
.affectiva-menu-example {
	border-top: 1px solid #DDD;
padding: 1em 1em 1em 2.3rem;
/* border-radius: 14px; */
/* background: #EEE; */
display: block;
}
.affectiva-menu-example span:not(.description) {
	font-size: 1rem;
    font-weight: bold;
    margin-bottom: 9px;
    display: block;
}
.affectiva-menu-example span.description {
	max-width:none;
}
/* Post stories */

.post-story-list {
  position: relative;
  padding-right: 50%;
  padding-left: 0;
}
.post-card.story {
  position: relative;
  z-index: 3;
  width: 278px;
  height: 324px;
  background: #FFFFFF;
	max-width: 69vw;
}
.post-card.story > a {
  transition: opacity 200ms ease, filter 200ms ease;
}
.post-card.story:nth-child(2n+1) {
  position: absolute;
  top: 0;
  left: 0;
}
.post-card.story:nth-child(2) {
  z-index: 2;
  transform: translateX(15%);
}
.post-card.story:nth-child(3) {
  z-index: 1;
  transform: translateX(30%);
}
@media screen and (min-width:768px) {
	.post-card.story:nth-child(2) {
	  transform: translateX(30%);
	}
	.post-card.story:nth-child(3) {
	  transform: translateX(60%);
	}
}
.post-card.story .post-card-image-wrapper {
  height: 100%;
}
.post-card.story .post-card-image-wrapper img {
  height: 100%;
	object-fit: cover;
}
.post-card.story .post-card-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(0deg, rgb(0 0 0 / 80%), transparent);
  padding: 1.8rem;
}
.post-card.story .post-card-inner .post-card-title {
  color: white;
}
.post-card.story[data-eq="0"] {
  opacity: 1;
  filter:grayscale(0);
}
.post-card.story.hover {
  z-index: 3;
}
.post-card.story[data-eq="1"]:not(.hover) > a, .post-card.story[data-eq="2"]:not(.hover) > a, .post-card.story[data-eq="3"]:not(.hover) > a {
  opacity: 0.5;
  filter:grayscale(1);
}
.post-card.story[data-eq="3"]:first-child {
  z-index: 1;
}
.post-card.story[data-eq="3"]:nth-child(2) {
  z-index: 2;
}

.site-header_nav-label {
  color:var(--wp--preset--color--grey);
  text-transform: uppercase;
  font-size: 12px;
}
.d-flex {
  display: flex;
}
@media screen and (min-width:1080px) {
	.d-flex-desktop {
		display: flex;
	}
	.site-header-menu-item:hover .site-header-submenu {
		display: flex;
	}
}
.default-gap {
  gap:1.25rem;
}

.site-header.transparent + .page-cover {
  padding-top:7rem;
}

.site_header_module_list {
  list-style: none;
  margin-top: 0;
  padding:0;
  margin-left: 1rem;
  display: flex;
    flex-direction: column;
    gap: 0.3rem;
}
.mobile-menu-toggle {
	display:none;
  flex-direction: column;
}
.mobile-menu-toggle.light i {
	background: white;
}
/* .transparent .mobile-menu-toggle i {
  background: white;
} */
.mobile-menu-toggle i {
  background: var(--wp--preset--color--grey);
	margin-bottom:6px;
  width: 24px;
  height: 2px;
  transition: all 200ms ease;
}
.mobile-menu-toggle.active i:nth-child(1) {
  transform:rotate(45deg);
  transform-origin: left;
}
.mobile-menu-toggle.active i:nth-child(2) {
  width:0;
}
.mobile-menu-toggle.active i:nth-child(3) {
  transform:rotate(-45deg);
  transform-origin: left;
}

.mobile-menu-toggle.active[menu-sheet="1"] i:nth-child(1) {
  width: 12px;
  transform: translateY(9px) rotate(-45deg);
}
.mobile-menu-toggle.active[menu-sheet="1"] i:nth-child(2) {
	width:20px;
}
.mobile-menu-toggle.active[menu-sheet="1"] i:nth-child(3) {
  width: 12px;
	transform: translateY(-8px) rotate(45deg);
}
.menu-column ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	/* gap: 0.5rem; */
}
.menu-column .menu-item-lv2 {
	padding-left: 0;
}
h4.menu-column-heading {
	font-size:16px;
    font-weight: 300;
    text-decoration: underline;
    text-underline-offset: 10px;
    margin-top: 0;
	line-height: 2;
    margin-bottom: 0.5em;
}
@media screen and (min-width:920px) {
  .site-header-submenu .box_link {
    white-space: nowrap;
  }
  .menu-column {
	flex: 1;
  }
}
@media screen and (min-width:640.5px) {
	.menu-lv2-container.--grid ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding:1em;
  }
	.mobile-righto-toggle {
		display: none;
  	}
}
@keyframes menuAppear {
	0% {
		opacity:0;
		transform:translateY(0);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@media screen and (max-width:640px) {
	.menu-lv2-container.--columns .menu-lv2-list {
	    padding: 1em 2em 4rem 2rem;
	}
	.menu-lv2-list {
		padding: 1em 2em 4rem 2rem;
    	margin: 0;
	}
	li.menu-item-lv2.--post-card {
 	   display: none;
	}
	#menu-lv2-marker {
		display:none;
	}
	.menu-item-lv2.--divider {
	    margin: 1rem 0;
    	border: 0;
	}
	.mobile-menu-toggle {
		display:flex;
	}
	
  .site-header-secondary-menu a {
    display: none;
  }
  .site-header-inner {
    justify-content: center;
  }
  .site-header-secondary-menu {
    position: absolute;
    left: 1rem;
  }
  .site-header-menu {
    display: none;
    position: absolute;
    top: 100%;
    background: white;
    flex-direction: column;
    left: 0;
    right: 0;
    padding: 2rem;
    gap: 0rem;
    text-align: left;
    border-top: 2px solid var(--wp--preset--color--orange);
	box-sizing: border-box;
    height: 100vh;
  }
  .site-header-menu * {
    color: var(--wp--preset--color--foreground)!important;
  }
  .site-header-menu.open {
    display: block;
  }
  .site-header-sub-menu {
	width:100vw;
	top: 0;
    position: fixed;
    max-height: none;
    height: 100vh;
  }
  .site-header-sub-menu.--active {
	z-index:2;
	animation:menuAppear 200ms ease;
  }
  .menu-lv2-container.--tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 200%;
    transform: translateX(0vw);
	height:100%;
  }
  .menu-lv2-container.--activeChild {
	transform: translateX(-50%);
  }
	button.site-header--menu-item, .menu-item-lv2, .site-header-menu > a {
	    padding: 1em 0;
    	text-align: left;
    	font-weight: 500;
    	border-bottom: 2px solid whitesmoke;
		position:relative;
	}
	button.site-header--menu-item:after, .menu-item-lv2.--button:after {
    content: '';
    border-top: 2px solid black;
    border-right: 2px solid black;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    right: 0;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
	}
	.menu-item-lv2.--image img {
		aspect-ratio: 4/3;
	}
	.lefto-man {
		padding:0;
	}
	ul.menu-lv2-tabs {
		padding:1rem 2rem;
		margin:0;
	}
	span.menu-toggle-label {
    	position: absolute;
    	top: 50%;
    	transform: translate(4rem, -50%);
	}
	.language-switcher {
		margin:1em 0;
	}
	.menu-lv3-container {
		padding: 1.5em 1em 4em 1em;
	}
	.menu-lv3-container li.--size-small {
    	padding: 10px 12px;
	}

}
.menu-open .site-header-menu {
	display:flex;
}

.mobile-righto-toggle {
	height: 3.5rem;
    background: #e6e8ee;
	position:relative
}
.mobile-righto-toggle:before {
    content: '';
    position: absolute;
    border-left: 2px solid #96a0bd;
    border-top: 2px solid #96a0bd;
    height: 14px;
    width: 14px;
    transform: translate(2rem, -50%) rotate(-45deg);
    top: 50%;
}

.righto-man {
    background: var(--wp--preset--color--tertiary);
}

.no-margin-top {
	margin-block-start: 0!important;
	padding-top: 0;
}

/* Responsive helper classes */
@media screen and (min-width:1080px) {
	.d-mobile {
		display: none;
	}
}

/* .single-post .entry-content > p, .single-post .entry-content > ul, .single-post .entry-content > ol {
	font-family: georgia, serif;
} */

.archive .entry-content a, .single-post .entry-content a {
	overflow-wrap: break-word;
	color:var(--wp--preset--color--orange);
	text-decoration: none;
}
.archive .entry-content a:hover, .single-post .entry-content a:hover {
	text-decoration:underline;
}
.archive .entry-content p, .single-post .entry-content p {
	line-height: 1.705;
}
.archive .entry-content p + figure, .single-post .entry-content p + figure {
    margin-top: 2rem;
}

/* .archive .entry-content h2, .single-post .entry-content h2 { */
h2 {
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 0.5em;
    margin-top: 1em;
}
/* .archive .entry-content h3, .single-post .entry-content h3 { */
h3 {
	font-size: 1.3rem;
    font-weight: 700;
}
.archive .post-list a, .single-post .post-list a {
    color: unset!important;
}
h4 {
	font-size: 1.1rem;
	font-weight:700;
}
.wp-block-image figcaption {
    color: var(--wp--preset--color--soft-grey);
}
.quick_links_menu .wp-block-navigation__container {
	border: 1px solid #DDD;
	gap:0;
}
.quick_links_menu .wp-block-navigation__container li {
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
}
.quick_links_menu .wp-block-navigation__container li:not(:first-child) {
	border-top: 1px solid #DDD;
}
.post-list {
	container-type: inline-size;
	container-name: postlist;
}
time.post-card-date {
    font-size: 12px;
    color: var(--wp--preset--color--grey);
}
.post-meta-footer {
    display: flex;
    flex-direction: column;
}
.post-meta-row {
    display: flex;
    font-size: 12px;
    flex-direction: column;
    margin-bottom: 1em;
    margin-top: 0.5em;
}
.featured-post-list .post {
	background:white;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 3px 13px rgba(0 0 0 / 9%);
}
.featured-post-list figure {
	margin-top: 0;
}
.featured-post-list img {
	display: block;
	transition:transform 100ms ease;
}
.featured-post-list h2 {
	font-weight: 600;
}
.post-list-item-inner {
	padding:0.9em;
}
a.featured-posts-list-all-link:last-child:after {
    content: '';
    margin-left: 8px;
    font-weight: 600;
    display: inline-block;
    height: 0.6em;
    width: 0.6em;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
}
a.featured-posts-list-all-link:last-child:hover:after {
	color: var(--wp--preset--color--secondary);
}
/* Featured posts */
.featured-posts-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.featured-posts-grid img {
	border-radius:16px;
}
.featured-posts-grid h2 {
	font-size:1em;
	font-weight:700;
}
.featured-posts-grid li:first-child {
	grid-row:span 4;
}

.wp-block-post-content ~ .post-list.inherit {
  margin:3rem 0;
}
.parent-pageid-29 .entry-content, .page-id-29 .entry-content {
  margin-block-start:0;
}
#footnotes {
	color: var(--wp--preset--color--grey);
	font-size: 0.875rem;
}
ol#footnotes li {
    margin-bottom: 0.5em;
}
.post-references {
  max-height: 300px;
  overflow: hidden;
  transition: all 300ms ease;
  position: relative;
  color: var(--wp--preset--color--grey);
  font-size: 0.875rem;
}
.post-references.expanded {
  max-height: none;
}
.post-references:not(.expanded):after {
  content: '';
  display: block;
  height: 33%;
  width: 100%;
  background: linear-gradient(0deg, white, transparent);
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #E1E7EB;
}
#toggle-references {
  background: none;
  border: 0;
  font-weight: bold;
  width: 100%;
  padding: 1rem;
  cursor: pointer;
}
#toggle-references:hover {
  background: var(--wp--preset--color--tertiary);
}
.info-box {
	background:var(--wp--preset--color--tertiary);
}
.info-box .wp-block-heading {
	font-size: 1.2rem;
	font-weight: bold;
	padding: 1.4rem;
	position: relative;
	cursor: pointer;
	color: var(--wp--preset--color--primary);
}
.info-box .wp-block-heading:hover::before  {
	background:var(--wp--preset--color--yellow);
}
.info-box .wp-block-heading::before {
	content: '+';
	border-radius: 50%;
	float: right;
	background: transparent;
	height: 1.2rem;
    width: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
}
.info-box-content {
	margin-top: 0!important;
	padding: 1.4rem;
	display: none;
}
.info-box p {
	font-size: 15px;
}
.info-box p:first-of-type {
	margin-top: 0;
}

span.page-numbers.current, a.page-numbers {
  background: var(--wp--preset--color--secondary);
  padding: 0.5em;
  line-height: 1;
  height: 1em;
  min-width: 1em;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
	text-decoration: none;
}
a.page-numbers:hover {
	background:#e2e7f0;
}
span.page-numbers.current {
  background: var(--wp--preset--color--secondary);
	color: white;
}
a.page-numbers {
    background: var(--wp--preset--color--tertiary);
}
.page-nav-container {
	margin-bottom: 1rem!important;
}

/* Applications and cases */
.dark-theme {
	margin-block-start:0!important;
	padding-top: 0;
}
.dark-theme a {
  color: var(--wp--preset--color--background);
}

ul.case-study-teaser_table li, ul.case-study-teaser_table a {
    width: 100%;
    box-sizing: border-box;
}
.application-cases-teaser ul.wp-block-categories {
	list-style: none;
	margin: 2em 0;
	padding: 0;
  column-count: 2;
}
.application-cases-teaser .wp-block-categories a {
	color:white;
	font-weight: 700;
	padding:11px 15px;
	border-radius: 6px;
	border: 1px solid #777777;
	display: inline-block;
	margin-bottom: 1em;
	text-decoration: none;
}
.application-cases-teaser .wp-block-categories a:hover {
	border-color:#FFFFFF;
}
ul.featured_cases {
	position: relative;
	max-width: 525px;
}
.featured_cases figure {
	width: 100%;
}
.featured_cases li {
	width: 62%;
	height: 385px;
	border-radius: 16px;
	overflow: hidden;
	position: absolute;
	top: 0;
	margin:0;
	box-shadow: 0 3px 2.875rem rgba(0, 0, 0, 29%);
}
.featured_cases li:hover img {
	transform: scale(1.1);
}
.featured_cases li:nth-child(1) {
	z-index: 3;
}
.featured_cases li:nth-child(2) {
	z-index: 2;
  transform: translateX(20%);
}
.featured_cases li:nth-child(3) {
	z-index: 1;
  transform: translateX(40%);
}
.featured_cases img {
	width:100%;
  height: 385px;
	object-fit: cover;
	transition: transform ease 200ms;
}
.featured_cases h2 {
	position: absolute;
	width: 100%;
	bottom:0;
	left: 0;
	padding:2rem;
	color: white;
	background: linear-gradient(0deg, black, transparent);
}
.featured_cases h2 a {
	color: inherit;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
}

.featured-posts-list.layout-feature li:first-child {
	grid-row: span 4;
	position: relative;
  min-height: 250px;
}
@supports (min-height:clamp(250px, 60vw, 400px)) {
	.featured-posts-list.layout-feature li:first-child {
  	min-height: clamp(250px, 60vw, 400px);
	}
}
.featured-posts-list.layout-feature li:first-child ~ li{
	box-shadow: none;
	background: none;
}
.featured-posts-list.layout-feature li:first-child ~ li a {
	text-decoration: none;
	display: flex;
	flex-direction: row;
}
.featured-posts-list.layout-feature li:first-child ~ li img, .featured-posts-list.layout-feature li:first-child ~ li .post-card-image-wrapper {
	width:50px;
	height: 50px;
	border-radius: 16px;
	overflow: hidden;
}
.featured-posts-list.layout-feature li:first-child ~ li .post-card-inner {
	padding: 0rem 1rem;
	background-color: transparent;
}
.featured-posts-list.layout-feature li:first-child ~ li .post-card-author {
	display: none;
}
/* Post templates  */
.post-template-wp-custom-template-post-no-image main.wp-container-26 {
	margin-block-start:0;
}
.page-template-hardware footer.wp-block-template-part {
	margin-block-start:0;
	border-top: 1px solid #DDDDDD;
}

.featured-posts-list.layout-feature {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 2rem;
	row-gap:1rem;
	padding: 0;
}
@media screen and (min-width:650px) {
	.featured-posts-list.layout-feature {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (min-width:1080px) {
	.featured-posts-list.layout-feature li:first-child ~ li img, .featured-posts-list.layout-feature li:first-child ~ li .post-card-image-wrapper {
		width: 82px;
		height: 85px;
	}
	.featured-posts-list.layout-feature {
		grid-template-columns: 1.5fr 1fr;
	}
}
@media screen and (min-width:1300px) {
	.featured-posts-list.layout-feature {
		grid-template-columns: 1.3fr 1fr;
	}
}
.feature-post-item:first-child .post-card-image-wrapper, .feature-post-item:first-child img {
	height: 100%;
}
.feature-post-item:first-child .post-card-inner {
	background: linear-gradient(0deg, rgb(0 0 0 / 33%), transparent);
	padding: 2rem;
	display: flex;
	flex-direction: column-reverse;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.feature-post-item:first-child .post-card-author {
	display: none;
}
.feature-post-item:first-child a {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}
.feature-post-item:first-child * {
	color: white;
}
.feature-post-item:first-child .post-card-title {
	color: white;
  font-size: 1.25rem;
}
.post-card-inner a:not(:hover) {
	text-decoration: none;
}

/* Posts need to have styling globally available  */
.featured-posts-list.layout-list, .featured-posts-list.layout-combo {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem 1rem;
  margin:0;
  padding:0;
}
@media screen and (min-width:375px) {
	.featured-posts-list.layout-list, .featured-posts-list.layout-combo {
	  grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width:768px) {
	.featured-posts-list.layout-list, .featured-posts-list.layout-combo  {
	  grid-template-columns: repeat(calc(var(--list-columns) - 1), 1fr);
		grid-gap: clamp(2rem, 3vw, 3rem) clamp(1rem, 2vw, 2.5rem);
	}
}
@media screen and (min-width:1080px) {
	.featured-posts-list.layout-list, .featured-posts-list.layout-combo {
	  grid-template-columns: repeat(var(--list-columns), 1fr);
	}
}
.featured-posts-list[data-grid-size="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.featured-posts-list.layout-fancy {
  grid-template-columns: repeat(1, 1fr);
	display: grid;
	gap:1rem;
	list-style: none;
	padding: 0;
}
@media screen and (min-width:400px) {
	.featured-posts-list.layout-fancy {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width:600px) {
	.featured-posts-list.layout-fancy {
		grid-template-columns: repeat(3, 1fr);
	}
}

.featured-posts-list.layout-num_list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	padding-left: 0;
}
.featured-posts-list.layout-num_list .post-card-title {
	font-size: 0.875rem;
	display: block;
}
.layout-num_list {
	counter-reset: list;
}
.layout-num_list li:before {
	counter-increment: list;
	content:counter(list);
	display: inline-block;
	background: var(--wp--preset--color--primary);
	border-radius: 30px;
	color: white;
	font-weight: 600;
	height: 1.8em;
	width: 1.8em;
	line-height: 1.8em;
	text-align: center;
}
.layout-num_list li {
	display: grid;
	grid-template-columns: 2rem 1fr;
	gap: 0.8rem;
}
.featured-posts-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
}
.featured-posts-list-header a {
  text-decoration: none;
	color:inherit;
}
.featured-posts-list-header a:hover {
  text-decoration: underline;
}
.featured-posts-list-title {
	margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--wp--preset--color--primary);
}
.featured-posts-list-all-link {
  font-size: 1rem;
  text-transform: capitalize;
  color: var(--wp--preset--color--foreground);
}
.list-post-item, .feature-post-item {
  border-radius: 1rem;
  box-shadow: 0 3px 13px rgba(0 0 0 / 13%);
  overflow: hidden;
  transition: box-shadow 250ms ease;
	display: flex;
	flex-direction: column;
	background: white;
}
.site-footer.dark-theme, .dark-theme .list-post-item {
	background:#252627;
}
.dark-theme .post-card-category {
	color:#5f9fb2;
}
.list-post-item a {
	text-decoration: none;
}
.list-post-item a:hover {
	text-decoration: none;
}
.list-post-item:hover, .feature-post-item:hover {
  box-shadow:0 6px 26px rgb(0 0 0 / 18%);
}
.list-post-item:hover .post-card-image, .feature-post-item:hover .post-card-image {
  transform: scale(1.15);
}

/* Type 17 = webinar */
.post-card.webinar {
	border-radius: 1rem;
	overflow: hidden;
}
.post-card.webinar:hover .post-card-image {
  transform: scale(1.15);
}
.post-card.webinar:not(.signup) {
  background: #212121;
  color:white;
}
.post-card.webinar:not(.signup) .post-card-title {
  color: white;
}
.post-card.webinar:not(.signup) .post-card-category {
  color: #3CADC7;
}
.post-card-event-date {
  font-size: 0.9rem;
  margin-bottom: 2rem;
  color:var(--wp--preset--color--grey);
}
.post-card.webinar .pre {
  margin-right: 0.3em;
  color: #AAAAAA;
}
.post-card.webinar .post-card-duration {
  font-size: 0.6875rem;
  color: #AAAAAA;
  font-weight: 600;
  margin-bottom: 2rem;
}
.post-card.signup {
  background: var(--wp--preset--color--tertiary);
  box-shadow: none;
}
.post-card.signup .button_link {
  font-size: 0.875rem;
}
.post-card-label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--wp--preset--color--secondary);
}
.post-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 250ms ease;
}
.post-card-image-wrapper {
  height: clamp(100px, 25vw, 10rem);
  overflow: hidden;
	transform: translateZ(0);
	border-radius: 1rem 1rem 0 0;
}
.featured-posts-list.layout-feature li:first-child .post-card-image-wrapper {
	border-radius: 1rem;
}
.featured-posts-list.layout-feature li:first-child .post-card-inner {
	border-radius: 0 0 1rem 1rem;
}
.post-card a {
  text-decoration: none;
}
.post-card-title {
  font-size: clamp(13px, 2vw, 1rem);
  font-weight: 600;
  line-height: 1.375;
  margin:0;
}
.post-card-inner {
  padding: 1rem 0.6rem;
	flex:1;
}
@supports (padding: clamp(0.8rem, 2vw, 1.25rem)) {
	.post-card-inner {
	  padding: clamp(0.8rem, 2vw, 1.25rem) clamp(0.6rem, 2vw, 1rem);
	}
}
.post-card.webinar .post-card-inner {
	background: transparent;
}
.post-card-author {
  font-size: 10px;
  color:var(--wp--preset--color--grey);
  margin:0;
}
@supports (font-size: clamp(10px, 2vw, 0.75rem)) {
	.post-card-author {
	  font-size: clamp(10px, 2vw, 0.75rem);
	}
}
.post-card-category {
  font-size: 9px;
	color: var(--wp--preset--color--primary);
	font-weight: 600;
  text-transform: uppercase;
}
@supports (font-size:clamp(9px, 2vw, 0.6875rem)) {
	.post-card-category {
	  font-size: clamp(9px, 2vw, 0.6875rem);
	}
}

.post-card.feature:first-child {
  grid-row: span 4;
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 3px 2.875rem rgba(0 0 0 / 16%);
	min-height: 60vw;
}
@media screen and (min-width:768px) {
	.post-card.combo:first-child, .post-card.feature:first-child {
		min-height: 400px;
	}
}
.post-card.combo:first-child .post-card-inner, .post-card.feature:first-child .post-card-inner {
  background: linear-gradient(0deg, rgb(0 0 0 / 33%), transparent);
  padding: 2rem;
  display: flex;
  flex-direction: column-reverse;
}
.post-card.combo:first-child .post-card-title, .post-card.feature:first-child .post-card-title {
  color: white;
  font-size: 1.25rem;
}
.post-card.combo:not(:first-child), .post-card.feature:not(:first-child) {
  box-shadow: none;
  display: flex;
	flex-direction: row;
}
.post-card.combo:first-child .post-card-image-wrapper, .post-card.feature:first-child .post-card-image-wrapper {
  height: 100%;
}
.post-card.combo:first-child .post-card-image, .post-card.feature:first-child .post-card-image {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
}
.post-card.combo:first-child .post-card-category, .post-card.feature:first-child .post-card-category {
  color: white;
}
.post-card.combo:not(:first-child) .post-card-image-wrapper, .post-card.feature:not(:first-child) .post-card-image-wrapper {
  height: auto;
}
.post-card.combo:not(:first-child) .post-card-image, .post-card.feature:not(:first-child) .post-card-image {
  width:82px;
  height:85px;
  border-radius: 1rem;
}
.post-card.combo:not(:first-child) .post-card-inner, .post-card.feature:not(:first-child) .post-card-inner {
  padding:0 0 0 1.25rem;
  flex:1;
}
.post-card.combo .post-card-author, .post-card.feature .post-card-author {
  display:none;
}
.post-card.combo .post-card-category, .post-card.feature .post-card-category {
  margin: 0;
  color:var(--wp--preset--color--grey);
}

.featured-posts-list + .featured-posts-list {
    margin-top: 2rem;
}
.featured-posts-list a {
	color: inherit;
	text-decoration:none;
}
.num_list-post-item a:hover, .list-post-item a:hover .post-card-title, .feature-post-item:hover .post-card-title, .post-card.webinar:hover .post-card-title {
	text-decoration: underline;
}
.load-more-posts {
  border-radius: 30px;
  padding: 0.5rem 1.5rem;
  border: 1px solid;
  margin: 3rem auto;
  cursor: pointer;
  font-size: 1rem;
  width: 90px;
  text-align: center;
  font-weight: 600;
}
.post-card {
	border-radius: 1rem;
	transform:translateZ(0);
	overflow: hidden;
}
.post-card.fancy {
	position: relative;
}
.post-card.fancy .post-card-image-wrapper, .post-card.fancy .post-card-image {
	height: clamp(170px, 25vw, 400px);
}
.post-card.fancy .post-card-inner {
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	background: linear-gradient(0deg, rgb(0 0 0 / 80%), transparent);
	padding: 1.8rem;
}
.post-card.fancy .post-card-title {
	color: white;
	transition: transform 200ms ease-out;
}

li.post-card.fancy img {
  transition: filter 100ms ease, transform 300ms ease;
}
li.post-card.fancy:hover img {
  transform: scale(1.2);
  filter: brightness(0.6) blur(2px);
}
 li.post-card.fancy:hover .post-card-title {
   transform: translateY(-2rem);
 }
 li.post-card.fancy h2.post-card-title:after {
	 content: '';
	 position: absolute;
	 width: 0rem;
	 height: 2px;
	 background: var(--wp--preset--color--yellow);
	 left: 0;
	 bottom: -1rem;
	 transition: width 300ms ease;
 }
 li.post-card.fancy:hover h2.post-card-title:after {
   width:4rem;
 }

/* Case study teaser  */
.case-study-teaser {
  margin-block-start:0!important;
  padding: 2rem var(--wp--custom--spacing--outer) 3rem var(--wp--custom--spacing--outer);
  background: var(--wp--preset--color--foreground);
}
.case-study-teaser_copy {
  color: white;
}
.case-study-teaser_copy h2 {
  font-size: 2rem;
}
.case-study-teaser_copy p {
  font-size: 1rem;
  color: #DDDDDD;
}
.case-study-teaser_inner {
  max-width: var(--alignwide);
  margin: 0 auto;
  display: flex;
	flex-direction: column;
  gap:2rem;
}
@media all and (min-width:1080px) {
	.case-study-teaser_copy {
		width: 50%;
	}
	.case-study-teaser_inner {
		flex-direction: row;
	}
	.case-study-teaser {
	  margin-block-start:0!important;
	  padding: 2rem 0 3rem 0;
	}
}

.case-study-teaser .post-card.story {
  background: #000000;
}
.case-study-teaser_table {
  list-style: none;
  padding: 0;
  margin: 0;
	grid-template-areas: 'a b';
	display: grid;
	gap:0.8rem;
}
ul.case-study-teaser_table:nth-child(odd) {
    grid-area: a;
}
ul.case-study-teaser_table:nth-child(even) {
    grid-area: b;
}

.narrow-image-channel {
	padding:2.5rem 0;
}
.narrow-image-channel:not(:first-child) {
	border-top:1px solid #DDDDDD;
}

/* Software suite */
.software-suite-list {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap:1.25rem;
}
@media screen and (min-width:400px) {
	.software-suite-list {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width:768px) {
	.software-suite-list {
		grid-template-columns: repeat(4, 1fr);
	}
}
.software_suite.has-shadow a {
	box-shadow: 0 -4px 5px rgb(0 0 0 / 20%);
	transition: box-shadow 100ms ease;
}
.software_suite.has-shadow a:hover {
	box-shadow: 0 -4px 25px rgb(0 0 0 / 20%);
}
.software-suite-item {
	border-radius: 1rem;
	padding: clamp(1rem, 3vh, 1.5rem);
	background: var(--wp--preset--color--tertiary);
	/* min-width: 200px; */
}
.software-suite-item.bg-teal {
	background: var(--wp--preset--color--primary);
}
.software-suite-item.bg-teal * {
	color: white;
}
a.software-suite-item {
	text-decoration: none;
}
img.software-suite-logo {
	height: 84px;
	margin: 1rem auto 2rem auto;
	display: block;

}

.software-suite-title {
	font-size: 1.25rem;
	font-weight: 600;
	color:var(--wp--preset--color--primary);
}
.software-suite-item p {
	color:var(--wp--preset--color--grey);
}
.software-suite-item p.software-suite-tagline {
	font-size: 1rem;
}
.software-suite-item p.software-suite-description {
	font-size: 0.875rem;
}

/* Release notes */
.release-version {
	background:var(--wp--preset--color--secondary);
	display: inline-block;
	border-radius: 30px;
	padding: 0.1em 0.7em;
	color: white;
}
.type-release-notes .wp-block-post-title {
	font-size: 2rem;
	font-weight: 500;
}
.type-release-notes .entry-content h2, .single-release-notes .entry-content h2, .release-note-list h2 {
	font-size: 1rem;
	font-weight: 500;
}
.type-release-notes.release-notes {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom:2rem;
	margin-bottom: 2rem;
}

/* Customer Success Program Promo */
.menu_CSP-promo h3 {
	font-size:1rem;
	margin:0.5rem 0;
}
.menu_CSP-promo p {
	margin-top: 0;
	line-height: 1.5;
}
.menu_CSP-promo a {
	font-size: 14px;
}
@media screen and (min-width:781px) {
	.page-with-menu .wp-block-column:nth-child(2) {
		border-left: 1px solid #DDD;
		padding-left: 2rem;
	}
}
.aside-menu {
  position: sticky;
  top:2rem;
}
.aside-menu-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.aside-menu-list a {
  text-decoration: none;
}
.aside-menu-list a:hover {
  text-decoration: underline;
}
.aside-menu-list a.link-open_blank svg {
  margin-left: 0.5em;
}
.aside-menu-list > li {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
	cursor: pointer;
}
.aside-menu-subgroup {
  list-style: none;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}
.aside-menu-subgroup li {
  font-size: 14px;
}
.aside-menu .sub-menu {
	list-style: none;
	padding: 0;
	padding-bottom: 0.5rem;
	display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.9rem;
}
.aside-menu .sub-menu a{
	color:var(--wp--preset--color--grey);
	font-weight: normal;
}
.partner-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	list-style: none;
	grid-gap:1rem;
	padding: 0;
}
.partner-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: var(--wp--preset--color--tertiary);
    padding: 2rem 1rem;
    border-radius: 1rem;
    gap: 1rem;
}
.partner-list img {
	max-width: 75%;
	max-height: 90px;
}
.partner-list p {
    font-size: 14px;
    color: var(--wp--preset--color--soft-grey);
}
/* Module promo part */

.module-promo:not(.small) {
	padding: 2rem;
	display: grid;
	grid-template-columns: 1fr;
	color:white;
	gap:1rem;
	box-sizing: border-box;
	border-radius: 0rem;
	background:linear-gradient(45deg, #617aa954, #ffffe8) var(--bg--color);
	background-blend-mode: color-burn;
}
.module-promo_image.small {
	height: 3.8em;
    width: 3.8em;
    padding: 0.7em;
    border-radius: 1.4rem;
	transition:filter ease 150ms;
	filter: brightness(1);
    background: linear-gradient(45deg, #617aa954, #ffffe8) var(--bg--color);
    background-blend-mode: color-burn;
}
.module-promo_image.small img {
	border-radius: 0;
	max-height:100%;
}
a.module-promo.small {
	display:flex;
	gap: 1.5rem;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 1.4rem 0;
	text-decoration:none;
	color:var(--wp--preset--color--soft-grey);
}
a.module-promo.small:hover {
	text-decoration:none;
}
a.module-promo.small:hover .module-promo_image {
	filter: brightness(1.2);
}
a.module-promo.small:hover h3 {
	text-decoration:underline;
	color:var(--wp--preset--color--orange);
}
.module-promo_header_small {
    margin: 0;
	color:var(--wp--preset--color--black);
}
.module-promo_tagline_small {
	font-size: 14px;
    margin-bottom: 0;
}
.module-promo.small label {
	font-size:12px;
}
.module-promo_header {
	font-size: clamp(1.5rem, 5.8vw, 2rem);
	margin: 0;
	font-weight: 700;
}
.module-promo.cta .module-promo_header {
	font-size: clamp(1.5rem, 5.8vw, 2rem);
	margin-top:0.5rem;
}
.module-promo_image.cta {
	transition:transform 300ms ease;
}
.module-promo.cta:hover .module-promo_image.cta {
	transform:scale(1.1);
}
.module-promo_image.cta img {
    border-radius: 0;
    max-width: 220px;
    max-height: 240px;
}
.module-promo_tagline {
	font-weight:600;
	max-width: 460px;
    font-size: 1.2em;
	margin-bottom:3rem;
}
.module-promo_image:not(.small) {
	align-items: center;
	justify-content: center;
}
.module-promo_image img {
	border-radius: 1rem;
	width: 100%;
	max-width: 180px;
	max-height: 200px;
}
.module-promo_features {
	color:var(--wp--preset--color--background);
	opacity: 0.85;
	column-count: 2;
	margin-bottom: 2rem;
}
@media screen and (min-width:768px) {
	.module-promo:not(.small) {
		gap:0;
		grid-template-columns: 2fr 1fr;
		border-radius: 1rem;
	}
	.module-promo.cta {
		gap:2rem;
	}
	.module-promo_image {
		display: flex;
	}
}

/* Auto Promotion Plugin */
aside.promotion-cta {
	margin: 2rem 0;
}
aside.promotion-cta a {
	display: flex;
	gap: 1.5rem;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 1.4rem 0;
	text-decoration: none;
	color: var(--wp--preset--color--soft-grey)!important;
}
.promotion-cta--thumbnail {
	height: 6em;
    width: 6em;
	flex:none;
	overflow:hidden;
    border-radius: 1.4rem;
}
.promotion-cta--thumbnail img {
	height:100%;
	width:100%;
	transform:scale(1);
	transition:transform ease 300ms;
}
aside.promotion-cta a:hover {
	text-decoration: none!important;
}
aside.promotion-cta a:hover img {
	transform:scale(1.2);
}
aside.promotion-cta h4 {
	color:var(--wp--preset--color--black);
}
aside.promotion-cta a:hover h4 {
	color:var(--wp--preset--color--orange);
}
.promotion-cta--content h4 {
    margin-top: 0;
	margin-bottom: 0.5em;
}
.promotion-cta--content p {
	font-size: 14px;
	margin-bottom:0;
}
.promotion-cta--button {
    color: var(--wp--preset--color--black);
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;
	display:inline-block;
	position:relative;
}
.promotion-cta--button:after {
    content: '';
    display: block;
    position: absolute;
    background: var(--wp--preset--color--orange);
    height: 2px;
    width: 0%;
	transition:width 200ms ease;
}
aside.promotion-cta a:hover .promotion-cta--button:after {
	width:100%;
}

/* Testimonials */
.block-title {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--wp--preset--color--primary);
}
.testimonials {
	background:var(--wp--preset--color--tertiary);
	padding:2rem 0;
}
.testimonial-list {
	list-style: none;
	box-sizing: border-box;
  padding: 0;
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	gap: 1rem;
	margin-top: 2rem;
}
.testimonial-list::-webkit-scrollbar {
	width: 0;
}
.testimonial-list::-webkit-scrollbar-track {
	opacity: 0;
}
.testimonial {
	background:white;
	border-radius: 6px;
	padding: 1rem;
	width:280px;
	flex: none;
}
.testimonial:first-child {
  margin-left: calc((100vw - var(--alignwide))/2);
}
.testimonial:last-child {
	margin-right: 2rem;
}
.testimonial-title {
	color:var(--wp--preset--color--primary);
	font-size: 0.9375rem;
	font-weight: 600;
	padding-bottom: 1rem;
	border-bottom: 1px solid #DDD;
	margin-bottom: 1rem;
	margin-top: 0;
}
.testimonial p {
	font-size:0.875rem;
	color:var(--wp--preset--color--grey);
	margin-top: 0;
}
.testimonial-citation {
	display: flex;
	margin-top: 1rem;
}
.testimonial-citation div {
	margin-left: 1rem;
}
.testimonial-citation img {
	width: 63px;
	height:63px;
	border-radius: 50%;
}
.testimonial-citation .testimonial-cit-name {
	line-height: 1.3;
	display: inline-block;
}
.testimonial-citation p.testimonial-cit-title {
	font-size: 10px;
}

/* What is New */
.wp-block-post.features.type-features {
  display: flex;
}
.features .meta.version_number {
	font-size: 12px;
	font-weight: 500;
}

/* Feature highlight grid */
@media screen and (max-width:767px) {
	.feature-highlight-grid .is-nowrap.wp-block-group {
		flex-wrap: wrap;
	}
	.feature-highlight-grid .is-nowrap.wp-block-group > .wp-block-group {
		flex:calc(50% - 1rem);
	}
}

/* Popups */
.form.popup {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.1);
  z-index: 9999;
	transition: background 300ms ease;
}
.form.popup.beKind {
	position: relative;
	height: auto;
	display: block;
}
.form.popup.beKind .popup-content {
	max-height: none;
}
.form.popup.open {
	background: rgba(0, 0, 0, 0.5);
}
.form iframe {
	border: 0;
	display: block;
}

.loading-spinner {
	display: inline-block;
	height: 4rem;
	width: 4rem;
	/* background: var(--wp--preset--color--primary); */
	border-radius: 50%;
	border: 8px solid transparent;
	border-left: 8px solid var(--wp--preset--color--yellow);
	margin-left: calc(50% - 2.5rem);
	animation: spinnerRotate 1s linear infinite;
	position: relative;
	border-style: dotted;
}
.loading-spinner:after {
	content: '';
	height: 1rem;
	width: 1rem;
	position: absolute;
	display: block;
	background: var(--wp--preset--color--yellow);
	top: calc(50% - 0.5rem);
	left: calc(50% - 0.5rem);
	border-radius: 50%;
	animation: spinnerBounce 1s alternate infinite;
}
@keyframes spinnerRotate {
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}
@keyframes spinnerBounce {
	0% {transform:translate(-100%);}
	100% {transform:translate(100%);}
}
.form.popup.open .popup-content {
	transform:translateY(0);
}
.popup-content {
	transform:translateY(20%);
	transition: transform 300ms ease-out;
	position: relative;
	z-index: 2;
	width: 650px;
	background: white;
	padding: 2rem 1rem;
	box-sizing: border-box;
	overflow: hidden;
	max-width: 100vw;
	max-height: calc(100vh - 2rem);
}
.form:not(.submitted) .popup-content {
	padding: 2rem 0 2rem 1rem;
}
.form .popup-content {
	width:560px;
}
.form[data-download-link].submitted .popup-content {
	width:700px;
}
#form-epage .popup-content, .form[data-download-link]:not(.submitted) .popup-content {
	width: 450px;
}
.form.submitted .popup-content {
	height:auto!important;
}
.newsletter.submitted .popup-content {
	height: auto;
	color: white;
	background: linear-gradient(45deg, var(--wp--preset--color--primary), #22505e);
}

.admin-bar .popup-content {
	max-height: calc(100vh - 3rem);
	top:1rem;
}

.newsletter-prompt {
	position: fixed;
	bottom: 0;
	left: 2rem;
	display: flex;
	justify-content: center;
	z-index: 999;
	transition: transform 400ms ease;
}
.newsletter-prompt.hide {
	transform:translateY(110%);
}
.newsletter-prompt-inner {
	max-width: 100%;
	width:650px;
	display: flex;
	background: white;
	border-radius: 16px 16px 0 0;
	overflow: hidden;
	box-shadow: 2px 2px 16px rgb(0 0 0 / 15%);
}
.newsletter-prompt-content {
	padding:1rem 1rem 4.5rem 1rem;
}
.newsletter-prompt-content p {
	font-size: 15px;
}
.newsletter-prompt-content p:first-child {
	font-weight: bold;
  font-size: 20px;
  margin: 0;
}
.newsletter-prompt-content span.hide-me {
	color:var(--wp--preset--color--grey);
	font-size: 15px;
	display: block;
	cursor:pointer;
}
.newsletter-prompt-actions {
	display: flex;
	gap: 1rem;
	align-items: center;
}
.newsletter-prompt.small {
	bottom:2rem;
	left: 2rem;
}
.newsletter-prompt.small.hide {
	transform:translateY(120%);
}
.newsletter-prompt-content.small {
	padding:1rem;
}
.newsletter-prompt.small .newsletter-prompt-actions {
	flex-direction: column;
	gap: 0.8rem;
	align-items: flex-start;
}
.newsletter-prompt-inner.small {
	width: 213px;
	border-radius: 16px;
}
.newsletter-prompt-inner.small p:first-child {
	line-height: 30px;
}
.newsletter-prompt-inner.small .label {
	font-size: 14px;
	color: var(--wp--preset--color--grey);
}
.newsletter-prompt-inner.small .title {
	font-size: 30px;
	color: var(--wp--preset--color--primary);
}
.newsletter-prompt img {
	display: none;
	object-fit: cover;
	height: 100%;
	width: 170px;
	object-fit: cover;
}

@media screen and (min-width:650px) {
	.newsletter-prompt-content {
		padding:1rem 1rem 1.5rem 1rem;
	}
	.popup-content {
		padding: 2rem;
		border-radius: 6px;
	}
	.form:not(.submitted) .popup-content {
		padding:2rem 0 2rem 2rem;
	}
	.newsletter-prompt img {
		display: block;
	}
}

.hide-overflow {
	overflow: hidden;
}
div.popup_close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	height: 2rem;
	width: 2rem;
	border-radius: 50%;
	border: 2px solid transparent;
}
div.popup_close:after, div.popup_close:before {
	content: '';
	height: 3px;
	background:#DDD;
	transition: background 100ms ease;
	width:60%;
	position: absolute;
	border-radius: 3px;
	top:calc(50% - 1.5px);
	left: 20%;
}
div.popup_close:after {
	transform: rotate(45deg);
}
div.popup_close:before {
	transform: rotate(-45deg);
}
div.popup_close:hover:after, div.popup_close:hover:before {
	background: var(--wp--preset--color--primary);
}
/* Accordion */
.accordion-item-header {
	font-size: 1rem;
	font-weight: 600;
	margin: 0;
	cursor: pointer;
	border-top: 1px solid #DDD;
	padding: 1rem 0;
}
.accordion-item:first-of-type .accordion-item-header {
	border-top: 0;
}
.accordion-item-header:hover {
	text-decoration: underline;
}
.accordion-item-content p {
	margin:0;
	padding: 0.5rem 0;
	color: var(--wp--preset--color--grey);
}
@media screen and (min-width:400px) {
	.accordion-item-content {
		max-width: 90%;
	}
}
.accordion-item-content p:first-child {
	padding-top:0;
}
.accordion-item-content p:last-child {
	padding-bottom:1rem;
}
.accordion-item-header:hover:after {
	color:var(--wp--preset--color--secondary);
}
.accordion-item-header:after {
	content: '+';
	float: right;
	/* display: inline-block; */
	border: 1px solid;
	height: 1em;
	width: 1em;
	text-align: center;
	line-height: 1;
	border-radius: 50%;
}
.accordion-item-header.open:after {
	content: '-';
}


/* Authors */
.authors {
	display: flex;
	column-gap:1rem;
	max-width: 650px;
	margin: 2rem auto;
	flex-wrap: wrap;
	row-gap: 0.1rem;
}
.authors .author {
	max-width: none;
	margin: 0;
}
.authors .author_name {
  font-size: 1rem;
  font-weight: 600;
}
/* .author:not(:last-child):after {
	content: ',';
} */
.author {
	max-width: 650px;
	margin-top: 0!important;
}


/* RankMath Table of content  */
.wp-block-rank-math-toc-block {
	padding: 2rem 0 2rem 0;
    box-sizing: border-box;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.wp-block-rank-math-toc-block nav {
	max-width:460px;
}
.wp-block-rank-math-toc-block h4, .wp-block-rank-math-toc-block h3, .wp-block-rank-math-toc-block h2 {
	font-size: 0.9rem!important;
    font-weight: 600!important;
    margin-top: 0;
    color: var(--wp--preset--color--soft-grey);
    text-transform: uppercase;
}
div#rank-math-toc a {
    color: #333;
    font-size: 15px;
}
div#rank-math-toc ul {
	font-weight: 600;
    padding-left: 1.6rem;
}
div#rank-math-toc nav > ul {
	list-style: decimal-leading-zero;
}
div#rank-math-toc nav > ul > li::marker {
    color: var(--wp--preset--color--secondary);
    right: 0;
    font-size: 1em;
}
div#rank-math-toc ul ul {
    padding-left: 1em;
}
div#rank-math-toc ul ul a {
	font-weight: 400;
    color: var(--wp--preset--color--soft-grey);
}
.blog-toc-column .wp-block-rank-math-toc-block {
	border:0;
	position:sticky;
	top:3rem;
}
div#rank-math-toc li {
    margin-bottom: 0;
}

/* audio player used in posts */
.play-post {
	background: #f1f3f4;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    border-radius: 1rem;
}
.play-post figcaption {
	font-size: 12px;
	font-weight: 600;
}
.play-post audio {
	width:100%;
}

/* Factoids */
.factoids {
  display: flex;
  gap: 1rem;
}
.factoids .fact {
  border-radius: 1rem;
  padding: 1rem;
  flex: 1;
	background: white;
	display: flex;
	flex-direction: column;
}
.fact .key {
  font-size: 11px;
  font-weight: 600;
}
.fact .value {
  font-size: 1.7rem;
  font-weight: bold;
}
#support-menu-facts {
  margin-top: 1.5rem;
}
#support-menu-facts .fact:first-child {
	background:#9EC6E6;
	color: white;
}
#support-menu-facts .fact:last-child .value {
	color: #9EC6E6;
}
/* Positioning */
.sticky {
	position: sticky;
	top: 2rem;
}

/* Display */
.d-flex {
	display: flex;
}
.d-block {
	display:block;
}
.d-none {
	display: none;
}
.d-inline-block {
	display:inline-block;
}
/* spacing */
.mt-0 {
	margin-top:0;
}
.mt-1 {
	margin-top: 1rem;
}
.mt-2 {
	margin-top: 2rem;
}
.mt-3 {
	margin-top: 3rem;
}
.mb-1 {
	margin-bottom: 1rem;
}
.mb-2 {
	margin-bottom: 2rem;
}
.mb-3 {
	margin-bottom: 3rem;
}
.flex-1 {
	flex:1;
}
.flex-2 {
	flex:2;
}
.flex-3 {
	flex:3;
}

/* Animations */
@keyframes fadeIn {
		0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeInUp {
		0% {opacity: 0;transform:translateY(20%);}
	100% {opacity: 1;transform:translateY(0%);}
}
@keyframes zoom {
		0% {transform: scale(1);}
	100% {transform: scale(1.1);}
}
@keyframes zoomIn {
		0% {transform: scale(0.9);}
	100% {transform: scale(1);}
}
@keyframes zoomOut {
		0% {transform: scale(1.1);}
	100% {transform: scale(1);}
}
@keyframes FadeInZoomOut {
		0% {transform: scale(1.1);opacity:0;}
	100% {transform: scale(1);opacity:1;}
}
/* Dark mode theme project  */

/* @media (prefers-color-scheme: dark) {
	:root body {
	--wp--preset--color--background: #181919;
	--wp--preset--color--foreground: #FFFFFF;
	}
} */

#newsletter-promo {
	position: fixed;
  z-index: 50;
	bottom: 5.5rem;
	right: 1rem;
	height: 3rem;
	width: 3rem;
	background: url(/wp-content/themes/twentytwentytwo_child/assets/images/newsletter-icon.svg) no-repeat, linear-gradient(167deg,var(--wp--preset--color--yellow),var(--wp--preset--color--secondary));
	animation: fadeInUp .3s ease;
	border-radius: 50%;
	box-shadow: 1px 2px 6px rgb(0 0 0 / 15%);
	cursor: pointer;
	background-size: 50%;
	background-position: center;
}
#newsletter-promo:hover {
	filter: brightness(1.2);
}

.promobox {
	position: fixed;
	bottom: 50%;
  transform: translateY(50%);
	right: -1rem;
	width: 300px;
	background: white;
	border: 1px solid var(--wp--preset--color--secondary);
	padding: 1rem 2rem 1.2rem 1rem;
	box-shadow: 2px 3px 6px rgb(0 0 0 / 15%);
	border-radius: 6px 0 0 6px;
	z-index: 500;
	animation:slideIn 800ms ease;
}
.promobox.hide {
	animation:slideIn 800ms ease;
	animation-direction: reverse;
	animation-fill-mode: forwards;
}
@keyframes slideIn {
	from {transform:translateY(50%) translateX(110%);}
		to {transform:translateY(50%) translateX(0%);}
}
.promobox-label {
	color: var(--wp--preset--color--secondary);
	font-size: 13px;
	font-weight: 600;
}
.promobox-close {
	position: absolute;
	cursor: pointer;
	right:3rem;
	top: 1.4rem;
	height: 0.8rem;
	width: 0.8rem;
}
.promobox-close svg {
	display: block;
	width: 100%;
	height: 100%;
}
.promobox-title {
	font-size: 16px;
	font-weight: 600;
	margin-top: 0.2rem;
	line-height: 1.3;
}
.promobox-date {
	font-weight: 100;
	font-size: 13px;
}
.promobox-details {
	color:var(--wp--preset--color--grey);
	font-size: 13px;
}

/* Footer  */
.site-footer {
  background: var(--wp--preset--color--tertiary);
  padding: 2rem 0;
  margin-top: 0;
  margin-block-start:0!important;
  padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer);
}
.site-footer .alignwide {
  max-width: var(--alignwide);
  margin: 0 auto;
}
.footer-nav-group h3 {
  color: var(--wp--preset--color--primary);
  font-size: 14px;
  font-weight: 600;
}
.footer-nav-group {
  display: flex;
  gap:2em;
  flex-wrap: wrap;
}
@media screen and (min-width:1080px) {
  .site-footer {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width:768px) {
  .footer-nav-group {
    flex-direction: row;
  }
}
.footer-nav-group nav {
  display: flex;
  flex-direction: column;
}
.footer-nav-group a {
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
}
.footer-nav-group nav:last-child {
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: flex-end;
}
.footer-nav-group-secondary {
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
  font-size: 12px;
}

/* case studies */
.case-studies.large {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 4rem;
  padding: 0;
}
.case-studies.grid {
  display: grid;
  grid-template-columns: 1fr;
  gap:clamp(1rem, 2.4vh, 2rem);
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width:460px) {
  .case-studies.grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width:768px) {
  .case-studies.grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.case-study.large {
  display: flex;
  gap:clamp(2rem, 5vw, 6rem);
  flex-direction: column-reverse;
  border-bottom: 1px solid #DDD;
  padding-bottom: 3rem;
}
.case-study.large h2 {
  margin-top: 0;
  font-size: clamp(1.5rem, 3vw, 2.75rem);
  font-weight: 600;
}
.case-study.large h2 a {
  text-decoration: none;
}
.case-study.large h2 a:hover {
  text-decoration: underline;
}
.case-study.large p {
  color: var(--wp--preset--color--grey);
}
.case-study_img img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
  box-shadow: 0 3px 46px rgb(57 60 66 / 50%);
  max-height: 230px;
  object-fit: cover;
  object-position: center;
}

.case-study .logo {
  filter: grayscale(1);
  opacity: 0.5;
}
.case-study .cta_link {
  color: var(--wp--preset--color--vivid-primary);
  font-weight: bold;
  text-decoration: none;
}
.case-study .cta_link:hover {
  text-decoration: underline;
}

/* Case study grid view */
.case-study.grid {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  transform: translateZ(0);
  border: 1px solid black;
}
.case-study.grid:hover {
  border:1px solid white;
}
.case-study.grid a {
  width: 100%;
  height: 100%;
  min-height: 260px;
  display: flex;
  align-items: end;
}
.case-study.grid img {
  position: absolute;
  height: 100%;
  width: 100%;
  top:0;
  left: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 1rem;
  filter: blur(0px);
  transition: all ease-out 300ms;
}
.case-study.grid:hover img {
  transform: scale(1.2);
  filter: blur(5px);
}
.case-study.grid:hover h2 {
  text-decoration: underline;
}
.case-study.grid .case-study_overlay {
  position: relative;
  width: 100%;
  padding: 3rem 1.5rem 1.5rem 1.5rem;
  box-sizing: border-box;
  background: linear-gradient(0deg, black, transparent);
}
.case-study.grid h2 {
  color:white;
  font-size: 1.2rem;
  font-weight: 600;
}
.case-study_filters {
  display: flex;
  gap:0.8rem;
  justify-content: center;
  flex-direction: column;

  border-radius: 6px;
  margin-top:-1.8rem;
  border:1px solid #DDD;
  padding:3rem 2rem 2rem 2rem;
}
@media screen and (min-with:1080px) {
  .case-study_filters {
    border-radius: 0;
    margin-top:0;
    border:none;
    padding:0;
  }
}
.case-study_filters.open {
  display: flex;
  position: relative;
  background: white;
  padding: 1rem;
  border: 1px solid #DDD;
  z-index: -1;
  top: -1.8rem;
  padding: 2rem;
  border-radius: 6px;
}
.case-study_filters a {
  font-weight: 600;
  text-decoration: none;
}
.case-study_filters a:hover {
  text-decoration: underline;
}
.case-study_filters a.selected {
  color: var(--wp--preset--color--secondary);
}

/* Application list */

.application-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:1rem;
  padding: 0;
  list-style: none;
  margin: 0;
}
.application-list a {
  display: block;
}
@media screen and (min-width:768px) {
  .case-study.large {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

}
@media screen and (min-width:1080px) {
  .case-study.large {
    display: flex;
    flex-direction: row;
    border-bottom: none;
    padding-bottom: 0;
  }
  .case-study_img img {
    min-height: 460px;
    max-width: 650px;
    height: 100%;
  }
  .case-study_filters {
    flex-direction: row;
    border-radius: 0;
    margin-top: 0;
    border: none;
    padding: 0;
  }
  .case-study_filters {
    gap:2rem;
  }
  .case-study:nth-child(even) {
    flex-direction: row-reverse;
  }
}

/* Hardware list */
.store-items {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap:1rem;
  padding-left: 0rem;
  animation: fadeIn 300ms ease-in;
}
@media screen and (min-width:375px) {
  .store-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.store-promo .store-items {
  gap:clamp(0.5rem, 2vw, 1rem);
}
@media all and (min-width:768px) {
  .store-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (min-width:1080px) {
  .store-items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media all and (min-width:1400px) {
  .store-items {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media all and (min-width:2048px) {
  .store-items {
    grid-template-columns: repeat(6, 1fr);
  }
}

@container postlist (min-width: 320px){
  .store-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container postlist (min-width: 650px){
  .store-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container postlist (min-width: 900px){
  .store-items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@container postlist (min-width: 1080px){
  .store-items {
    grid-template-columns: repeat(5, 1fr);
    display:flex;
    flex-wrap: wrap;
  }
  .store-item {
    width: 225px;
  }
}

.store-item {
  background: white;
  border-radius: 1rem;
  border:1px solid #E4E7ED;
  box-shadow: 0 3px 30px #DFE6F2;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
}
.store-item:hover .store-item_compare {
  transform: translateY(0);
}
.store-item_availability {
  display: block;
  font-size: 12px;
  font-weight: 700;
}
.store-item_compare {
  transition: transform 200ms ease;
  transition-delay: 0.7s;
  transform: translateY(-110%);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  background: var(--wp--preset--color--secondary);
  color:white;
  padding: 0.2rem 0.6rem;
  border-bottom-left-radius: 4px;
}
.store-item a {
  text-decoration: none;
  color:inherit;
}
.store-item a:hover .store-item_model {
  text-decoration: underline;
}
.store-item:hover {
  border: 1px solid #b8c1d2;
}
.store-display .store-items {
  padding-left: 2rem;
  padding-right: 2rem;
}
.store-item_details {
  padding: 0.7rem 1rem;
}
.store-item_brand {
  font-size: 12px;
  margin-top: 0;
  color: var(--wp--preset--color--secondary);
  font-weight: 600;
}
.store-item_model {
  font-size: 1rem;
  font-weight: 600;
}
.store-item_details a {
  text-decoration: underline 2px rgba(0, 0, 0, 0);
  transition: text-decoration 200ms ease;
}
.store-item_details a:hover {
  text-decoration: underline 2px rgba(0, 0, 0, 1);
}
.store-item_category {
  font-size: 12px;
  color: #777777;
  font-weight: 600;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-item .image-wrapper {
  height: 110px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width:768px) {
  .store-item .image-wrapper {
    height: 154px;
  }
}
.store-item img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  transition: transform 200ms ease;
}
.store-item:hover img {
  transform: scale(1.1);
}
/* Promotions list */
.store-promo {
  background: var(--wp--preset--color--tertiary);
  padding: clamp(1.5rem, 5vw, 2rem);
  border-radius: 1rem;
  display: grid;
  box-sizing: border-box;
  grid-row-gap: 2rem;
  grid-column-gap: 2rem;
  grid-template-columns: 1fr;
}
.store-promo_brands {
  overflow: auto;
}
@media screen and (min-width:768px) {
  .store-promo {
    grid-template-columns: repeat(3, 1fr);
  }
  .store-promo_brands {
    grid-column: span 3;
  }
}
.store-promo .store-item {
  box-shadow: 0 2px 8px #dfe6f2;
}
.store-promo .store-item:hover {
  box-shadow: 0 2px 30px #dfe6f2;
}
.store-promo_copy {
  grid-column:1;
}
.store-promo_copy h2 {
  font-size: 2rem;
  margin: 0;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--wp--preset--color--primary);
}
.store-promo_copy p {
  font-size: 1rem;
  margin-bottom: 2rem;
  color: var(--wp--preset--color--grey);
}
.store-promo_scroll-track {
  flex: 1;
  grid-column: span 2;
  max-width: 44rem;
  margin: 0 clamp(-1.5rem, 5vw, -2rem);
  padding: 0 clamp(1.5rem, 5vw, 2rem);
}
@media screen and (max-width:768px) {
  .store-promo_scroll-track {
    overflow: auto;
  }
}
.store-promo_scroll-track .store-items {
  grid-template-columns: repeat(3, 1fr);
  padding: 0;
  margin: 0;
  min-width: 400px;
}
.store-promo_brands-list {
  width: 100%;
  flex: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap:1rem;
  grid-area: c;
  overflow: auto;
}
.store-promo_brand-link a {
  display: block;
}

.store-promo_brands-list::-webkit-scrollbar {
  width: 0;
}

.store-promo_brands-list::-webkit-scrollbar-track {
  box-shadow: none;
}

.store-promo_brands-list::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.store-promo_brands-list img {
  height: 60px;
  filter: grayscale(1) contrast(3);
  opacity: 0.3;
  max-width: 120px;
  object-fit: contain;
  transition: all 200ms ease;
}
.store-promo_brands-list img:hover {
  filter: grayscale(0) contrast(1);
  opacity: 1;
}
.tax-loop:not(:first-child):before {
  content:' & ';
}
.wp-site-blocks > .store-items {
  padding: 0;
}
.store_total-count {
  float: right;
  font-size: 0.75rem;
}
/**
Promo message for hardware lists and
**/
.store-item .promo-label {
  position: absolute;
  bottom: 0;
  background: #ffe600;
  font-weight: 600;
  padding: 0.2rem 0.8rem;
  border-top-right-radius: 1rem;
}
.product-promo {
	top: 0;
	right: 0;
	background: #ffe600;
	padding: 1rem 2rem;
  font-size: clamp(1rem, 2vw, 3rem);
}
@media screen and (min-width:768px) {
	.product-promo {
		position: absolute;
	}
}
.product-promo-title {
	font-weight: bold;
}
.product-promo-description {
  font-size: 0.6em;
}



/* Campaigns */
.campaign.--slidein {
	position: fixed;
	z-index: 9999;
	bottom: 20%;
	right: 0;
	background: white;
	padding: 1.5rem;
	border: 2px solid var(--wp--preset--color--secondary);
	border-right: 0;
	border-radius: 12px 0 0 12px;
	box-shadow: 0 0 20px rgb(0 0 0 / 20%);
	animation-fill-mode: backwards;
	transition: transform 600ms ease;
	transform: translateX(120%);
}
.campaign.--slidein.show {
	transform: translateX(0%);
}
.campaign-title {
	font-weight: 700;
	font-size: 1.2rem;
	margin-top: 0.5rem;
}
.campaign-description {
	font-size: 0.9rem;
	color:var(--wp--preset--color--grey);
}
.campaign.--slidein .campaign-content {
  max-width: 300px;
}
.campaign-close-btn {
	position: absolute;
  top: 1rem;
  right: 1rem;
	height: 1.5rem;
	width: 1.5rem;
}
.campaign-close-btn::before, .campaign-close-btn::after {
	content: '';
	height: 2px;
	width:100%;
	background: var(--wp--preset--color--secondary);
	transition: background 200ms ease;
	position: absolute;
  transform: translate(0.15rem, 0.7rem) rotate(45deg);
}
@media screen and (min-width:768px) {
	.campaign-close-btn::before, .campaign-close-btn::after {
		background: var(--wp--preset--color--tertiary);
	}
}
.campaign:hover .campaign-close-btn::before, .campaign:hover .campaign-close-btn::after {
	background: var(--wp--preset--color--secondary);
}
.campaign-close-btn::before {
  transform: translate(0.15rem, 0.7rem) rotate(-45deg);
}

/* Search results */
.search_bar {
	position: absolute;
	right:0;
	top:-7px;
}
#site-search {
	position: relative;
}
.search_bar input {
	width: 0;
	opacity: 0;
	padding: 0.6rem;
  margin-right: 2rem;
	transition: all 300ms ease;
	border-radius: 40px;
	border:1px solid #DDD;
}
.search_bar.show input {
	opacity: 1;
	width:200px;
}
.search_result {
	background-color: white;
	position: absolute;
	top:calc(100% + 1rem);
	padding: 1rem;
	right:0;
	width: 300px;
	box-shadow: 0 3px 1rem rgba(0 0 0 / 15%);
	border-radius: 6px;
	max-height: calc(100vh - 10rem);
	overflow: auto;
}
.search_results {
	list-style: none;
	margin:0;
	padding:0;
}
.software-product-link {
	align-items: center;
}
.software-product-link-icon {
	flex: none;
	height: 34px;
	width: 30px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.search-icon svg.active path {
	fill:var(--wp--preset--color--secondary);
}
.search_results .software-product-link img {
	width: 18px;
	height: auto;
	border-radius: 0;
}
.search_results .label {
	font-size: 0.7em;
	color: var(--wp--preset--color--secondary);
	line-height: 0;
}
.search_results li.publications a {
	font-size: 12px;
	font-weight: 500;
}
.search-icon svg {
	position: relative;
	z-index: 5;
}
.search_results li {
	line-height: 1.3;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid #DDD;
	padding-bottom: 0.5rem;
}
.search_results li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}
.search_results a {
	display: flex;
	gap:0.5rem;
  color: #111!important;
}
.search_results a.search-all-results {
    display: block;
    padding: 0.5rem;
    background: var(--wp--preset--color--secondary);
    border-radius: 6px;
    color: white!important;
    text-align: center;
}
.search_results a:hover {
	text-decoration: underline;
}
.search_result img {
	height:30px;
	width:30px;
	border-radius: 3px;
	vertical-align: middle;
}
.search_result img.publication-icon {
    width: 13px;
    border-radius: 0;
    height: auto;
    align-self: flex-start;
    margin-top: 3px;
}

/* Breadcrumb nav */
header.breadcrumb {
  margin-block-start:0;
}
.breadcrumb .alignwide {
  width: 100%;
  margin: 0 auto;
  max-width: var(--alignwide);
}
.breadcrumb_title {
  margin-top: 0;
  font-size: 2.6rem;
  font-weight: bold;
  color:var(--wp--preset--color--primary);
}
.breadcrumb.layout-top {
  border-top: 1px solid #DDDDDD;
  box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
  padding: 1.5rem 2rem;
}
.breadcrumb_nav {
  font-size: 14px;
  color: var(--wp--preset--color--grey);
}

/* Cloudflare stream plugin */
.wp-block-cloudflare-stream-block-video{margin-left:0;margin-right:0;margin-bottom:1em;min-width:50%}.wp-block-cloudflare-stream-block-video stream{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cloudflare-stream-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-cloudflare-stream-block-video.aligncenter{text-align:center}

.info {
	position:relative;
	display:inline-block;
	padding:4px;
	background: #DDD;
    border-radius: 20px;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    margin-left: 0.3em;
}
.info span {
	position:absolute;
    bottom: calc(100% - 4px);
    left: calc(100% - 4px);
	text-align: left;
    display: none;
    background: #000;
    color: #fff;
    line-height: 1.5;
    padding: 1em;
    border-radius: 1em;
    box-shadow: 2px 2px 0.8em rgba(0, 0, 0, 0.3);
	min-width: 190px;
}
.info:hover span {
	display:block;
}

/*** TABS ***/
.tab-content--tabs p {
	cursor:hover;
}
.tab-content--tabs p.active {
	color:var(--wp--preset--color--orange);
	text-decoration:underline;
	text-underline-offset: 0.6em;
    text-decoration-thickness: 2px;

}

/*** Error message for forms ***/
.form-loading-error {
	background: yellow;
	box-sizing: border-box;
	padding: 18px;
	margin-right: 2rem;
	margin-block: 2rem;
	border-radius: 14px;
}
.form-loading-error a {
	font-weight: bold;
	text-decoration: underline;
}

/*** Animate 
- movements only animate if viewport bigger than 768px
***/

.animate.fadein {
	opacity:0;
	transition:opacity 600ms ease-in-out;
}
.animate.fadein.inview {
	opacity:1;
}
.animate.zoomin {
	transform:scale(0.7);
	transition:transform 400ms ease-in-out;
}
.animate.zoomin.inview {
	transform:scale(1);
}
.animate.zoomout {
	transform:scale(1.3);
	transition:transform 400ms ease-in-out;
}
.animate.zoomout.inview {
	transform:scale(1);
}
.animate.grey {
	opacity:0.5;
	filter:grayscale(1);
	transition:all 800ms ease;
}
.animate.grey.inview {
	opacity:1;
	filter:grayscale(0);
}
.animate.blur {
	opacity:0.5;
	filter:blur(30px) saturate(2);
	transition:all 800ms ease;
}
.animate.blur.inview {
	opacity:1;
	filter:blur(0) saturate(1);
}
.logo-carousel .carousel {
    width: 200vw;
    display: flex;
	justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
}
.logo-carousel img {
    max-height: 70px;
    max-width: 150px;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.logo-carousel.animate.inview .carousel {
	animation: carousel infinite linear 30s;
}
@keyframes carousel {
0% {transform:translateX(0%) }
100% {transform:translateX(-100%)}
}
.logo-carousel {
	display: flex;
	height: 140px;
	width: 400vw!important;
	max-width: none;
	margin: 4em 0 !important;
	padding:0!important;
	white-space: nowrap;
	gap: 4rem;
}
@media screen and (min-width:1400px) {
	.logo-carousel .carousel {
		width: 100vw;
	}
	.logo-carousel {
		width: 200vw!important;
	}
}
@media screen and (min-width:768px) {
	.logo-carousel {
		width: 300vw!important;
	}
	.logo-carousel .carousel {
		width: 150vw;
	}
	.animate.inleft {
		opacity:0;
		transform:translateX(-100px);
		transition:transform 800ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms ease;
	}
	.animate.inright {
		opacity:0;
		transform:translateX(100px);
		transition:transform 800ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms ease;
	}
	.animate.inleft.inview, .animate.inright.inview {
		transform:translateX(0px);
		opacity:1;
	}
	.animate.slideup {
		transform:translateY(100px);
		opacity:0;
		transition:transform 800ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms ease;
	}
	.animate.slideup.inview {
		transform:translateY(0px);
		opacity:1;
	}
}
:where(.editor-styles-wrapper) .animate {
    opacity: 1 !important;
    transform: none !important;
}