/* ensoul-blocks css vars overrides */

:root {
  --color-primary-50: #e1f6f7;
  --color-primary-100: #c4e3e4;
  --color-primary-200: #b3e0e2;
  --color-primary-300: #86cbcf;
  --color-primary-400: #6bb6ba;
  --color-primary-500: #00a2ab;
  --color-primary-600: #38898e;
  --color-primary-700: #246063;
  --color-primary-800: #174043;
  --color-primary-900: #0b2123;
  --color-secondary-50: #f0f2f3;
  --color-secondary-100: #d0d5d7;
  --color-secondary-200: #b1b8bc;
  --color-secondary-300: #919ba0;
  --color-secondary-400: #727e85;
  --color-secondary-500: #405559;
  --color-secondary-600: #424e54;
  --color-secondary-700: #313a3f;
  --color-secondary-800: #21272a;
  --color-secondary-900: #101315;
  --color-white: #ffffff;
  --color-black: #000000;
  /* heading sizes */
  --spacing-line-height-heading: 1.2em;
  --tracking-heading: 0.01em;
  --text-h1: 96px;
  --text-h2: 72px;
  --text-h3: 60px;
  --text-huge: 128px;
  /* Container */
  --spacing-container-video: 986px;
  --spacing-container-image: 986px;
  --spacing-container-gallery: 986px;
  --spacing-container-paragraph: 768px;
  --spacing-container-heading: 768px;
  --spacing-container-content: var(--wp--style--global--content-size);
  /* button sizes */
  --spacing-button: 8px;
  --leading-button: 1.4em;
  --tracking-button: 0.04em;
  --font-weight-button: 500;
  --spacing-padding-button: 0 0;
  --spacing-button-icon-width: 13px;
  --text-button-font-size: 12px;
  --border-width-button-width: 0px;
  --border-color-button-color: transparent;
  --border-style-button-style: none;
  --radius-button: 32px;
  --color-button: var(--color-primary-700);
  --color-button-hover: var(--color-primary-600);
  --color-button-background: none;
  --color-button-background-hover: inherit;
  --decoration-button: none;
  --decoration-button-hover: underline;
  /* desktop button sizes */
  --spacing-button-icon-width-dk: 13px;
  --text-button-font-size-dk: 12px;
  /* Columns sizes */
  --spacing-columns: 20px;
  --spacing-columns-dk: 20px;
  /* Gallery sizes */
  --spacing-gallery: 16px;
  /* paragraph */
  --spacing-line-height-paragraph: 1.1;
  --spacing-line-height-paragraph-dk: 31px;
  --tracking-paragraph: 0.3px;
  --tracking-paragraph-dk: 0.42px;
  /* title */
  --font-weight-title: 400;
  /* caption */
  --text-caption-text: 12px;
  --color-caption: var(--color-secondary);
  --spacing-caption: 16px;
  --spacing-caption-dk: 20px;
  /* Content */
  --spacing-content-top: 0;
  --spacing-content-top-dk: 0;
  /* paragraph sizes */
  --text-paragraph-xs: 12px;
  --text-paragraph-sm: 14px;
  --text-paragraph-base: 16px;
  --text-paragraph-lg: 18px;
  --text-paragraph-xl: 24px;
  --text-paragraph-2xl: 30px;
  --text-paragraph-3xl: 36px;
  /* Line Heights */
  --line-height-xs: 12px;
  --line-height-s: 17px;
  --line-height-m: 20px;
  --line-height-l: 21px;
  --line-height-xl: 26px;
  --line-height-2xl: 39px;
  --line-height-3xl: 40px;
  /* Letter Spacing */
  --letter-spacing-xs: 0.01em;
  --letter-spacing-s: 0.02em;
  --letter-spacing-m: 0.03em;
  --letter-spacing-l: 0.04em;
  /* Spacing */
  --spacing-0: 0;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-s: 16px;
  --spacing-m: 24px;
  --spacing-l: 32px;
  --spacing-xl: 40px;
  --spacing-2xl: 48px;
  --spacing-3xl: 56px;
  --spacing-4xl: 64px;
  --spacing-5xl: 72px;
  --spacing-6xl: 80px;
  --spacing-7xl: 88px;
  --spacing-8xl: 128px;

  /* Padding */
  --padding-0: 0;
  --padding-xxs: 4px;
  --padding-xs: 8px;
  --padding-s: 16px;
  --padding-m: 24px;
  --padding-l: 32px;
  --padding-xl: 40px;
  --padding-2xl: 48px;
  --padding-3xl: 56px;

  /* Margin */
  --margin-0: 0;
  --margin-xxs: 4px;
  --margin-xs: 8px;
  --margin-s: 16px;
  --margin-m: 24px;
  --margin-l: 32px;
  --margin-xl: 40px;
  --margin-2xl: 48px;
  --margin-3xl: 56px;

  /* Border Radius */
  --radius-0: 0;
  --radius-xxs: 4px;
  --radius-xs: 8px;
  --radius-s: 16px;
  --radius-m: 24px;
  --radius-l: 32px;
  --radius-xl: 40px;
  --radius-2xl: 48px;
  --radius-3xl: 56px;
  --radius-4xl: 64px;
  --radius-full: 200px;
  /* Shadows */
  --shadow-elevation1: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-elevation2: 0 4px 6px rgba(0, 0, 0, 0.3);
  /* Transitions */
  --transition-duration: 300ms;
  --transition-easing: ease-in-out;
  --transition-reduced-duration: 150ms;
  /* Animations */
  --animation-duration: 500ms;
  --animation-delay: 0ms;
  --animation-timing-function: ease;
  /* Interactions */
  --hover-background: #f0f0f0;
  --hover-scale: 1.02;
  --hover-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  --active-border: #000000;
  --active-outline: 2px solid #ffc107;
  --click-feedback: 100ms;
  /* Accessibility */
  --focus-outline: 2px solid #ffc107;
  --focus-ring-offset: 2px;
  --focus-ring-width: 2px;
  --skip-link-color: #ffffff;
  --skip-link-background: #000000;
  --skip-link-padding: 8px;
  --aria-live: polite;
  /* Z-index */
  --z-index-base: 1;
  --z-index-dropdown: 10;
  --z-index-modal: 100;
  --z-index-tooltip: 1000;
}

a:focus {
  outline: 0;
}

h1,
.font-offset-fix {
  margin-bottom: calc(-0.25em);
}

h1 {
  text-transform: uppercase;
}

.hero h1 {
  font-size: 100px;
  line-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
  height: 100%;
}

.wp-block-ensoul-column > a {
  text-decoration: none;
}
.column_novita .wp-block-ensoul-column > a,
.column_single .wp-block-ensoul-column > a,
.column_icons .wp-block-ensoul-column > a,
.column_icons_home .wp-block-ensoul-column > a,
.column_single .wp-block-ensoul-single-card > a,
.column_single .wp-block-ensoul-single-card > a .slider-image-wrapper,
.column_single .wp-block-ensoul-single-card > a .slider-content-wrapper > div,
.column_icons_home .wp-block-ensoul-single-card > a,
.column_icons_home
  .wp-block-ensoul-single-card
  > a
  .slider-content-wrapper
  > div {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.three_columns_home .wp-block-ensoul-column > a,
.three_columns_home .wp-block-ensoul-column {
  display: flex;
  flex-direction: column;
}
.column_novita .wp-block-ensoul-image,
.column_icons .wp-block-ensoul-image {
  margin-bottom: 8px;
}
.column_novita,
.column_icons {
  padding-left: 0;
  padding-right: 0;
}
.column_icons {
  row-gap: 60px;
}
.column_flagship_store {
  row-gap: 30px;
}
.column_inside_accordion .wp-block-ensoul-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (width <= 48rem) {
  .column_inside_accordion {
    column-gap: 10px;
    row-gap: 30px;
  }
  .column_novita .wp-block-ensoul-column:first-child .wp-block-ensoul-heading,
  .column_novita .wp-block-ensoul-column:first-child .wp-block-ensoul-paragraph,
  .column_icons .wp-block-ensoul-column:nth-child(odd) .wp-block-ensoul-heading,
  .column_icons
    .wp-block-ensoul-column:nth-child(odd)
    .wp-block-ensoul-paragraph {
    padding-left: var(--wp--style--root--padding-left);
  }
  .column_novita .wp-block-ensoul-column:last-child .wp-block-ensoul-heading,
  .column_novita .wp-block-ensoul-column:last-child .wp-block-ensoul-paragraph,
  .column_icons
    .wp-block-ensoul-column:nth-child(even)
    .wp-block-ensoul-heading,
  .column_icons
    .wp-block-ensoul-column:nth-child(even)
    .wp-block-ensoul-paragraph {
    padding-right: var(--wp--style--root--padding-right);
  }
  .three_columns_home {
    gap: 120px;
  }
  .three_columns_home .wp-block-ensoul-column > a {
    gap: 20px;
  }
  .three_columns_home .wp-block-ensoul-column {
    gap: 30px;
  }
}

@media (width >= 48rem) {
  .column_inside_accordion .wp-block-ensoul-column {
    gap: 16px;
  }
  .column_inside_accordion {
    column-gap: 20px;
    row-gap: 50px;
  }
  .three_columns_home .wp-block-ensoul-column > a,
  .three_columns_home .wp-block-ensoul-column {
    gap: 30px;
  }
  .column_novita .wp-block-ensoul-column > a,
  .column_icons .wp-block-ensoul-column > a,
  .column_icon_home .wp-block-ensoul-column > a {
    gap: 15px;
  }

  .column_single .wp-block-ensoul-image,
  .column_single .wp-block-ensoul-single-card > a {
    margin-bottom: 8px;
  }

  .column_novita .wp-block-ensoul-image,
  .column_icons .wp-block-ensoul-image,
  .column_icons_home .wp-block-ensoul-image {
    margin-bottom: 15px;
  }

  .column_icons {
    row-gap: 150px;
  }

  .sticky-element {
    position: sticky;
    height: fit-content;
    top: 72px;
  }
}