/*
 * 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-image.with-pictogramme {
  position: relative;
}
.wp-block-image.with-pictogramme::before {
  display: block;
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -1rem;
  left: 0;
  pointer-events: none;
  width: 6.25rem;
  height: 4.375rem;
  background: center/contain no-repeat;
}

.wp-block-image.with-pictogramme--eat::before {
  background-image: url("../img/card-pictogramme-eat.min.svg");
}

.wp-block-image.with-pictogramme--hike::before {
  background-image: url("../img/card-pictogramme-hike.min.svg");
}

.wp-block-image.with-pictogramme--family::before {
  background-image: url("../img/card-pictogramme-family.min.svg");
}

.wp-block-image > * {
  margin-block: 0;
}
.wp-block-image > * + * {
  margin-top: var(--unit-small);
}
.wp-block-image .alignleft {
  margin-top: var(--unit-xsmall);
  margin-right: var(--unit);
}
.wp-block-image .alignright {
  margin-top: var(--unit-xsmall);
  margin-left: var(--unit);
}
.wp-block-image > a {
  display: inline-block;
}
.wp-block-image figcaption {
  text-align: left;
  margin-bottom: 0;
  margin-top: var(--unit-small);
}
.wp-block-image.is-style-fill-parent a,
.wp-block-image.is-style-fill-parent img {
  width: 100%;
}

.editor-styles-wrapper .wp-block-image.is-style-fill-parent .components-resizable-box__container {
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
}