/*
 * https://every-layout.dev/layouts/stack/
 */
.h-stack > * {
  margin-block: 0;
}
.h-stack > * + * {
  margin-top: var(--unit);
}
.h-stack--zero > * {
  margin-block: 0;
}
.h-stack--small > * {
  margin-block: 0;
}
.h-stack--small > * + * {
  margin-top: var(--unit-small);
}
.h-stack--xsmall > * {
  margin-block: 0;
}
.h-stack--xsmall > * + * {
  margin-top: var(--unit-xsmall);
}
.h-stack--medium > * {
  margin-block: 0;
}
.h-stack--medium > * + * {
  margin-top: var(--unit-medium);
}
.h-stack--large > * {
  margin-block: 0;
}
.h-stack--large > * + * {
  margin-top: var(--unit-large);
}
.h-stack--xlarge > * {
  margin-block: 0;
}
.h-stack--xlarge > * + * {
  margin-top: var(--unit-xlarge);
}

.h-stack2 > * {
  margin-block: 0;
}
.h-stack2 > * + * {
  margin-top: var(--unit2);
}
.h-stack2--small > * {
  margin-block: 0;
}
.h-stack2--small > * + * {
  margin-top: calc(var(--unit2) / 2);
}
.h-stack2--medium > * {
  margin-block: 0;
}
.h-stack2--medium > * + * {
  margin-top: calc(var(--unit2) * 2);
}

.h-stack-row > * {
  margin-inline: 0;
}
.h-stack-row > * + * {
  margin-left: var(--unit);
}

.h-stack-row--xsmall > * {
  margin-inline: 0;
}
.h-stack-row--xsmall > * + * {
  margin-left: var(--unit-xsmall);
}

/**
 * Set custom typography sizes (e.g. header)
 * @param  {int} $size        font-size
 * @param  {int} $line-height line-height
 * @param  {int} $av          AV letter-spacing from XD
 * @return {void}
 */
/**
 * Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.
 *
 * @param {Number} $value - Value to convert to a unitless line height
 * @param {Number} $base - The font size to use to work out the line height - defaults to $rem-font-size
 *
 * @return {Number} - Unitless number
 */
/**
 * AV letter spacing measurement convertor from Adobe applications
 * https://scotch.io/tutorials/converting-photoshop-letter-spacing-to-css
 */
.wp-block-shb-accordion {
  --shb-accordion--header--edit--padding: var(--unit);
  --shb-accordion--header--padding: var(--unit);
}
.wp-block-shb-accordion > * {
  margin-block: 0;
}
.wp-block-shb-accordion > * + * {
  margin-top: var(--unit);
}
.wp-block-shb-accordion-header {
  padding-top: var(--unit2);
  padding-bottom: var(--unit2);
}
.wp-block-shb-accordion-header > * {
  margin-block: 0;
}
.wp-block-shb-accordion-header > * + * {
  margin-top: var(--unit);
}
.wp-block-shb-accordion-header__title {
  font-weight: 300;
  font-size: 1.5625rem;
  line-height: 1;
}
.wp-block-shb-accordion-header__title > * {
  margin-block: 0;
}
.wp-block-shb-accordion-header__title > * + * {
  margin-top: var(--unit);
}
.wp-block-shb-accordion-header__trigger {
  margin-top: 0;
  display: flex !important;
  align-items: center;
  margin-top: -0.1875em;
}
.wp-block-shb-accordion-header__triggericon {
  transition: all 300ms ease;
  width: 24px;
  height: 24px;
  background: transparent url("../../../img/icons/accordion-arrow.min.svg") center/contain no-repeat;
  transform: translateY(calc(var(--wp-block-shb-accordion-trigger-line-height) / 2)) rotate(90deg) !important;
}
.wp-block-shb-accordion-header__trigger[aria-expanded=true] .wp-block-shb-accordion-header__triggericon {
  transform: rotate(180deg) !important;
}
.wp-block-shb-accordion-header__triggericon::before, .wp-block-shb-accordion-header__triggericon::after {
  display: none;
}
.wp-block-shb-accordion-content {
  transition: all 300ms ease;
}
.wp-block-shb-accordion-content > * {
  margin-block: 0;
}
.wp-block-shb-accordion-content > * + * {
  margin-top: var(--unit);
}

.wp-block-shb-accordion-content[aria-hidden=false] {
  padding-bottom: var(--unit2);
}
.wp-block-shb-accordion-header {
  padding-left: var(--unit-medium);
}
.wp-block-shb-accordion + .wp-block-shb-accordion {
  --c-block-margin-top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}