/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */
/* inject:imports */
/* endinject */
/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
/* Less luminosity - shades */
/*
A simple little SCSS mixin for creating scrim gradients
Inspired by Andreas Larson - https://github.com/larsenwork
https://css-tricks.com/easing-linear-gradients/
*/
/* ------------------------------------ *\
  SCROLLABLE-SECTION-SHADOW
\* ------------------------------------ */
/* Dinamic shadow-change for scrollable sections */
/* ------------------------------------ *\
  RADIAL-GRADIENT-DECORATION
\* ------------------------------------ */
/* ------------------------------------ *\
  SCROLLBAR
\* ------------------------------------ */
/**
 * CUSTOM-PROPERTIES
 *
 * System custom properties definitions
*/
/* ------------------------------------ *\
  #GLOBAL-CUSTOM-PROPERTIES-SETTINGS
\* ------------------------------------ */
:root {
  --system-focus-outline-color: #0089c7;
  --custom-theme-brand-color: hsl(358, 100%, 48%);
  --custom-theme-brand-color-shade: hsl(358, 100%, 40%);
  /* PORTALS THEME COLORS */
  --custom-theme-scienza: hsl(206, 97%, 41%);
  --custom-theme-arte-contemporanea: hsl(29, 89%, 49%);
  --custom-theme-biblio: hsl(83, 100%, 33%);
  --custom-theme-archeologia: hsl(18, 75%, 33%);
  --custom-theme-siviero: hsl(36, 50%, 44%);
  --custom-theme-scienza-shade: hsl(206, 97%, 33%);
  --custom-theme-arte-contemporanea-shade: hsl(29, 89%, 38%);
  --custom-theme-biblio-shade: hsl(83, 100%, 25%);
  --custom-theme-archeologia-shade: hsl(18, 75%, 33%);
  --custom-theme-siviero-shade: hsl(36, 50%, 44%);
  --_thematic-color: var(--thematic-color, var(--custom-theme-brand-color));
  --_section-color: var(--section-color, var(--_thematic-color));
  --dynamic-color: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  --custom-theme-color-border-accent: hsl(358, 100%, 48%);
  --custom-theme-color-border: hsl(39, 38%, 34%);
  --custom-theme-color-border-light: hsl(39, 19%, 73%);
  --custom-theme-color-border-light-gray: hsl(230, 23%, 95%);
  --custom-theme-color-border-dark: hsl(0, 0%, 9%);
  --custom-theme-color-border-black: hsl(0, 0%, 0%);
  --custom-theme-color-bg-white: hsl(0, 0%, 100%);
  --custom-theme-color-bg-accent: hsl(358, 100%, 48%);
  --custom-theme-color-bg-light: hsl(45, 50%, 98%);
  --custom-theme-color-bg-darker: hsl(40, 56%, 95%);
  --custom-theme-color-bg-dark: hsl(39, 32%, 90%);
  --custom-theme-color-bg-darkest: hsl(39, 19%, 73%);
  --custom-theme-color-bg-extra-dark: hsl(39, 38%, 34%);
  --custom-theme-color-bg-black: hsl(0, 0%, 0%);
  --custom-theme-spacing-unit: 0.625rem;
  --custom-theme-color-text-black: hsl(0, 0%, 0%);
  --custom-theme-color-text: hsl(0, 0%, 9%);
  --custom-theme-color-text-light: hsl(39, 38%, 34%);
  --custom-theme-color-text-inverse: hsl(0, 0%, 100%);
  --custom-theme-color-text-hover: #5c0003;
  --custom-theme-color-link: hsl(358, 100%, 45%);
  --custom-theme-color-link-text: hsl(0, 0%, 9%);
  --custom-theme-color-link-hover: #5c0003;
  --custom-theme-color-link-darker: hsl(358, 100%, 45%);
  --custom-theme-font-family-serif: Ogg, serif;
  --custom-theme-font-family-sans-serif: DM Sans, sans-serif;
  --custom-theme-font-family-title: Ogg, serif;
  --custom-theme-font-family-main: DM Sans, sans-serif;
  --custom-header-height: calc(var(--header-height) * 1px);
  --custom-left-sidebar-height: calc(var(--left-sidebar-mobile-height) * 1px);
  --custom-percorso-navigation-height: calc(var(--percorso-navigation-height, 0) * 1px);
  --custom-theme-hero-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  --custom-theme-hero-text-shadow: 0px 0px 4px var(--custom-theme-color-bg-black), 0px 4px 4px rgba(0, 0, 0, 0.25);
  /* Button round general size */
  --custom-theme-button-round-base-size: 3em;
  /* focus outline */
  --general-outline-size: max(3px, 0.08em);
  --custom-links-container-height: calc(var(--links-container-height, 0) * 1px);
}

/*  admin bar height settings  */
body {
  /*  ADMIN BAR HEIGHT */
  --theme-admin-bar-height-mobile: 0px;
  --theme-admin-bar-height-desktop: 0px;
  --theme-admin-toolbar-open-height-desktop: 0px;
  --theme-admin-bar-height-trail-open-mobile: var(--theme-admin-bar-height-mobile);
  --theme-admin-bar-height-trail-open-desktop: 0px;
  --theme-admin-bar-height: calc(var(--admin-bar-height, 0)*1px);
  --body-top-padding-mobile: calc(var(--custom-header-height) + var(--theme-admin-bar-height));
  --body-top-padding-mobile-intro-immersive: calc(var(--custom-header-height) + var(--theme-admin-bar-height));
  --body-bg: var(--custom-theme-color-bg-light); /* override main theme settings */
  --body-background-color: var(--body-bg);
  --body-text-color: var(--custom-theme-color-text);
  --body-font-family: var(--custom-theme-font-family-main);
}

/* ------------------------------------ *\
  #BRANDS-COLORS
\* ------------------------------------ */
/* manage scroll width toolbar height */
/**
 * BASE
 *
 * Basic style for tag, focus management, accessibility base settings
 * TODO: font size settings for accessibility
 */
/* ------------------------------------ *\
   #TAGS
\* ------------------------------------ */
html,
body {
  height: 100%;
  margin: 0;
}

html {
  box-sizing: border-box;
  height: 100%;
  font-size: 16px;
  text-size-adjust: none;
  scroll-behavior: smooth;
}

body {
  /* Flex sticky footer settings */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background-color: var(--body-background-color);
  color: var(--body-text-color);
  font-family: var(--body-font-family);
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

:is(a) {
  text-decoration: none;
}

a {
  color: hsl(358, 100%, 48%);
  transition-property: all;
  transition-duration: 0.3s;
}
a:hover {
  color: #5c0003;
  text-decoration: underline;
}
a:focus {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

/* MANAGE LIST BASE STYLES
* remove default list styles from lists with class
*/
:is(ul[class]),
:is(ol[class]),
:is(dl[class]) {
  margin: 0;
  padding: 0;
  list-style: none;
}

:is(dt[class]),
:is(dd[class]) {
  margin: 0;
  padding: 0;
}

address {
  font-style: normal;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* ACCESSIBLE FOCUS - hack for :focus-visible (focus only via keyboard)
* using is and :focus-visible
*/
:is(a, button, input, textarea, summary, [tabindex="0"]) {
  --outline-size: var(--general-outline-size);
  --outline-style: solid;
  --outline-color: var(--system-focus-outline-color, currentColor);
  --outline-shadow: 0 0 0 var(--outline-offset, var(--outline-size)) rgba(255,255,255,1), 0 0 0 calc(var(--outline-size) + var(--outline-offset, var(--outline-size)) + 1px) rgba(255,255,255,1);
}

/* for browsers not supporting focus visible */
:is(a, button, input, textarea, summary, [tabindex="0"]):focus {
  outline: var(--outline-size) var(--outline-style) var(--outline-color);
  outline-offset: var(--outline-offset, var(--outline-size));
  box-shadow: var(--outline-shadow);
}

:is(a, button, input, textarea, summary, [tabindex="0"]):focus-visible {
  outline: var(--outline-size) var(--outline-style) var(--outline-color);
  outline-offset: var(--outline-offset, var(--outline-size));
  box-shadow: var(--outline-shadow);
}

/* for browsers supporting focus visible */
:is(a, button, input, textarea, summary, [tabindex="0"]):focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

blockquote {
  margin: 0;
}

/* BUTTON */
button,
[type=button] {
  padding-top: unset;
  padding-bottom: unset;
  border: unset;
  font-family: unset;
}

/* Figure */
figure {
  all: unset;
}

/* MANAGE HIDDEN ATTRIBUTE */
[hidden] {
  display: none !important;
}

/* ------------------------------------ *\
	#MEDIA-QUERIES
\* ------------------------------------ */
/* Remove all animations and transitions
for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media all and (max-width: 959px) {
  html {
    font-size: 14px;
  }
}
@media all and (max-width: 1024px) {
  body {
    /* used for mobile with fixed header */
    padding-top: 0;
  }
}
@media all and (max-width: 767px) {
  html {
    font-size: 14px;
  }
}
/* Managing sticky header for accessibility: disabling on page zoom and orientation landscape */
@media all and (max-width: 1024px) and (min-height: 480px) {
  body {
    /* used for mobile with fixed header */
    padding-top: var(--body-top-padding-mobile) !important;
  }
  body.is-immersive-intro {
    padding-top: var(--body-top-padding-mobile-intro-immersive) !important;
  }
}
@media (min-device-width: 576px) and (max-device-width: 1024px) and (orientation: landscape) {
  body {
    /* used for mobile with fixed header */
    padding-top: 0 !important;
  }
}
/**
 * TYPOGRAPHY
 *
 * Definition of typographic styles
 * Typography resets
 */
/* ------------------------------------ *\
  #HEADINGS
\* ------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: unset;
  margin-bottom: unset; /* Reset */
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
}
h1 a:hover, h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus {
  color: var(--custom-theme-color-link-hover);
  text-decoration: underline;
}

p {
  margin: unset;
}

strong {
  font-weight: 700;
}

/**
 * BUTTONS
 *
 * Styles and settings for buttons
 * .sit-btn for default styles
*/
/* ------------------------------------ *\
  #CUSTOM-PROPERTIES
\* ------------------------------------ */
/* CUSTOM properties declarations */
.sit-btn, .btn {
  --_button-display: var(--button-display, flex);
  --_button-justify-content: var(--button-justify-content, center);
  --_button-min-width: var(--button-min-width, 165px);
  --_button-width: var(--button-width, 100%);
  --_button-height: var(--button-height, 2.5em);
  --_button-lateral-padding: var(--button-lateral-padding, 2em);
  --_button-gap: var(--button-gap, 1em);
  --_button-border-width: var(--button-border-width, 1px);
  --_button-border-top-width: var(--button-border-top-width, 1px);
  --_button-border-right-width: var(--button-border-right-width, 1px);
  --_button-border-bottom-width: var(--button-border-bottom-width, 1px);
  --_button-border-left-width: var(--button-border-left-width, 1px);
  --_button-border-color: var(--button-border-color, hsl(0, 0%, 100%));
  --_button-background-color: var(--button-background-color, hsl(0, 0%, 100%));
  --_button-border-radius: var(--button-border-radius, calc(var(--_button-height) * 0.5));
  --_button-font-size: var(--button-font-size, 1rem);
  --_button-font-weight: var(--button-font-weight, 600);
  --_button-font-family: var(--button-font-family, DM Sans, sans-serif);
  --_button-text-color: var(--button-text-color, hsl(0, 0%, 9%));
  --_button-background-color-hover: var(--button-background-color-hover, hsl(0, 0%, 0%));
  --_button-border-color-hover: var(--button-border-color-hover, hsl(0, 0%, 0%));
  --_button-text-color-hover: var(--button-text-color-hover, hsl(0, 0%, 100%));
  --_button-background-color-disabled: var(--button-background-color-disabled, hsl(0, 0%, 100%));
  --_button-border-color-disabled: var(--button-border-color-disabled, hsl(0, 0%, 100%));
  --_button-text-color-disabled: var(--button-text-color-disabled, hsl(39, 38%, 34%));
  --_button-background-color-active: var(--button-background-color-active, hsl(358, 100%, 48%));
  --_button-border-color-active: var(--button-border-color-active, hsl(358, 100%, 48%));
  --_button-text-color-active: var(--button-text-color-active, hsl(0, 0%, 100%));
  --_button-icon-spacing: var(--button-icon-spacing, auto);
  --_button-icon-font-size: var(--button-icon-font-size, 1em);
  --button-icon-color: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  --_button-icon-color-hover: var(--button-icon-color-hover, hsl(0, 0%, 100%));
  --_button-icon-color-disabled: var(--button-icon-color-disabled, hsl(39, 32%, 90%));
}

/* ------------------------------------ *\
  #BUTTON-DEFAULT
\* ------------------------------------ */
/* Button white */
.sit-btn, .btn {
  display: var(--_button-display);
  align-items: center;
  justify-content: var(--_button-justify-content);
  gap: var(--_button-gap);
  min-width: var(--_button-min-width);
  width: var(--_button-width);
  height: var(--_button-height);
  padding: 0 var(--_button-lateral-padding);
  border: solid var(--_button-border-color);
  border-width: var(--_button-border-top-width) var(--_button-border-right-width) var(--_button-border-bottom-width) var(--_button-border-left-width);
  background-color: var(--_button-background-color);
  border-radius: var(--_button-border-radius);
  font-size: var(--_button-font-size);
  font-weight: var(--_button-font-weight);
  font-family: var(--_button-font-family);
  color: var(--_button-text-color);
  line-height: 1.1;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  /* Hover */
  /* Disabled */
  /* Active */
}
.sit-btn .sit-btn__icon, .btn .sit-btn__icon {
  font-size: var(--_button-icon-font-size);
  color: var(--button-icon-color);
}
.sit-btn:hover:not([aria-disabled=true]), .btn:hover:not([aria-disabled=true]), .sit-btn:focus:not([aria-disabled=true]), .btn:focus:not([aria-disabled=true]) {
  background-color: var(--_button-background-color-hover);
  border-color: var(--_button-border-color-hover);
  color: var(--_button-text-color-hover);
  text-decoration: none;
}
.sit-btn:hover:not([aria-disabled=true]) .sit-btn__icon, .btn:hover:not([aria-disabled=true]) .sit-btn__icon, .sit-btn:focus:not([aria-disabled=true]) .sit-btn__icon, .btn:focus:not([aria-disabled=true]) .sit-btn__icon {
  color: var(--_button-icon-color-hover);
}
.sit-btn.is-disabled, .is-disabled.btn, .sit-btn.is-disabled:hover, .sit-btn.is-disabled:active, .sit-btn.is-disabled:active:hover, .sit-btn[disabled], [disabled].btn, .sit-btn[disabled]:hover, .sit-btn[disabled]:active, .sit-btn[disabled]:active:hover, .sit-btn:disabled, .btn:disabled, .sit-btn:disabled:hover, .sit-btn:disabled:active, .sit-btn:disabled:active:hover, .sit-btn[aria-disabled=true], [aria-disabled=true].btn, .sit-btn[aria-disabled=true]:hover, .sit-btn[aria-disabled=true]:active, .sit-btn[aria-disabled=true]:active:hover {
  background-color: var(--_button-background-color-disabled);
  border-color: var(--_button-border-color-disabled);
  color: var(--_button-text-color-disabled);
  cursor: not-allowed;
  opacity: 0.8;
  filter: saturate(0.1);
}
.sit-btn.is-disabled .sit-btn__icon, .is-disabled.btn .sit-btn__icon, .sit-btn.is-disabled:hover .sit-btn__icon, .sit-btn.is-disabled:active .sit-btn__icon, .sit-btn.is-disabled:active:hover .sit-btn__icon, .sit-btn[disabled] .sit-btn__icon, [disabled].btn .sit-btn__icon, .sit-btn[disabled]:hover .sit-btn__icon, .sit-btn[disabled]:active .sit-btn__icon, .sit-btn[disabled]:active:hover .sit-btn__icon, .sit-btn:disabled .sit-btn__icon, .btn:disabled .sit-btn__icon, .sit-btn:disabled:hover .sit-btn__icon, .sit-btn:disabled:active .sit-btn__icon, .sit-btn:disabled:active:hover .sit-btn__icon, .sit-btn[aria-disabled=true] .sit-btn__icon, [aria-disabled=true].btn .sit-btn__icon, .sit-btn[aria-disabled=true]:hover .sit-btn__icon, .sit-btn[aria-disabled=true]:active .sit-btn__icon, .sit-btn[aria-disabled=true]:active:hover .sit-btn__icon {
  color: var(--_button-icon-color-disabled);
}
.sit-btn.is-active, .is-active.btn, .sit-btn:active, .btn:active, .sit-btn.is-active:hover, .sit-btn:active:hover {
  background-color: var(--_button-background-color-active);
  border-color: var(--_button-border-color-active);
  color: var(--_button-text-color-active);
}
.sit-btn.is-active .sit-btn__icon, .is-active.btn .sit-btn__icon, .sit-btn:active .sit-btn__icon, .btn:active .sit-btn__icon, .sit-btn.is-active:hover .sit-btn__icon, .sit-btn:active:hover .sit-btn__icon {
  color: var(--_button-icon-color-hover);
}

/* ------------------------------------ *\
  #BUTTON-BLAck
\* ------------------------------------ */
.sit-btn-black, .btn-secondary[id=_com_liferay_cookies_banner_web_portlet_CookiesBannerPortlet_acceptAllButton] {
  --button-border-color: hsl(0, 0%, 0%);
  --button-background-color: hsl(0, 0%, 0%);
  --button-text-color: hsl(0, 0%, 100%);
  --button-background-color-hover: hsl(0, 0%, 100%);
  --button-border-color-hover: hsl(0, 0%, 100%);
  --button-border-right-width: calc(var(--_button-border-width) * 2);
  --button-border-bottom-width: calc(var(--_button-border-width) * 2);
  --button-text-color-hover: hsl(0, 0%, 9%);
  --button-background-color-disabled: hsl(0, 0%, 0%);
  --button-border-color-disabled: hsl(39, 38%, 34%);
  --button-text-color-disabled: hsl(39, 38%, 34%);
  --button-background-color-active: hsl(0, 0%, 100%);
  --button-border-color-active: hsl(0, 0%, 100%);
  --button-text-color-active: hsl(0, 0%, 100%);
  --button-icon-color-hover: var(--button-icon-color);
  --button-icon-color-disabled: hsl(39, 32%, 90%);
}

/* ------------------------------------ *\
  #BUTTON-HAS-THEMATIC-COLOR
\* ------------------------------------ */
/* Button with background based on THEME COLOR - bg changes based on dynamic thematic color */
.sit-btn-has-thematic-color {
  --button-thematic-color-dynamic-color: var(
      --section-color-shade,
      var(--thematic-color-shade, var(--custom-theme-brand-color-shade))
  );
  --button-thematic-color-dynamic-text-color: var(
      --section-text-color, var(--custom-theme-color-text-inverse)
  );
  --button-border-color: var(--button-thematic-color-dynamic-color);
  --button-background-color: var(--button-thematic-color-dynamic-color);
  --button-text-color: var(--button-thematic-color-dynamic-text-color);
  --button-border-right-width: calc(var(--_button-border-width) * 2);
  --button-border-bottom-width: calc(var(--_button-border-width) * 2);
  --button-background-color-disabled: hsl(0, 0%, 0%);
  --button-border-color-disabled: hsl(39, 38%, 34%);
  --button-text-color-disabled: hsl(39, 38%, 34%);
  --button-background-color-active: hsl(0, 0%, 100%);
  --button-border-color-active: hsl(0, 0%, 100%);
  --button-text-color-active: hsl(0, 0%, 100%);
  --button-icon-color: var(--button-text-color);
  --button-icon-color-hover: var(--button-icon-color);
  --button-icon-color-disabled: hsl(39, 32%, 90%);
}

/* ------------------------------------ *\
  #BUTTON-SECONDARY
\* ------------------------------------ */
.sit-btn-secondary, .btn-secondary {
  --button-border-color: hsl(40, 56%, 95%);
  --button-background-color: hsl(40, 56%, 95%);
  --button-text-color: hsl(0, 0%, 9%);
  --button-background-color-hover: hsl(0, 0%, 0%);
  --button-border-color-hover: hsl(40, 56%, 95%);
  --button-border-right-width: calc(var(--_button-border-width) * 2);
  --button-border-bottom-width: calc(var(--_button-border-width) * 2);
  --button-text-color-hover: hsl(0, 0%, 100%);
  --button-background-color-disabled: hsl(40, 56%, 95%);
  --button-border-color-disabled: white;
  --button-text-color-disabled: hsl(0, 0%, 9%);
  --button-background-color-active: hsl(0, 0%, 9%);
  --button-border-color-active: hsl(0, 0%, 9%);
  --button-text-color-active: hsl(0, 0%, 9%);
}

/* ------------------------------------ *\
  #BUTTON-SIZES
\* ------------------------------------ */
.sit-btn-s, .btn-sm {
  --button-min-width: 92px;
  --button-height: 2em;
  --button-lateral-padding: 1.5em;
  --button-font-size: 0.875rem;
}

.sit-btn-l {
  --button-min-width: 136px;
  --button-height: 2.9em;
  --button-font-size: 1rem;
}

/* BUTTON SHOW MORE DISPLAY MANAGEMENT */
.sit-btn-show-more.is-show-more .is-less {
  display: none;
}
.sit-btn-show-more.is-show-less .is-more {
  display: none;
}
.sit-btn-show-more.sit-btn-light {
  --button-background-color: transparent;
  --button-border-color: transparent;
  --button-icon-color: currentColor;
  --button-font-weight: 400;
}

/* ------------------------------------ *\
  #BTN-ROUND
\* ------------------------------------ */
/* round button with only icon */
.sit-btn-round {
  --button-width: var(--custom-theme-button-round-base-size);
  --button-min-width: var(--_button-width);
  --button-height: var(--_button-width);
  --button-lateral-padding: 0;
  --button-font-size: 1.125rem;
  --button-border-radius: 50%;
}

.sit-btn-border {
  --button-border-width: 1px;
  border: var(--_button-border-width) solid;
}

/* ------------------------------------ *\
  #BUTTON-HAS-ICON
\* ------------------------------------ */
/* Manage justify-content for button with icon */
.sit-btn--has-icon {
  --button-justify-content: space-between;
}

/* ICONS */
.sit-btn__icon-right {
  margin-left: 0.33em;
}
.sit-btn__icon-left {
  margin-right: 0.33em;
}

/* ------------------------------------ *\
  #LINK
\* ------------------------------------ */
.sit-link {
  --_link-icon-font-size: var(--link-icon-font-size, 1em);
  --_link-icon-color: var(--link-icon-color, hsl(29, 89%, 49%));
  --_link-icon-color-hover: var(--link-icon-color-hover, hsl(0, 0%, 100%));
  --_link-icon-color-disabled: var(--link-icon-color-disabled, hsl(39, 32%, 90%));
  display: inline-flex;
  gap: 1em;
}
.sit-link__icon {
  color: var(--_link-icon-color);
  font-size: var(--_link-icon-font-size);
}

/* BUTTON LIGHT */
.sit-btn-light {
  --button-border-color: transparent;
  --button-background-color: transparent;
  --button-background-color-hover: transparent;
  --button-border-color-hover: transparent;
  --button-border-right-width: 0;
  --button-border-bottom-width: 0;
  --button-text-color-hover: hsl(0, 0%, 9%);
  --button-text-color-active: hsl(0, 0%, 9%);
  --button-background-color-disabled: hsl(40, 56%, 95%);
  --button-border-color-disabled: white;
  --button-text-color-disabled: hsl(0, 0%, 9%);
  --button-background-color-active: transparent;
  --button-border-color-active: transparent;
  --button-text-color-active: hsl(0, 0%, 9%);
  --button-icon-color-hover: hsl(358, 100%, 48%);
  --button-icon-color-active: hsl(358, 100%, 48%);
  --button-border-radius: 0;
  /* Hover */
}
.sit-btn-light:hover:not([aria-disabled=true]), .sit-btn-light:focus:not([aria-disabled=true]) {
  text-decoration: underline;
}
.sit-btn.has-lateral-padding-s, .has-lateral-padding-s.btn {
  --button-lateral-padding: 0.625rem;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media (hover: none) and (pointer: coarse) {
  /* Add padding to increase touch area */
  .sit-link {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
@media all and (max-width: 767px) {
  /* Btn with icon and label hidden on mobile */
  .sit-btn--has-label-mobile-hidden .sit-btn__label {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
    opacity: 0;
  }
  .sit-btn--has-label-mobile-hidden.sit-btn--has-icon {
    --button-justify-content: center;
    --button-width: var(--custom-theme-button-round-base-size);
    --button-height: var(--custom-theme-button-round-base-size);
    --button-min-width: var(--custom-theme-button-round-base-size);
    --button-border-radius: 50%;
    --button-lateral-padding: 0;
    --button-font-size: 1.125rem;
  }
  .sit-btn-round.sit-btn-mobile-full {
    --button-width: 100%;
    --button-min-width: var(--_button-width);
    --button-height: var(--_button-height);
    --button-lateral-padding: 0;
    --button-border-radius: calc(var(--_button-height) * 0.5);
  }
}
@media all and (min-width: 768px) {
  /* Generic components */
  /* Icons, text labels */
  .sit-btn, .btn {
    --button-display: inline-flex;
    --button-width: fit-content;
    --button-icon-spacing: 1em;
  }
  .sit-btn-round {
    --button-width: var(--custom-theme-button-round-base-size);
  }
  .sit-btn-l {
    --button-icon-spacing: 1.25em;
  }
}
/**
 * AUTHOR-THUMB
 *
 * Mini-component for Author's thumb image
 * used in Hero and Card
*/
/* ------------------------------------ *\
  #AUTHOR-THUMB
\* ------------------------------------ */
.sit-author-thumb {
  --_author-thumb-image-height: var(--author-thumb-image-height, 100%);
  height: max-content; /* adapts to image height */
  position: relative;
}
.sit-author-thumb__image {
  width: var(--_author-thumb-image-height);
  height: auto;
  border-radius: 50%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center center;
}
.sit-author-thumb .sit-tag {
  position: absolute;
  top: 15%;
  z-index: 1;
}
.sit-author-thumb__name {
  font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
  color: var(--custom-theme-color-text);
  font-weight: 700;
}

/* Author thumb xs */
.sit-author-thumb--has-author-name {
  --author-thumb-image-height: 48px;
  display: flex;
  align-items: center;
  gap: 1em;
}

/* Author thumb with author name and small thumb */
/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * BANNER
 *
 * Styles customization for banner component
 *
*/
/* ------------------------------------ *\
    #CUSTOM-PROPERTIES
\* ------------------------------------ */
/* ------------------------------------ *\
    #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (min-width: 768px) {
  .sit-banner .sit-banner__container {
    width: 90%;
    max-width: 1226px;
    margin-right: auto;
    margin-left: auto;
    gap: 2.5rem;
    align-items: stretch;
  }
  .sit-banner .sit-banner__content {
    display: grid;
    align-items: center;
    align-content: center;
    padding-top: 2.5rem;
    padding-left: 0;
  }
  .sit-banner__image {
    object-fit: cover;
    object-position: center;
  }
}
/* ------------------------------------ *\
  #BREADCRUMB
\* ------------------------------------ */
.sit-breadcrumb {
  --_breadcrumb-padding: var(--breadcrumb-padding, 0.9375rem 0);
  --_breadcrumb-background-color: var(--breadcrumb-background-color, trasparent);
  --_breadcrumb-border-width: var(--breadcrumb-border-width, 0);
  --_breadcrumb-border-color: var(--breadcrumb-border-color, hsl(39, 19%, 73%));
  --_breadcrumb-color: var(--breadcrumb-color, var(--custom-theme-color-text-light));
  --_breadcrumb-font-size: var(--breadcrumb-font-size, 0.75rem);
  padding: var(--_breadcrumb-padding);
  background-color: var(--_breadcrumb-background-color);
  font-size: var(--_breadcrumb-font-size);
  color: var(--_breadcrumb-color);
}
.sit-breadcrumb__item {
  --_breadcrumb-item-font-weight: var(--breadcrumb-item-font-weight, 700);
  --_breadcrumb-item-separator-margin: var(--breadcrumb-item-separator-margin, 0.1em);
  display: inline-block;
  font-weight: var(--_breadcrumb-item-font-weight);
}
.sit-breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.sit-breadcrumb a:hover, .sit-breadcrumb a:focus {
  text-decoration: underline;
}
.sit-breadcrumb__item + .sit-breadcrumb__item::before {
  content: "/";
  display: inline-block;
  margin-left: calc(var(--_breadcrumb-item-separator-margin) * 2);
  margin-right: var(--_breadcrumb-item-separator-margin);
}
.sit-breadcrumb .is-current {
  --breadcrumb-item-font-weight: 400;
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
  \* ------------------------------------ */
@media (hover: none) and (pointer: coarse) {
  /* Add padding to increase touch area */
  .sit-breadcrumb__item {
    --breadcrumb-item-separator-margin: 0 0.6em;
  }
  .sit-breadcrumb__item a {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
/**
 * CARDS
 *
 * Style for site's cards
 * .sit-card
 * .sit-card--base
 * .sit-card--has-shadow
 * .sit-card--has-top-thumb card con immagine in alto
 * .sit-card--has-side-thumb for sidebar thumb managment
 * .sit-card--has-side-thumb-left for sidebar left
 * .sit-card--full-clickable per gestione area cliccabile su tutta card
 *
*/
/* ------------------------------------ *\
  #CARD-CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-card {
  /* Gestione colore tematico - dinamico */
  --card-dynamic-color: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  /* Card settings */
  --_card-display: var(--card-display, flex);
  --_card-align-items: var(--card-align-items, initial);
  --_card-flex-flow: var(--card-flex-flow, column nowrap);
  --_card-justify-content: var(--card-justify-content, initial);
  --_card-grid-template-areas: var(--grid-template-areas, initial);
  --_card-grid-template-columns: var(--grid-template-columns, initial);
  --_card-grid-gap: var(--card-grid-gap, initial);
  --_card-height: var(--card-height, auto);
  --_card-min-height: var(--card-min-height, auto);
  --_card-aspect-ratio: var(--card-aspect-ratio, initial);
  /* Spaziatura card */
  --_card-spacer-y-t: var(--card-spacer-y-t, 1.25rem);
  --_card-spacer-y-b: var(--card-spacer-y-b, 1.25rem);
  --_card-spacer-x-l: var(--card-spacer-x-l, 1.25rem);
  --_card-spacer-x-r: var(--card-spacer-x-r, 1.25rem);
  /* Spaziatura thumb */
  --_card-thumb-spacer-y-t: var(--card-thumb-spacer-y-t, 0);
  --_card-thumb-spacer-x-r: var(--card-thumb-spacer-x-r, 0);
  --_card-thumb-spacer-y-b: var(--card-thumb-spacer-y-b, 0);
  --_card-thumb-spacer-x-l: var(--card-thumb-spacer-x-l, 0);
  --_card-border-width: var(--card-border-width, initial);
  --_card-border-color: var(--card-border-color, initial);
  --_card-border-radius: var(--card-border-radius, initial);
  /* Colore bordo componento interni - es: metadati */
  --_card-components-border-color: var(--card-components-border-color, var(--custom-theme-color-border-00));
  /* Helper Spaziatura componenti - es metadati */
  --_card-components-spacer: var(--card-components-spacer, 0.9375rem);
  --_card-box-shadow: var(--card-box-shadow, initial);
  --_card-box-shadow-hover: var(--card-box-shadow-hover, initial);
  --_card-color: var(--card-color, var(--custom-theme-color-text));
  --_card-background: var(--card-background, var(--custom-theme-color-bg-white));
  /* Card Text wrapper management */
  --_card-text-display: var(--card-text-display, grid);
  --_card-text-gap: var(--card-text-gap, 0.3em);
  --_card-text-font-size: var(--card-text-font-size, initial);
  --_card-text-spacer-y-t: var(--card-text-spacer-y-t, initial);
  --_card-text-spacer-y-b: var(--card-text-spacer-y-b, initial);
  --_card-text-spacer-x-l: var(--card-text-spacer-x-l, initial);
  --_card-text-spacer-x-r: var(--card-text-spacer-x-r, initial);
  /* Card title */
  --card-title-spacer-y: 0.625rem;
  --_card-title-font-size: var(--card-title-font-size, clamp(1.25rem, 1.125rem + (1vw - 0.2rem) * 0.375, 1.5rem));
  --_card-title-font-weight: var(--card-title-font-weight, 600);
  --_card-title-font-family: var(--card-title-font-family, var(--custom-theme-font-family-title));
  --_card-description-font-size: var(--card-description-font-size, 0.875rem);
  /* Data */
  --_card-date-height: var(--card-date-height, initial);
  --_card-date-font-size: var(--card-date-font-size, clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem));
  --_card-date-color: var(--card-date-color, var(--_card-color));
  --_card-date-background: var(--card-date-background, initial);
  --_card-date-spacer-y-t: var(--card-date-spacer-y-t, initial);
  --_card-date-spacer-y-b: var(--card-date-spacer-y-b, initial);
  --_card-date-margin-spacer-x-l: var(--card-date-margin-spacer-x-l, initial);
  --_card-date-margin-spacer-x-r: var(--card-date-margin-spacer-x-r, initial);
  --_card-date-spacer-x-l: var(--card-date-spacer-x-l, initial);
  --_card-date-spacer-x-r: var(--card-date-spacer-x-r, initial);
  --_card-decorated-item-color: var(--card-decorated-item-color, hsl(0, 0%, 9%));
  /* Card decoration - se usata */
  --card-category-order: initial;
  --_card-category-decoration-size: var(--card-category-decoration-size, 3px);
  --card-category-decoration-color: var(--card-dynamic-color);
  --card-category-visual-color: var(--card-dynamic-color);
  --_card-category-font-size: var(--category-font-size, clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem));
  --card-event-thematic-color: var(--custom-theme-event);
  /* Metadati */
  --_card-meta-font-size: var(--card-meta-font-size, 0.75rem);
  --_card-meta-color: var(--card-meta-color, var(--custom-theme-color-text));
  --_card-meta-value-font-size: var(--card-meta-value-font-size, inherit);
  /* Image e eventuali icone svg */
  --_card-image-aspect-ratio: var(--card-image-aspect-ratio, 2.5/1.5);
  --card-meta-icon-svg-size: clamp(1.25rem, 4vw, 1.75rem);
  --card-icon-svg-size: clamp(1.875rem, 4vw, 2.5rem);
  /* Custom properties settings */
  display: var(--_card-display);
  flex-flow: var(--_card-flex-flow);
  justify-content: var(--_card-justify-content);
  align-items: var(--_card-align-items);
  grid-template-areas: var(--_card-grid-template-areas);
  gap: var(--_card-grid-gap);
  grid-template-columns: var(--_card-grid-template-columns);
  height: var(--_card-height);
  min-height: var(--_card-min-height);
  padding: var(--_card-spacer-y-t) var(--_card-spacer-x-r) var(--_card-spacer-y-b) var(--_card-spacer-x-l);
  box-shadow: var(--_card-box-shadow);
  border-radius: var(--_card-border-radius);
  border: var(--_card-border-width) solid var(--_card-border-color);
  background-color: var(--_card-background);
  aspect-ratio: var(--_card-aspect-ratio);
}
.sit-card__text {
  display: var(--_card-text-display);
  gap: var(--_card-text-gap);
  padding: var(--_card-text-spacer-y-t) var(--_card-text-spacer-x-r) var(--_card-text-spacer-y-b) var(--_card-text-spacer-x-l);
}
.sit-card__title {
  font-family: var(--_card-title-font-family);
  font-size: var(--_card-title-font-size);
  color: var(--card-color, hsl(0, 0%, 9%));
  font-weight: var(--_card-title-font-weight);
  line-height: 1.1;
}
.sit-card__title .sit-card__category + * {
  padding-top: var(--_card-components-spacer);
}
.sit-card__title a {
  display: flex;
}
.sit-card__category {
  display: inline-flex;
  gap: 0.3em;
  padding-bottom: 0.625rem;
  order: var(--card-category-order, initial);
  font-size: var(--_card-category-font-size);
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  text-transform: uppercase;
  line-height: 1;
}
.sit-card__category-icon {
  color: var(--card-category-decoration-color);
}
.sit-card__category-icon::before {
  display: inline-block;
}
.sit-card__text {
  color: var(--card-color, hsl(0, 0%, 9%));
}
.sit-card__date, .sit-card__meta-list {
  color: var(--_card-meta-color);
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
}
.sit-card__date {
  height: var(--_card-date-height);
  margin-top: var(--_card-date-spacer-y-t);
  margin-right: var(--_card-date-margin-spacer-x-r);
  margin-bottom: var(--_card-date-spacer-y-b);
  margin-left: var(--_card-date-margin-spacer-x-l);
  padding-right: var(--_card-date-spacer-x-r);
  padding-left: var(--_card-date-spacer-x-l);
  background-color: var(--_card-date-background);
  color: var(--_card-date-color);
  font-weight: 500;
  font-size: var(--_card-date-font-size);
  text-transform: uppercase;
}
.sit-card__meta-icon {
  --_card-meta-icon-color: var(--card-meta-icon-color, var(--custom-theme-color-text));
  margin-right: 0.15em;
  color: var(--_card-meta-icon-color);
}
.sit-card__meta-icon.has-thematic-color {
  --card-meta-icon-color: var(--card-category-decoration-color);
}
.sit-card__icon {
  --card-icon-color: var(--card-category-decoration-color, var(--custom-theme-brand-color));
  color: var(--card-icon-color);
}
.sit-card__icon.is-svg-icon {
  width: var(--card-icon-svg-size);
  height: var(--card-icon-svg-size);
}
.sit-card__icon.is-svg-icon svg {
  width: 100%;
  height: 100%;
}
.sit-card__cta-icon {
  --card-icon-color: var(--card-category-decoration-color, var(--custom-theme-brand-color));
  color: var(--card-icon-color);
  text-align: right;
}
.sit-card__description {
  color: var(--_card-color);
  font-size: var(--_card-description-font-size);
}
.sit-card__meta-list {
  display: flex;
  gap: 1.25rem;
}
.sit-card__meta-item {
  --_meta-item-justify-content: var(--meta-item-justify-content, flex-start);
  display: flex;
  align-items: center;
  gap: 1ch;
  justify-content: var(--_meta-item-justify-content);
  flex: 1;
  font-size: var(--_card-meta-font-size);
  line-height: 1;
}
.sit-card__meta-item.is-right-aligned {
  --meta-item-justify-content: flex-end;
}
.sit-card__meta-item + .sit-card__meta-item {
  border-left: 1px solid var(--_card-components-border-color);
  padding-left: 1.25rem;
}
.sit-card__meta-item-content {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
}
.sit-card__meta-item-value {
  font-size: var(--_card-meta-value-font-size);
}
.sit-slider--card-carousel .sit-card__meta-item-label.is-hideable {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
}
.sit-card__meta-icon.is-svg-icon {
  width: var(--card-meta-icon-svg-size);
  height: var(--card-meta-icon-svg-size);
}
.sit-card__thumb-wrapper {
  margin-top: var(--_card-thumb-spacer-y-t);
  margin-right: var(--_card-thumb-spacer-x-r);
  margin-bottom: var(--_card-thumb-spacer-y-b);
  margin-left: var(--_card-thumb-spacer-x-l);
  line-height: 0; /* resolve image wrapper over-height issue */
}
.sit-card__thumb, .sit-card__thumb-wrapper img {
  width: 100%;
  object-position: center center;
  object-fit: cover;
  aspect-ratio: var(--_card-image-aspect-ratio);
}
.sit-card a:hover, .sit-card a:focus {
  color: inherit;
}
:is(.sit-navigation__item) .sit-card {
  /* Manage card fullheight in navigation panels */
  --card-height: 100%;
  --card-title-font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
  cursor: pointer;
}

/* ------------------------------------ *\
  #CARD-BASE
\* ------------------------------------ */
/* base card - manage border, background color, padding */
.sit-card--base {
  --card-justify-content: flex-end;
  --card-spacer-y-t: 1.25rem;
  --card-spacer-y-b: 1.25rem;
  --card-spacer-x-l: 1.25rem;
  --card-spacer-x-r: 1.25rem;
  --card-title-spacer-y: 0.75em;
  --card-category-order: -1;
  --card-date-spacer-y-t: 0;
  --card-date-spacer-y-b: 0;
  --card-date-color: var(--card-meta-color);
}
.sit-card--base .sit-card__description + .sit-card__date {
  margin-top: 0.9375rem;
}
.sit-card--base .sit-card__meta {
  margin-top: var(--_card-components-spacer);
  padding-top: 0.625rem;
  border-top: 1px solid hsl(39, 38%, 34%);
}

/* ------------------------------------ *\
  #CARD-HAS-BOX-SHADOW
\* ------------------------------------ */
/* box shadow card */
.sit-card--has-shadow {
  --card-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.05);
  --card-box-shadow-hover: 0px 7px 14px rgba(0, 0, 0, 0.07);
}

/* ------------------------------------ *\
  #CARD-HAS-CTA
\* ------------------------------------ */
/* card with cta link */
.sit-card--has-cta {
  --_card-cta-justify-content: var(--card-cta-justify-content, flex-end);
  --_card-cta-align-items: var(--card-cta-align-items, center);
  --_card-cta-margin-top: var(--card-cta-margin-top, 0);
  --_card-cta-font-size: var(--card-cta-font-size, 0.9375rem);
  --_card-cta-icon-color: var(--card-cta-icon-color, var(--custom-theme-color-bg-accent));
  --card-grid-gap: 1em;
}
.sit-card--has-cta .sit-card__cta {
  display: flex;
  justify-content: var(--_card-cta-justify-content);
  align-items: var(--_card-cta-align-items);
  margin-top: var(--_card-cta-margin-top);
  gap: 1em;
  font-size: var(--_card-cta-font-size);
}
.sit-card--has-cta .sit-card__cta-icon {
  color: var(--_card-cta-icon-color);
}

/* ------------------------------------ *\
  #CARD-HAS-THUMB
\* ------------------------------------ */
/* HAS side thumb */
.sit-card--has-side-thumb {
  --card-display: grid;
  --card-align-items: stretch;
}
.sit-card--has-side-thumb .sit-card__thumb-wrapper {
  grid-area: thumb;
}
.sit-card--has-side-thumb .sit-card__category {
  gap: 0.625rem;
  font-weight: 500;
}
.sit-card--has-side-thumb .sit-card__link {
  padding-top: 0;
}

/* THUMB LEFT */
.sit-card--has-side-thumb-left {
  --card-title-font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  --grid-template-areas: "thumb text";
  --grid-template-columns: 1fr 2fr;
  --card-image-aspect-ratio: 11/8;
  --card-grid-gap: 1.25rem;
}
.sit-card--has-side-thumb-left .sit-card__title + .sit-card__description {
  margin-top: 0.625rem;
}
.sit-card--has-side-thumb-left .sit-card__thumb,
.sit-card--has-side-thumb-left .sit-card__thumb-wrapper img {
  height: 100%;
}

.sit-card--side-thumb-left-no-space {
  --card-spacer-y-t: 0;
  --card-spacer-y-b: 0;
  --card-spacer-x-l: 0;
  --card-spacer-x-r: 0;
  --card-line-spacing-base: var(--card-grid-gap);
  --card-text-spacer-y-t: 0.9375rem;
  --card-text-spacer-y-b: 0.9375rem;
  --card-text-spacer-x-r: 0.9375rem;
  --card-text-spacer-x-l: 0;
}

.sit-card--side-thumb-left-square {
  --card-grid-gap: 0.875rem;
  --card-image-aspect-ratio: 1/1;
  --card-text-spacer-y-t: 0.75rem;
  --card-text-spacer-y-b: 0.75rem;
  --card-text-spacer-x-r: 0.75rem;
  --card-text-spacer-x-l: 0;
  --card-text-gap: 0.625rem;
  --card-title-font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  --category-font-size: 0.75rem;
  --card-align-items: start;
}
.sit-card--side-thumb-left-square .sit-card__meta-list {
  flex-wrap: wrap;
  gap: 0.625rem;
  align-items: flex-start;
}
.sit-card--side-thumb-left-square .sit-card__meta-item {
  flex-basis: calc(50% - 0.625rem);
  padding-left: 0;
}

.sit-card--side-thumb-left-square-small {
  --grid-template-columns: 1fr 4fr;
  --card-title-font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
}

.sit-card--side-thumb-left-large {
  --grid-template-columns: 2fr 3fr;
  --card-image-aspect-ratio: 1.445;
  --category-font-size: 0.75rem;
}

/* THUMB RIGHT */
.sit-card--has-side-thumb-right {
  --grid-template-areas: "text thumb";
  --grid-template-columns: 1fr 2fr;
}

/* THUMB TOP */
.sit-card--has-top-thumb {
  --card-thumb-spacer-y-t: calc(-1 * var(--_card-spacer-y-t));
  --card-thumb-spacer-x-r: calc(-1 * var(--_card-spacer-x-r));
  --card-thumb-spacer-y-b: calc(var(--_card-spacer-y-t));
  --card-thumb-spacer-x-l: calc(-1 * var(--_card-spacer-x-l));
  --card-image-aspect-ratio: 3.3/2;
}
.sit-card--has-top-thumb .sit-card__text {
  flex: 1;
}
.sit-card--has-top-thumb .sit-card__title {
  flex: 1;
}
.sit-card--has-top-thumb-square {
  --card-image-aspect-ratio: 1/1;
}

/* THUMB TOP */
.sit-card--has-round-thumb {
  --card-background: transparent;
  --card-image-aspect-ratio: 1/1;
}
.sit-card--has-round-thumb .sit-card__thumb {
  max-width: 200px;
  border-radius: 50%;
}

/* VERTICAL THUMB */
.sit-card--has-vertical-thumb {
  --card-background: transparent;
  --grid-template-columns: minmax(100px, 10%) 1fr;
  --card-image-aspect-ratio: 0.684;
  --card-description-font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
}
.sit-card--has-vertical-thumb .sit-card__text {
  align-content: start;
}

/*
* NEW CLASSES
*/
/* CATEGORY TOP */
.sit-card--has-top-category .sit-card__category {
  --tag-background-color: hsl(40, 56%, 95%);
  --tag-color: hsl(39, 38%, 34%);
  --card-category-decoration-color: hsl(39, 38%, 34%);
  position: absolute;
  top: 0.625rem;
  left: 0;
  text-transform: none;
}

/* CATEGORY BOTTOM */
.sit-card--has-bottom-category .sit-card__category {
  --tag-background-color: hsl(40, 56%, 95%);
  --tag-color: hsl(39, 38%, 34%);
  --card-category-decoration-color: hsl(39, 38%, 34%);
  margin-top: 0.9375rem;
}

/* TITLE BOTTOM */
.sit-card--has-top-meta {
  --card-grid-gap: 0.9375rem;
  --card-background: transparent;
  --card-meta-color: hsl(39, 38%, 34%);
  --card-meta-icon-color: hsl(39, 38%, 34%);
}
.sit-card--has-top-meta .sit-card__text {
  row-gap: 0.625rem;
}
.sit-card--has-top-meta .sit-card__link {
  padding-top: 0;
}
.sit-card--has-top-meta .sit-card__meta {
  order: -1;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid hsl(39, 38%, 34%);
}
.sit-card--has-top-meta .sit-card__meta-list {
  flex-direction: column;
  row-gap: 0.625rem;
}
.sit-card--has-top-meta .sit-card__meta-item {
  padding-left: 0;
}

/* VERTICAL LAYOUT */
.sit-card--is-vertical .sit-card__cta {
  margin-top: 0.9375rem;
}

/* PLACE LAYOUT */
.sit-card--is-place {
  --card-grid-gap: 1.875rem;
  --card-image-aspect-ratio: 1.681;
  --card-text-spacer-y-t: 0;
  --card-text-spacer-y-b: 0;
  --card-description-font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
}
.sit-card--is-place .sit-card__text {
  align-content: start;
}
.sit-card--is-place .sit-card__title {
  margin-top: 0.625rem;
}
.sit-card--is-place .sit-card__meta {
  margin-top: 0.625rem;
  font-weight: 500;
}

/* ------------------------------------ *\
  #CARD-FULL-CLICKABLE
\* ------------------------------------ */
/* Set whole card clickable */
.sit-card--full-clickable {
  --card-spacer-y-t: 0;
  --card-spacer-y-b: 0;
  --card-spacer-x-l: 0;
  --card-spacer-x-r: 0;
  position: relative;
}
.sit-card--full-clickable .sit-card__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

/* Manage focus on CTA */
.sit-card--full-clickable-with-cta .sit-card__title a:focus {
  text-decoration: underline;
}
.sit-card--full-clickable-with-cta:focus-within .sit-card__title a:focus {
  text-decoration: none;
}

/* ------------------------------------ *\
  #CARD-TEXT-OVERLAY
\* ------------------------------------ */
.sit-card {
  /* has text overlay */
  /* text overlay on the right */
  /* text overlay on the left */
  /* text overlay at the bottom */
  /* text overlay at the bottom, contained inside the image */
  /* text overlay at the bottom, with expanded metadata */
}
.sit-card--text-overlay {
  --card-background: transparent;
  --card-image-aspect-ratio: 1.365;
  --card-text-spacer-y-t: 1.5625rem;
  --card-text-spacer-y-b: 1.5625rem;
  --card-text-spacer-x-r: 1.875rem;
  --card-text-spacer-x-l: 1.875rem;
  --card-title-font-size: clamp(1.5rem, 0.5rem + (1vw - 0.2rem) * 0.5, 2rem);
  --category-font-size: 0.75rem;
  --card-description-font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
}
.sit-card--text-overlay .sit-card__text {
  height: fit-content;
  margin-top: 8%;
  background-color: hsl(0, 0%, 100%);
}
.sit-card--text-overlay .sit-card__category {
  gap: 0.625rem;
  font-weight: 500;
}
.sit-card--text-overlay .sit-card__link {
  padding-top: 0;
}
.sit-card--text-overlay .sit-card__description {
  margin-top: 0.9375rem;
}
.sit-card--text-overlay .sit-card__cta {
  margin-top: 0.9375rem;
}
.sit-card--text-overlay .sit-card__meta-item {
  gap: 0.625rem;
}
.sit-card--text-right .sit-card__thumb-wrapper {
  grid-area: 1/1/1/5;
}
.sit-card--text-right .sit-card__text {
  grid-area: 1/3/1/6;
}
.sit-card--text-left .sit-card__thumb-wrapper {
  grid-area: 1/2/1/6;
}
.sit-card--text-left .sit-card__text {
  grid-area: 1/1/1/4;
}
.sit-card--text-bottom {
  --card-image-aspect-ratio: 1.116;
  --card-text-spacer-y-t: 1.25rem;
  --card-text-spacer-y-b: 1.25rem;
  --card-text-spacer-x-r: 1.25rem;
  --card-text-spacer-x-l: 1.25rem;
  --card-title-font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  --card-date-background: hsl(0, 0%, 0%);
  --card-date-color: hsl(0, 0%, 100%);
  --card-meta-icon-color: var(--card-dynamic-color);
}
.sit-card--text-bottom .sit-card__thumb-wrapper {
  grid-area: 1/1/1/6;
}
.sit-card--text-bottom .sit-card__text {
  grid-area: 1/1/1/5;
  margin-top: 65%;
}
.sit-card--text-bottom .sit-card__date {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  padding: 8px 12px;
}
.sit-card--text-bottom .sit-card__meta {
  margin-top: 0.9375rem;
}
.sit-card--text-bottom-inside {
  --card-image-aspect-ratio: 1.116;
  --card-title-font-size: clamp(1.75rem, 1.75rem + (1vw - 0.2rem) * 0.5, 2.25rem);
}
.sit-card--text-bottom-inside .sit-card__text {
  grid-area: 1/1/1/4;
  align-self: end;
  margin-top: 10%;
}
.sit-card--text-bottom-metadata {
  --card-image-aspect-ratio: 2.28;
  --card-text-spacer-y-t: 1.5rem;
  --card-text-spacer-y-b: 1.5rem;
  --card-text-spacer-x-r: 1.6875rem;
  --card-text-spacer-x-l: 1.6875rem;
  --card-title-font-size: clamp(1.375rem, 1.08rem + 0.9vw, 1.75rem);
  --card-meta-icon-color: var(--custom-theme-color-text);
  grid-template-rows: 1fr auto;
}
.sit-card--text-bottom-metadata .sit-card__text {
  grid-area: 2/1/3/6;
  width: fit-content;
  margin-top: -96px;
  margin-left: -1px;
}
.sit-card--text-bottom-metadata .sit-card__meta {
  padding: 0.75rem 1.375rem;
  background-color: hsl(40, 56%, 95%);
}
.sit-card--text-bottom-metadata .sit-card__meta-item {
  flex-shrink: 0;
  flex-basis: 50%;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 0;
}
.sit-card--text-bottom-metadata .sit-card__meta-item-number {
  flex-basis: 100%;
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  font-weight: 500;
  text-align: center;
}

/* force alternate left/right position of text layer */
.has-card-alternate {
  /* text overlay on the left */
  /* text overlay on the right */
}
.has-card-alternate .sit-card--text-overlay:nth-child(odd) .sit-card__thumb-wrapper {
  grid-area: 1/2/1/6;
}
.has-card-alternate .sit-card--text-overlay:nth-child(odd) .sit-card__text {
  grid-area: 1/1/1/4;
}
.has-card-alternate .sit-card--text-overlay:nth-child(even) .sit-card__thumb-wrapper {
  grid-area: 1/1/1/5;
}
.has-card-alternate .sit-card--text-overlay:nth-child(even) .sit-card__text {
  grid-area: 1/3/1/6;
}

/* ------------------------------------ *\
  #CARD-BOTTOM-TEXT
\* ------------------------------------ */
.sit-card {
  /* has text overlay */
}
.sit-card--bottom-text {
  --card-background: transparent;
  --card-components-spacer: 0.625rem;
}
.sit-card--bottom-text .sit-card__text {
  margin-top: -5%;
  margin-right: 1.875rem;
  margin-left: 1.875rem;
  padding: 1rem 1.25rem;
  background-color: hsl(0, 0%, 100%);
  height: fit-content;
}
.sit-card--bottom-text .sit-card__category {
  padding-bottom: 0;
}

/* ------------------------------------ *\
  #TEXT-INVERSE
\* ------------------------------------ */
.sit-card--text-color-inverse {
  --card-background: hsl(0, 0%, 0%);
}
.sit-card--text-color-inverse .sit-card__title {
  color: var(--card-color, hsl(0, 0%, 100%));
}

/* ------------------------------------ *\
  #HAS-MASK-IMAGE
\* ------------------------------------ */
.sit-card--has-mask-image {
  --card-background: transparent;
  --card-image-aspect-ratio: 1/1;
  --card-title-font-size: clamp(1.75rem, 1.75rem + (1vw - 0.2rem) * 0.5, 2.25rem);
  --card-description-font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
  --card-grid-gap: 1.5em;
  --card-text-gap: 1em;
}
.sit-card--has-mask-image .sit-card__thumb-wrapper {
  display: flex;
  align-items: stretch;
  background: radial-gradient(100% 30% at 30% 120%, rgba(196, 183, 159, 0.7) 0%, rgba(196, 183, 159, 0) 100%);
}
.sit-card--has-mask-image .sit-card__thumb-mask {
  flex: 1;
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.sit-card.is-site-scienza {
  --mask-image: url("/o/sit-cultura-toscana-theme/images/mask-S.svg");
}
.sit-card.is-site-arte-contemporanea {
  --mask-image: url("/o/sit-cultura-toscana-theme/images/mask-C.svg");
}
.sit-card.is-site-archeologia {
  --mask-image: url("/o/sit-cultura-toscana-theme/images/mask-A.svg");
}
.sit-card.is-site-biblio {
  --mask-image: url("/o/sit-cultura-toscana-theme/images/mask-B.svg");
}

/* ------------------------------------ *\
  #CARD-IS-LINK & IS-full-CLICKABLE
\* ------------------------------------ */
/* Manage box shadow on hover */
.sit-card--is-link {
  --card-title-font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
  --grid-template-columns: 66px 1fr;
  --custom-theme-font-family-title: var(--custom-theme-font-family-sans-serif);
  --card-title-font-weight: 400;
  /* Navigation percorso - immersivo */
}
.sit-card--is-link .sit-card__category {
  padding-bottom: 0;
}
.sit-hero__actions .sit-card--is-link {
  flex: 0 0 calc(50% - var(--_hero-action-gap));
}
.sit-hero__actions .sit-card--is-link, .sit-hero__actions .sit-card--is-link * {
  cursor: pointer;
}
.sit-hero__actions .sit-card--is-link .sit-card__title {
  display: grid;
  gap: 0.5em;
}
.sit-hero__actions .sit-card--is-link .sit-card__category {
  text-transform: unset;
}
.sit-hero__actions .sit-card--is-link .sit-card__thumb-wrapper {
  height: 100%;
}
.sit-card--is-link.sit-card--has-top-thumb-square {
  --card-spacer-y-t: 0.625rem;
  --card-spacer-y-b: 0.625rem;
  --card-spacer-x-l: 0.625rem;
  --card-spacer-x-r: 0.625rem;
}
.sit-card--is-link.sit-card--has-top-thumb-square .sit-card__title {
  display: flex;
  flex: 1;
  gap: 1em;
}
.sit-card--is-link.sit-card--has-top-thumb-square .sit-card__cta-icon {
  margin-left: auto;
  font-size: 1.2em;
}
.sit-card--is-link.sit-card--has-side-thumb-left .sit-card__text {
  height: 100%;
}
.sit-card--is-link.sit-card--has-side-thumb-left .sit-card__cta-icon {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.sit-navigation--percorso-immersivo .sit-card--is-link {
  --category-font-size: 0.625rem;
}
.sit-navigation--percorso-immersivo .sit-card--is-link .sit-card__title {
  display: grid;
  gap: 0.5em;
  align-content: start;
}
.sit-navigation--percorso-immersivo .sit-card--is-link .sit-card__thumb-wrapper {
  height: 100%;
}

/* ------------------------------------ *\
  #HAS-THEMATIC-BG
\* ------------------------------------ */
.sit-card--has-thematic-bg {
  --card-background: var(--card-dynamic-color);
  --card-color: var(--custom-theme-color-text-inverse);
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 767px) {
  .sit-card--text-overlay {
    --card-text-spacer-x-r: 0.9375rem;
    --card-text-spacer-x-l: 0.9375rem;
  }
  .sit-card--has-cta {
    --card-flex-flow: row nowrap;
    --card-justify-content: space-between;
  }
  .sit-card--has-cta .sit-card__cta-label {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
    opacity: 0;
  }
  .sit-card--has-side-thumb-mobile {
    --card-display: grid;
    --card-title-font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
    --grid-template-areas: "thumb text";
    --grid-template-columns: 1fr 3fr;
    --card-grid-gap: 1.25rem;
    --card-spacer-y-t: 0;
    --card-spacer-y-b: 0;
    --card-spacer-x-l: 0;
    --card-spacer-x-r: 0;
    --card-text-spacer-y-t: 0.9375rem;
    --card-text-spacer-y-b: 0.9375rem;
    --card-text-spacer-x-r: 0.9375rem;
    --card-text-spacer-x-l: 0;
    --card-image-aspect-ratio: 1/1;
  }
  .sit-card--has-side-thumb-mobile .sit-card__thumb-wrapper {
    grid-area: thumb;
  }
  .sit-card--has-side-thumb-mobile .sit-card__thumb-wrapper img {
    height: 100%;
  }
  .sit-card--has-side-thumb-mobile.sit-card--has-top-thumb-square {
    --card-thumb-spacer-y-b: calc(var(--_card-spacer-x-r) * -1);
  }
  .sit-card--is-vertical {
    --card-flex-flow: column nowrap;
  }
}
@media all and (min-width: 768px) {
  .sit-card--has-cta {
    --card-cta-margin-top: auto;
  }
  .sit-card--text-bottom-inside {
    --card-image-aspect-ratio: 2.705;
  }
  .sit-card--text-bottom-inside .sit-card__text {
    grid-area: 1/1/1/3;
  }
  .sit-card {
    /* has text overlay */
  }
  .sit-grid--tablet-2.sit-grid--2 .sit-card--bottom-text {
    --card-title-font-size: clamp(1.5rem, 0.5rem + (1vw - 0.2rem) * 0.5, 2rem);
  }
  .sit-grid--tablet-3.sit-grid--3 .sit-card--bottom-text {
    --card-title-font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  }
}
/**
 * BLOCK
 *
 * Generic block template style
 * block title style
 *
*/
/* ------------------------------------ *\
  #CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-facet {
  --_facet-link-alignment: var(--facet-link-alignment, center);
  --_facet-link-spacing-v: var(--facet-link-spacing-v, 2.5rem);
  --_facet-toggle-font-size: var(--facet-toggle-font-size, 1rem);
  --_facet-font-size: var(--facet-font-size, 1rem);
  --_facet-color: var(--facet-color, var(--custom-theme-color-text-light));
  --facet-font-weight: $font-weight-regular;
  --facet-count-color: var(--custom-theme-color-text-light);
  --facet-count-background: var(--custom-theme-color-bg-white);
  --facet-active-color: var(--custom-theme-color-text);
  --facet-active-font-weight: 700;
  --facet-active-count-background: var(--custom-theme-color-bg-extra-dark);
  --facet-active-count-color: var(--custom-theme-color-text-inverse);
}

/* ------------------------------------ *\
  #BLOCK-STYLING
\* ------------------------------------ */
.sit-facet {
  display: grid;
  gap: 1em;
}
.sit-facet__title {
  font-size: clamp(1.5rem, 0.5rem + (1vw - 0.2rem) * 0.5, 2rem);
  line-height: 1.2;
  font-weight: 600;
  font-family: "Ogg", serif;
}
.sit-facet__header {
  display: flex;
  align-items: baseline;
  gap: 1em;
}
.sit-facet__toggle {
  --_btn-toggle-size: var(--btn-toggle-size, 45px);
  --_btn-toggle-background: var(--btn-toggle-background, transparent);
  width: var(--_btn-toggle-size);
  height: var(--_btn-toggle-size);
  margin-left: auto;
  font-size: var(--_block-toggle-font-size);
  background-color: var(--_btn-toggle-background);
  transition: all 0.3s ease;
}
.is-closed .sit-facet__toggle {
  transform: rotate(180deg);
}
.sit-facet__content {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 0; /* reset list inner item margin bottom */
  transition: all 0.3s ease;
}
.is-open .sit-facet__content {
  opacity: 1;
}
.is-closed .sit-facet__content {
  display: none;
  opacity: 0;
  padding-bottom: 0;
}
.sit-facet__content > * {
  width: 100%;
}
.sit-facet__list {
  background: linear-gradient(var(--custom-theme-color-bg-light) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--custom-theme-color-bg-light) 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(var(--custom-theme-color-bg-light) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--custom-theme-color-bg-light) 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--custom-theme-color-bg-light);
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
  overflow-y: auto;
}
.sit-facet .sit-facet__list {
  padding: calc(var(--general-outline-size) * 2);
}
.sit-facet__list-option {
  display: flex;
  align-items: center;
  gap: 0.66em;
  padding: 0.5em 0;
}
.sit-facet__list-option.is-option-back {
  padding: 0 0 0.66em;
}
.sit-facet__list-option input[type=checkbox] {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
  position: absolute;
}
.sit-facet a {
  cursor: pointer;
}
.sit-facet__list-option-label {
  flex: 1;
  margin-bottom: 0;
  color: var(--_facet-color);
  font-size: 1rem;
  font-weight: var(--facet-font-weight);
}
.sit-facet__list-option-label [class^=fa]::before,
.sit-facet__list-option-label [class*=fa-]::before {
  display: inline-block;
}
.sit-facet__list-option-label a {
  display: flex;
  align-items: center;
  gap: 0.66em;
  color: inherit;
}
.is-active .sit-facet__list-option-label {
  color: var(--facet-active-color);
  font-weight: var(--facet-active-font-weight);
}
.is-option-back .sit-facet__list-option-label {
  display: flex;
  gap: 1em;
  padding: 0.3em 0;
  font-weight: 700;
  align-items: baseline;
}
.sit-facet__list-option-count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  min-width: 3em;
  padding: 0.5em 0.66em;
  background-color: var(--facet-count-background);
  border-radius: 2em;
  color: var(--facet-count-color);
  font-size: 0.875rem;
  font-weight: 500;
}
.is-active .sit-facet__list-option-count {
  background-color: var(--facet-active-count-background);
  color: var(--facet-active-count-color);
}

/* Has acessible hidden title */
.has-accessible-hidden-title .sit-facet__title {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
}

/* RANGE-SLIDER-BUTTON */
[id=periodoRangeInputsExpander] .sit-link__icon {
  display: inline;
  transition: all 0.3s ease;
}
[id=periodoRangeInputsExpander] .sit-link__icon::before {
  display: inline-block;
}
[id=periodoRangeInputsExpander][aria-expanded=true] .sit-link__icon {
  transform: rotate(90deg);
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (min-width: 1025px) {
  .sit-background-color-darker .sit-facet .sit-facet__list,
  .sit-background-color-darker .sit-facet .is-show-more-wrapper {
    background: transparent;
  }
}
/**
 * FOOTER
 *
 * Style for site footer
 *
*/
/* ------------------------------------ *\
  #CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-footer {
  /* Set custom properties for dynamic theme color */
  /* Theme color: has brand color as fallback, uses thematic color if is defined, else uses section color if is defined */
  --footer-theme-color: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  /* Text color - foreground text on dynamic bg - usually white, uses black text for accessible contrast */
  --footer-theme-text-color: var(--section-text-color, var(--thematic-text-color, var(--custom-theme-color-text-inverse)));
  --_footer-top-border-top-width: var(--footer-top-border-top-width, 2px);
  --_footer-top-border-top-color: var(--footer-top-border-top-color, var(--custom-theme-color-border-dark));
  --_footer-main-color-bg: var(--footer-main-color-bg, var(--custom-theme-color-bg-darker));
  --_footer-main-content-display: var(--footer-main-content-display, flex);
  --_footer-main-content-align-items: var(--footer-main-content-align-items, center);
  --_footer-main-content-justify: var(--footer-main-content-justify, space-between);
  --_footer-main-content-menu-font-size: var(--footer-main-content-menu-font-size, clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem));
  --_footer-main-content-gap: var(--footer-main-content-gap, 1.875rem);
  --_footer-main-content-padding: var(--footer-main-content-padding, 1.875rem);
  --_footer-main-padding-v-t: var(--footer-main-padding-v-t, clamp(1.25rem, 5vw, 2.5rem));
  --_footer-main-padding-v-b: var(--footer-main-padding-v-t, clamp(1.25rem, 5vw, 2.5rem));
  --_footer-main-padding-h-l: var(--footer-main-padding-h-l, 0);
  --_footer-main-padding-h-r: var(--footer-main-padding-h-r, 0);
  --_footer-main-color-text: var(--footer-main-color-text, var(--custom-theme-color-text));
  --_footer-main-content-menu-title-font-size: var(
      --footer-main-content-menu-title-font-size,
      clamp(1rem, 0.98rem + 0.35vw, 1.25rem)
  );
  --_footer-main-content-menu-font-size: var(--footer-main-content-menu-font-size, clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem));
  --_footer-main-menu-item-padding-v-t: var(--footer-main-menu-item-padding-v-t, 0);
  --_footer-main-menu-item-padding-v-b: var(--footer-main-menu-item-padding-v-t, 0);
  --_footer-main-menu-item-padding-h-l: var(--footer-main-menu-item-padding-h-l, 1.25rem);
  --_footer-main-menu-item-padding-h-r: var(--footer-main-menu-item-padding-h-r, 1.25rem);
  --_footer-bottom-color-bg: var(--footer-bottom-color-bg, var(--custom-theme-color-bg-white));
  --_footer-bottom-color-text: var(--footer-bottom-color-text, hsl(0, 0%, 0%));
  --_footer-bottom-padding-v-t: var(--footer-bottom-padding-v-t, clamp(0.375rem, 5vw, 0.75rem));
  --_footer-bottom-padding-v-b: var(--footer-bottom-padding-v-t, clamp(0.375rem, 5vw, 0.75rem));
  --_footer-bottom-padding-h-l: var(--footer-bottom-padding-h-l, 0);
  --_footer-bottom-padding-h-r: var(--footer-bottom-padding-h-r, 0);
  --_footer-logos-width: var(--footer-logos-width, 25%);
  --_footer-menu-wrap: var(--footer-menu-wrap, wrap);
}

/* ------------------------------------ *\
  #FOOTER
\* ------------------------------------ */
/* Liferay's theme overridings */
#footer {
  margin-top: 0;
  background-color: transparent;
  color: unset;
}

/* ------------------------------------ *\
  #FOOTER-TOP
\* ------------------------------------ */
.sit-footer__top {
  background: linear-gradient(90deg, hsl(0, 0%, 0%) 0%, hsl(0, 0%, 0%) 50%, var(--footer-theme-color) calc(50% + 1px), var(--footer-theme-color) 100%);
  font-size: 0.875rem;
}
.sit-footer__top-content {
  display: flex;
  justify-content: space-between;
  padding: 7px 0 6px;
  background: linear-gradient(90deg, hsl(0, 0%, 0%) 0%, hsl(0, 0%, 0%) 50%, var(--footer-theme-color) calc(50% + 1px), var(--footer-theme-color) 100%);
}
.sit-footer__top-content > * {
  display: flex;
  align-items: center;
}

/* ------------------------------------ *\
  #FOOTER-MAIN
\* ------------------------------------ */
.sit-footer__main {
  padding: var(--_footer-main-padding-v-t) var(--_footer-main-padding-h-r) var(--_footer-main-padding-v-b) var(--_footer-main-padding-h-l);
  background: radial-gradient(57.95% 15.85% at 50% 106.42%, rgba(204, 196, 181, 0.65) 0%, rgba(204, 196, 181, 0) 100%), var(--_footer-main-color-bg);
  color: var(--_footer-main-color-text);
}
.sit-footer__main-content {
  display: var(--_footer-main-content-display);
  flex-direction: column;
  row-gap: 1.5625rem;
}
.sit-footer__main-content .sit-site-branding__link {
  min-width: 520px;
}

.sit-social {
  --social-icon-link-size: 1.8em;
  --social-icon-link-font-size: 0.875rem;
  --social-icon-link-gap: 0.9375rem;
  display: flex;
  align-items: baseline;
  gap: 1.875rem;
  flex-wrap: wrap;
}
.sit-social__label {
  margin-bottom: 0;
}
.sit-social__navigation {
  display: flex;
  gap: var(--social-icon-link-gap);
}
.sit-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--social-icon-link-size);
  height: var(--social-icon-link-size);
  flex: 0 0 var(--social-icon-link-size);
  padding: 0.625rem;
  background: var(--footer-theme-color);
  color: var(--footer-theme-text-color);
  font-size: var(--social-icon-link-font-size);
  border-radius: 50%;
}
.sit-social a:hover, .sit-social a:focus {
  background-color: var(--custom-theme-color-bg-white);
  color: var(--custom-theme-color-link-hover);
}
.sit-social img {
  max-width: 100%;
}

/* ------------------------------------ *\
  #FOOTER-NAVIGATION
\* ------------------------------------ */
.sit-footer__navigation {
  padding: var(--_footer-main-padding-v-t) var(--_footer-main-padding-h-r) var(--_footer-main-padding-v-b) var(--_footer-main-padding-h-l);
  background: radial-gradient(57.95% 15.85% at 50% 106.42%, rgba(204, 196, 181, 0.65) 0%, rgba(204, 196, 181, 0) 100%), var(--_footer-main-color-bg);
  color: var(--_footer-main-color-text);
  font-size: var(--_footer-main-content-menu-font-size);
}
.sit-footer__navigation-blocks {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.sit-footer__navigation-block-label {
  margin-bottom: 6px;
  font-size: var(--_footer-main-content-menu-title-font-size);
}
.sit-footer__navigation-block-list {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.sit-footer__navigation-block a {
  color: var(--_navigation-color);
}

/* ------------------------------------ *\
  #FOOTER-BOTTOM
\* ------------------------------------ */
.sit-footer__bottom {
  padding: var(--_footer-bottom-padding-v-t) var(--_footer-bottom-padding-h-r) var(--_footer-bottom-padding-v-b) var(--_footer-bottom-padding-h-l);
  background: var(--_footer-bottom-color-bg);
}
.sit-footer__bottom-content {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
.sit-footer__bottom .sit-footer__bottom-navigation {
  --navigation-list-font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
  --_navigation-color: var(--navigation-color, var(--custom-theme-color-text));
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}
.sit-footer__bottom a {
  color: var(--_footer-bottom-color-text);
}
.sit-footer__bottom a:hover, .sit-footer__bottom a:focus {
  text-decoration: underline;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media (hover: none) and (pointer: coarse) {
  /* Increase touch area */
  .sit-social {
    --social-icon-link-size: 2.5em;
    --social-icon-link-font-size: 1.25rem;
    --social-icon-link-gap: 1.5625rem ;
  }
}
@media all and (max-width: 768px) {
  .sit-social img {
    max-width: 100%;
  }
  .sit-footer__main-content .sit-site-branding__link {
    min-width: 300px;
  }
}
@media all and (min-width: 768px) {
  .sit-footer__top-content {
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 30%, var(--footer-theme-color) calc(30% + 1px), var(--footer-theme-color) 100%);
  }
  .sit-footer__main-content {
    flex-direction: row;
    align-items: var(--_footer-main-content-align-items);
    justify-content: var(--_footer-main-content-justify);
  }
  .sit-footer__navigation-blocks {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .sit-footer__navigation-blocks > * {
    flex-basis: 25%;
  }
  .sit-footer__bottom-content {
    flex-direction: row;
    align-items: var(--_footer-main-content-align-items);
    justify-content: var(--_footer-main-content-justify);
  }
  .sit-footer__bottom .sit-footer__bottom-navigation {
    flex-direction: row;
    align-items: var(--_footer-main-content-align-items);
    column-gap: 0.9375rem;
    font-weight: 700;
  }
}
/**
 * FORM
 *
 * Form item style
 *
*/
/* ------------------------------------ *\
  #CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-form-item {
  display: grid;
}
.sit-form-item input {
  --form-item-input-height: 35px;
  min-width: 0;
  padding: 0 0.625rem;
  height: var(--form-item-input-height);
  border-radius: 0;
  border: 1px solid var(--custom-theme-color-bg-extra-dark);
  font-size: 0.875rem;
  font-weight: 500;
}

/* ------------------------------------ *\
  #FORM-ITEM
\* ------------------------------------ */
/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * HEADER
 *
 * Style for main site header
 *
*/
/* ------------------------------------ *\
  #CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-header {
  --_header-padding-v: var(--header-padding-v, clamp(0.8rem, 3vw, 1.125rem));
  --_header-padding-h: var(--header-padding-h, clamp(0.8rem, 3vw, 1.125rem));
  --_header-position: var(--header-position, initial);
  --_header-top-offset: var(--header-top-offset, calc(0px + var(--theme-admin-bar-height)));
  --_header-background-color: var(--header-background-color, hsl(0, 0%, 100%));
  --_header-border-color: var(--header-border-color, var(--custom-theme-color-border-00));
  --_header-zindex: var(--header-zindex, unset);
  --_header-main-area-display: var(--header-main-area-display, flex);
  --_header-main-area-align-items: var(--header-main-area-align-items, center);
  --_header-main-area-justify-content: var(--header-main-area-justify-content, space-between);
  --_header-logo-rt-size: var(--header-logo-rt-size, 40px);
}

.sit-topper {
  --_header-padding-v: var(--header-padding-v, clamp(0.8rem, 3vw, 1.125rem));
  --_header-padding-h: var(--header-padding-h, clamp(0.8rem, 3vw, 1.125rem));
  --_header-position: var(--header-position, initial);
  --_header-top-offset: var(--header-top-offset, calc(0px + var(--theme-admin-bar-height)));
  --_header-background-color: var(--header-background-color, hsl(0, 0%, 100%));
  --_header-border-color: var(--header-border-color, var(--custom-theme-color-border-00));
  --_header-zindex: var(--header-zindex, unset);
  --_header-main-area-display: var(--header-main-area-display, flex);
  --_header-main-area-align-items: var(--header-main-area-align-items, center);
  --_header-main-area-justify-content: var(--header-main-area-justify-content, space-between);
  --_header-logo-rt-size: var(--header-logo-rt-size, 40px);
}

/* ------------------------------------ *\
  #CUSTOMS
\* ------------------------------------ */
.sit-topper {
  padding: 0 var(--_header-padding-h);
}

/* ------------------------------------ *\
  #HEADER
\* ------------------------------------ */
/* Main style and components */
.sit-header {
  padding: var(--_header-padding-v) var(--_header-padding-h);
  background-color: var(--_header-background-color);
  border-bottom: 1px solid var(--_header-border-color);
  position: var(--_header-position);
  top: var(--_header-top-offset);
  z-index: var(--_header-zindex);
}
.sit-header__container {
  display: var(--_header-main-area-display);
  align-items: var(--_header-main-area-align-items);
  justify-content: var(--_header-main-area-justify-content);
}
.sit-header .sit-logo-regione {
  width: var(--_header-logo-rt-size);
  height: var(--_header-logo-rt-size);
}

/* ------------------------------------ *\
  #HEADER-left-AREA
\* ------------------------------------ */
.sit-header__left {
  display: flex;
  align-items: center;
  gap: 1em;
}

/* ------------------------------------ *\
  #HEADER-RIGHT-AREA
\* ------------------------------------ */
.sit-header__right {
  display: flex;
  align-items: center;
  gap: 1em;
}

/* ------------------------------------ *\
  #HEADER-SEARCH
\* ------------------------------------ */
.sit-header__search {
  --header-search-border-radius: 2em;
  --header-search-button-size: 3em;
  --header-search-width: var(--header-search-button-size);
  --header-search-background: var(--custom-theme-color-bg-darker);
  --header-search-field-font-size: 1rem;
  --header-search-wrapper-font-size: 1em;
  --header-search-input-expanded-width: 66vw;
  position: relative;
  width: var(--header-search-width);
  font-size: 1.125rem;
}
.sit-header__search-form-submit {
  display: none;
  width: 0;
  text-indent: -1000px;
  z-index: -1;
}
.sit-header__search-form-label {
  text-indent: 0;
  min-width: min-content;
  border: none;
  background-color: transparent;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
  transition: all 0.15s ease-in;
}
.sit-header__search-form-field {
  --system-focus-outline-color: var(--custom-theme-color-border-black);
  width: 1px;
  height: 100%;
  padding: 0;
  transition: all 0.3s ease-in;
  position: absolute;
  right: 0;
  border-radius: var(--header-search-border-radius);
  border: none;
  background-color: transparent;
  font-size: var(--header-search-field-font-size);
}
.sit-header__search-form-field::-webkit-input-placeholder {
  font-size: var(--header-search-field-font-size);
  color: transparent;
}
.sit-header__search-form-field:-moz-placeholder {
  font-size: var(--header-search-field-font-size);
  color: transparent;
}
.sit-header__search-form-field::-moz-placeholder {
  font-size: var(--header-search-field-font-size);
  color: transparent;
}
.sit-header__search-form-field:-ms-input-placeholder {
  font-size: var(--header-search-field-font-size);
  color: transparent;
}
.sit-header__search-form-field::placeholder {
  font-size: var(--header-search-field-font-size);
  color: transparent;
}
.sit-header [id=headerSearchWrapper] {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  line-height: 0;
  transition: all 0.3s ease-in;
  background-color: var(--header-search-background);
  border-radius: var(--header-search-border-radius);
  font-size: var(--header-search-wrapper-font-size);
}
.sit-header [id=headerSearchWrapper] .sit-header__search-form-field:focus ~ button, .sit-header [id=headerSearchWrapper].is-open button {
  text-indent: 0;
  width: var(--header-search-button-size);
  display: block;
  position: relative;
  z-index: 1;
}
.sit-header [id=headerSearchWrapper]:focus ~ label, .sit-header [id=headerSearchWrapper].is-open label {
  text-indent: -1000px;
  width: 0;
  min-width: 0;
}
.sit-header [id=headerSearchWrapper]:focus, .sit-header [id=headerSearchWrapper].is-open .sit-header__search-form-field {
  padding: 0 var(--header-search-button-size) 0 1em;
  width: var(--header-search-input-expanded-width);
  flex: 1;
  background-color: var(--header-search-background);
}
.sit-header [id=headerSearchWrapper]:focus::-webkit-input-placeholder, .sit-header [id=headerSearchWrapper].is-open .sit-header__search-form-field::-webkit-input-placeholder {
  color: var(--custom-theme-color-text-light);
}
.sit-header [id=headerSearchWrapper]:focus:-moz-placeholder, .sit-header [id=headerSearchWrapper].is-open .sit-header__search-form-field:-moz-placeholder {
  color: var(--custom-theme-color-text-light);
}
.sit-header [id=headerSearchWrapper]:focus::-moz-placeholder, .sit-header [id=headerSearchWrapper].is-open .sit-header__search-form-field::-moz-placeholder {
  color: var(--custom-theme-color-text-light);
}
.sit-header [id=headerSearchWrapper]:focus:-ms-input-placeholder, .sit-header [id=headerSearchWrapper].is-open .sit-header__search-form-field:-ms-input-placeholder {
  color: var(--custom-theme-color-text-light);
}
.sit-header [id=headerSearchWrapper]:focus::placeholder, .sit-header [id=headerSearchWrapper].is-open .sit-header__search-form-field::placeholder {
  color: var(--custom-theme-color-text-light);
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
/* Media query targetting touch devices - smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
  /* Add padding to increase touch area */
}
/* Managing sticky header for accessibility: disabling on page zoom and orientation landscape */
@media all and (max-width: 1024px) and (min-height: 480px) {
  .sit-header {
    --header-position: fixed;
    --header-zindex: 1010;
  }
}
@media (min-device-width: 576px) and (max-device-width: 1024px) and (orientation: landscape) {
  .sit-header {
    --header-position: static;
    --header-zindex: initial;
  }
}
@media all and (max-width: 1024px) {
  .sit-header {
    right: 0;
    left: 0;
  }
}
@media all and (max-width: 374px) {
  .sit-header {
    --header-main-area-justify-content: flex-start;
  }
  .sit-header__container {
    gap: 0.625rem;
  }
  .sit-header__left {
    gap: 0.625rem;
  }
  .sit-header__right .sit-navigation__toggle {
    min-width: 2.5rem;
    justify-content: center;
  }
}
@media all and (min-width: 768px) {
  .sit-header {
    --header-logo-rt-size: 56px;
  }
  .sit-header__search {
    --header-search-input-expanded-width: auto;
  }
}
@media all and (min-width: 1025px) {
  .sit-header {
    --header-top-area-first-spacing: 1.875rem;
  }
}
/**
 * HERO
 **
 * Hero header component
 * sase-hero general class
 * sase-hero--has-image-background for image on background
 * sase-hero--slide same as sase-hero--has-image-background but for hp slider
 * sase-hero--has-thumb-image for hero with right default image/thumb
 * sase-hero--has-thumb-left for hero with left image/thumb
 * sase-hero--has-thumb-right for hero with left image/thumb
 * sase-hero--has-right-column for hero with right info box (archivi, classi)
 * sase-hero--has-thematic-background hero with dynamic bg (theme color)
*/
/* ------------------------------------ *\
  #CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-hero {
  /* Dynamic-colors */
  --hero-dynamic-color: var(
    --section-color,
    var(--thematic-color, var(--custom-theme-brand-color))
  );
  --hero-dynamic-color-shade: var(
    --section-color-shade,
    var(--thematic-color-shade, var(--custom-theme-brand-color-shade))
  );
  /* Hero height management */
  --_hero-height: var(--hero-height, 75vh);
  --_hero-max-height: var(--hero-max-height, 50vh);
  --_hero-min-height: var(--hero-min-height, 17.86em);
  --_hero-image-width: var(--hero-image-width, 100%);
  --_hero-image-height: var(--hero-image-height, 100%);
  --_hero-image-min-height: var(--hero-image-min-height);
  --_hero-image-max-height: var(--hero-image-max-height);
  --_hero-image-aspect-ratio: var(--hero-image-aspect-ratio);
  --_hero-image-object-fit: var(--hero-image-object-fit, cover);
  /* Background and padding */
  --_hero-background-color: var(
    --hero-background-color,
    var(--custom-theme-color-bg-white)
  );
  --_hero-padding-y-t: var(--hero-padding-y-t);
  --_hero-padding-y-b: var(--hero-padding-y-b);
  /* Hero category */
  --_hero-category-order: var(--hero-category-order, " ");
  /* Hero content */
  --_hero-content-display: var(--hero-content-display, grid);
  --_hero-content-gap: var(
    --hero-content-gap,
    clamp(1.25rem, 3vw, 2.1875rem)
  );
  --_hero-content-vertical-gap: var(--hero-content-vertical-gap, 1.5em);
  --_hero-content-grid-template-areas: var(
    --hero-content-grid-template-areas,
    ""
  );
  --_hero-content-grid-template-columns: var(
    --hero-content-grid-template-columns,
    1fr
  );
  --_hero-content-image-grid-area: var(--hero-content-image-grid-area, "");
  --_hero-content-text-grid-area: var(--hero-content-text-grid-area, "");
  --_hero-content-gradient: var(
    --hero-content-gradient,
    var(--custom-theme-hero-gradient)
  );
  --_hero-content-padding-t: var(
    --hero-content-padding-t,
    clamp(1.5625rem, 3vw, 2.5rem)
  );
  --_hero-content-padding-b: var(
    --hero-content-padding-b,
    clamp(1.5625rem, 3vw, 2.5rem)
  );
  --_hero-content-justify: var(--hero-content-justify, start);
  --_hero-content-align: var(--hero-content-align, center);
  --_hero-content-description-text-align: var(
    --hero-content-description-text-align,
    left
  );
  /* Content container */
  --_hero-content-container-width: var(--hero-content-container-width, 100%);
  --_hero-content-container-padding-t: var(
    --hero-content-container-padding-t,
    0
  );
  --_hero-content-container-padding-r: var(
    --hero-content-container-padding-r,
    0
  );
  --_hero-content-container-padding-b: var(
    --hero-content-container-padding-b,
    0
  );
  --_hero-content-container-padding-l: var(
    --hero-content-container-padding-l,
    0
  );
  /* Hero title */
  --_hero-title-font-size: var(
    --hero-title-font-size,
    clamp(1.875rem, 1.875rem + (1vw - 0.2rem) * 0.625, 2.5rem)
  );
  --_hero-title-font-weight: var(
    --hero-title-font-weight,
    600
  );
  --_hero-title-font-family: var(
    --hero-title-font-family,
    var(--custom-theme-font-family-title)
  );
  --hero-title-text-shadow: none;
  /* Emphasis in title  */
  --hero-emphasis: var(
    --section-color,
    var(--thematic-color, var(--custom-theme-brand-color))
  );
  /* Hero subtitle */
  --_hero-subtitle-font-size: var(
    --hero-subtitle-font-size,
    clamp(1rem, 0.98rem + 0.35vw, 1.25rem)
  );
  --_hero-subtitle-font-weight: var(
    --hero-subtitle-font-weight,
    600
  );
  --_hero-subtitle-font-family: var(
    --hero-subtitle-font-family,
    var(--custom-theme-font-family-title)
  );
  --hero-subtitle-title-text-shadow: none;
  /* Hero subtitle minor */
  --_hero-subtitle-minor-font-size: var(
    --hero-subtitle-minor-font-size,
    clamp(1rem, 0.98rem + 0.35vw, 1.25rem)
  );
  --_hero-subtitle-minor-font-weight: var(
    --hero-subtitle-minor-font-weight,
    600
  );
  --_hero-subtitle-minor-font-family: var(
    --hero-subtitle-minor-font-family,
    var(--custom-theme-font-family-title)
  );
  --hero-subtitle-minor-title-text-shadow: none;
  /* Hero description */
  --_hero-description-font-size: var(
    --hero-description-font-size,
    clamp(1rem, 0.98rem + 0.35vw, 1.25rem)
  );
  --_hero-description-font-weight: var(
    --hero-description-font-weight,
    400
  );
  --_hero-description-font-family: var(
    --hero-description-font-family,
    var(--custom-theme-font-family-main)
  );
  --hero-description-title-text-shadow: none;
  /* Text wrapper management - display/alignment */
  --_hero-text-display: var(--hero-text-display, grid);
  --_hero-text-gap: var(--hero-text-gap, 1.75em);
  --_hero-text-min-height: var(--hero-text-min-height, " ");
  --_hero-text-spacing-y-t: var(--hero-text-spacing-y-t, 0);
  --_hero-text-spacing-x-r: var(--hero-text-spacing-x-r, 0);
  --_hero-text-spacing-y-b: var(--hero-text-spacing-y-b, 0);
  --_hero-text-spacing-x-l: var(--hero-text-spacing-x-l, 0);
  --_hero-text-flex-flow: var(--hero-text-flex-flow, " ");
  --_hero-text-with-tags-display: var(--hero-text-with-tags-display, " ");
  --_hero-text-with-tags-flex-flow: var(--hero-text-with-tags-flex-flow, " ");
  --_hero-text-color: var(--hero-text-color, var(--custom-theme-color-text));
  /* Map management */
  --_hero-map-width: var(--hero-map-width, 100%);
  --_hero-map-height: var(--hero-map-height, 100%);
  --_hero-map-grid-area: var(--hero-map-grid-area, image);
  /* Actions management */
  --_hero-action-display: var(--hero-action-display, grid);
  --_hero-action-gap: var(--hero-action-gap, 1.25rem);
  /* Date */
  --_hero-date-padding: var(--hero-date-padding, 0.3em);
  --_hero-date-background: var(--hero-date-background, transparent);
  --_hero-date-color: var(--hero-date-color, var(--_hero-text-color));
}

/* ------------------------------------ *\
  #HERO
\* ------------------------------------ */
.sit-hero {
  padding-top: var(--_hero-padding-y-t);
  padding-bottom: var(--_hero-padding-y-b);
  background-color: var(--_hero-background-color);
}
.sit-hero__content {
  display: var(--_hero-content-display);
  grid-template-columns: var(--_hero-content-grid-template-columns);
  gap: var(--_hero-content-gap);
  padding-top: var(--_hero-content-padding-t);
  padding-bottom: var(--_hero-content-padding-b);
  align-content: var(--_hero-content-align);
  justify-content: var(--_hero-content-justify);
  justify-items: var(--_hero-content-justify);
  text-align: var(--_hero-content-description-text-align);
}
.sit-hero__container {
  /* Container - per Hero con immagine bg, gestisce contenuti allineati a sx simil-griglia  */
  width: var(--_hero-content-container-width);
  padding-top: var(--_hero-content-container-padding-t);
  padding-right: var(--_hero-content-container-padding-r);
  padding-bottom: var(--_hero-content-container-padding-b);
  padding-left: var(--_hero-content-container-padding-l);
}
.sit-hero__title {
  --_hero-title-display: var(--hero-title-display, initial);
  --_hero-title-gap: var(--hero-title-gap, 0);
  --_hero-title-justify-content: var(--hero-title-justify-content, initial);
  --_hero-title-align-items: var(--hero-title-align-items, initial);
  display: var(--_hero-title-display);
  justify-content: var(--_hero-title-justify-content);
  align-items: var(--_hero-title-align-items);
  gap: var(--_hero-title-gap);
  font-size: var(--_hero-title-font-size);
  font-weight: var(--_hero-title-font-weight);
  line-height: 1.2;
  font-family: var(--_hero-title-font-family);
  text-shadow: var(--hero-title-text-shadow);
}
.sit-hero__title.sit-hero__title-has-category {
  --hero-title-display: grid;
  --hero-title-gap: 0.2em;
}
.sit-hero__title .sit-hero__category {
  font-family: var(--custom-theme-font-family-main);
}
.sit-hero__text {
  display: var(--_hero-text-display);
  flex-flow: var(--_hero-text-flex-flow);
  min-height: var(--_hero-text-min-height);
  gap: var(--_hero-text-gap);
  padding-top: var(--_hero-text-spacing-y-t);
  padding-right: var(--_hero-text-spacing-x-r);
  padding-bottom: var(--_hero-text-spacing-y-b);
  padding-left: var(--_hero-text-spacing-x-l);
  color: var(--_hero-text-color);
}
.sit-hero .sit-hero__emphasis {
  font-style: normal;
  color: var(--hero-emphasis-color);
}
.sit-hero__subtitle {
  /* Hero subtitle */
  font-size: var(--_hero-subtitle-font-size);
  font-weight: var(--_hero-subtitle-font-weight);
  line-height: 1.2;
  font-family: var(--_hero-subtitle-font-family);
  text-shadow: var(--hero-subtitle-title-text-shadow);
}
.sit-hero__subtitle p {
  font-size: inherit;
  line-height: inherit;
}
.sit-hero__subtitle-minor {
  /* Smaller subtitle for descriptive heroes - autore ecc */
  font-size: var(--_hero-subtitle-minor-font-size);
  font-weight: var(--_hero-subtitle-minor-font-weight);
  line-height: 1.2;
  font-family: var(--_hero-subtitle-minor-font-family);
  text-shadow: var(--hero-subtitle-minor-title-text-shadow);
}
.sit-hero__subtitle-minor p {
  font-size: inherit;
  line-height: inherit;
}
.sit-hero__description {
  font-size: var(--_hero-description-font-size);
  font-weight: var(--_hero-description-font-weight);
  line-height: 1.6;
  font-family: var(--_hero-description-font-family);
}
.sit-hero__description p {
  font-size: inherit;
  line-height: inherit;
}
.sit-hero__text-with-tags {
  display: var(--_hero-text-with-tags-display);
  flex-flow: var(--_hero-text-with-tags-flex-flow);
  /* specific text wrapper for headings with top tags and side text column - hero with right column/infos */
}
.sit-hero__date {
  padding: var(--_hero-date-padding);
  background-color: var(--_hero-date-background);
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  color: var(--_hero-date-color);
}
.sit-hero__date-icon {
  --hero-date-theme-color: var(
    --section-color,
    var(--custom-theme-brand-color)
  );
  color: var(--hero-date-theme-color);
}
.sit-hero__taglist {
  margin-bottom: 0.625rem;
  order: var(--_hero-category-order);
}
.sit-hero__category {
  --hero-category-theme-color: var(--hero-dynamic-color);
  --_hero-category-font-size: var(
    --hero-category-font-size,
    clamp(1rem, 0.98rem + 0.35vw, 1.25rem)
  );
  --_hero-category-font-weight: var(
    --hero-category-font-weight,
    600
  );
  display: flex;
  gap: 0.5em;
  font-size: var(--_hero-category-font-size);
  font-weight: var(--_hero-category-font-weight);
}
.sit-hero__category:where(.is-content-label) {
  --hero-category-font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
  text-transform: uppercase;
}
:where(.is-content-label) .sit-hero__category-icon {
  color: var(--hero-category-theme-color);
}
.sit-hero__image {
  width: var(--_hero-image-width);
  height: var(--_hero-image-height);
  min-height: var(--_hero-image-min-height);
  aspect-ratio: var(--_hero-image-aspect-ratio);
  object-fit: var(--_hero-image-object-fit);
}
.sit-hero__image img {
  width: 100%;
  height: 100%;
  aspect-ratio: var(--_hero-image-aspect-ratio);
  object-fit: var(--_hero-image-object-fit);
}
.sit-hero__info-detail {
  display: flex;
  gap: 0.6em;
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
}
* + .sit-hero__info-detail {
  margin-top: 1.5em;
}
.sit-hero__info-detail-icon {
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  color: hsl(0, 0%, 9%);
}
.sit-hero__map {
  width: var(--_hero-map-width);
  height: var(--_hero-map-height);
  grid-area: var(--_hero-map-grid-area);
  position: relative;
  transition: all 0.3s ease;
  top: initial;
  right: initial;
  bottom: initial;
  left: initial;
}
.sit-hero__map.is-expanded {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1022;
}
.sit-navigation.is-open ~ .sit-hero .sit-hero__map {
  opacity: 0.99; /* manage z-index bug - create stacking context for map */
}
.sit-hero__map-expand {
  position: absolute;
  bottom: 1em;
  left: 1em;
  z-index: 1001;
}
.sit-hero__actions {
  display: var(--_hero-action-display);
  gap: var(--_hero-action-gap);
}
.sit-hero__luogo {
  display: flex;
  align-items: center;
  gap: 2em;
}
.sit-hero__luogo .sit-hero__logo {
  width: clamp(45px, 5vw, 76px);
}
.sit-hero__luogo-name {
  display: flex;
  color: inherit;
  justify-content: space-between;
  font-weight: 600;
}
.sit-hero__luogo-text {
  flex: 1;
}
.sit-hero__event-detail {
  display: flex;
  gap: 2em;
  padding-top: 2em;
  border-top: 1px solid var(--custom-theme-color-border-light);
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
}
.sit-hero__event-detail-label {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--custom-theme-color-text-light);
}
.sit-hero__timeline {
  display: grid;
  align-items: end;
  width: 100%;
  height: 100%;
  background-color: var(--custom-theme-color-bg-darker);
}
.sit-hero .is-show-more-wrapper {
  --show-more-wrapper-gradient-bg-color: var(--_hero-background-color);
}

/* Map buttons - manage display when map is expanded or shrinked */
.is-shrinked .is-map-shrinker {
  /* Hide map shrinker when map is shrinked */
  display: none;
}

.is-expanded .is-map-expander {
  /* Hide map expander when map is expanded */
  display: none;
}

/* HERO INFOS */
.sit-hero__infos {
  /* Infos wrapper - in autore ecc - date, sottotitolo ecc */
  display: grid;
  gap: 0.5em;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
}
.sit-hero__info-link {
  width: max-content;
  font-size: 0.95em;
  color: var(--hero-dynamic-color-shade);
}

/* HERO METADATA */
/* Opera etc */
.sit-hero--metadata-list__item {
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 0.9375rem 0;
  border-top: 1px solid var(--custom-theme-color-border-light);
}
.sit-hero--metadata-list__item a {
  text-decoration: underline;
  color: inherit;
}
.sit-hero--metadata-list__item:last-of-type {
  border-bottom: 1px solid var(--custom-theme-color-border-light);
}
.sit-hero--metadata-list__item-label {
  display: flex;
  align-items: center;
  gap: 0.5em;
  text-transform: uppercase;
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
  color: var(--custom-theme-color-text-light);
}
.sit-hero--metadata-list__item-value {
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
}

.sit-hero--metadata-list__item:last-of-type dt.sit-hero--metadata-list__item-label {
  align-self: center;
}

/* ------------------------------------ *\
  #HERO-HAS-TITLE-L
\* ------------------------------------ */
/* Simple hero with bigger title font - used in timeline page */
/* ------------------------------------ *\
  #HERO-HAS-IMAGE-BACKGROUND
\* ------------------------------------ */
.sit-hero--has-image-background {
  --hero-text-color: hsl(0, 0%, 100%);
  --hero-image-height: var(--_hero-height);
  --hero-image-min-height: var(--_hero-min-height);
  --hero-image-max-height: var(--_hero-max-height);
  --hero-content-justify: center;
  --hero-content-container-padding-r: 25%;
  --hero-title-text-shadow: var(--custom-theme-hero-text-shadow);
  --hero-subtitle-title-text-shadow: var(--hero-title-text-shadow);
  display: grid;
  grid-template-areas: "hero";
  height: clamp(var(--_hero-min-height), var(--_hero-height), var(--_hero-max-height));
}
.sit-hero--has-image-background > * {
  grid-area: hero;
}
.sit-hero--has-image-background .sit-hero__image {
  max-height: var(--_hero-image-max-height);
  z-index: 0;
}
.sit-hero--has-image-background .sit-hero__content {
  background-image: var(--_hero-content-gradient);
  z-index: 1;
}
/* ------------------------------------ *\
  #HERO-HAS-TEXT-SHADOW
\* ------------------------------------ */
.sit-hero--has-text-shadow {
  --hero-title-text-shadow: var(--custom-theme-hero-text-shadow);
  --hero-subtitle-text-shadow: var(--hero-title-text-shadow);
}

/* ------------------------------------ *\
  #HERO-HAS-TEXT-OVERLAY
\* ------------------------------------ */
.sit-hero--has-text-overlay {
  --hero-text-spacing-x-r: 1.25rem;
  --hero-text-spacing-x-l: 1.25rem;
  --hero-text-spacing-y-t: 1.25rem;
  --hero-text-spacing-y-b: 1.25rem;
  --hero-text-gap: 0.625rem;
  --hero-content-container-padding-r: 0;
}
.sit-hero--has-text-overlay .sit-hero__text {
  background-color: rgba(0, 0, 0, 0.7);
}
.sit-hero--has-text-overlay .sit-hero__description, .sit-hero--has-text-overlay .sit-hero__description p {
  line-height: 1.4;
}

/* ------------------------------------ *\
  #SLIDE
\* ------------------------------------ */
.sit-hero--slide {
  --hero-content-padding-b: 3.75rem;
  --hero-text-spacing-y-b: 3.75rem;
}

.sit-hero--is-center-aligned {
  --hero-content-justify: center;
  --hero-content-description-text-align: center;
}
.sit-hero--is-center-aligned .sit-hero__title {
  --hero-title-justify-content: center;
}

/* ------------------------------------ *\
  #HAS-THEMATIC-BG
\* ------------------------------------ */
/* Hero with dynamic background - thematic color - percorsi narrativi */
.sit-hero--has-thematic-background {
  --hero-text-color: var(--custom-theme-color-text-inverse);
  --hero-background-color: var(--hero-dynamic-color-shade);
}
.sit-hero--has-thematic-background .sit-btn-show-more.sit-btn-light {
  --button-background-color: var(--custom-theme-color-bg-white);
  --button-border-color: var(--custom-theme-color-bg-white);
}

/* ------------------------------------ *\
  #HAS-THEMATIC-COLOR
\* ------------------------------------ */
/* Hero with dynamic background - thematic color - percorsi narrativi */
.sit-hero--has-thematic-background {
  --hero-text-color: var(--custom-theme-color-text-inverse);
  --hero-background-color: var(--hero-dynamic-color-shade);
}

/* ------------------------------------ *\
  #HERO-SMALL
\* ------------------------------------ */
.sit-hero--s {
  --hero-height: 150px;
  --hero-max-height: 150px;
  --hero-min-height: 150px;
}

/* ------------------------------------ *\
  #HERO-HAS-RIGHT-COLUMN
\* ------------------------------------ */
/* Hero with infos */
.sit-hero--has-right-column.sit-hero--has-top-tags {
  --hero-text-flex-flow: " ";
}
.sit-hero--has-right-column .sit-hero__text-with-tags {
  flex: 1;
}

/* ------------------------------------ *\
  #HERO-HAS-TOP-DATE
\* ------------------------------------ */
/* Hero with infos */
.sit-hero--has-top-date .sit-hero__date {
  order: -1;
  justify-self: flex-start;
}

/* ------------------------------------ *\
  #HERO-EVENT
\* ------------------------------------ */
.sit-hero--event {
  --hero-date-background: var(--custom-theme-color-bg-black);
  --hero-date-color: var(--custom-theme-color-text-inverse);
}
.sit-hero--event:is(.sit-hero--has-thumb-image-fullsize) {
  --hero-text-gap: 1em;
}

/* ------------------------------------ *\
  #HERO-SIMPLE
\* ------------------------------------ */
.sit-hero--simple {
  --hero-padding-y-t: clamp(2.5rem, 4vw, 2.8125rem);
  --hero-padding-y-b: clamp(2.5rem, 4vw, 2.8125rem);
  --hero-content-padding-t: 0;
  --hero-content-padding-b: 0;
}

/* Simple base page */
.sit-hero--simple-base-page {
  --hero-title-font-size: clamp(2.125rem, 1.87rem + 1.52vw, 3rem);
}

/* ------------------------------------ *\
  #HERO-HAS-GRAY-light-BG
\* ------------------------------------ */
.sit-hero--has-gray-light-bg {
  --hero-background-color: var(--custom-theme-color-bg-light);
}

/* ------------------------------------ *\
  #HERO-HAS-GRAY-DARK-BG
\* ------------------------------------ */
.sit-hero--has-gray-dark-bg {
  --hero-background-color: var(--custom-theme-color-bg-dark);
}

/* ------------------------------------ *\
  #HERO-HAS-GRAY-DARKER-BG
\* ------------------------------------ */
.sit-hero--has-gray-darker-bg {
  --hero-background-color: var(--custom-theme-color-bg-darker);
}

/* ------------------------------------ *\
  #HERO-HAS-THUMB
\* ------------------------------------ */
.sit-hero--has-thumb-image {
  --_hero-thumb-image-size: var(--hero-thumb-image-size);
  --hero-image-aspect-ratio: 4/3;
  --hero-content-gap: clamp(1.25rem, 6vw, 4.6875rem);
  --hero-image-object-fit: cover;
  --hero-content-grid-template-areas: "image" "text";
  --hero-content-image-grid-area: image;
  --hero-content-text-grid-area: text;
}
.sit-hero--has-thumb-image .sit-hero__content {
  grid-template-areas: var(--hero-content-grid-template-areas);
}
.sit-hero--has-thumb-image .sit-hero__image {
  grid-area: var(--hero-content-image-grid-area);
}
.sit-hero--has-thumb-image .sit-hero__text {
  grid-area: var(--hero-content-text-grid-area);
}

/* ------------------------------------ *\
  #THUMB-IMAGE-FULLSIZE & has logo
\* ------------------------------------ */
.sit-hero--has-thumb-image-fullsize, .sit-hero--has-logo {
  --hero-image-aspect-ratio: 4/2.5;
}

/* ------------------------------------ *\
  #HERO-HAS-CONTAINER
\* ------------------------------------ */
/* Content and image in container's width */
/* Hero for percorso narrativo minisito, luogo (logo + image) etc */
.sit-hero--has-container .sit-hero__container {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}

/* ------------------------------------ *\
  #HERO-HAS-LOGO
\* ------------------------------------ */
/* Hero with logo on left size - LUOGHI */
.sit-hero--has-logo .sit-hero__logo {
  flex: 0 0 auto;
  width: clamp(76px, 18vw, 99px);
  height: auto;
  aspect-ratio: 1/1;
}
.sit-hero--has-logo .sit-hero__text {
  flex: 1;
}

/* ------------------------------------ *\
  #HERO-HAS-MAP
\* ------------------------------------ */
.sit-hero--has-map {
  --hero-content-grid-template-areas: "text" "map";
  --hero-map-grid-area: map;
  --hero-content-text-grid-area: text;
}

/* ------------------------------------ *\
  #HERO-SLIDE
\* ------------------------------------ */
/* Hero component used in hp slider - set diffe */
.sit-hero--slide {
  --hero-min-height: 35rem;
}

/* ------------------------------------ *\
  #HERO-SLIDER
\* ------------------------------------ */
.sit-hero__slider {
  width: 100%;
  height: 100%;
  min-width: 0;
  background-color: var(--custom-theme-color-bg-black);
}
.sit-hero__slider iframe {
  width: 100% !important;
  height: 45vh !important;
}
.sit-hero .sit-slider--content {
  --slider-arrow-next-position: auto;
  --slider-arrow-next-left-position: calc(
    var(--_slider-arrow-size) + 1.875rem
  );
  --slider-arrow-prev-position: 1.25rem;
  --slider-arrow-top-position: auto;
  --slider-arrow-bottom-position: calc(
    var(--_slider-button-dot-size) + 1.875rem
  );
  --slider-arrow-border-color: var(--custom-theme-color-bg-white);
  --slider-arrow-color: var(--custom-theme-color-text-inverse);
  --slider-button-dot-border-width: 2px;
  --slider-button-dot-border-radius: 50%;
  --slider-button-dot-size: 1.75rem;
  --slider-arrow-color-hover: var(--custom-theme-brand-color);
  padding-bottom: calc(var(--_slider-button-dot-size) + 1.875rem);
}
.sit-hero .sit-slider--content .slick-dots {
  margin-top: 0;
  left: calc(
        var(--slider-arrow-next-left-position) +
          var(--slider-arrow-prev-position) + 1.875rem
      );
}
.sit-hero .sit-slider--content button {
  font-size: var(--_slider-arrow-font-size);
  transition: all 0.3s ease;
}
.sit-hero .sit-slider--content button:hover, .sit-hero .sit-slider--content button:focus {
  border-color: var(--custom-theme-color-bg-white);
}
.sit-hero .sit-slider--content button:hover .slick-dot-icon, .sit-hero .sit-slider--content button:focus .slick-dot-icon {
  color: var(--custom-theme-brand-color);
}
.sit-hero .sit-slider--content .slick-dot-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--custom-theme-color-bg-white);
  opacity: 1;
}
.sit-hero .sit-slider--content li.slick-active button {
  border-color: var(--custom-theme-color-bg-white);
}
.sit-hero .sit-slider--content li.slick-active button .slick-dot-icon {
  color: var(--custom-theme-color-bg-white);
}
.sit-hero .sit-slider--content li button .slick-dot-icon:before {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sit-hero .sit-slider--content li button .slick-dot-icon:before,
.sit-hero .sit-slider--content li.slick-active button::before {
  margin-top: 0;
  margin-left: 0;
  font-size: 0.75rem;
}

/* ------------------------------------ *\
  #HERO-BANNER
\* ------------------------------------ */
.sit-hero--banner {
  --hero-content-container-padding-t: 0;
  --hero-content-container-padding-r: 0;
  --hero-content-container-padding-b: 0;
  --hero-content-container-padding-l: 0;
  --hero-text-color: var(--custom-theme-color-text);
  --hero-text-gap: 0.5em;
  --hero-title-font-size: clamp(1.5rem, 0.5rem + (1vw - 0.2rem) * 0.5, 2rem);
  display: grid;
  grid-template-areas: "thumb" "content";
}
.sit-hero--banner .sit-hero__container {
  background-color: var(--custom-theme-color-bg-white);
}
.sit-hero--banner .sit-hero__content {
  grid-area: content;
}
.sit-hero--banner .sit-hero__image {
  grid-area: thumb;
}

/* ------------------------------------ *\
  #HERO-SINGLE-PORTAL
\* ------------------------------------ */
/* Single home page portal hero - with search and image backgound, smaller height */
.sit-hero--single-portal {
  --hero-height: 66vh;
  --hero-max-height: 30vh;
  --hero-min-height: 20em;
  --hero-image-min-height: 100%;
  --hero-content-container-padding-r: 0;
  --hero-content-gap: 0;
}
.sit-hero--single-portal .sit-hero__title {
  --hero-title-display: flex;
  --hero-title-align-items: flex-end;
  gap: 0.5em;
}
.sit-hero--single-portal .sit-hero__portal-logo {
  width: 3em;
  flex: 0 0 auto;
}

/* ------------------------------------ *\
  #HERO-FULLHEIGHT-TEXT-ONLY
\* ------------------------------------ */
.sit-hero--is-fullheight:where(.sit-hero--text-only) .sit-hero__container {
  width: 90%;
  max-width: 1226px;
  margin-right: auto;
  margin-left: auto;
}
.sit-hero--is-fullheight .sit-hero__description p + p {
  margin-top: 1em;
}

/* FIX FOR TEXT IN HERO */
.sit-hero--has-image-background.has-site-description {
  --hero-min-height: 200em;
  --hero-max-height: max-content;
  --hero-height: auto;
  --hero-image-max-height: unset;
  --hero-image-min-height: unset;
  --hero-image-height: 100%;
  --hero-text-gap: 1.25rem;
  --hero-content-padding-t: clamp(1.5625rem, 6vw, 4.375rem);
  --hero-content-padding-b: clamp(1.5625rem, 6vw, 4.375rem);
  --hero-content-gradient: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0.3)
  );
  position: relative;
}
.sit-hero--has-image-background.has-site-description .sit-hero__description,
.sit-hero--has-image-background.has-site-description .sit-hero__description p {
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  line-height: 1.5;
  text-shadow: var(--hero-title-text-shadow);
}
.sit-hero--has-image-background.has-site-description .sit-hero__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* ------------------------------------ *\
  #HERO-SPACE-L
\* ------------------------------------ */
/* Hero with L spaced content (padding top and padding bottom)
 * used in MINISITO
*/
.sit-hero--space-l {
  --hero-content-padding-t: clamp(1.5625rem, 6vw, 5.3125rem);
  --hero-content-padding-b: clamp(1.5625rem, 6vw, 5.3125rem);
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 1227px) {
  .sit-hero--has-thumb-image-fullsize {
    --hero-content-container-padding-r: 5%;
    --hero-content-container-padding-l: 5%;
  }
}
@media all and (max-width: 1024px) {
  .sit-hero--has-right-column {
    --hero-height: auto;
  }
  .sit-hero--has-right-column.sit-hero--has-image-background {
    --hero-image-height: 100%;
  }
  .sit-hero--has-right-column .sit-hero__text {
    gap: 1.5625rem;
  }
}
@media all and (max-width: 767px) {
  .sit-hero {
    --hero-datas-section-flex-wrap: wrap;
  }
  .sit-hero--has-right-column, .sit-hero--has-right-column.sit-hero--has-top-tags {
    --hero-text-flex-flow: column nowrap;
  }
  .sit-hero--has-thumb-image:where(:not(.sit-hero--has-map)) {
    --hero-content-padding-t: 0;
  }
  .sit-hero--has-thumb-circled .sit-hero__thumb-wrapper {
    width: 33%;
  }
  .sit-hero__map-expand {
    --button-width: auto;
    right: 1em;
  }
  /* Hero with inner container - luoghi, minisito percorso ecc */
  .sit-hero--has-container {
    --hero-content-container-padding-r: 5%;
    --hero-content-container-padding-l: 5%;
    --hero-content-container-width: 100%;
  }
  .sit-hero__slider .sit-slider--content {
    overflow: hidden;
  }
}
@media all and (min-width: 768px) {
  .sit-hero {
    --hero-action-display: flex;
  }
  .sit-hero__actions {
    flex-wrap: wrap;
  }
  .sit-hero__actions.is-absolute {
    position: absolute;
    bottom: 1.25rem;
  }
  .sit-hero__timeline .vis-timeline {
    min-height: 50vh !important;
  }
  .sit-hero--has-right-column {
    --hero-text-display: flex;
  }
  .sit-hero--has-right-column .sit-hero__text {
    align-items: flex-end;
    justify-content: space-between;
  }
  .sit-hero--has-thumb-image {
    --hero-thumb-image-size: clamp(100px, 20vw, 266px);
  }
  .sit-hero--has-thumb-image:where(:not(.sit-hero--has-map)) {
    --hero-content-grid-template-columns: 1fr var(--_hero-thumb-image-size);
    --hero-content-image-grid-area: image;
    --hero-content-text-grid-area: text;
  }
  .sit-hero--has-thumb-image-left {
    --hero-content-grid-template-areas: "image text";
    --hero-content-grid-template-columns: var(--_hero-thumb-image-size) 1fr;
  }
  .sit-hero--has-thumb-image-right:where(:not(.sit-hero--has-map)) {
    --hero-content-grid-template-areas: "text image";
  }
  .sit-hero--has-thumb-image-fullsize {
    /* manage content with side image fullwidth - with grid areas and grid template columns */
    /* Manage with area "content" for content and "margin" for side margins - 1fr width */
    /* Content padding */
    --hero-content-padding-t: 0;
    --hero-content-padding-b: 0;
    /* Content container - text container */
    --hero-content-container-padding-t: 2em;
    --hero-content-container-padding-b: 2em;
    --_hero-grid-template-areas: var(--hero-grid-template-areas);
    --hero-text-gap: 2em;
  }
  .sit-hero--has-thumb-image-fullsize:where(:not(.sit-hero--has-map)) {
    display: grid;
    grid-template-columns: 1fr minmax(768px, 1226px) 1fr;
    grid-template-areas: var(--_hero-grid-template-areas);
  }
  .sit-hero--has-thumb-image-fullsize .sit-hero__content {
    grid-area: content;
    align-items: center;
  }
  .sit-hero--has-thumb-image-fullsize.sit-hero--has-thumb-image-right:where(:not(.sit-hero--has-map)) {
    --hero-content-container-padding-l: clamp(
      0.625rem,
      5vw,
      3.75rem
    );
    --hero-content-container-padding-r: 0;
    --hero-grid-template-areas: "content content content";
    --hero-content-grid-template-columns: min(50vw, 1024px) 1fr;
  }
  .sit-hero--has-thumb-image-fullsize.sit-hero--has-thumb-image-left {
    --hero-content-container-padding-l: 0;
    --hero-content-container-padding-r: clamp(
      0.625rem,
      5vw,
      3.75rem
    );
    --hero-grid-template-areas: "content content content";
    --hero-content-grid-template-columns: 1fr min(50vw, 980px);
  }
  .sit-hero--has-map {
    --hero-content-container-padding-r: 1.25rem;
    --hero-content-container-padding-l: 1.25rem;
    --hero-content-container-padding-t: 2.5rem;
    --hero-content-container-padding-b: 2.5rem;
    --hero-content-gap: clamp(1.25rem, 3vw, 1.875rem);
  }
  .sit-hero--has-title-l {
    --hero-title-font-size: clamp(2.125rem, 1.87rem + 1.52vw, 3rem);
  }
  .sit-hero--is-fullheight {
    --hero-text-grid-row-max-height: minmax(
      4ch,
      auto
    ); /* manage text box "height" (grid row) - manage section scroll */
    --hero-image-height: 100%;
    --hero-image-aspect-ratio: none;
    --hero-title-font-size: clamp(2.125rem, 1.87rem + 1.52vw, 3rem);
    --_hero-scrollbar-background: var(
      --hero-scrollbar-background,
      var(--_hero-text-color)
    );
  }
  .sit-hero--is-fullheight:where(:not(.sit-hero--has-map)) {
    --hero-height: calc(
      100vh - var(--custom-header-height) -
        var(--custom-links-container-height)
    );
    --hero-min-height: 20em;
    --hero-max-height: calc(
      100vh - var(--custom-header-height) -
        var(--custom-links-container-height)
    );
    --hero-text-spacing-x-r: 0.625rem;
    --hero-text-spacing-x-l: 0.625rem;
    --hero-text-spacing-y-t: 0.625rem;
    --hero-text-spacing-y-b: 0.625rem;
    --hero-content-container-padding-t: 5rem;
    --hero-content-container-padding-b: 5rem;
    height: clamp(var(--_hero-min-height), var(--_hero-height), var(--_hero-max-height));
    overflow: hidden;
  }
  .sit-hero--is-fullheight:where(.sit-hero--has-thumb-image-right:not(.sit-hero--has-map)) {
    --hero-content-container-padding-t: calc(
      var(--custom-percorso-navigation-height) + 5rem
    );
  }
  .is-hidden + .sit-hero--is-fullheight {
    --hero-content-container-padding-t: 5rem;
  }
  .sit-hero--is-fullheight:where(:not(.sit-hero--percorso-minisito):not(.sit-hero--has-map)) .sit-hero__content,
  .sit-hero--is-fullheight:where(:not(.sit-hero--percorso-minisito):not(.sit-hero--has-map)) .sit-hero__container {
    height: var(--_hero-height); /* fix bug on nested grid for inner grids height overflowing from parent  */
  }
  .sit-hero--is-fullheight .sit-hero__text {
    height: 100%;
    min-height: 0;
    grid-auto-rows: min-content;
    overflow-y: auto;
    /* webkit browsers */
    /* Firefox */
  }
  .sit-hero--is-fullheight .sit-hero__text::-webkit-scrollbar {
    width: 9px;
  }
  .sit-hero--is-fullheight .sit-hero__text::-webkit-scrollbar-track {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 100px;
  }
  .sit-hero--is-fullheight .sit-hero__text::-webkit-scrollbar-thumb {
    background-color: var(--_hero-scrollbar-background);
    border-radius: 100px;
  }
  .sit-hero--is-fullheight .sit-hero__text::-moz-scrollbar {
    width: 9px;
  }
  .sit-hero--is-fullheight .sit-hero__text::-moz-scrollbar-track {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 100px;
  }
  .sit-hero--is-fullheight .sit-hero__text::-moz-scrollbar-thumb {
    background-color: var(--_hero-scrollbar-background);
    border-radius: 100px;
  }
  .sit-hero--is-fullheight:where(:not(.sit-hero--has-map)) .sit-hero__description {
    min-height: 33vh;
    /* webkit browsers */
    /* Firefox */
  }
  .sit-hero--is-fullheight:where(:not(.sit-hero--has-map)) .sit-hero__description::-webkit-scrollbar {
    width: 9px;
  }
  .sit-hero--is-fullheight:where(:not(.sit-hero--has-map)) .sit-hero__description::-webkit-scrollbar-track {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 100px;
  }
  .sit-hero--is-fullheight:where(:not(.sit-hero--has-map)) .sit-hero__description::-webkit-scrollbar-thumb {
    background-color: var(--_hero-scrollbar-background);
    border-radius: 100px;
  }
  .sit-hero--is-fullheight:where(:not(.sit-hero--has-map)) .sit-hero__description::-moz-scrollbar {
    width: 9px;
  }
  .sit-hero--is-fullheight:where(:not(.sit-hero--has-map)) .sit-hero__description::-moz-scrollbar-track {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 100px;
  }
  .sit-hero--is-fullheight:where(:not(.sit-hero--has-map)) .sit-hero__description::-moz-scrollbar-thumb {
    background-color: var(--_hero-scrollbar-background);
    border-radius: 100px;
  }
  .sit-hero--is-fullheight:where(.sit-hero--has-gray-darker-bg) {
    --hero-scrollbar-background: hsl(217, 9%, 61%);
  }
  .sit-hero--is-fullheight:where(.sit-hero--has-thumb-image:where(:not(.sit-hero--has-map))) {
    --hero-content-gap: 0 clamp(1.25rem, 6vw, 4.6875rem);
  }
  .sit-hero--has-thumb-circled {
    --hero-thumb-image-size: clamp(100px, 20vw, 196px);
    --hero-content-gap: 2.5rem;
  }
  .sit-hero--opera {
    --hero-image-aspect-ratio: 7/5;
  }
  .sit-hero--has-container .sit-hero__content {
    width: 90%;
    max-width: 1226px;
    margin-right: auto;
    margin-left: auto;
  }
  .sit-hero--has-logo {
    --hero-image-aspect-ratio: auto;
    --hero-content-grid-template-columns: 2fr 1fr;
  }
  .sit-hero--has-thumb-image-fullheight {
    --hero-content-padding-t: 0;
    --hero-content-padding-b: 0;
    --hero-content-container-padding-t: 2.5rem;
    --hero-content-container-padding-b: 2.5rem;
  }
  .sit-hero--banner {
    --hero-content-padding-t: 0;
    --hero-content-padding-b: 0;
    --hero-content-container-padding-t: 2em;
    --hero-content-container-padding-r: 2em;
    --hero-content-container-padding-b: 2em;
    --hero-content-container-padding-l: 2em;
    --hero-text-gap: 1em;
    --hero-image-height: min(var(--_hero-height), var(--_hero-max-height));
    --hero-title-font-size: clamp(1.75rem, 1.75rem + (1vw - 0.2rem) * 0.5, 2.25rem);
    --hero-subtitle-font-size: clamp(1.25rem, 1.125rem + (1vw - 0.2rem) * 0.375, 1.5rem);
    --hero-description-font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
    grid-template-areas: "hero";
    align-items: end;
    justify-items: end;
    height: clamp(var(--_hero-min-height), var(--_hero-height), var(--_hero-max-height));
  }
  .sit-hero--banner .sit-hero__content,
  .sit-hero--banner .sit-hero__image {
    grid-area: hero;
  }
  .sit-hero--banner .sit-hero__content {
    width: clamp(50%, 33vw, 460px);
  }
  .sit-hero--banner .sit-hero__container {
    z-index: 1;
  }
  .sit-hero--percorso-minisito {
    --hero-content-grid-template-columns: 2fr 1fr;
    --hero-title-font-size: clamp(3rem, 3rem + (1vw - 0.2rem) * 1, 4rem);
    --hero-content-container-padding-t: 2.5rem;
    --hero-content-container-padding-b: 2.5rem;
    --hero-min-height: 500px;
    --hero-max-height: 550px;
    --hero-height: 66vh;
    display: grid;
    align-content: stretch;
    height: clamp(var(--_hero-min-height), var(--_hero-height), var(--_hero-max-height));
  }
  .sit-hero--percorso-minisito .sit-hero__content,
  .sit-hero--percorso-minisito .sit-hero__container {
    height: clamp(var(--_hero-min-height), var(--_hero-height), var(--_hero-max-height));
  }
  .sit-hero--percorso-minisito .sit-hero__container {
    display: grid;
    align-content: center;
    align-items: center;
  }
  .sit-hero--percorso-minisito .sit-hero__text {
    height: 100%;
  }
  .sit-hero--percorso-minisito .sit-hero__description {
    overflow-y: auto;
    /* webkit browsers */
    /* Firefox */
  }
  .sit-hero--percorso-minisito .sit-hero__description::-webkit-scrollbar {
    width: 9px;
  }
  .sit-hero--percorso-minisito .sit-hero__description::-webkit-scrollbar-track {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 100px;
  }
  .sit-hero--percorso-minisito .sit-hero__description::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-background, hsl(0, 0%, 100%));
    border-radius: 100px;
  }
  .sit-hero--percorso-minisito .sit-hero__description::-moz-scrollbar {
    width: 9px;
  }
  .sit-hero--percorso-minisito .sit-hero__description::-moz-scrollbar-track {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 100px;
  }
  .sit-hero--percorso-minisito .sit-hero__description::-moz-scrollbar-thumb {
    background-color: var(--scrollbar-background, hsl(0, 0%, 100%));
    border-radius: 100px;
  }
  .sit-hero--single-portal .sit-hero__title {
    --hero-title-align-items: center;
    --hero-title-justify-content: center;
  }
  .sit-hero__slider {
    height: 100%;
  }
  .sit-hero__slider .sit-slider.sit-slider--content {
    display: flex;
    padding: 0;
    flex-flow: column;
  }
  .sit-hero__slider .sit-slider-container,
  .sit-hero__slider .sit-slider,
  .sit-hero__slider .sit-slider.sit-slider--content,
  .sit-hero__slider .slick-track,
  .sit-hero__slider .slick-slide {
    height: 100% !important;
  }
  .sit-hero__slider .slick-list {
    flex: 1;
  }
  .sit-hero__slider iframe {
    height: 100% !important;
  }
  .sit-hero__slider .slick-slide > div,
  .sit-hero__slider .sit-slider__slide {
    height: 100% !important;
  }
  .sit-hero__slider .sit-slider__slide {
    align-items: center;
    justify-content: center;
    display: inline-flex !important;
  }
  /* Manage height of expandable section */
  .sit-hero .is-expandable.is-collapsed {
    --expandable-block-max-height: 20em;
  }
  .sit-hero--percorso-minisito .is-expandable.is-collapsed {
    --expandable-block-max-height: 13em;
  }
  /* FIX FOR TEXT IN HERO */
}
@media all and (min-width: 1024px) {
  .sit-hero--has-map {
    --hero-height: calc(100vh - var(--custom-header-height));
    --hero-min-height: 20em;
    --hero-max-height: calc(100vh - var(--custom-header-height));
    --hero-grid-template-areas: "content content";
    --hero-content-container-padding-t: calc(
      var(--custom-percorso-navigation-height) + 5rem
    );
    --hero-text-spacing-x-r: 0.625rem;
    --hero-text-spacing-x-l: 0.625rem;
    --hero-text-spacing-y-t: 0.625rem;
    --hero-text-spacing-y-b: 0.625rem;
    --hero-content-container-padding-t: 5rem;
    --hero-content-container-padding-b: 5rem;
    --hero-content-container-padding-r: 2.5rem;
    --hero-content-container-padding-l: clamp(0.625rem, 5vw, 3.75rem);
    display: grid;
    grid-template-columns: minmax(768px, 1226px) 1fr;
    grid-template-areas: var(--_hero-grid-template-areas);
    height: clamp(var(--_hero-min-height), var(--_hero-height), var(--_hero-max-height));
    overflow: hidden;
  }
  .sit-hero--has-map:is(.sit-hero--has-thumb-image) {
    --hero-content-grid-template-areas: "text map";
    --hero-content-grid-template-columns: min(50vw, 980px) 1fr;
  }
  .sit-hero--has-map .sit-hero__description {
    min-height: 33vh;
    /* webkit browsers */
    /* Firefox */
  }
  .sit-hero--has-map .sit-hero__description::-webkit-scrollbar {
    width: 9px;
  }
  .sit-hero--has-map .sit-hero__description::-webkit-scrollbar-track {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 100px;
  }
  .sit-hero--has-map .sit-hero__description::-webkit-scrollbar-thumb {
    background-color: var(--_hero-scrollbar-background);
    border-radius: 100px;
  }
  .sit-hero--has-map .sit-hero__description::-moz-scrollbar {
    width: 9px;
  }
  .sit-hero--has-map .sit-hero__description::-moz-scrollbar-track {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 100px;
  }
  .sit-hero--has-map .sit-hero__description::-moz-scrollbar-thumb {
    background-color: var(--_hero-scrollbar-background);
    border-radius: 100px;
  }
  .sit-hero--has-map:where(:not(.sit-hero--percorso-minisito)) .sit-hero__content,
  .sit-hero--has-map:where(:not(.sit-hero--percorso-minisito)) .sit-hero__container {
    height: var(--_hero-height); /* fix bug on nested grid for inner grids height overflowing from parent  */
  }
  .sit-hero--has-text-overlay {
    --hero-text-spacing-x-r: 1.875rem;
    --hero-text-spacing-x-l: 1.875rem;
    --hero-text-spacing-y-t: 1.875rem;
    --hero-text-spacing-y-b: 1.875rem;
  }
}
@media all and (min-width: 1025px) {
  .sit-hero--has-image-background {
    --hero-height: 75vh;
    --hero-max-height: 45.5em;
    --hero-min-height: 30em;
    --hero-title-font-size: clamp(3rem, 3rem + (1vw - 0.2rem) * 1, 4rem);
    --hero-subtitle-font-size: clamp(1.75rem, 1.75rem + (1vw - 0.2rem) * 0.5, 2.25rem);
    --hero-image-min-height: 100%;
    --hero-content-container-padding-r: 0;
  }
  .sit-hero--has-image-background .sit-hero__container {
    --hero-content-container-padding-r: 0;
  }
  .sit-hero--slide {
    --hero-height: 72vh;
    --hero-max-height: 40.5em;
    --hero-min-height: 31.25em;
  }
  .sit-hero--banner {
    --hero-height: 75vh;
    --hero-max-height: 45.5em;
    --hero-min-height: 30em;
  }
  .sit-hero--banner .sit-hero__content {
    padding-right: 10%;
  }
  .sit-hero--single-portal {
    --hero-height: 50vh;
    --hero-max-height: 33em;
    --hero-min-height: 26em;
    --hero-title-font-size: clamp(2.125rem, 1.87rem + 1.52vw, 3rem);
  }
  .sit-hero--s {
    --hero-height: 200px;
    --hero-max-height: 200px;
    --hero-min-height: 200px;
  }
  .sit-hero--percorso-minisito {
    --hero-content-grid-template-columns: 5fr 4fr;
  }
  .sit-hero--is-fullheight {
    --hero-text-grid-row-max-height: minmax(
      4ch,
      auto
    ); /* manage text box "height" (grid row) - manage section scroll */
  }
}
@media all and (min-width: 1128px) {
  .sit-hero--is-fullheight:where(.sit-hero--text-only) .sit-hero__text {
    max-width: 80ch;
  }
}
@media all and (min-width: 1440px) {
  .sit-hero--has-image-background {
    --hero-title-font-size: clamp(3.438rem, 3.438rem + (1vw - 0.2rem) * 1.562, 5rem);
  }
  .sit-hero--has-text-overlay {
    --hero-text-spacing-x-r: 2.5rem;
    --hero-text-spacing-x-l: 2.5rem;
    --hero-text-spacing-y-t: 2.5rem;
    --hero-text-spacing-y-b: 2.5rem;
  }
}
/**
 * LANGUAGE-SWITCHER
 *
 * Style for site's header
*/
/* ------------------------------------ *\
  #LANGUAGE-SWITCHER
\* ------------------------------------ */
.sit-language-switcher {
  --language-switcher-item-color: var(--custom-theme-color-text-light);
  --language-switcher-current-item-color: var(--custom-theme-color-text);
  display: flex;
  align-items: center;
}
.sit-language-switcher__list {
  display: flex;
}
.sit-language-switcher__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
  color: var(--language-switcher-item-color);
}
.sit-language-switcher__button.is-current {
  font-weight: 700;
  color: var(--language-switcher-current-item-color);
}
.sit-language-switcher__button:hover, .sit-language-switcher__button:focus {
  text-decoration: underline;
  color: var(--language-switcher-current-item-color);
}
.sit-language-switcher__item + .sit-language-switcher__item {
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid var(--custom-theme-color-border-light);
}

/* ------------------------------------ *\
  #FOOTER-LANGUAGE-SWITCHER
\* ------------------------------------ */
/* Manage language switcher in dynamic background color section - manage text color */
.sit-footer__top-content .sit-language-switcher {
  --language-switcher-item-color: var(--footer-theme-text-color);
  --language-switcher-current-item-color: var(--footer-theme-text-color);
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
/* Increase touch area */
/**
 * LEAFLET-OVERRIDES
 *
 * Overrides and styles for leaflet popup
 *
*/
/* ------------------------------------ *\
  #LEAFLET-POPUP
\* ------------------------------------ */
.map-popup {
  display: flex;
  gap: 1em;
}
.map-popup img {
  width: clamp(81px, 5vw, 102px);
  aspect-ratio: 4/3;
  object-fit: cover;
}

.leaflet-popup-content-wrapper {
  border-radius: 0;
}

.leaflet-popup-content {
  width: clamp(250px, 10vw, 320px) !important;
  margin: 0;
}

.map-popup-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.3em 0;
  flex: 1;
  font-weight: 700;
  font-family: var(--custom-theme-font-family-serif);
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
}

/**
 * MAIN-SEARCH
 * AUTOCOMPLETE
 *
 * Main search form input component and autocomplete
 * Configurations and overrides
*/
/* ------------------------------------ *\
    #MAIN-SEARCH-CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-main-search {
  /* Main component style */
  --main-search-background-color: var(--custom-theme-color-bg-white);
  --main-search-border-radius: 2em;
  /* Input style */
  --main-search-form-item-display: flex;
  /* Space for button */
  --main-search-button-right-position: 0.3em;
  --main-search-input-padding-right: calc(
      var(--custom-theme-button-round-base-size) + var(--main-search-button-right-position)
  );
  --main-search-input-height: 3.5em;
  --main-search-input-background-color: var(--main-search-background-color);
  --main-search-input-font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
}

/* ------------------------------------ *\
    #MAIN-SEARCH
\* ------------------------------------ */
.sit-main-search {
  background-color: var(--main-search-background-color);
  border-radius: var(--main-search-border-radius);
}
.sit-main-search__form-item {
  display: var(--main-search-form-item-display);
  align-items: center;
  position: relative;
}
.sit-main-search__input-wrapper {
  flex: 1;
}
.sit-main-search__input {
  width: 100%;
  height: var(--main-search-input-height);
  padding: 0 var(--main-search-input-padding-right) 0 1em;
  border: none;
  border-radius: var(--main-search-border-radius);
  background-color: var(--main-search-input-background-color);
  font-size: var(--main-search-input-font-size);
}
.sit-main-search__input::-webkit-input-placeholder {
  font-size: inherit;
}
.sit-main-search__input:-moz-placeholder {
  font-size: inherit;
}
.sit-main-search__input::-moz-placeholder {
  font-size: inherit;
}
.sit-main-search__input:-ms-input-placeholder {
  font-size: inherit;
}
.sit-main-search__input::placeholder {
  font-size: inherit;
}
.sit-main-search__input:-webkit-autofill, .sit-main-search__input:-webkit-autofill:hover, .sit-main-search__input:-webkit-autofill:focus, .sit-main-search__input:-webkit-autofill:active {
  /* remove chrome autofill stile */
  transition: background-color 5000s ease-in-out 0s;
}
.sit-main-search .sit-btn-search {
  --button-font-size: var(--main-search-input-font-size);
  /* set button with absolute position, overlapping input and autocomplete */
  position: absolute;
  right: var(--main-search-button-right-position);
}

/* ------------------------------------ *\
    #AUTOCOMPLETE STYLES OVERRIDINGS
\* ------------------------------------ */
.sit-autocomplete {
  --autocomplete-vertical-spacing: 1.2em; /* set space from input */
  --_autocomplete-vertical-spacing-top: var(--autocomplete-vertical-spacing-top, 0);
  --_autocomplete-vertical-spacing-bottom: var(--autocomplete-vertical-spacing-bottom, 0);
  --_autocomplete-padding: var(--autocomplete-padding, 0);
  --autocomplete-max-height: clamp(14rem, 40vh, 600px);
  --autocomplete-background-color: var(--main-search-background-color, var(--custom-theme-color-bg-white));
  --autocomplete-border-radius: var(--main-search-border-radius, 0);
  --_autocomplete-box-shadow: var(--autocomplete-box-shadow, none);
  --autocomplete-input-border-radius-override: var(--main-search-border-radius, 2em);
  --autocomplete-result-template-columns: clamp(25px, 25%, 40px) 1fr;
  --autocomplete-result-template-areas: "thumb text";
  --autocomplete-result-image-aspect-ratio: 1/1;
  /* Components Overrides */
  /* Manage top or bottom space from text input */
  /* Change from 0 to value space only when autocomplete is expanded  */
  /* Custom components */
}
.sit-autocomplete .autocomplete-input {
  --outline-color: var(--custom-theme-color-bg-white);
  background-image: none;
}
.sit-autocomplete .autocomplete-input:focus, .sit-autocomplete .autocomplete-input:focus-within, .sit-autocomplete .autocomplete-input[aria-expanded=true] {
  box-shadow: none;
  outline: var(--outline-size) var(--outline-style) var(--outline-color);
  outline-offset: var(--outline-offset, var(--outline-size));
}
.sit-autocomplete .autocomplete-results {
  --scrollbar-track-m: calc(var(--autocomplete-input-border-radius-override) * 0.5);
  padding: var(--_autocomplete-padding);
  margin-top: var(--_autocomplete-vertical-spacing-top); /* set space from search input */
  margin-bottom: var(--_autocomplete-vertical-spacing-bottom); /* set space from search input */
  border: 2px solid var(--custom-theme-color-bg-white);
  /* webkit browsers */
  /* Firefox */
}
.sit-autocomplete .autocomplete-results::-webkit-scrollbar {
  width: 9px;
}
.sit-autocomplete .autocomplete-results::-webkit-scrollbar-track {
  margin-top: var(--scrollbar-track-m);
  margin-bottom: var(--scrollbar-track-m);
  background-color: transparent;
  border-radius: 100px;
}
.sit-autocomplete .autocomplete-results::-webkit-scrollbar-thumb {
  background-color: var(--custom-theme-color-text);
  border-radius: 100px;
}
.sit-autocomplete .autocomplete-results::-moz-scrollbar {
  width: 9px;
}
.sit-autocomplete .autocomplete-results::-moz-scrollbar-track {
  margin-top: var(--scrollbar-track-m);
  margin-bottom: var(--scrollbar-track-m);
  background-color: transparent;
  border-radius: 100px;
}
.sit-autocomplete .autocomplete-results::-moz-scrollbar-thumb {
  background-color: var(--custom-theme-color-text);
  border-radius: 100px;
}
.sit-autocomplete .autocomplete-result {
  --outline-size: var(--general-outline-size);
  --outline-style: solid;
  --outline-color: var(--system-focus-outline-color, currentColor);
}
.sit-autocomplete[data-expanded=true] {
  --autocomplete-padding: 1.5em 2em;
}
.sit-autocomplete[data-expanded=true][data-position=above] {
  --autocomplete-vertical-spacing-bottom: var(--autocomplete-vertical-spacing);
}
.sit-autocomplete[data-expanded=true][data-position=below] {
  --autocomplete-vertical-spacing-top: var(--autocomplete-vertical-spacing);
}
.sit-autocomplete[data-expanded=true] .autocomplete-result {
  --outline-color: var(--custom-theme-color-border);
  cursor: pointer;
}
.sit-autocomplete[data-expanded=true] .autocomplete-result:focus, .sit-autocomplete[data-expanded=true] .autocomplete-result:focus-within, .sit-autocomplete[data-expanded=true] .autocomplete-result:focus-visible, .sit-autocomplete[data-expanded=true] .autocomplete-result[aria-selected=true] {
  outline: var(--outline-size) var(--outline-style) var(--outline-color);
  outline-offset: var(--outline-offset, var(--outline-size));
  background-color: transparent;
}
.sit-autocomplete[data-position=above] .autocomplete-input, .sit-autocomplete[data-position=below] .autocomplete-input {
  border-radius: var(--autocomplete-input-border-radius-override);
}
.sit-autocomplete .autocomplete-result {
  padding: 0.5rem 0;
  background-image: none;
}
.sit-autocomplete[data-expanded=true] {
  --autocomplete-box-shadow: 0px 310px 124px rgba(58, 44, 17, 0.01), 0px 175px 105px rgba(58, 44, 17, 0.05),
      0px 78px 78px rgba(58, 44, 17, 0.09), 0px 19px 43px rgba(58, 44, 17, 0.1), 0px 0px 0px rgba(58, 44, 17, 0.1);
}
.sit-autocomplete__results {
  max-height: var(--autocomplete-max-height);
  background-color: var(--autocomplete-background-color);
  border-radius: var(--autocomplete-border-radius);
  box-shadow: var(--_autocomplete-box-shadow);
  overflow-y: auto;
}
.sit-autocomplete__result-item {
  display: grid;
  gap: 1em;
  align-items: start;
  grid-template-columns: var(--autocomplete-result-template-columns);
  grid-template-areas: var(--autocomplete-result-template-areas);
}
.sit-autocomplete__result-image {
  grid-area: thumb;
  aspect-ratio: var(--autocomplete-result-image-aspect-ratio);
  object-fit: cover;
  object-position: center center;
}
.sit-autocomplete__result-text {
  grid-area: text;
  display: grid;
  align-content: start;
  gap: 0.33em;
}
.sit-autocomplete__result-title {
  font-size: 1rem;
  font-family: var(--custom-theme-font-family-title);
}
.sit-autocomplete__result-description {
  font-size: 0.875rem;
  color: var(--custom-theme-color-text);
}
.sit-autocomplete__results-link {
  padding: 1em;
  position: sticky;
  right: -1em;
  left: -1em;
  bottom: -1.5em;
  background: var(--custom-theme-color-bg-white);
  text-align: center;
}
.sit-autocomplete__groupby {
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  line-height: 1.4;
  font-weight: 700;
  font-family: "Ogg", serif;
  padding-bottom: 0.5em;
}
.sit-hero--has-gray-dark-bg .sit-autocomplete .autocomplete-input {
  --outline-offset: 0;
  --outline-color: var(--custom-theme-color-border);
}

/* ------------------------------------ *\
    #SEARCH FILTERS
\* ------------------------------------ */
/* Wrapper for filter tags */
.sit-main-search-filters {
  --main-search-filters-display: grid;
  display: var(--main-search-filters-display);
  gap: 1em;
}

/* Results filters/orderby/infos */
.sit-search-results .sit-search-results-details {
  display: flex;
  align-items: baseline;
  padding-bottom: 1.25rem;
  gap: 1em;
}
.sit-search-results .sit-search-results-details__number > * {
  display: flex;
  gap: 0.33em;
}
.sit-search-results .sit-search-results-details__number-count {
  color: var(--custom-theme-color-text-light);
}
.sit-search-results .sit-search-results-details .sit-filters-wrapper {
  margin-left: auto;
}
.sit-search-results .sit-search-results-details .sit-order-wrapper button {
  background: transparent;
}
.sit-search-results .sit-search-results-details .sit-order-wrapper button.is-active {
  font-weight: 700;
}
.sit-search-results .sit-search-results-details .sit-order-wrapper button .sit-order-label {
  margin-left: 5px;
}
.sit-search-results .sit-card--has-side-thumb-left {
  --grid-template-columns: 1fr 4fr;
}
.sit-search-results .sit-card--has-side-thumb-left .sit-card__text {
  padding-bottom: 0;
  padding-top: 0;
}
.sit-search-results .sit-card--has-side-thumb-left .sit-card__text .sit-card__date {
  background-color: #000;
  color: #fff;
  padding: 8px 12px;
  display: inline-block;
  margin: 10px 0px;
  letter-spacing: 1px;
}
.sit-search-results .sit-card--has-side-thumb-left .sit-card__text .sit-card__meta {
  display: inline-block;
  margin-left: 10px;
}

/* Order by select/filters */
.sit-filter-select {
  font-size: 1rem;
}
.sit-filter-select label {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 1em;
}
.sit-filter-select label + select {
  margin-left: 0.3125rem;
}
.sit-filter-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  flex: 1;
  height: 2em;
  padding: 0 0.5em 0 1em;
  background-color: var(--custom-theme-color-bg-white);
  border-radius: 3em;
  border: 1px solid var(--custom-theme-color-border);
  background-repeat: no-repeat;
  font-size: 1em;
}
.sit-filter-select select::-ms-expand {
  display: none;
}
.sit-filter-select select:focus, .sit-filter-select select.focus {
  background-color: transparent;
}
.sit-filter-select select, .sit-filter-select select:not([multiple]):not([size]) {
  background-size: 0.8em;
  background-position: right 0.6em center;
}
.sit-filter-select select, .sit-filter-select select:not([multiple]):not([size]), .sit-filter-select select:focus, .sit-filter-select select.focus {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='13px' height='9px' viewBox='0 0 13 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Ea%3C/title%3E%3Cg id='Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='logged-dashboard/-BO' transform='translate(-595.000000, -321.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M606.589824,329.085939 L607.363252,328.312511 C607.546853,328.12891 607.546853,327.832051 607.363252,327.64845 L601.582016,321.914097 C601.398415,321.730496 601.101556,321.730496 600.917955,321.914097 L595.136718,327.64845 C594.953117,327.832051 594.953117,328.12891 595.136718,328.312511 L595.910146,329.085939 C596.093747,329.26954 596.390606,329.26954 596.574207,329.085939 L601.249985,324.457044 L605.925763,329.085939 C606.109364,329.26954 606.406223,329.26954 606.589824,329.085939 Z' id='a'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 767px) {
  .sit-main-search__input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media all and (min-width: 768px) {
  .sit-main-search {
    --main-search-input-font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  }
  .sit-main-search-filters {
    --main-search-filters-display: flex;
  }
  .sit-main-search-filters__title {
    white-space: nowrap;
  }
}
/* ------------------------------------ *\
  #MAP-WRAPPER
\* ------------------------------------ */
.sit-map-wrapper {
  --_map-wrapper-width: var(--map-wrapper-width, 100%);
  --_map-wrapper-height: var(--map-wrapper-height,0);
  --_map-ratio: var(--map-ratio, min(50vh,100%));
  --_map-iframe-width: var(--map-iframe-width, 100%);
  --_map-iframe-height: var(--map-iframe-height, 100%);
  position: relative;
  width: var(--_map-wrapper-width);
  height: var(--_map-wrapper-height);
  padding-bottom: var(--_map-ratio);
  overflow: hidden;
}
.sit-map-wrapper .leaflet-container {
  position: absolute !important; /* overriding leaflet style inline - css fix */
}
.sit-map-wrapper iframe,
.sit-map-wrapper .sit-map-iframe {
  position: absolute;
}
.sit-map-wrapper iframe,
.sit-map-wrapper .sit-map-iframe,
.sit-map-wrapper .leaflet-container {
  width: var(--_map-iframe-width) !important;
  height: var(--_map-iframe-height) !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.is-expanded .sit-map-wrapper {
  --map-ratio: 0;
  --map-wrapper-height: 100%;
}

body:where(.has-control-menu.controls-visible.signed-in) .leaflet-container {
  opacity: 0.99; /* set layotu context for map z-index with opacity - prevent map from overlay on navigation */
}

/* Map wrapper contatti  */
.sit-map-wrapper--contatti {
  --map-ratio: 100%;
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (min-width: 768px) {
  .sit-map-wrapper {
    --map-ratio: clamp(33%, 66vh, 40%);
  }
}
@media all and (min-width: 1024px) {
  .sit-hero .sit-map-wrapper {
    /* Map in hero */
    --map-wrapper-height: 100%;
    --map-ratio: 0;
  }
}
@media all and (min-width: 1024px) {
  /* Map wrapper contatti - da tablet */
  .sit-map-wrapper--contatti {
    --map-ratio: 0;
    --map-wrapper-height: 100%;
    min-height: clamp(400px, 50vh, 600px);
    align-self: stretch;
  }
}
/**
 * USER TOOLS
 *
 * Style for Modal
*/
.sit-other-items-label a.sit-show-all-link {
  cursor: pointer;
  text-decoration: inherit;
  color: var(--custom-theme-brand-color);
}

.sit-other-items-label a:hover {
  text-decoration: underline;
}

.modal.fade.show {
  padding-right: 0 !important;
}

.modal-dialog {
  margin: 1.75rem auto;
  max-width: 1024px;
}
.modal-dialog .modal-header {
  border-bottom: 0px !important;
  align-items: start;
  height: auto;
  padding-top: 1rem;
}
.modal-dialog .modal-header .modal-title {
  font-size: 2.25rem;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
  display: block;
  position: relative;
  flex-grow: inherit;
  margin-top: inherit;
  line-height: 2.5rem;
}
.modal-dialog .modal-header button.close {
  font-size: 50px;
  font-weight: 100;
  border: 2px solid black;
  color: black;
  border-radius: 50%;
  width: 53px;
  min-width: 53px;
  height: 53px;
  position: relative;
  left: 4px;
}
.modal-dialog .modal-header button.close span {
  position: relative;
  top: -1.5px;
}
.modal-dialog .modal-body {
  border-top: 0px;
}
.modal-dialog .modal-body .sit-hero--metadata-list__item {
  border-bottom: 0 !important;
  padding-top: 2rem;
}
.modal-dialog .modal-body dt.sit-hero--metadata-list__item-label {
  align-self: flex-start;
  flex: 1 0 30%;
}
.modal-dialog .modal-body dd.sit-hero--metadata-list__item-value {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 5px 10px;
  flex: 1 0 70%;
  max-height: 53vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .modal-footer {
  display: none;
}

@media all and (max-width: 1128px) {
  .modal-dialog {
    max-width: 990px;
  }
}
@media all and (max-width: 1024px) {
  .modal-dialog {
    max-width: 690px;
  }
  .modal-dialog .modal-body {
    border-top: 0px;
  }
  .modal-dialog .modal-body dd.sit-hero--metadata-list__item-value {
    max-height: 45vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media all and (max-width: 768px) {
  .modal-dialog {
    max-width: 560px;
  }
}
@media all and (max-width: 568px) {
  .modal-dialog {
    max-width: 360px;
  }
  .modal-dialog .modal-header .modal-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .modal-dialog .modal-body {
    border-top: 0px;
  }
  .modal-dialog .modal-body dd.sit-hero--metadata-list__item-value {
    grid-template-columns: 100%;
    flex: 1 0 70%;
    max-height: 45vh;
  }
}
/**
 * NAVIGATION
 *
 * Style for site's navigation
*/
/* ------------------------------------ *\
  #CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-navigation {
  /* Dynamic-colors */
  --navigation-dynamic-color: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  --navigation-dynamic-color-shade: var(
      --section-color-shade,
      var(--thematic-color-shade, var(--custom-theme-brand-color-shade))
  );
  --navigation-sections-padding-t: 1.25rem;
  --navigation-sections-padding-b: 1.25rem;
  --navigation-sections-padding-v: 1.25rem;
  --navigation-sections-padding-r: 1.25rem;
  --navigation-sections-padding-l: 1.25rem;
  --navigation-sections-padding-h: 1.25rem;
  --navigation-position: static;
  --navigation-z-index: 1021;
  --_navigation-gap: var(--navigation-gap, clamp(0.625rem, 5vw, 0.9375rem));
  --_navigation-background-color: var(--navigation-background-color, transparent);
  --_navigation-font-size: var(--navigation-font-size, clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem));
  --_navigation-color: var(--navigation-color, var(--custom-theme-color-text));
  --_navigation-color-hover: var(--navigation-color-hover, var(--custom-theme-color-text));
  --navigation-toggle-size: 3em;
  --_navigation-toggle-width: var(--navigation-toggle-width, fit-content);
  --_navigation-toggle-height: var(--navigation-toggle-height, var(--navigation-toggle-size));
  --navigation-toggle-padding-v: 0;
  --navigation-toggle-padding-h: 1.2em;
  --navigation-toggle-background: var(--custom-theme-color-bg-darker);
  --navigation-toggle-background-focus: var(--custom-theme-color-bg-black);
  --navigation-toggle-color: var(--custom-theme-color-text-dark);
  --navigation-toggle-color-focus: var(--custom-theme-color-text-inverse);
  --navigation-toggle-box-shadow: none;
  --navigation-toggle-z-index: calc(var(--navigation-z-index) + 1);
  --navigation-wrapper-top-offset: calc(var(--theme-admin-bar-height) + var(--custom-header-height));
  --navigation-wrapper-bottom-offset: auto;
  --navigation-wrapper-right-offset: 0;
  --navigation-wrapper-left-offset: initial;
  --navigation-wrapper-panel-height: calc(100vh - (var(--header-height) + var(--theme-admin-bar-height)));
  --navigation-wrapper-display: none;
  --_navigation-wrapper-width: var(--navigation-wrapper-width, 100%);
  --navigation-wrapper-box-shadow: 0 8px 18px 0px rgba(0, 0, 0, 0.2);
  --navigation-wrapper-background-color: var(--custom-theme-color-bg-darker);
  --_navigation-item-back-gap: var(--navigation-item-back-gap, 0);
  --_navigation-item-back-justify-content: var(--navigation-item-back-justify-content, center);
  --_navigation-item-link-padding: var(--navigation-item-link-padding, 0);
  --navigation-submenu-toggle-size: 2em;
  --navigation-item-back-padding-v: var(--navigation-sections-padding-v);
  --navigation-item-back-padding-h: var(--navigation-sections-padding-h);
  --navigation-overlay-z-index: calc(var(--navigation-z-index) - 1);
  --navigation-submenu-padding: 0.2em 1em;
}
body:where(.has-control-menu.controls-visible.signed-in) .sit-navigation.sit-navigation--main, body:where(.has-control-menu.controls-visible.signed-in) .sit-navigation.sit-navigation--ecosystem {
  /* Z-index fix when admin is logged - control panel on top of menu */
  --navigation-z-index: 40;
}

/* ------------------------------------ *\
  #NAVIGATION
\* ------------------------------------ */
.sit-navigation {
  /* Hidden */
}
.sit-navigation__item {
  --navigation-item-color: var(--_navigation-color);
  color: var(--navigation-item-color);
}
.sit-navigation__item-link {
  padding: var(--_navigation-item-link-padding);
}
.sit-navigation a:where(:not([href])) {
  cursor: pointer;
}
.sit-navigation__wrapper {
  display: var(--navigation-wrapper-display);
  flex-flow: column nowrap;
  width: var(--_navigation-wrapper-width);
  height: var(--navigation-wrapper-panel-height);
  position: var(--navigation-position);
  top: var(--navigation-wrapper-top-offset);
  right: var(--navigation-wrapper-right-offset);
  left: var(--navigation-wrapper-left-offset);
  bottom: var(--navigation-wrapper-bottom-offset);
  z-index: -1;
  transform: translateY(100%); /* FALLBACKS */
  transform: translateY(100%) translateZ(0); /* FALLBACKS */
  transform: translate3d(100%, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.35s ease;
  overflow: auto;
  visibility: hidden;
  box-shadow: var(--navigation-wrapper-box-shadow);
  background-color: var(--navigation-wrapper-background-color);
}
.is-open .sit-navigation__wrapper {
  z-index: var(--navigation-z-index);
  transform: translateY(0); /* FALLBACKS */
  transform: translateY(0) tranlateZ(0); /* FALLBACKS */
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
.sit-navigation a:where(:not(.sit-btn):not(.btn)) {
  color: inherit;
}
.sit-navigation a:where(:not(.sit-btn):not(.btn)):hover {
  color: var(--_navigation-color-hover);
  text-decoration: underline;
}
.sit-navigation a:where(:not(.sit-btn):not(.btn)):focus {
  text-decoration: none;
}
.sit-navigation.is-open {
  --navigation-wrapper-display: flex;
}
.sit-navigation .sit-navigation__submenu {
  padding: var(--navigation-submenu-padding);
  font-size: 0.85em;
}
.sit-navigation__submenu-toggle:where(:not(.sit-btn):not(.btn)) {
  background-color: transparent;
  color: inherit;
}
.sit-navigation__submenu-toggle:where(.sit-btn, .btn) {
  flex: 0 0 var(--_navigation-toggle-width);
}
.sit-navigation__submenu-toggle-icon {
  transition: all 0.3s ease;
  margin-left: auto;
}
.sit-navigation__submenu-toggle-arrow {
  width: var(--navigation-submenu-toggle-size);
  height: var(--navigation-submenu-toggle-size);
}
.sit-navigation.is-hidden {
  visibility: hidden;
  height: 0;
}

/* ------------------------------------ *\
  #NAVIGATION-LIST
\* ------------------------------------ */
.sit-navigation .sit-navigation__list {
  --navigation-list-font-family: var(--custom-theme-font-family-serif);
  --navigation-list-font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  --navigation-list-item-decoration-size: 0.66rem;
  --navigation-list-item-background-color: var(--custom-theme-color-bg-darkest);
  --_navigation-list-gap: var(--navigation-list-gap, 0.66em);
  --_navigation-list-columns: var(--navigation-list-columns, 1fr);
  display: grid;
  gap: var(--_navigation-list-gap);
  grid-template-columns: var(--_navigation-list-columns);
  padding: var(--navigation-sections-padding-v) var(--navigation-sections-padding-h);
  font-family: var(--navigation-list-font-family);
  font-size: var(--navigation-list-font-size);
}

/* Navigation main */
.sit-navigation--main .sit-navigation__list {
  --navigation-list-font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
  --navigation-list-font-family: var(--custom-theme-font-family-sans-serif);
}
.sit-navigation--main .sit-navigation__item {
  display: flex;
  gap: 1em;
  align-items: baseline;
}
.sit-navigation--main .sit-navigation__item::before {
  content: "";
  display: block;
  width: var(--navigation-list-item-decoration-size);
  height: var(--navigation-list-item-decoration-size);
  flex: 0 0 var(--navigation-list-item-decoration-size);
  background-color: var(--navigation-list-item-background-color);
  border-radius: 50%;
}

/* ------------------------------------ *\
  #NAVIGATION-Language selector
\* ------------------------------------ */
#sitLanguage.sit-navigation--main {
  font-size: 18px;
  /* Navigation button */
  /* Navigation menu */
}
#sitLanguage.sit-navigation--main > button.sit-navigation__toggle {
  border-radius: 1.5em;
  width: 3em;
  height: 3em;
  padding: 0px 1em;
  z-index: 3;
  position: relative;
}
#sitLanguage.sit-navigation--main > .sit-language_wrapper {
  top: 1.5em;
  border-radius: 0 0 1.5em 1.5em;
  height: 4em;
  width: 3em;
  z-index: 2;
  padding: 1.8em 1em 1em 1em;
}

@media all and (max-width: 960px) {
  #sitLanguage.sit-navigation--main {
    font-size: 16px;
  }
}
/* ------------------------------------ *\
  #NAVIGATION-ECOSYSTEM
\* ------------------------------------ */
/* Navigation ecosystem */
.sit-navigation--ecosystem {
  --_item-label-margin-bottom: var(--item-label-margin-bottom, 0.5em);
  --_item-label-font-size: var(--item-label-font-size, clamp(1.25rem, 1.125rem + (1vw - 0.2rem) * 0.375, 1.5rem));
}
.sit-navigation--ecosystem .sit-navigation__list {
  --navigation-list-gap: 2em;
}
.sit-navigation--ecosystem .sit-navigation__item-has-submenu {
  display: flex;
  flex-flow: column;
}
.sit-navigation--ecosystem .sit-navigation__submenu {
  flex: 1;
}
.sit-navigation--ecosystem .sit-navigation__item-label {
  display: block;
  margin-bottom: var(--_item-label-margin-bottom);
  font-size: var(--_item-label-font-size);
}

/* ------------------------------------ *\
  #NAVIGATION-PERCORSO-NARRATIVO
\* ------------------------------------ */
/* Navigation percorso - base */
.sit-navigation--percorso {
  --navigation-toggle-color: var(--navigation-dynamic-color-shade);
  --_navigation-block-position: var(--navigation-block-position, static);
  --_navigation-block-offset: var(
      --navigation-block-offset,
      calc(var(--custom-header-height) + var(--theme-admin-bar-height))
  );
  --navigation-wrapper-top-offset: calc(
      var(--_navigation-toggle-height) + calc(var(--theme-admin-bar-height) + var(--custom-header-height))
  );
  --navigation-z-index: 1011;
  --navigation-item-back-gap: 1em;
  --navigation-sections-padding-v: 1.25rem;
  --navigation-sections-padding-h: 1.25rem;
  --navigation-item-back-padding-v: 0.625rem;
  --navigation-item-back-padding-h: 0;
  width: 100%;
  position: var(--_navigation-block-position);
  top: var(--_navigation-block-offset);
}
.sit-navigation--percorso:where(:not(.is-open)) {
  --navigation-toggle-box-shadow: 0px 29px 11px rgba(0, 0, 0, 0.01), 0px 16px 10px rgba(0, 0, 0, 0.03),
      0px 7px 7px rgba(0, 0, 0, 0.05), 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 0px 0px rgba(0, 0, 0, 0.06);
}
.sit-navigation--percorso .sit-navigation__toggle-label-title {
  color: var(--custom-theme-color-text);
}
.sit-navigation--percorso .sit-navigation__toggle {
  position: relative;
  z-index: var(--navigation-toggle-z-index);
  text-align: left;
  --navigation-toggle-background: var(--custom-theme-color-bg-white);
  --navigation-toggle-background-focus: var(--custom-theme-color-bg-darker);
  --navigation-toggle-color-focus: var(--navigation-toggle-color);
}
.sit-navigation--percorso:where(.is-open) .sit-navigation__toggle {
  --navigation-toggle-background: var(--custom-theme-color-bg-darker);
}
.has-map-expanded .sit-navigation--percorso {
  /* manage z-index when immersive map is expanded */
  --navigation-z-index: -1;
}

/* Navigation percorso - minisito */
.sit-navigation--percorso-inline .sit-navigation__wrapper {
  min-width: 0;
}
.sit-navigation--percorso-inline .sit-navigation__list {
  --navigation-list-font-family: var(--custom-theme-font-family-sans-serif);
}
.sit-navigation--percorso-inline :where(.sit-navigation__list) .sit-navigation__item {
  display: flex;
  align-items: center;
}
.sit-navigation--percorso-inline .sit-navigation__label {
  display: var(--_navigation-label-display);
  flex: 1;
  font-size: clamp(1.75rem, 1.75rem + (1vw - 0.2rem) * 0.5, 2.25rem);
  line-height: 1.2;
  font-weight: 700;
  font-family: "Ogg", serif;
}
.sit-navigation--percorso-inline .sit-navigation__item:where(:not(.is-open)) .sit-navigation__submenu {
  display: none;
}
.sit-navigation--percorso-inline .sit-navigation__item:where(.is-open) > .sit-navigation__item-label .sit-navigation__submenu-toggle > .sit-navigation__submenu-toggle-icon,
.sit-navigation--percorso-inline .sit-navigation__item:where(.is-open) > .sit-navigation__submenu-toggle > .sit-navigation__submenu-toggle-icon {
  transform: rotate(-180deg);
}
.sit-navigation--percorso-inline .sit-navigation__submenu-toggle-arrow {
  margin-left: auto;
}
.sit-navigation--percorso-inline :where(.sit-navigation__item-has-submenu) .sit-navigation__item-label {
  display: flex;
  align-items: center;
  flex: 1;
}
.sit-navigation--percorso-inline .is-active {
  --navigation-item-color: var(--navigation-dynamic-color-shade);
}
.sit-navigation--percorso-inline .is-active > .sit-navigation__item-link,
.sit-navigation--percorso-inline .is-active > .sit-navigation__item-label .sit-navigation__item-link {
  text-decoration: underline;
  text-underline-offset: 0.5em;
  text-decoration-thickness: 2px;
}
.sit-navigation--percorso-inline .sit-navigation__submenu {
  z-index: 1001;
}

/* ------------------------------------ *\
  #NAVIGATION-TOGGLE
\* ------------------------------------ */
.sit-navigation__toggle {
  --_navigation-toggle-border-radius-l-t: var(--navigation-toggle-border-radius-l-t, 0);
  --_navigation-toggle-border-radius-l-b: var(--navigation-toggle-border-radius-l-b, 0);
  --_navigation-toggle-border-radius-r-t: var(--navigation-toggle-border-radius-r-t, 0);
  --_navigation-toggle-border-radius-r-b: var(--navigation-toggle-border-radius-r-b, 0);
  --navigation-toggle-size: 1em;
  display: flex;
  align-items: center;
  gap: 0.5em;
  width: var(--_navigation-toggle-width);
  height: var(--_navigation-toggle-height);
  padding: var(--navigation-toggle-padding-v) var(--navigation-toggle-padding-h);
  border-radius: var(--_navigation-toggle-border-radius-l-t) var(--_navigation-toggle-border-radius-r-t) var(--_navigation-toggle-border-radius-r-b) var(--_navigation-toggle-border-radius-l-b);
  transition: all 0.3s ease;
  background-color: var(--navigation-toggle-background);
  box-shadow: var(--navigation-toggle-box-shadow);
  color: var(--navigation-toggle-color);
}
.sit-navigation__toggle:hover {
  background-color: var(--navigation-toggle-background-focus);
  color: var(--navigation-toggle-color-focus);
}
.sit-navigation__toggle [class^=fa],
.sit-navigation__toggle [class*=fa-] {
  width: var(--navigation-toggle-size);
  flex: 0 0 var(--navigation-toggle-size);
  font-size: var(--navigation-toggle-size);
  transition: all 0.3s ease;
}
.sit-header__right .sit-navigation__toggle {
  --navigation-toggle-border-radius-l-t: calc(var(--_navigation-toggle-height) * 0.5);
  --navigation-toggle-border-radius-l-b: calc(var(--_navigation-toggle-height) * 0.5);
}
.sit-header__left .sit-navigation__toggle {
  --navigation-toggle-border-radius-r-t: calc(var(--_navigation-toggle-height) * 0.5);
  --navigation-toggle-border-radius-r-b: calc(var(--_navigation-toggle-height) * 0.5);
}
.sit-navigation:where([style*="visibility: hidden"]) .sit-navigation__toggle {
  --navigation-toggle-height: 0 !important;
}
.sit-navigation__toggle-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
}
.sit-navigation .is-hidden {
  display: none;
}

/* ------------------------------------ *\
  #MOBILE-OVERLAY
\* ------------------------------------ */
.sit-main-menu-mobile-overlay {
  --mobile-overlay-display: initial;
  --mobile-overlay-top-offset: calc(var(--theme-admin-bar-height) + var(--custom-header-height));
  --mobile-overlay-background: rgba(0, 0, 0, 0.35);
  display: var(--mobile-overlay-display);
  top: var(--mobile-overlay-top-offset);
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--mobile-overlay-background);
  transition: all 0.35s ease;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  z-index: -1;
}
.sit-main-menu-mobile-overlay.is-visible {
  visibility: visible;
  opacity: 1;
  overflow: visible;
  position: fixed;
  z-index: var(--navigation-overlay-z-index);
  position: fixed;
}

/* ------------------------------------ *\
  #LINKS-AREA
\* ------------------------------------ */
.sit-navigation__links-area {
  --links-area-display: flex;
  --links-area-justify-content: space-between;
  display: flex;
  justify-content: var(--links-area-justify-content);
  padding: var(--navigation-sections-padding-v) var(--navigation-sections-padding-h);
  position: relative;
}
.sit-navigation__links-area::before {
  content: "";
  position: absolute;
  z-index: -1;
  /* top: 100%; */
  bottom: 100%;
  width: 100%;
  height: 1em;
  left: 0;
  right: 0;
  background: radial-gradient(ellipse at 50% 100%, rgba(204, 196, 181, 0.4) 0%, rgba(204, 196, 181, 0) 75%);
}

/* User tools - login */
.sit-user-tools {
  --user-tools-font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
}
.sit-user-tools__link {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  font-size: var(--user-tools-font-size);
}

/* ------------------------------------ *\
  #BACK-TO
\* ------------------------------------ */
/* back to main portal link */
.sit-navigation__item-back-to {
  margin-right: calc(var(--navigation-sections-padding-h) * -1);
  margin-bottom: calc(var(--navigation-sections-padding-v) * -1);
  margin-left: calc(var(--navigation-sections-padding-h) * -1);
  padding: var(--navigation-item-back-padding-v) var(--navigation-item-back-padding-h);
  background-color: var(--custom-theme-color-bg-white);
}
.sit-navigation__item-back-to a {
  display: flex;
  align-items: center;
  justify-content: var(--_navigation-item-back-justify-content);
  gap: var(--_navigation-item-back-gap);
}
.sit-navigation__item-navigate {
  padding: var(--navigation-item-back-padding-v) var(--navigation-item-back-padding-h);
}
.sit-navigation__item-navigate a {
  display: flex;
  align-items: center;
  justify-content: var(--_navigation-item-back-justify-content);
  gap: var(--_navigation-item-back-gap);
}

/* ------------------------------------ *\
  #NAVIGATION-LINK-CARD-PERCORSO
\* ------------------------------------ */
/* Card-like link for PERCORSO - timeline and luoghi */
.sit-navigation__item-card-percorso {
  display: grid;
  grid-template-areas: "card";
  filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, 0.05));
}
.sit-navigation__item-card-percorso-text {
  display: grid;
  gap: 0.33em;
  padding: 0.625rem;
  z-index: 1;
  align-content: start;
  background: linear-gradient(180deg, var(--custom-theme-color-bg-white) 50%, transparent);
}
.sit-navigation__item-card-percorso-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.sit-navigation__item-card-percorso-text, .sit-navigation__item-card-percorso-image {
  grid-area: card;
}
.sit-navigation__item-card-percorso-label {
  font-size: clamp(1.188rem, 1.125rem + (1vw - 0.48rem) * 0.3472, 1.375rem);
}
.sit-navigation__item-card-percorso-description {
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
  font-family: var(--custom-theme-font-family-sans-serif);
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
\* ------------------------------------ */
@media (hover: none) and (pointer: coarse) {
  /* Increase touch area */
  .sit-navigation {
    --navigation-item-link-padding: 0.25em 0;
  }
  .sit-navigation--percorso-inline {
    --navigation-item-link-padding: 0.75em 1em;
  }
}
@media all and (max-width: 1024px) {
  .sit-navigation {
    --navigation-position: absolute;
  }
  .sit-navigation--percorso .sit-navigation__toggle {
    border-top: 1px solid var(--custom-theme-color-border-light-gray);
  }
  .sit-navigation--percorso.is-open {
    z-index: 1002;
  }
  .sit-navigation--percorso-inline {
    flex-flow: column nowrap;
    align-items: start;
  }
  .sit-main-menu-mobile-overlay.is-visible {
    --mobile-overlay-display: none;
  }
}
/* Managing sticky header for accessibility: disabling on page zoom and orientation landscape */
@media all and (max-width: 1024px) and (min-height: 480px) {
  .sit-navigation {
    --navigation-position: fixed;
  }
  .sit-navigation--percorso {
    transition: all;
    --navigation-toggle-width: 100%;
    --navigation-wrapper-top-offset: calc(
        var(--_navigation-toggle-height) + calc(var(--theme-admin-bar-height) + var(--custom-header-height) + var(--custom-links-container-height))
    );
  }
  .sit-navigation--percorso .sit-navigation__toggle {
    z-index: unset;
  }
  .sit-navigation--percorso.is-open {
    z-index: calc(var(--navigation-overlay-z-index) + 1);
  }
  .sit-navigation--percorso.is-open .sit-navigation__toggle {
    z-index: calc(var(--navigation-overlay-z-index) + 1);
  }
  .is-scrolled .sit-navigation--percorso {
    --navigation-block-position: fixed;
    animation: toggle-sticky-menu 0.3s ease-in-out;
    z-index: calc(var(--navigation-z-index) - 10);
    --navigation-wrapper-top-offset: calc(
        var(--_navigation-toggle-height) + calc(var(--theme-admin-bar-height) + var(--custom-header-height))
    );
  }
  .is-scrolled .sit-navigation--percorso .sit-navigation__toggle {
    z-index: var(--navigation-z-index);
  }
  .sit-main-menu-mobile-overlay.is-visible {
    --mobile-overlay-display: initial;
  }
  .is-scrolled .sit-hero--is-fullheight {
    margin-top: var(--custom-percorso-navigation-height, 0px);
  }
}
@media (min-device-width: 576px) and (max-device-width: 1024px) and (orientation: landscape) {
  .sit-navigation {
    --navigation-position: absolute;
  }
  .sit-navigation--percorso {
    --navigation-toggle-width: auto;
    --navigation-block-position: static;
  }
  .sit-main-menu-mobile-overlay.is-visible {
    --mobile-overlay-display: none;
  }
}
@media all and (max-width: 767px) {
  .sit-navigation {
    --navigation-item-link-padding: 0.5em 0;
  }
  .sit-navigation--main .sit-navigation__toggle-label {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
    opacity: 0;
  }
  .sit-navigation--ecosystem, .sit-navigation--percorso-immersivo {
    --navigation-wrapper-bottom-offset: 0;
  }
  .sit-navigation--ecosystem .sit-navigation__wrapper, .sit-navigation--percorso-immersivo .sit-navigation__wrapper {
    max-height: 75vh;
  }
  .sit-navigation--percorso-inline {
    --navigation-sections-padding-v: 0;
    --navigation-sections-padding-h: 0;
    --navigation-list-gap: 0;
    --navigation-item-link-padding: 0.5em;
  }
  .sit-navigation--percorso-inline .sit-navigation__label {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
    opacity: 0;
  }
  .sit-navigation--percorso-inline .sit-navigation__item {
    border-top: 1px solid var(--custom-theme-color-border-light);
    flex-wrap: wrap;
  }
  .sit-navigation--percorso-inline .sit-navigation__item-link:where(:not(.sit-btn):not(.btn)) {
    display: flex;
    align-items: baseline;
    flex: 1;
  }
  .sit-navigation--percorso-inline .sit-navigation__item-icon {
    margin-left: auto;
  }
  .sit-navigation--percorso-inline .sit-navigation__submenu {
    width: 100%;
  }
  .sit-navigation--percorso-inline :where(.sit-navigation__item-has-submenu) > .sit-navigation__item-label .sit-navigation__item-icon {
    display: none;
  }
  .sit-navigation--percorso-inline .sit-navigation__submenu-toggle:where(.sit-btn, .btn) {
    flex: 0 0 auto;
  }
  .sit-navigation--percorso-inline .sit-navigation__item-show-more > .sit-navigation__submenu {
    padding: 0;
  }
}
@media all and (max-width: 374px) {
  .sit-navigation {
    --navigation-toggle-padding-h: 0.3125rem;
  }
}
@media all and (min-width: 768px) {
  .sit-navigation {
    --navigation-toggle-padding-h: 1.5em;
    --navigation-item-back-justify-content: space-between;
    --navigation-item-back-gap: 1em;
    --navigation-item-back-padding-v: 1.2em;
  }
  .sit-navigation--main {
    --navigation-wrapper-width: 330px;
  }
  .sit-navigation--ecosystem {
    --navigation-sections-padding-v: 2.1875rem;
    --item-label-margin-bottom: 1.5em;
  }
  .sit-navigation--ecosystem .sit-navigation__list {
    --navigation-list-gap: 1.2em;
    --navigation-list-columns: repeat(2, 1fr);
  }
  .sit-navigation__item-back-to {
    grid-column: -3/-1;
  }
  .sit-navigation__item-navigate {
    grid-column: -3/-1;
  }
  .sit-navigation--percorso {
    --navigation-sections-padding-h: 1.875rem;
  }
  .sit-navigation--percorso-immersivo {
    --navigation-item-back-padding-v: 0.9375rem;
    --navigation-position: fixed;
    --navigation-wrapper-top-offset: calc(var(--custom-header-height) + var(--custom-percorso-navigation-height));
    --navigation-wrapper-bottom-offset: 0;
  }
  .sit-navigation--percorso-immersivo .sit-navigation__list {
    --navigation-list-gap: 1.2em;
    --navigation-list-columns: 1fr 2fr;
    align-items: start;
  }
  .sit-navigation--percorso-immersivo .sit-navigation__submenu {
    grid-template-columns: repeat(2, 1fr);
  }
  .sit-navigation--percorso-immersivo.has-cards-only .sit-navigation__item-has-submenu {
    width: 100%;
    flex: 0 1 100%;
    overflow-y: auto;
  }
  .sit-navigation--percorso-immersivo.has-cards-only .sit-navigation__item-navigate {
    width: 100%;
  }
  .sit-navigation--percorso-immersivo.has-cards-only .sit-navigation__list {
    --navigation-list-columns: 1fr;
    display: flex;
    height: 100%;
    flex-flow: column;
    column-gap: 0;
    row-gap: var(--_navigation-list-gap);
  }
  .sit-navigation--percorso-immersivo.has-cards-only .sit-navigation__submenu {
    padding: 0;
  }
  .sit-navigation--percorso-inline {
    --navigation-position: static;
    --navigation-block-position: static;
    --navigation-wrapper-display: flex;
    --navigation-padding-v: 1.5em;
    --navigation-padding-h: 1em;
    --navigation-sections-padding-v: 0;
    --navigation-sections-padding-h: 0;
    --navigation-inline-background: var(--custom-theme-color-bg-white);
    --navigation-wrapper-background-color: var(--navigation-inline-background);
    display: flex;
    justify-content: space-between;
    gap: 2em;
    padding: var(--navigation-padding-v) var(--navigation-padding-h);
    background-color: var(--navigation-inline-background);
    border-top: 1px solid var(--custom-theme-color-border-light-gray);
  }
  .sit-navigation--percorso-inline .sit-navigation__toggle {
    display: none;
  }
  .sit-navigation--percorso-inline .sit-navigation__wrapper {
    flex: 1;
    align-items: end;
    visibility: visible;
    transform: none;
    z-index: initial;
    overflow: visible;
    box-shadow: none;
  }
  .sit-navigation--percorso-inline .sit-navigation__label {
    min-width: 0;
    flex: 0 1 auto;
  }
  .sit-navigation--percorso-inline .sit-navigation__submenu {
    background-color: var(--navigation-inline-background);
  }
  .sit-navigation--percorso-inline :where(.sit-navigation__submenu) {
    display: grid;
    gap: 0.33em;
  }
  .sit-navigation--percorso-inline :where(.sit-navigation__submenu) .sit-navigation__item-link {
    display: block;
    padding: 0.33em 0;
  }
  .sit-navigation--percorso-inline .sit-navigation__item-has-submenu {
    position: relative;
  }
  .sit-navigation--percorso-inline .sit-navigation__list {
    --navigation-list-item-background-color: var(--navigation-inline-background);
    display: flex;
    column-gap: 2em;
    flex-wrap: wrap;
  }
  .sit-navigation--percorso-inline .sit-navigation__item-icon {
    display: none;
  }
  .sit-navigation__list-multilevel .sit-navigation__submenu .sit-navigation__submenu-toggle.sit-navigation__item-link {
    display: flex;
    padding-right: 0.6em;
    flex: 1;
    justify-content: space-between;
  }
  .sit-navigation__list-multilevel > .sit-navigation__item-has-submenu > .sit-navigation__submenu > .sit-navigation__item {
    padding: 0.3em 0.66em;
  }
  .sit-navigation__list-multilevel > .sit-navigation__item-has-submenu > .sit-navigation__submenu > .sit-navigation__item + .sit-navigation__item {
    border-top: 1px solid var(--custom-theme-color-border-light-gray);
  }
  .sit-navigation__list-multilevel .sit-navigation__submenu .sit-navigation__item-has-submenu {
    flex-wrap: wrap;
  }
  .sit-navigation__list-multilevel .sit-navigation__submenu .sit-navigation__submenu {
    width: 100%;
  }
  .sit-navigation__list-multilevel > .sit-navigation__item > .sit-navigation__submenu {
    width: clamp(200px, 10%, 300px);
    padding: 0;
    gap: 0;
    position: absolute;
    top: calc(100% + var(--navigation-padding-h));
    right: 0;
    box-shadow: var(--navigation-wrapper-box-shadow);
  }
  .sit-main-menu-mobile-overlay:where(:not([id=percorsoMenuOverlay])) {
    --mobile-overlay-display: none;
  }
}
@media all and (min-width: 1024px) {
  .sit-navigation:where(:not(.sit-navigation--percorso-inline)) {
    --navigation-position: absolute;
  }
  .sit-navigation--percorso {
    --navigation-block-position: fixed;
  }
  .sit-navigation--percorso-inline {
    --navigation-position: static;
    --navigation-block-position: static;
    align-items: center;
    flex-flow: row wrap;
  }
  .sit-navigation--percorso-inline .sit-navigation__label {
    flex: 1 0 fit-content;
  }
  .sit-navigation--percorso-inline .sit-navigation__label,
  .sit-navigation--percorso-inline .sit-navigation__wrapper {
    width: 90%;
    max-width: 1226px;
    margin-right: auto;
    margin-left: auto;
  }
  .sit-navigation--percorso-inline .sit-navigation__wrapper {
    flex: 1 0 max-content;
    justify-content: start;
    flex-flow: row wrap;
  }
  .sit-navigation--percorso-inline .sit-navigation__list {
    --navigation-list-font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
    justify-content: center;
  }
  .sit-navigation--percorso-immersivo {
    --navigation-block-offset: calc(var(--custom-header-height) + var(--theme-admin-bar-height) + var(--custom-links-container-height) + 1.25rem);
    --navigation-block-position: absolute;
    --navigation-wrapper-top-offset: unset;
    --navigation-wrapper-right-offset: 0;
    --navigation-wrapper-left-offset: 0;
    --navigation-wrapper-width: 100vw;
    --navigation-position: fixed;
    --navigation-wrapper-panel-height: calc(100vh - (var(--navigation-block-offset) + var(--custom-percorso-navigation-height)));
  }
  .sit-navigation--percorso-immersivo.has-cards-only .sit-navigation__submenu.sit-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (min-width: 1226px) {
  .sit-navigation--percorso-immersivo.has-cards-only .sit-navigation__submenu.sit-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
/**
 * CUSTOM-NOUI-SLIDER
 *
 * System custom styles for js component 
*/
/* ------------------------------------ *\
  #CUSTOM-NOUI-SLIDER
\* ------------------------------------ */
.sit-range-slider {
  --periodSlider-height: 6px;
  height: var(--periodSlider-height);
}
.sit-range-slider.noUi-target {
  box-shadow: none;
  background-color: var(--custom-theme-color-bg-darkest);
  border: none;
}
.sit-range-slider .noUi-connect {
  background: var(--custom-theme-color-bg-extra-dark);
}
.sit-range-slider .noUi-handle {
  --slider-handle-size: 24px;
  height: var(--slider-handle-size);
  width: var(--slider-handle-size);
  top: calc(var(--slider-handle-size) * -0.5 - var(--periodSlider-height) * -0.5);
  right: calc(var(--slider-handle-size) * -0.5);
  border-radius: 50%;
  border-width: 2px;
  border-color: var(--custom-theme-color-bg-extra-dark);
  box-shadow: none;
}
.sit-range-slider .noUi-handle::before, .sit-range-slider .noUi-handle::after {
  display: none;
}
.sit-range-slider .noUi-tooltip {
  bottom: -150%;
  background: transparent;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
/** PAGINATION
*
* Customization for drupal VIEWS PAGINATION
*
*/
/* ------------------------------------ *\
 #PAGINATION
\* ------------------------------------ */
.sit-pagination {
  --_pagination-h-spacing: var(--pagination-h-spacing, 1.5625rem);
  --_pagination-item-size: var(--pagination-item-size, 3em);
  --_pagination-item-font-size: var(--pagination-item-font-size, 0.875rem);
  padding: var(--_pagination-h-spacing) 0;
}
.sit-pagination__items {
  display: flex;
  justify-content: flex-start;
  gap: 0.5em;
}
.sit-pagination__item {
  --_pagination-item-color: var(--pagination-item-color, var(--custom-theme-color-text-light));
  display: inline-block;
  font-size: var(--_pagination-item-font-size);
  color: var(--_pagination-item-color);
}
.sit-pagination__item.is-active {
  --pagination-item-color: var(--custom-theme-color-text-inverse);
}
.sit-pagination__item-value {
  --_pagination-item-border-color: var(--pagination-item-border-color, var(--custom-theme-color-border-light));
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--_pagination-item-size);
  height: var(--_pagination-item-size);
  border-radius: 2em;
  border: 1px solid var(--_pagination-item-border-color);
  color: inherit;
}
.is-active .sit-pagination__item-value {
  --pagination-item-border-color: var(--custom-theme-color-bg-extra-dark);
  background-color: var(--custom-theme-color-bg-extra-dark);
}
.sit-pagination__item-value:hover {
  text-decoration: none;
  --pagination-item-border-color: var(--custom-theme-color-bg-extra-dark);
  background-color: var(--custom-theme-color-bg-extra-dark);
  color: var(--custom-theme-color-text-inverse);
}
.sit-pagination__item-first .sit-pagination__item-value, .sit-pagination__item-last .sit-pagination__item-value {
  padding: 0 0.66em;
}

/* ------------------------------------ *\
 #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * SLIDER
 *
 * Style for slider component
 * Configurations and overrides
*/
/* ------------------------------------ *\
  #SLIDER
\* ------------------------------------ */
.sit-slider {
  --_slider-bottom-dots-offset: calc((var(--_slider-dots-padding-v) * 2) + var(--_slider-button-dot-size));
  --_slider-button-size: var(--slider-button-size, 2.5em);
  /* Dots navigation */
  --_slider-dots-padding-v: var(--slider-dots-padding-v, 1.25rem);
  --_slider-dot-display: var(--slider-dot-display, flex);
  --_slider-button-dot-display: var(--slider-button-dot-display, flex);
  --_slider-button-dot-size: var(--slider-button-dot-size, 40px);
  --_slider-button-dot-border-radius: var(--slider-button-dot-border-radius, 0);
  --_slider-button-dot-border-width: var(--slider-button-dot-border-width, 0);
  --_slider-button-dot-background: var(--slider-button-dot-background, transparent);
  --_slider-button-dot-text-color: var(--slider-button-dot-text-color, transparent);
  --_slider-arrow-nav-top-position: var(--slider-arrow-nav-top-position, 0);
  /* Arrows managing */
  --_slider-arrow-top-position: var(--slider-arrow-top-position, 50%);
  --_slider-arrow-bottom-position: var(--slider-arrow-bottom-position, unset);
  --_slider-arrow-prev-position: var(--slider-arrow-prev-position, 1.25rem);
  --_slider-arrow-next-position: var(--slider-arrow-next-position, 0px);
  --_slider-arrow-next-left-position: var(--slider-arrow-next-left-position, unset);
  --_slider-arrow-border-radius: var(--slider-arrow-border-radius, 50%);
  --_slider-arrow-border-width: var(--slider-arrow-border-width, 2px);
  --_slider-arrow-color: var(--slider-arrow-color, var(--custom-theme-color-text));
  --_slider-arrow-border-color: var(--slider-arrow-border-color, var(--_slider-arrow-color));
  --_slider-arrow-background: var(--slider-arrow-background, transparent);
  --_slider-arrow-size: var(--slider-arrow-size, calc(2.5em - (var(--_slider-arrow-border-width) * 2)));
  --_slider-arrow-inner-size: var(--slider-arrow-inner-size, var(--_slider-arrow-size));
  --_slider-arrow-font-size: var(--slider-arrow-font-size, 1rem);
  --_slider-arrow-border-color-hover: var(--slider-arrow-border-color-hover, var(--custom-theme-color-text-hover));
  --_slider-arrow-color-hover: var(--slider-arrow-color-hover, var(--custom-theme-color-text-hover));
}
.sit-slider.slick-dotted {
  margin-bottom: 0;
}
.sit-slider .slick-dots {
  /* OVVERRIDE DOTS NAVIGATION STYLES */
  display: flex;
  gap: 0.9375rem;
  margin-top: calc(var(--_slider-bottom-dots-offset) * -1);
  padding: var(--_slider-dots-padding-v) 0;
  bottom: 0;
  position: relative;
}
.sit-slider .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}
.sit-slider .slick-dots li button {
  --_slider-button-dot-border-color: var(--slider-button-dot-border-color, transparent);
  display: var(--_slider-button-dot-display);
  width: var(--_slider-button-dot-size);
  height: var(--_slider-button-dot-size);
  border-radius: var(--_slider-button-dot-border-radius);
  border: var(--_slider-button-dot-border-width) solid var(--_slider-button-dot-border-color);
  justify-content: center;
  align-items: center;
  background-color: var(--_slider-button-dot-background);
  color: var(--_slider-button-dot-text-color);
}
.sit-slider .slick-dots li button::before {
  display: var(--_slider-dot-display);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid hsl(0, 0%, 100%);
  font-size: 20px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.8;
}
.sit-slider .slick-dots li button:hover::before {
  opacity: 1;
}
.sit-slider .slick-dots li button:focus {
  outline: 3px solid var(--system-focus-outline-color);
}
.sit-slider .slick-dots li button:focus:not(:focus-visible) {
  outline: none;
}
.sit-slider .slick-dots li button:focus-visible {
  outline: 3px solid var(--system-focus-outline-color);
}
.sit-slider .slick-dots .slick-active button::before {
  background-color: hsl(0, 0%, 100%);
  font-size: 6px;
  color: hsl(358, 100%, 48%);
  border-color: hsl(358, 100%, 48%);
}
.sit-slider .slick__arrow {
  top: var(--_slider-arrow-nav-top-position);
  transform: none;
}
.sit-slider .slick-arrow {
  width: var(--_slider-arrow-size);
  height: var(--_slider-arrow-size);
  padding: 0;
  border-radius: var(--_slider-arrow-border-radius);
  border: var(--_slider-arrow-border-width) solid var(--_slider-arrow-border-color);
  background-color: var(--_slider-arrow-background);
  overflow: hidden;
  top: var(--_slider-arrow-top-position);
  bottom: var(--_slider-arrow-bottom-position);
  color: transparent;
  font-size: var(--_slider-arrow-font-size);
}
.sit-slider .slick-arrow:not(.slick-disabled)::before {
  opacity: 1;
}
.sit-slider .slick-arrow::before {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: var(--_slider-arrow-color);
  font-size: var(--_slider-arrow-font-size);
}
.sit-slider .slick-arrow.slick-disabled::before {
  opacity: 1;
}
.sit-slider .slick-arrow:focus {
  outline: 3px solid var(--system-focus-outline-color);
}
.sit-slider .slick-arrow:focus:not(:focus-visible) {
  outline: none;
}
.sit-slider .slick-arrow:focus-visible {
  outline: 3px solid var(--system-focus-outline-color);
}
.sit-slider .slick-arrow:focus, .sit-slider .slick-arrow:hover {
  border-color: var(--_slider-arrow-border-color-hover);
}
.sit-slider .slick-arrow:focus::before, .sit-slider .slick-arrow:hover::before {
  color: var(--_slider-arrow-color-hover);
}
.sit-slider .slick-prev {
  left: var(--_slider-arrow-prev-position);
}
.sit-slider .slick-prev::before {
  content: "\f060";
  font-family: "Font Awesome 6 Pro" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sit-slider .slick-next {
  right: var(--_slider-arrow-next-position);
  left: var(--_slider-arrow-next-left-position);
}
.sit-slider .slick-next::before {
  content: "\f061";
  font-family: "Font Awesome 6 Pro" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sit-slider .slick-disabled {
  opacity: 0.66;
}

/* ------------------------------------ *\
    #SLIDER-MULTIPLE-SLIDES
\* ------------------------------------ */
/* GENERAL SLICK SETTINGS FOR EQUAL HEIGHT SLIDES */
.slick .slick-track {
  display: flex !important;
}
.slick .slick-slide {
  height: inherit !important;
}
.slick .slick-slide > * {
  height: 100%;
}
.slick.slick--less .slick-slide {
  text-align: initial;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* ------------------------------------ *\
    #SLIDER-CONTENT
\* ------------------------------------ */
/* for DZi sliders */
.sit-slider--content {
  --slider-padding-bottom: 0;
  padding-bottom: var(--slider-padding-bottom);
}
.sit-slider--content .slick-dots {
  display: inline-flex;
  width: calc(100% - (var(--slider-arrow-next-left-position) + var(--slider-arrow-prev-position) + 1.875rem));
  margin-top: 0;
  padding: var(--_slider-dots-padding-v);
  top: unset;
  bottom: calc(var(--slider-padding-bottom) * -1);
  left: calc(var(--slider-arrow-next-left-position) + var(--slider-arrow-prev-position) + 1.875rem);
  flex-wrap: wrap;
}
.sit-slider--content .slick-arrow {
  top: unset;
}
.sit-hero .sit-slider--content .slick-dots {
  bottom: 0;
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
  \* ------------------------------------ */
@media all and (min-width: 768px) {
  .sit-hero .sit-slider--content .slick-arrow {
    bottom: 0;
  }
}
/**
 * SLIDER-MAIN
 *
 * Main slider component
 * Configurations and overrides
*/
/* ------------------------------------ *\
    #SLIDER-MULTIPLE-SLIDES
  \* ------------------------------------ */
/* GENERAL SLICK SETTINGS FOR EQUAL HEIGHT SLIDES */
.slick .slick-track {
  display: flex !important;
}
.slick .slick-slide {
  height: inherit !important;
}
.slick .slick-slide > * {
  height: 100%;
}
.slick.slick--less .slick-slide {
  text-align: initial;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* ------------------------------------ *\
    #SLIDER-CARDS
\* ------------------------------------ */
.sit-slider--cards {
  --accessible-hidden-text-focusable-bg: var(--custom-theme-color-bg-white);
  --accessible-hidden-text-focusable-color: var(--custom-theme-color-text);
  /* position calculated with views header and content padding and margin - in layouts/views */
  --slider-arrow-prev-position: var(--_view-content-padding-h);
  --slider-arrow-next-margin-left: calc(var(--_slider-arrow-size) + 0.625rem + var(--_view-content-padding-h));
  --_slider-track-gap: var(--slider-track-gap, 0.9375rem);
  --_slider-single-slide-grid-col: var(--slider-single-slide-grid-col, 1);
  --_slider-top-spacing: var(--slider-top-spacing, 0.9375rem);
  padding-top: calc(var(--_slider-arrow-size) + var(--_slider-top-spacing));
}
.sit-slider--cards .slick-track {
  display: flex;
  gap: var(--_slider-track-gap);
}
.sit-slider--cards .slick-arrow {
  top: var(--_slider-top-spacing);
  bottom: calc(var(--_slider-arrow-size) / 2 * -1);
}
.sit-slider--cards .slick-next {
  right: auto;
  left: calc(var(--_slider-arrow-size) + 0.625rem + var(--_slider-arrow-prev-position));
}
.sit-slider--cards .slick-slide > * {
  display: flex;
  gap: var(--_slider-track-gap);
}
.sit-slider--cards .slick__slide > * {
  height: 100%; /* adjust teaser/card height */
}
.sit-slider--cards.has-bg-image {
  /* homepage slider view */
  --slider-track-gap: 0;
}
.sit-slider--cards.has-bg-image .slick__slide {
  padding: 0.625rem;
}
.sit-slider--cards.has-bg-image .sit-card {
  --card-box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
}
.sit-slider--card-carousel-simple {
  --_view-content-padding-h: var(--view-content-padding-h, 1.25rem);
  --_view-header-padding-b: 0;
  --_block-content-padding-b: var(--block-content-padding-b, var(--_slider-arrow-size));
  --slider-arrow-color: var(--custom-theme-color-text-light);
  --slider-arrow-border-color: var(--custom-theme-color-text-light);
  --slider-arrow-nav-top-position: unset;
  --_slider-arrow-nav-bottom-position: 0;
}
.sit-slider--card-carousel-simple .slick {
  padding-bottom: var(--_block-content-padding-b);
}
.sit-slider--card-carousel-simple .slick--less {
  --block-content-padding-b: 0;
  display: grid;
  grid-template-columns: repeat(var(--_slider-single-slide-grid-col), 1fr);
}
.sit-slider--card-carousel-simple .slick__arrow {
  bottom: var(--_slider-arrow-nav-bottom-position);
}

/* FULLBLEED RIGHT SIDE - MANAGE SPACING AND ALIGNMENT */
.sit-slider-fullbleed-right-side-container .slick-slider .slick-track {
  margin-left: 0; /* manage left spacing when elements are less than 4 */
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
  \* ------------------------------------ */
/* Media query targetting touch devices - smartphones, touchscreens */
@media all and (min-width: 768px) {
  .sit-slider--card-carousel-3-col, .sit-slider--card-carousel-4-col {
    --slider-single-slide-grid-col: 2;
  }
  /* Manage slide right side fullbleed */
  .sit-slider-fullbleed-right-side-container {
    display: grid;
    grid-template-columns: 1fr minmax(768px, 1226px) 1fr;
    grid-template-areas: "margin content content";
  }
  .sit-slider-fullbleed-right-side-container .slick-slider.sit-slider {
    grid-area: content;
  }
}
@media all and (min-width: 1226px) {
  .sit-slider--card-carousel-3-col {
    --slider-single-slide-grid-col: 3;
  }
  .sit-slider--card-carousel-4-col {
    --slider-single-slide-grid-col: 4;
  }
}
@media all and (min-width: 1226px) {
  .sit-slider-fullbleed-right-side-container .slick-slider.sit-slider {
    margin-left: calc(var(--_slider-slide-gap) * -1); /* compensate left flex gap */
  }
}
/**
 * SIDEBAR
 *
 * Styles and settings for sidebar element
 * Also sidebar menu
 * sit-sidebar
 * style for dialog-like sidebar mobile
 * 
*/
/* ------------------------------------ *\
    #CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-sidebar {
  --sidebar-mobile-top-offset: calc(var(--theme-admin-bar-height) + var(--custom-header-height));
  --sidebar-mobile-z-index: 1020;
  --sidebar-mobile-box-shadow: 0 8px 18px 0px rgba(0, 0, 0, 0.2);
}

/* ------------------------------------ *\
    #SIDEBAR-MENU
\* ------------------------------------ */
.sit-sidebar-navigation__menu a {
  display: flex;
  padding: 0.5em 0;
  gap: 1em;
  align-items: baseline;
  color: inherit;
}
.sit-sidebar-navigation__menu-item {
  --menu-item-color: var(--custom-theme-color-text-light);
  color: var(--menu-item-color);
  font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
}
.sit-sidebar-navigation__menu-item.is-active {
  --menu-item-color: var(--custom-theme-color-text);
  font-weight: 700;
}
.sit-sidebar-navigation__menu-item-icon {
  font-size: 0.75em;
}
.sit-sidebar-navigation__menu-item-icon::before {
  display: inline-block;
}

/* SIDEBAR NAVIGATION FOR PERCORSO MULTIPAGE */
.sit-sidebar-navigation--multipage a {
  cursor: pointer;
}

/* ------------------------------------ *\
  #SIDEBAR MOBILE
\* ------------------------------------ */
/* SIDEBAR MOBILE - dialog-like sidebar behaviour*/
.sit-sidebar--mobile-dialog {
  --sidebar-background: hsl(0, 0%, 100%);
  --sidebar-top-offset: 0;
  --sidebar-height: calc(100vh - var(--sidebar-top-offset));
}

.sit-sidebar__scroll-content {
  display: grid;
  align-content: start;
  gap: 1.5em;
}

/* Reset button style for filters close */
.sit-filters-toggle,
.sit-filters-close {
  --button-border-top-width: 0;
  --button-border-right-width: 0;
  --button-border-left-width: 0;
  --button-border-radius: 0;
  --button-lateral-padding: 0.5em;
  --button-background-color: transparent;
  --button-border-radius: 0;
  --button-icon-color: inherit;
}

.sit-filters-toggle {
  --button-border-bottom-width: 0;
}

.sit-filters-close {
  --button-border-color: var(--custom-theme-color-border-light-gray);
  margin-bottom: 1.25rem;
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 767px) {
  .sit-sidebar-navigation__menu {
    display: flex;
    overflow-x: auto;
    gap: 1em;
    background-image: linear-gradient(to right, var(--custom-theme-color-bg-light), var(--custom-theme-color-bg-light)), linear-gradient(to right, var(--custom-theme-color-bg-light), var(--custom-theme-color-bg-light)), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 1em 100%, 1em 100%, 1em 100%, 1em 100%;
    background-attachment: local, local, scroll, scroll;
  }
  .sit-sidebar-navigation__menu-item {
    flex: 0 0 60%;
    margin: 0.66em;
    min-width: 20ch;
  }
}
@media all and (max-width: 1024px) {
  .sit-sidebar--mobile-dialog {
    --sidebar-background: var(--custom-theme-color-bg-light);
  }
  .sit-sidebar--mobile-dialog .sit-sidebar__content-wrapper {
    display: flex;
    flex-flow: column nowrap;
    padding: 1.25rem;
    position: fixed;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1031;
    background-color: var(--sidebar-background);
    opacity: 0;
    transition: all 0.3s ease;
    transform: translateY(100%);
    visibility: hidden;
  }
  .sit-sidebar--mobile-dialog .sit-sidebar__content-wrapper.is-open {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    top: 0;
  }
  .sit-sidebar--mobile-dialog .sit-sidebar__scroll-content {
    padding-top: 0.9375rem;
    flex: 1;
    overflow-y: auto;
  }
}
/* Managing sticky header for accessibility: disabling on page zoom and orientation landscape */
@media all and (max-width: 767px) and (min-height: 480px) {
  .has-sticky-mobile-sidebar {
    padding-top: calc(var(--custom-left-sidebar-height) + 2em);
    position: relative;
  }
  .has-sticky-mobile-sidebar .sit-sidebar {
    position: absolute;
    top: 0;
    right: -5%;
    left: -5%;
  }
  .sit-sidebar.is-sticky-mobile {
    position: fixed;
    top: var(--sidebar-mobile-top-offset);
    right: 0;
    left: 0;
    z-index: var(--sidebar-mobile-z-index);
    animation: toggle-sticky-menu 0.3s ease-out;
    background-color: var(--custom-theme-color-bg-white);
    box-shadow: var(--sidebar-mobile-box-shadow);
  }
}
@media (min-device-width: 576px) and (max-device-width: 767px) and (orientation: landscape) {
  .has-sticky-mobile-sidebar {
    padding-top: 0;
  }
  .has-sticky-mobile-sidebar .sit-sidebar {
    position: static;
  }
  .sit-sidebar.is-sticky-mobile {
    position: static;
  }
}
@media all and (min-width: 768px) {
  .sit-sidebar.has-horizontal-nav {
    z-index: 1;
  }
  .sit-sidebar-navigation--horizontal {
    background-color: var(--custom-theme-color-bg-light);
  }
  .sit-sidebar-navigation--horizontal .sit-sidebar-navigation__menu {
    display: flex;
    gap: 2em;
  }
}
@media all and (min-width: 1025px) {
  .sit-sidebar__title-desktop-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
    opacity: 0;
  }
}
/* ------------------------------------ *\
  #TABS
\* ------------------------------------ */
.sit-tabs {
  --_tab-border-width: var(--tab-border-width, 2px);
  --_tab-border-color: var(--tab-border-color, transparent);
  --_tab-background-color: var(--tab-background-color, transparent);
  --_tab-border-color-state: var(--tab-border-color-state, hsl(358, 100%, 48%));
  --_tab-color-state: var(--tab-color-state, hsl(358, 100%, 48%));
  --_tab-font-size: var(--tab-font-size, 1rem);
  --_tab-tablist-border-width: var(--tab-tablist-border-width, " ");
  --_tab-tablist-background-color: var(--tab-tablist-background-color, " ");
  --_tab-button-justify-content: var(--tab-button-justify-content, " ");
  --_tab-button-align-items: var(--tab-button-align-items, " ");
  --_tab-button-padding: var(--tab-button-padding, 0.8em 1em);
  --_tab-button-text-align: var(--tab-button-text-align, " ");
}
.sit-tabs__tablist {
  display: flex;
  margin-bottom: 0.625rem;
  background-color: var(--_tab-tablist-background-color);
}
.sit-tabs__tab {
  display: flex;
  justify-content: var(--_tab-button-justify-content);
  align-items: var(--_tab-button-align-items);
  padding: var(--_tab-button-padding);
  border: unset;
  border-color: var(--_tab-border-color);
  background: var(--_tab-background-color);
  font-family: var(--custom-theme-font-family-main);
  font-size: var(--_tab-font-size);
  font-weight: 500;
  text-align: var(--_tab-button-text-align);
  cursor: pointer;
}
.sit-tabs__tab:hover, .sit-tabs__tab:focus, .sit-tabs__tab[aria-selected=true] {
  color: var(--_tab-color-state);
  border-color: var(--_tab-border-color-state);
}
.sit-tabs__tabpanel.is-hidden {
  display: none;
}
.sit-tabs--horizontal {
  --tab-button-justify-content: center;
  --tab-button-text-align: center;
  --tab-button-align-items: center;
}
.sit-tabs--horizontal .sit__tabpanel-wrapper {
  /* Fix for same-height tabs */
  /* The content of each tab should start on the left,
  take the full width,
  and allow the content of the next tab to start again on the left. */
  display: flex;
  flex: 1;
}
.sit-tabs--horizontal .sit__tabpanel-wrapper .sit-tabs__tabpanel {
  width: 100%;
  margin-right: -100%; /* Take fullspace occupied by visibility: hidden tabs */
}
.sit-tabs--horizontal .sit__tabpanel-wrapper .sit-tabs__tabpanel.is-hidden {
  display: block; /* undo "display: none;" */
  visibility: hidden; /* makes the tab's container takes tallest tab height, not just of visibile one */
  opacity: 0;
}
.sit-tabs--horizontal .sit__tabpanel-wrapper .sit-tabs__tabpanel:not(.is-hidden) {
  visibility: visible;
  opacity: 1;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 767px) {
  .sit-tabs {
    --_scroll-h-gradient-background: var(--scroll-h-gradient-background, hsl(0, 0%, 100%));
    --scroll-h-gradient-size: 1em;
    --_tab-tablist-border-width: 1px;
  }
  .sit-tabs .sit-tabs__tablist {
    border-bottom: var(--_tab-tablist-border-width) solid hsl(39, 38%, 34%);
  }
  .sit-tabs .sit-tabs__tab {
    border-bottom-width: var(--_tab-border-width);
    border-bottom-style: solid;
  }
  .has-custom-gray-bg-00-background-color .sit-tabs {
    --scroll-h-gradient-background: var(--wp--preset--color--custom-gray-bg-00);
  }
  .sit-tabs__tablist {
    overflow-x: auto;
    margin-bottom: 1.875rem;
    background-image: linear-gradient(to right, var(--_scroll-h-gradient-background), var(--_scroll-h-gradient-background)), linear-gradient(to right, var(--_scroll-h-gradient-background), var(--_scroll-h-gradient-background)), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: var(--scroll-h-gradient-size) 100%, var(--scroll-h-gradient-size) 100%, var(--scroll-h-gradient-size) 100%, var(--scroll-h-gradient-size) 100%;
    background-attachment: local, local, scroll, scroll;
  }
  .sit-tabs__tab {
    white-space: nowrap;
  }
}
@media all and (min-width: 768px) {
  .sit-tabs--horizontal {
    --_tab-tablist-border-width: 1px;
  }
  .sit-tabs--horizontal .sit-tabs__tablist {
    border-bottom: var(--_tab-tablist-border-width) solid hsl(39, 38%, 34%);
  }
  .sit-tabs--horizontal .sit-tabs__tab {
    border-bottom-width: var(--_tab-border-width);
    border-bottom-style: solid;
  }
}
/**
 * TAG
 *
 * Styles and settings for tab element
 * Component used in activity ecc, category item
 * sit-tag
 * sit-tag--inverse for tag with light text
*/
/* ------------------------------------ *\
    #CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-tag {
  --_tag-v-padding: var(--tag-v-padding, 0.5em);
  --_tag-h-padding: var(--tag-h-padding, 1em);
  --_tag-background-color: var(--tag-background-color, transparent);
  --_tag-border-color: var(--tag-border-color, currentColor);
  --_tag-border-radius: var(--tag-border-radius, 1.875rem);
  --_tag-color: var(--tag-color, var(--custom-theme-color-text));
  --_tag-font-size: var(--tag-font-size, clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem));
  --_tag-line-height: var(--tag-line-height, 1);
  --_tag-color-icon: var(--tag-color-icon, var(--custom-theme-color-text-light));
  /* Selected */
  --_tag-background-color-selected: var(--tag-background-color-selected, var(--custom-theme-color-bg-black));
  --_tag-border-color-selected: var(--tag-border-color-selected, var(--custom-theme-color-border-black));
  --_tag-color-selected: var(--tag-color-selected, var(--custom-theme-color-text-inverse));
}

/* ------------------------------------ *\
    #TAG
\* ------------------------------------ */
/* Tag default */
.sit-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.33em;
  padding: var(--_tag-v-padding) var(--_tag-h-padding);
  border: 1px solid var(--_tag-border-color);
  border-radius: var(--_tag-border-radius);
  background-color: var(--_tag-background-color);
  font-weight: 600;
  font-size: var(--_tag-font-size);
  line-height: var(--_tag-line-height);
  color: var(--_tag-color);
  text-decoration: none;
}
.sit-tag:hover, .sit-tag:focus {
  text-decoration: none;
}
.sit-tag a {
  display: flex;
  color: inherit;
}
.sit-tag a:hover, .sit-tag a:focus {
  text-decoration: none;
  color: var(--_tag-color-selected);
}
.sit-tag.is-selected, .sit-tag[aria-selected=true], .sit-tag:is(button, a):hover, .sit-tag:is(button, a):focus {
  background: var(--_tag-background-color-selected);
  border-color: var(--_tag-border-color-selected);
  color: var(--_tag-color-selected);
}
.sit-tag--s {
  --tag-font-size: 0.75rem;
}
.sit-tag--l {
  --tag-font-size: 0.875rem;
}

/* Button tag */
button.sit-tag:hover, button.sit-tag:focus {
  background-color: var(--_tag-background-color);
  color: var(--custom-theme-color-link-hover);
}

/* ------------------------------------ *\
    #TAG-INVERSE
\* ------------------------------------ */
/* Tag default */
.sit-tag--inverse {
  --tag-color: var(--custom-theme-color-text-inverse);
  --tag-background-color-selected: var(--custom-theme-color-bg-white);
  --tag-border-color-selected: var(--_tag-background-color-selected);
  --tag-color-selected: var(--custom-theme-color-text-black);
}
:where(.sit-hero--has-gray-dark-bg) .sit-tag--inverse {
  --tag-color: var(--custom-theme-color-text-light);
}

/* Tag with icon */
.sit-tag__icon {
  color: var(--_tag-color-icon);
}

/* ------------------------------------ *\
  #TAG-LABEL
\* ------------------------------------ */
/* Tag label for autore */
.sit-tag--label {
  --tag-border-radius: 0 2em 2em 0;
  --tag-background-color: var(--custom-theme-color-bg-light);
  --tag-color-icon: var(--hero-dynamic-color); /* change color with dynamic color in hero */
  font-weight: 500;
  border: none;
}

/* ------------------------------------ *\
  #TAGLIST
\* ------------------------------------ */
.sit-tag-list {
  --_tag-list-gap: var(--tag-list-gap, 0.625rem);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--_tag-list-gap);
}
.sit-tag-list--links {
  --tag-list-gap: 2.5ch;
}

/* ------------------------------------ *\
  #TAG-FILTER
\* ------------------------------------ */
/* Search page tag filter */
/* Tag remove button */
.sit-tag--filter {
  --tag-remove-button-size: 1.5em;
  padding-right: calc(var(--tag-remove-button-size) + 1em);
  position: relative;
}
.sit-tag__remove-button {
  width: var(--tag-remove-button-size) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--_tag-v-padding);
  background-color: var(--_tag-background-color);
  color: var(--_tag-color);
  font-size: inherit;
  position: absolute;
  right: 0;
}
.sit-hero--has-gray-dark-bg .sit-tag__remove-button {
  --outline-offset: 0;
  --outline-color: var(--custom-theme-color-border-black);
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * VISJS TIMELINE
 *
 * Styles customization for timeline component
 *
*/
/* ------------------------------------ *\
    #CUSTOM-PROPERTIES
\* ------------------------------------ */
.sit-timeline {
  --timeline-background: var(--custom-theme-color-bg-light);
  --timeline-foreground: var(--custom-theme-color-bg-white);
  --timeline-lines-color: var(--custom-theme-color-bg-white);
  --timeline-separator-color: var(--custom-theme-color-border-light);
  --_timeline-item-border-color: var(--timeline-item-border-color, var(--custom-theme-color-border));
  --timeline-item-background: var(--custom-theme-color-bg-white);
  --timeline-line-width: 2px;
  --timeline-item-border-color-link: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  --timeline-item-border-color-link-text: var(
      --section-color-shade,
      var(--thematic-color-shade, var(--custom-theme-brand-color-shade))
  );
  --timeline-item-border-color-selected: var(--custom-theme-color-border-dark);
  --timeline-item-background-selected: var(--timeline-item-background);
}

/* ------------------------------------ *\
    #TIMELINE
\* ------------------------------------ */
.sit-timeline .vis-timeline {
  border: none;
}
.sit-timeline .vis-itemset .vis-background {
  background-image: radial-gradient(100% 25% at 50% 105%, rgba(204, 196, 181, 0.65) 0%, rgba(204, 196, 181, 0) 100%);
}
.sit-timeline .vis-time-axis {
  padding: 0 0.625rem;
}
.sit-timeline .vis-time-axis .vis-grid.vis-vertical {
  border-width: var(--timeline-line-width);
}
.sit-timeline .vis-time-axis .vis-grid.vis-minor {
  border-color: var(--timeline-lines-color);
}
.sit-timeline .vis-time-axis.vis-foreground {
  background-color: var(--timeline-foreground);
}
.sit-timeline .vis-time-axis .vis-text {
  font-weight: 700;
}
.sit-timeline .vis-time-axis .vis-grid.vis-major {
  border-color: var(--timeline-separator-color);
}
.sit-timeline .vis-current-time {
  background-color: var(--custom-theme-color-border);
  z-index: 0;
}
.sit-timeline .vis-panel.vis-bottom, .sit-timeline .vis-panel.vis-center, .sit-timeline .vis-panel.vis-left, .sit-timeline .vis-panel.vis-right, .sit-timeline .vis-panel.vis-top {
  border: 0;
}
.sit-timeline .vis-item {
  border-color: var(--_timeline-item-border-color);
}
.sit-timeline .vis-item.vis-line {
  border-width: var(--timeline-line-width);
}
.sit-timeline .vis-item .vis-item-content {
  white-space: normal;
}
.sit-timeline .vis-item.vis-box {
  max-width: 33ch;
  padding: 0.5em;
  background-color: var(--timeline-item-background);
  text-align: left;
  border-radius: 8px;
}
.sit-timeline .vis-item h3 {
  display: grid;
  gap: 0.66em;
  font-size: 0.9375rem;
}
.sit-timeline .vis-item h3 small {
  font-size: 0.85em;
  font-weight: 700;
  color: var(--_timeline-item-border-color);
}
.sit-timeline .vis-item a {
  display: grid;
  gap: 1em;
}
.sit-timeline .vis-item a::after {
  content: "\f138";
  font-family: "Font Awesome 6 Pro" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  justify-self: end;
  color: var(--timeline-item-border-color-link-text);
}
.sit-timeline .vis-item a:hover, .sit-timeline .vis-item a:focus {
  text-decoration: none;
}
.sit-timeline .vis-item a:hover span, .sit-timeline .vis-item a:focus span {
  text-decoration: underline;
}
.sit-timeline .vis-item.vis-selected {
  background-color: var(--timeline-item-background-selected);
  border-color: var(--timeline-item-border-color-selected);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.13);
}
.sit-timeline .vis-item.is-link {
  border-color: var(--timeline-item-border-color-link);
}
.sit-timeline .vis-item.is-link h3 small {
  color: var(--custom-theme-color-text);
}

/**
 * USER TOOLS
 *
 * Style for site's User Tools component (header/footer)
*/
.sit-user-tools__list {
  display: flex;
}
.sit-user-tools__item + .sit-user-tools__item {
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid hsl(0, 0%, 100%);
}
.sit-user-tools__link {
  display: flex;
  padding: 0.2em;
  row-gap: 0.625rem;
  color: var(--custom-theme-color-text-inverse);
}
:where(.sit-footer) .sit-user-tools__link:hover, :where(.sit-footer) .sit-user-tools__link:focus {
  color: var(--custom-theme-color-text-inverse);
}

/**
 * GRIDS
 *
 * Grids settings for responsive
 * Each visualization has a class to use in addition to sit-grid
 * Mobile: sit-grid--mobile or sit-grid--mobile-(n) - one column or two columns
 * Tablet: sit-grid--tablet or sit-grid--tablet-(n) - one column, two columns or three columns
 * Tablet m (from 1024 to laptop wide breakpoint): sit-grid--tablet-m-(n)
 * Desktop: sit-grid--(n) up to 6 columns
 * Grid column: for grid inside eg: views
 * sit-grid--fluid: manage responsive grid behaviour (add sit-grid--fluid-(n) to manage max column number)
 * sit-grid-flex: manage fluid column-number adaptive grid (eg: element which may have 3 columns, 4 columns etc)
*/
/* ------------------------------------ *\
  #GRIDS
\* ------------------------------------ */
.sit-grid {
  display: grid;
  gap: 1rem;
}
.sit-grid > * {
  min-width: 0; /* prevent grid horizontal overflowing - set grid to shrink less than content width */
}
.sit-grid__column > * {
  height: 100%;
}

/* ------------------------------------ *\
  #GAP-SIZE - ALL BREAKPOINTS
\* ------------------------------------ */
.sit-grid--xl {
  gap: 2.1875rem;
}
.sit-grid--l {
  gap: 1.25rem;
}
.sit-grid--s {
  gap: 0.5rem;
}
.sit-grid--xs {
  gap: 0.2rem;
}
.sit-grid--no-gap {
  gap: 0;
}

/* ------------------------------------ *\
  #FLEX-FLUID-GRID
\* ------------------------------------ */
/* Flex grid managing fluid and variable column content */
.sit-grid-flex {
  display: flex;
  gap: 1rem;
}

/* ------------------------------------ *\
  #FLUID-GRID
\* ------------------------------------ */
/* Auto-adjustable responsive grid 
* auto-fit value ensures equal-width columns by stretching columns to fill any available space.
*  minmax() set the minimum allowed column width, 
*  1fr used as the max which ensures the content fills the column as much as room allows.
*   Change --fluid-grid-item-value for changing items number in row */
.sit-grid {
  --fluid-grid-item-value: 11rem; /* default - 6 columns max */
}
.sit-grid--fluid {
  grid-template-columns: repeat(auto-fill, minmax(var(--fluid-grid-item-value), 1fr));
}
.sit-grid--fluid-2 {
  --fluid-grid-item-value: 27rem;
}
.sit-grid--fluid-3 {
  --fluid-grid-item-value: 20rem;
}
.sit-grid--fluid-4 {
  --fluid-grid-item-value: 16rem;
}
.sit-grid--fluid-5 {
  --fluid-grid-item-value: 13rem;
}
.sit-grid--fluid-6 {
  --fluid-grid-item-value: 11rem;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 767px) {
  .sit-grid-flex--mobile-columns {
    flex-flow: column nowrap;
  }
  .sit-grid--mobile-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sit-grid--mobile-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .sit-grid--mobile-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .sit-grid--mobile-xl {
    gap: 2.1875rem;
  }
  .sit-grid--mobile-l {
    gap: 1.25rem;
  }
  .sit-grid--mobile-s {
    gap: 0.5rem;
  }
  .sit-grid--mobile-xs {
    gap: 0.2rem;
  }
}
@media all and (max-width: 767px) and (hover: none) and (pointer: coarse) {
  .sit-grid--mobile.sit-mobile-h-scroll {
    display: flex;
  }
  .sit-grid--mobile.sit-mobile-h-scroll > * {
    flex: 0 0 80%;
  }
}
@media all and (min-width: 768px) {
  .sit-grid--left-highlight-column {
    --_left-hightlight-column-grid-template-areas: var(--left-hightlight-column-grid-template-areas, );
    --_left-hightlight-column-grid-template-columns: var(--left-hightlight-column-grid-template-columns, );
    --_left-hightlight-column-grid-template-rows: var(--left-hightlight-column-grid-template-rows, );
    --_left-hightlight-column-grid-area-first: var(--left-hightlight-column-grid-area-first, highlight);
    --_left-hightlight-column-grid-area-second: var(--left-hightlight-column-grid-area-second, );
    --_left-hightlight-column-grid-area-third: var(--left-hightlight-column-grid-area-third, );
    --_left-hightlight-column-grid-area-fourth: var(--left-hightlight-column-grid-area-fourth, );
    --_left-hightlight-column-grid-area-fifth: var(--left-hightlight-column-grid-area-fifth, );
    /* manage view grid - 2 cols and 2 rows, left with single highlighted box */
    grid-template-areas: var(--_left-hightlight-column-grid-template-areas);
    grid-template-columns: var(--_left-hightlight-column-grid-template-columns);
    grid-template-rows: var(--_left-hightlight-column-grid-template-rows);
  }
  .sit-grid--left-highlight-column > *:first-child {
    grid-area: var(--_left-hightlight-column-grid-area-first);
  }
  .sit-grid--left-highlight-column > *:nth-child(2) {
    grid-area: var(--_left-hightlight-column-grid-area-second);
  }
  .sit-grid--left-highlight-column > *:nth-child(3) {
    grid-area: var(--_left-hightlight-column-grid-area-third);
  }
  .sit-grid--left-highlight-column > *:nth-child(4) {
    grid-area: var(--_left-hightlight-column-grid-area-fourth);
  }
  .sit-grid--left-highlight-column > *:nth-child(5) {
    grid-area: var(--_left-hightlight-column-grid-area-fifth);
  }
  .sit-grid--left-highlight-column-two-rows {
    --left-hightlight-column-grid-template-areas: "highlight row1center row1right" "highlight row2center row2right";
    --left-hightlight-column-grid-template-columns: 2fr 1fr 1fr;
    --left-hightlight-column-grid-template-rows: 1fr 1fr;
    --left-hightlight-column-grid-area-second: row1center;
    --left-hightlight-column-grid-area-third: row1right;
    --left-hightlight-column-grid-area-fourth: row2center;
    --left-hightlight-column-grid-area-fifth: row2right;
  }
  .sit-grid--left-highlight-column-three-rows {
    /* manage view grid - 2 cols and 3 rows, left with single highlighted box */
    --left-hightlight-column-grid-template-areas: "highlight row1" "highlight row2" "highlight row3";
    --left-hightlight-column-grid-template-columns: 1fr 1fr;
    --left-hightlight-column-grid-template-rows: 1fr 1fr 1fr;
    --left-hightlight-column-grid-area-second: row1;
    --left-hightlight-column-grid-area-third: row2;
    --left-hightlight-column-grid-area-fourth: row3;
  }
}
@media all and (min-width: 768px) {
  .sit-grid-flex {
    display: flex;
    gap: 1.25rem;
  }
  .sit-grid-flex--fluid > * {
    flex: 1;
  }
  .sit-grid-flex--centered {
    justify-content: center;
  }
  .sit-grid-flex--wrap {
    flex-wrap: wrap;
  }
  .sit-grid--highlight-row {
    grid-template-columns: repeat(12, 1fr);
  }
  .sit-grid--highlight-row > *:first-child {
    grid-column: span 6;
  }
  .sit-grid--highlight-row > *:nth-child(2) {
    grid-column: span 6;
  }
  .sit-grid--highlight-row > *:nth-child(2) ~ * {
    grid-column: span 4;
  }
}
@media all and (min-width: 768px) and (max-width: 1127px) {
  .sit-grid--tablet-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sit-grid--tablet-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .sit-grid--tablet-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .sit-grid--tablet-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .sit-grid--tablet-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .sit-grid--tablet-2-10 {
    grid-template-columns: 2fr 10fr;
  }
  .sit-grid--tablet-3-9 {
    grid-template-columns: 3fr 9fr;
  }
  .sit-grid--tablet-4-8 {
    grid-template-columns: 4fr 8fr;
  }
  .sit-grid--tablet-5-7 {
    grid-template-columns: 5fr 7fr;
  }
  .sit-grid--tablet-6-6 {
    grid-template-columns: 6fr 6fr;
  }
  .sit-grid--tablet-7-5 {
    grid-template-columns: 7fr 5fr;
  }
  .sit-grid--tablet-8-4 {
    grid-template-columns: 8fr 4fr;
  }
  .sit-grid--tablet-9-3 {
    grid-template-columns: 9fr 3fr;
  }
  .sit-grid--tablet-10-2 {
    grid-template-columns: 10fr 2fr;
  }
  .sit-grid--tablet-xl {
    gap: 2.1875rem;
  }
  .sit-grid--tablet-l {
    gap: 1.25rem;
  }
  .sit-grid--tablet-s {
    gap: 0.5rem;
  }
  .sit-grid--tablet-xs {
    gap: 0.2rem;
  }
}
@media all and (min-width: 1024px) and (max-width: 1127px) {
  .sit-grid--tablet-m-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sit-grid--tablet-m-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .sit-grid--tablet-m-2-10 {
    grid-template-columns: 2fr 10fr;
  }
  .sit-grid--tablet-m-3-9 {
    grid-template-columns: 3fr 9fr;
  }
  .sit-grid--tablet-m-4-8 {
    grid-template-columns: 4fr 8fr;
  }
  .sit-grid--tablet-m-5-7 {
    grid-template-columns: 5fr 7fr;
  }
  .sit-grid--tablet-m-6-6 {
    grid-template-columns: 6fr 6fr;
  }
}
@media all and (min-width: 1128px) {
  .sit-grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sit-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .sit-grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .sit-grid--5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .sit-grid--6 {
    grid-template-columns: repeat(6, 1fr);
  }
  /* MANAGE LAYOUT GRID - 12 column base */
  .sit-grid--1-11 {
    grid-template-columns: 1fr 11fr;
  }
  .sit-grid--2-10 {
    grid-template-columns: 2fr 10fr;
  }
  .sit-grid--3-9 {
    grid-template-columns: 3fr 9fr;
  }
  .sit-grid--4-8 {
    grid-template-columns: 4fr 8fr;
  }
  .sit-grid--5-7 {
    grid-template-columns: 5fr 7fr;
  }
  .sit-grid--6-6 {
    grid-template-columns: 6fr 6fr;
  }
  .sit-grid--7-5 {
    grid-template-columns: 7fr 5fr;
  }
  .sit-grid--8-4 {
    grid-template-columns: 8fr 4fr;
  }
  .sit-grid--9-3 {
    grid-template-columns: 9fr 3fr;
  }
  .sit-grid--10-2 {
    grid-template-columns: 10fr 2fr;
  }
  .sit-grid--11-1 {
    grid-template-columns: 11fr 1fr;
  }
  .sit-grid--12 {
    grid-template-columns: repeat(12, 1fr);
  }
  /* GAP SIZE - desktop */
  .sit-grid--desktop-xl {
    gap: 2.1875rem;
  }
  .sit-grid--desktop-l {
    gap: 1.25rem;
  }
  .sit-grid--desktop-s {
    gap: 0.5rem;
  }
  .sit-grid--desktop-xs {
    gap: 0.2rem;
  }
  .has-card-top-margin-alternate > *:where(:nth-child(even)) {
    margin-top: 50%;
  }
}
/**
 * LAYOUT
 *
 * Layouts settings
*/
/* ------------------------------------ *\
  #HOMEPAGE-SLIDER-SECTION
\* ------------------------------------ */
/* Hide page title in home page with accessible css */
/* SECTION FOR ECOSISTEMA */
.sit-ecosistema-section {
  display: grid;
  gap: 1.875rem;
}

.sit-minicard .sit-p {
  line-height: 1.3;
}
.sit-minicard .sit-site-branding__logo {
  border-radius: 50%;
  overflow: hidden;
}
.sit-minicard .sit-site-branding__logo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 767px) {
  .sit-ecosistema-section .sit-minicard {
    padding-top: 1.25rem;
    border-top: 1px solid var(--custom-theme-color-border-light);
  }
}
@media all and (min-width: 768px) {
  .sit-ecosistema-section {
    display: flex;
    flex-wrap: wrap;
  }
  .sit-ecosistema-section .sit-minicard {
    padding-left: 1.25rem;
    border-left: 1px solid var(--custom-theme-color-border-light);
  }
}
@media all and (min-width: 1226px) {
  .sit-ecosistema-section {
    flex-wrap: nowrap;
  }
}
/**
 * LIFERAY-MAIN-OVERRIDES
 *
 * Override main liferay theme settings
*/
/* ------------------------------------ *\
  #WRAPPER
\* ------------------------------------ */
#wrapper {
  padding-top: 0;
}

/* ------------------------------------ *\
  #PORTLET-HEADER
\* ------------------------------------ */
/* Portlet header styles */
/* Hide title from portlet barebone */
.portlet-barebone .portlet-header {
  margin-bottom: 0;
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
}

/* ------------------------------------ *\
  #PORTLET
\* ------------------------------------ */
/* Overrides potlet styles */
.portlet {
  margin-bottom: 0;
}

.portlet-decorate .portlet-content {
  background: transparent;
  border-width: 0;
}

/* ------------------------------------ *\
  #SIDEBAR-PANEL
\* ------------------------------------ */
.sidebar-body,
.applications-menu-wrapper {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.8;
}

/* ------------------------------------ *\
  #MAIN-ROW-ADJUSTMENTS
\* ------------------------------------ */
/* Resolve horizontal overflow on main content - due to row/col margin/padding */
[id*=main-content] > .row {
  margin-right: 0;
  margin-left: 0;
}
[id*=main-content] > .row > .col-md-12 {
  padding-right: 0;
  padding-left: 0;
}

/* RIMUOVO PADDING BOOSTRAP */
.portlet-column-only.col-md-12#column-1 {
  padding-right: 0;
  padding-left: 0;
}

/* SPACE FOR ADMIN BAR */
.control-menu-container + .sit-main-content-wrapper {
  padding-top: var(--theme-admin-bar-height);
}

/* ------------------------------------ *\
  #COOKIE BANNER
\* ------------------------------------ */
.cookies-banner a {
  text-decoration: underline;
  color: var(--custom-theme-color-link-darker);
}
.cookies-banner a:hover {
  text-decoration: none;
  color: var(--custom-theme-color-link-hover);
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * LAYOUT
 *
 * Layout general settings
 * generic components
*/
/* ------------------------------------ *\
  #SITE-BRANDING
\* ------------------------------------ */
.sit-site-branding {
  --_site-branding-display: var(--site-branding-display, flex);
  --_site-branding-gap: var(--site-branding-gap, 0.8em);
  --_site-branding-align-items: var(--site-branding-align-items, center);
  --_site-branding-name-display: var(--site-branding-name-display, inline-flex);
  --_site-branding-name-font-size: var(--site-branding-name-font-size, inherit);
  --_site-logo-size: var(--site-logo-size, 40px);
  display: flex;
  align-items: center;
}
.sit-site-branding__link, .sit-site-branding__inner {
  display: var(--_site-branding-display);
  gap: var(--_site-branding-gap);
  align-items: var(--_site-branding-align-items);
  color: var(--custom-theme-color-link-text);
}
.sit-site-branding__site-name {
  display: var(--_site-branding-name-display);
  font-size: var(--_site-branding-name-font-size);
}
.sit-site-branding__logo {
  width: var(--_site-logo-size);
  height: var(--_site-logo-size);
  flex: 0 0 var(--_site-logo-size);
}

.sit-site-branding__site-name,
.sit-site-name {
  margin-bottom: 0;
}

/* Site branding small */
.sit-site-branding--s {
  --site-branding-name-font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
}

/* COOKIE BANNER */
.cookies-banner.cookies-banner-bottom .autofit-row.autofit-padded-no-gutters.autofit-row-center {
  gap: 1.25rem;
  flex-wrap: wrap;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 767px) {
  .sit-header .sit-site-branding {
    --site-branding-name-display: none;
  }
  .sit-card--has-cta .sit-site-branding {
    --site-branding-name-display: initial;
  }
  :where(.sit-navigation__item-back-to) .sit-site-branding {
    --site-branding-display: none;
  }
}
@media all and (min-width: 768px) {
  .sit-site-branding {
    --site-logo-size: 56px;
  }
  .sit-site-branding--s {
    --site-logo-size: 51px;
  }
  :where(.sit-navigation__item) .sit-site-branding {
    --site-branding-name-font-size: clamp(1.5rem, 0.5rem + (1vw - 0.2rem) * 0.5, 2rem);
  }
}
/**
 * PAGE-CONTENT
 *
 * Specific Components for single page/details page
*/
/* ------------------------------------ *\
  #DETAILS
\* ------------------------------------ */
/* Dettagli opera */
.sit-details__item {
  display: flex;
  align-items: baseline;
  gap: 1em;
  padding: 0.9375rem 0;
}
.sit-details__item-label {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5em;
  text-transform: uppercase;
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
  color: var(--custom-theme-color-text-light);
}
.sit-details__item-value {
  flex: 3;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
}
.sit-details a {
  text-decoration: underline;
  color: inherit;
}

/* ------------------------------------ *\
  #EXPANDABLE-SECTION
\* ------------------------------------ */
.sit-expandable-section {
  position: relative;
}

/* MANAGE TEXT SHOW MORE  */
.is-show-more-wrapper {
  --_show-more-wrapper-gradient-bg-color: var(
      --show-more-wrapper-gradient-bg-color,
      var(--custom-theme-color-bg-light)
  );
  --show-more-wrapper-gradient-bg-color: var(--current-section-bg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--_show-more-wrapper-gradient-bg-color) 35%);
  transform: translateY(0);
  transition: all 0.3s ease;
}
.is-show-more-wrapper.is-hidden {
  display: none;
}
.is-collapsed + .is-show-more-wrapper {
  transform: translateY(-100%);
  position: absolute;
  right: 0;
  left: 0;
}

.is-expandable {
  --_expandable-block-max-height: var(--expandable-block-max-height, auto);
  height: var(--_expandable-block-max-height);
}
.is-expandable.is-collapsed {
  --expandable-block-max-height: 30em;
  overflow: hidden;
}
.is-expandable.is-empty {
  height: 0;
  padding: 0;
}

/* SLIDER PERCORSO MINISITO */
.sit-interactive-section .sit-slider-container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  width: 90%;
  max-width: 1226px;
  margin-right: auto;
  margin-left: auto;
}
.sit-container .sit-interactive-section .sit-slider-container {
  width: 100%;
}
.sit-interactive-section .sit-slider {
  width: 100%;
  height: 100%;
  min-height: clamp(400px, 66vh, 600px);
  min-width: 0;
  background-color: var(--custom-theme-color-bg-black);
}
.sit-interactive-section .sit-slider iframe {
  width: 100% !important;
  height: 45vh !important;
}
.sit-main-content .sit-interactive-section .sit-slider {
  height: 100%;
}
.sit-main-content .sit-interactive-section .sit-slider iframe {
  height: clamp(400px, 66vh, 600px) !important;
}
.sit-interactive-section .sit-slider--content {
  --slider-arrow-next-position: auto;
  --slider-arrow-next-left-position: calc(var(--_slider-arrow-size) + 1.875rem);
  --slider-arrow-prev-position: 1.25rem;
  --slider-arrow-top-position: unset;
  --slider-arrow-bottom-position: 0;
  --slider-arrow-border-color: var(--custom-theme-color-bg-white);
  --slider-arrow-color: var(--custom-theme-color-text-inverse);
  --slider-button-dot-border-width: 2px;
  --slider-button-dot-border-radius: 50%;
  --slider-button-dot-size: 1.75rem;
  --slider-arrow-color-hover: var(--custom-theme-brand-color);
}
.sit-interactive-section .sit-slider--content button {
  font-size: var(--_slider-arrow-font-size);
  transition: all 0.3s ease;
}
.sit-interactive-section .sit-slider--content button:hover, .sit-interactive-section .sit-slider--content button:focus {
  border-color: var(--custom-theme-color-bg-white);
}
.sit-interactive-section .sit-slider--content button:hover .slick-dot-icon, .sit-interactive-section .sit-slider--content button:focus .slick-dot-icon {
  color: var(--custom-theme-brand-color);
}
.sit-interactive-section .sit-slider--content .slick-dot-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--custom-theme-color-bg-white);
  opacity: 1;
}
.sit-interactive-section .sit-slider--content li.slick-active button {
  border-color: var(--custom-theme-color-bg-white);
}
.sit-interactive-section .sit-slider--content li.slick-active button .slick-dot-icon {
  color: var(--custom-theme-color-bg-white);
}
.sit-interactive-section .sit-slider--content li button .slick-dot-icon:before {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sit-interactive-section .sit-slider--content li button .slick-dot-icon:before,
.sit-interactive-section .sit-slider--content li.slick-active button::before {
  margin-top: 0;
  margin-left: 0;
  font-size: 0.75rem;
}

/* Contatti section */
.sit-section-contacts {
  padding-bottom: 3.125rem;
}
.sit-section-contacts__content {
  padding-bottom: 3.125rem;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
/* Media query targetting touch devices - smartphones, touchscreens */
@media all and (max-width: 767px) {
  /* adjust 3d scene height in responsive */
  [id=photoSphereViewer] {
    height: 50vh !important;
  }
  .sit-interactive-section .sit-slider--content {
    overflow: hidden;
  }
}
@media all and (min-width: 768px) {
  .sit-interactive-section .sit-slider iframe {
    height: calc(100vh - var(--custom-header-height)) !important;
  }
  .sit-main-content .sit-interactive-section .sit-slider {
    min-height: clamp(300px, 250vh, 550px);
  }
  .sit-main-content .sit-interactive-section .sit-slider iframe {
    height: clamp(300px, 250vh, 550px) !important;
  }
}
@media all and (min-width: 1024px) {
  /* Contatti section */
  .sit-section-contacts {
    padding-bottom: 0;
  }
  .sit-section-contacts__container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 3.125rem;
  }
}
/**
 * COLORS
 *
 *
 * Color helper classes
 * theme sections color
 *
 */
/* ------------------------------------ *\
  #COLORS
\* ------------------------------------ */
/* Color Scienza */
.is-scienza {
  --thematic-color: var(--custom-theme-scienza);
  --thematic-color-shade: var(--custom-theme-scienza-shade);
  --thematic-text-color: var(--custom-theme-color-text-inverse);
}

/* Color Archeologia */
.is-archeologia {
  --thematic-color: var(--custom-theme-archeologia);
  --thematic-color-shade: var(--custom-theme-archeologia-shade);
  --thematic-text-color: var(--custom-theme-color-text-inverse);
}

/* Color Arte contemporanea */
.is-arte-contemporanea {
  --thematic-color: var(--custom-theme-arte-contemporanea);
  --thematic-color-shade: var(--custom-theme-arte-contemporanea-shade);
  --thematic-text-color: var(--custom-theme-color-text-black);
}

/* Color Biblio Toscana */
.is-biblio {
  --thematic-color: var(--custom-theme-biblio);
  --thematic-color-shade: var(--custom-theme-biblio-shade);
  --thematic-text-color: var(--custom-theme-color-text-inverse);
}

.is-siviero {
  --thematic-color: var(--custom-theme-siviero);
  --thematic-color-shade: var(--custom-theme-siviero-shade);
  --thematic-text-color: var(--custom-theme-color-text-inverse);
}

/* ------------------------------------ *\
  #DYNAMIC-BG-AND-TEXT-MANAGER
\* ------------------------------------ */
/* Manage section bg and text color dynamically */
/* Set dynamic properties */
.sit-dynamic-section {
  background-color: var(--current-section-bg);
  color: var(--current-section-text-color);
}

/* Set properties values */
.is-bg-white {
  --current-section-bg: var(--custom-theme-color-bg-white);
  --current-section-text-color: var(--custom-theme-color-text);
}

.is-bg-black {
  --current-section-bg: var(--custom-theme-color-bg-black);
  --current-section-text-color: var(--custom-theme-color-text-inverse);
}

/**
 * LAYOUT
 *
 *
 * Layout helper classes
 */
/* ------------------------------------ *\
  #CONTAINERS
\* ------------------------------------ */
/* Container element */
.sit-container {
  /* 100% on mobile minus 8vmin, 120ch on desktop */
  width: 90%;
  max-width: 1226px;
  margin-right: auto;
  margin-left: auto;
}
.sit-container .sit-container {
  width: 100%;
  margin-right: unset;
  margin-left: unset;
}

/* Container xs - form container */
.sit-container--xxs {
  width: 90%;
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
}

/* Container xs - form container */
.sit-container--xs {
  width: 90%;
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

/* Container small */
.sit-container--s {
  width: 90%;
  max-width: 1128px;
  margin-right: auto;
  margin-left: auto;
}

/* ------------------------------------ *\
  #HEADING-WITH-CTA-WRAPPER
\* ------------------------------------ */
/* Manage section heading with cta, manage display/space/alignments etc */
/* Default: vertical flow on mobile, horizontal flow on desktop */
.sit-heading-has-cta-wrapper {
  --_heading-cta-display: var(--heading-cta-display, grid);
  --_heading-cta-v-alignment: var(--heading-cta-v-alignment, end);
  --_heading-cta-elements-spacing: var(--heading-cta-elements-spacing, 1.875rem);
  --_heading-cta-btn-margin-left: var(--heading-cta-btn-margin-left, 0);
  display: var(--_heading-cta-display);
  gap: var(--_heading-cta-elements-spacing);
  align-items: var(--_heading-cta-v-alignment);
}
.sit-heading-has-cta-wrapper--mobile-horizontal {
  --heading-cta-display: flex;
  --heading-cta-btn-margin-left: auto;
}
.sit-heading-has-cta-wrapper .sit-btn, .sit-heading-has-cta-wrapper .btn {
  margin-left: var(--_heading-cta-btn-margin-left);
  white-space: nowrap;
}

/* ------------------------------------ *\
  #HEADING-CENTERED
\* ------------------------------------ */
/* Manage section heading with cta, manage display/space/alignments etc */
/* Default: vertical flow on mobile, horizontal flow on desktop */
.sit-heading-centered {
  display: grid;
  justify-content: center;
  align-items: center;
}

/* ------------------------------------ *\
#FLEX
\* ------------------------------------ */
/* Manage flex property (flex: flex-grow flex-shrink flex-basis) eg flex: 1 flex: 2 etc */
.sit-flex-1 {
  flex: 1;
}

.sit-flex-2 {
  flex: 2;
}

.sit-flex-3 {
  flex: 3;
}

.sit-flex-4 {
  flex: 4;
}

/* ------------------------------------ *\
#SIZES
\* ------------------------------------ */
/* Percentage width helpers */
/* Set start size and end size for width range */
/* Generate classes */
.sit-width-0 {
  width: calc(0 * 1%);
}

.sit-height-0 {
  height: calc(0 * 1%);
}

.sit-width-1 {
  width: calc(1 * 1%);
}

.sit-height-1 {
  height: calc(1 * 1%);
}

.sit-width-2 {
  width: calc(2 * 1%);
}

.sit-height-2 {
  height: calc(2 * 1%);
}

.sit-width-3 {
  width: calc(3 * 1%);
}

.sit-height-3 {
  height: calc(3 * 1%);
}

.sit-width-4 {
  width: calc(4 * 1%);
}

.sit-height-4 {
  height: calc(4 * 1%);
}

.sit-width-5 {
  width: calc(5 * 1%);
}

.sit-height-5 {
  height: calc(5 * 1%);
}

.sit-width-6 {
  width: calc(6 * 1%);
}

.sit-height-6 {
  height: calc(6 * 1%);
}

.sit-width-7 {
  width: calc(7 * 1%);
}

.sit-height-7 {
  height: calc(7 * 1%);
}

.sit-width-8 {
  width: calc(8 * 1%);
}

.sit-height-8 {
  height: calc(8 * 1%);
}

.sit-width-9 {
  width: calc(9 * 1%);
}

.sit-height-9 {
  height: calc(9 * 1%);
}

.sit-width-10 {
  width: calc(10 * 1%);
}

.sit-height-10 {
  height: calc(10 * 1%);
}

.sit-width-11 {
  width: calc(11 * 1%);
}

.sit-height-11 {
  height: calc(11 * 1%);
}

.sit-width-12 {
  width: calc(12 * 1%);
}

.sit-height-12 {
  height: calc(12 * 1%);
}

.sit-width-13 {
  width: calc(13 * 1%);
}

.sit-height-13 {
  height: calc(13 * 1%);
}

.sit-width-14 {
  width: calc(14 * 1%);
}

.sit-height-14 {
  height: calc(14 * 1%);
}

.sit-width-15 {
  width: calc(15 * 1%);
}

.sit-height-15 {
  height: calc(15 * 1%);
}

.sit-width-16 {
  width: calc(16 * 1%);
}

.sit-height-16 {
  height: calc(16 * 1%);
}

.sit-width-17 {
  width: calc(17 * 1%);
}

.sit-height-17 {
  height: calc(17 * 1%);
}

.sit-width-18 {
  width: calc(18 * 1%);
}

.sit-height-18 {
  height: calc(18 * 1%);
}

.sit-width-19 {
  width: calc(19 * 1%);
}

.sit-height-19 {
  height: calc(19 * 1%);
}

.sit-width-20 {
  width: calc(20 * 1%);
}

.sit-height-20 {
  height: calc(20 * 1%);
}

.sit-width-21 {
  width: calc(21 * 1%);
}

.sit-height-21 {
  height: calc(21 * 1%);
}

.sit-width-22 {
  width: calc(22 * 1%);
}

.sit-height-22 {
  height: calc(22 * 1%);
}

.sit-width-23 {
  width: calc(23 * 1%);
}

.sit-height-23 {
  height: calc(23 * 1%);
}

.sit-width-24 {
  width: calc(24 * 1%);
}

.sit-height-24 {
  height: calc(24 * 1%);
}

.sit-width-25 {
  width: calc(25 * 1%);
}

.sit-height-25 {
  height: calc(25 * 1%);
}

.sit-width-26 {
  width: calc(26 * 1%);
}

.sit-height-26 {
  height: calc(26 * 1%);
}

.sit-width-27 {
  width: calc(27 * 1%);
}

.sit-height-27 {
  height: calc(27 * 1%);
}

.sit-width-28 {
  width: calc(28 * 1%);
}

.sit-height-28 {
  height: calc(28 * 1%);
}

.sit-width-29 {
  width: calc(29 * 1%);
}

.sit-height-29 {
  height: calc(29 * 1%);
}

.sit-width-30 {
  width: calc(30 * 1%);
}

.sit-height-30 {
  height: calc(30 * 1%);
}

.sit-width-31 {
  width: calc(31 * 1%);
}

.sit-height-31 {
  height: calc(31 * 1%);
}

.sit-width-32 {
  width: calc(32 * 1%);
}

.sit-height-32 {
  height: calc(32 * 1%);
}

.sit-width-33 {
  width: calc(33 * 1%);
}

.sit-height-33 {
  height: calc(33 * 1%);
}

.sit-width-34 {
  width: calc(34 * 1%);
}

.sit-height-34 {
  height: calc(34 * 1%);
}

.sit-width-35 {
  width: calc(35 * 1%);
}

.sit-height-35 {
  height: calc(35 * 1%);
}

.sit-width-36 {
  width: calc(36 * 1%);
}

.sit-height-36 {
  height: calc(36 * 1%);
}

.sit-width-37 {
  width: calc(37 * 1%);
}

.sit-height-37 {
  height: calc(37 * 1%);
}

.sit-width-38 {
  width: calc(38 * 1%);
}

.sit-height-38 {
  height: calc(38 * 1%);
}

.sit-width-39 {
  width: calc(39 * 1%);
}

.sit-height-39 {
  height: calc(39 * 1%);
}

.sit-width-40 {
  width: calc(40 * 1%);
}

.sit-height-40 {
  height: calc(40 * 1%);
}

.sit-width-41 {
  width: calc(41 * 1%);
}

.sit-height-41 {
  height: calc(41 * 1%);
}

.sit-width-42 {
  width: calc(42 * 1%);
}

.sit-height-42 {
  height: calc(42 * 1%);
}

.sit-width-43 {
  width: calc(43 * 1%);
}

.sit-height-43 {
  height: calc(43 * 1%);
}

.sit-width-44 {
  width: calc(44 * 1%);
}

.sit-height-44 {
  height: calc(44 * 1%);
}

.sit-width-45 {
  width: calc(45 * 1%);
}

.sit-height-45 {
  height: calc(45 * 1%);
}

.sit-width-46 {
  width: calc(46 * 1%);
}

.sit-height-46 {
  height: calc(46 * 1%);
}

.sit-width-47 {
  width: calc(47 * 1%);
}

.sit-height-47 {
  height: calc(47 * 1%);
}

.sit-width-48 {
  width: calc(48 * 1%);
}

.sit-height-48 {
  height: calc(48 * 1%);
}

.sit-width-49 {
  width: calc(49 * 1%);
}

.sit-height-49 {
  height: calc(49 * 1%);
}

.sit-width-50 {
  width: calc(50 * 1%);
}

.sit-height-50 {
  height: calc(50 * 1%);
}

.sit-width-51 {
  width: calc(51 * 1%);
}

.sit-height-51 {
  height: calc(51 * 1%);
}

.sit-width-52 {
  width: calc(52 * 1%);
}

.sit-height-52 {
  height: calc(52 * 1%);
}

.sit-width-53 {
  width: calc(53 * 1%);
}

.sit-height-53 {
  height: calc(53 * 1%);
}

.sit-width-54 {
  width: calc(54 * 1%);
}

.sit-height-54 {
  height: calc(54 * 1%);
}

.sit-width-55 {
  width: calc(55 * 1%);
}

.sit-height-55 {
  height: calc(55 * 1%);
}

.sit-width-56 {
  width: calc(56 * 1%);
}

.sit-height-56 {
  height: calc(56 * 1%);
}

.sit-width-57 {
  width: calc(57 * 1%);
}

.sit-height-57 {
  height: calc(57 * 1%);
}

.sit-width-58 {
  width: calc(58 * 1%);
}

.sit-height-58 {
  height: calc(58 * 1%);
}

.sit-width-59 {
  width: calc(59 * 1%);
}

.sit-height-59 {
  height: calc(59 * 1%);
}

.sit-width-60 {
  width: calc(60 * 1%);
}

.sit-height-60 {
  height: calc(60 * 1%);
}

.sit-width-61 {
  width: calc(61 * 1%);
}

.sit-height-61 {
  height: calc(61 * 1%);
}

.sit-width-62 {
  width: calc(62 * 1%);
}

.sit-height-62 {
  height: calc(62 * 1%);
}

.sit-width-63 {
  width: calc(63 * 1%);
}

.sit-height-63 {
  height: calc(63 * 1%);
}

.sit-width-64 {
  width: calc(64 * 1%);
}

.sit-height-64 {
  height: calc(64 * 1%);
}

.sit-width-65 {
  width: calc(65 * 1%);
}

.sit-height-65 {
  height: calc(65 * 1%);
}

.sit-width-66 {
  width: calc(66 * 1%);
}

.sit-height-66 {
  height: calc(66 * 1%);
}

.sit-width-67 {
  width: calc(67 * 1%);
}

.sit-height-67 {
  height: calc(67 * 1%);
}

.sit-width-68 {
  width: calc(68 * 1%);
}

.sit-height-68 {
  height: calc(68 * 1%);
}

.sit-width-69 {
  width: calc(69 * 1%);
}

.sit-height-69 {
  height: calc(69 * 1%);
}

.sit-width-70 {
  width: calc(70 * 1%);
}

.sit-height-70 {
  height: calc(70 * 1%);
}

.sit-width-71 {
  width: calc(71 * 1%);
}

.sit-height-71 {
  height: calc(71 * 1%);
}

.sit-width-72 {
  width: calc(72 * 1%);
}

.sit-height-72 {
  height: calc(72 * 1%);
}

.sit-width-73 {
  width: calc(73 * 1%);
}

.sit-height-73 {
  height: calc(73 * 1%);
}

.sit-width-74 {
  width: calc(74 * 1%);
}

.sit-height-74 {
  height: calc(74 * 1%);
}

.sit-width-75 {
  width: calc(75 * 1%);
}

.sit-height-75 {
  height: calc(75 * 1%);
}

.sit-width-76 {
  width: calc(76 * 1%);
}

.sit-height-76 {
  height: calc(76 * 1%);
}

.sit-width-77 {
  width: calc(77 * 1%);
}

.sit-height-77 {
  height: calc(77 * 1%);
}

.sit-width-78 {
  width: calc(78 * 1%);
}

.sit-height-78 {
  height: calc(78 * 1%);
}

.sit-width-79 {
  width: calc(79 * 1%);
}

.sit-height-79 {
  height: calc(79 * 1%);
}

.sit-width-80 {
  width: calc(80 * 1%);
}

.sit-height-80 {
  height: calc(80 * 1%);
}

.sit-width-81 {
  width: calc(81 * 1%);
}

.sit-height-81 {
  height: calc(81 * 1%);
}

.sit-width-82 {
  width: calc(82 * 1%);
}

.sit-height-82 {
  height: calc(82 * 1%);
}

.sit-width-83 {
  width: calc(83 * 1%);
}

.sit-height-83 {
  height: calc(83 * 1%);
}

.sit-width-84 {
  width: calc(84 * 1%);
}

.sit-height-84 {
  height: calc(84 * 1%);
}

.sit-width-85 {
  width: calc(85 * 1%);
}

.sit-height-85 {
  height: calc(85 * 1%);
}

.sit-width-86 {
  width: calc(86 * 1%);
}

.sit-height-86 {
  height: calc(86 * 1%);
}

.sit-width-87 {
  width: calc(87 * 1%);
}

.sit-height-87 {
  height: calc(87 * 1%);
}

.sit-width-88 {
  width: calc(88 * 1%);
}

.sit-height-88 {
  height: calc(88 * 1%);
}

.sit-width-89 {
  width: calc(89 * 1%);
}

.sit-height-89 {
  height: calc(89 * 1%);
}

.sit-width-90 {
  width: calc(90 * 1%);
}

.sit-height-90 {
  height: calc(90 * 1%);
}

.sit-width-91 {
  width: calc(91 * 1%);
}

.sit-height-91 {
  height: calc(91 * 1%);
}

.sit-width-92 {
  width: calc(92 * 1%);
}

.sit-height-92 {
  height: calc(92 * 1%);
}

.sit-width-93 {
  width: calc(93 * 1%);
}

.sit-height-93 {
  height: calc(93 * 1%);
}

.sit-width-94 {
  width: calc(94 * 1%);
}

.sit-height-94 {
  height: calc(94 * 1%);
}

.sit-width-95 {
  width: calc(95 * 1%);
}

.sit-height-95 {
  height: calc(95 * 1%);
}

.sit-width-96 {
  width: calc(96 * 1%);
}

.sit-height-96 {
  height: calc(96 * 1%);
}

.sit-width-97 {
  width: calc(97 * 1%);
}

.sit-height-97 {
  height: calc(97 * 1%);
}

.sit-width-98 {
  width: calc(98 * 1%);
}

.sit-height-98 {
  height: calc(98 * 1%);
}

.sit-width-99 {
  width: calc(99 * 1%);
}

.sit-height-99 {
  height: calc(99 * 1%);
}

.sit-width-100 {
  width: calc(100 * 1%);
}

.sit-height-100 {
  height: calc(100 * 1%);
}

/* ------------------------------------ *\
  #STICKY-FOOTER
\* ------------------------------------ */
/* Sticky footer management classes */
.prefix-content-has-sticky-footer {
  flex: 1 0 auto;
}

/* Footer */
.is-sticky {
  margin-top: auto;
  flex-shrink: 0;
}

/* ------------------------------------ *\
  #IS-NOT-SCROLLABLE
\* ------------------------------------ */
/* Managing sticky header for accessibility: disabling on page zoom and orientation landscape */
@media all and (max-width: 767px) and (min-height: 480px) {
  .is-not-scrollable-mobile,
  .has-main-menu-open,
  .has-ecosystem-menu-open,
  .has-percorso-menu-open {
    overflow: hidden;
  }
}
@media (min-device-width: 576px) and (max-device-width: 767px) and (orientation: landscape) {
  .is-not-scrollable-mobile,
  .has-main-menu-open,
  .has-ecosystem-menu-open,
  .has-percorso-menu-open {
    overflow: visible;
  }
}
@media all and (min-width: 768px) {
  /* prevent body from scrolling when mobile menu is open */
  .is-not-scrollable,
  .has-percorso-menu-open {
    overflow: hidden;
  }
}
/* ------------------------------------ *\
  #HEADING-HAS-DECORATION
\* ------------------------------------ */
/* HEADING width top decoration - color changes based on contextual theme or section class */
.sit-heading-has-decoration {
  --_heading-has-decoration-justify-items: var(--heading-has-decoration-justify-items, center);
  --_heading-has-decoration-padding-top: var(--heading-has-decoration-padding-top, 1.875rem);
  --_heading-has-decoration-decoration-width: var(--heading-has-decoration-decoration-width, 57px);
  --_heading-has-decoration-decoration-height: var(--heading-has-decoration-decoration-height, 7px);
  --heading-has-decoration-bg-color: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  display: grid;
  justify-items: var(--_heading-has-decoration-justify-items);
  padding-top: var(--_heading-has-decoration-padding-top);
}
.sit-heading-has-decoration::before {
  content: "";
  display: block;
  width: var(--_heading-has-decoration-decoration-width);
  height: var(--_heading-has-decoration-decoration-height);
  margin-top: calc(var(--_heading-has-decoration-padding-top) * -1);
  background-color: var(--heading-has-decoration-bg-color);
}
.sit-heading-has-decoration.is-left-aligned {
  --heading-has-decoration-justify-items: flex-start;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 767px) {
  [class*=sit-container] [class*=sit-container] {
    width: 100%;
  }
}
@media all and (min-width: 768px) {
  .sit-heading-has-cta-wrapper {
    --heading-cta-display: flex;
    --heading-cta-btn-margin-left: auto;
  }
}
/* ------------------------------------ *\
  #SPACING
\* ------------------------------------ */
/* Spacing helper classes */
/* Generate helper classes for spacing - first all directions, then single directions */
/* Sides */
.sit-gap-0 {
  gap: 0;
}

.sit-margin-0 {
  margin: 0;
}

.sit-padding-0 {
  padding: 0;
}

.sit-margin-h-0 {
  margin-right: 0;
  margin-left: 0;
}

.sit-padding-h-0 {
  padding-right: 0;
  padding-left: 0;
}

.sit-margin-v-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.sit-padding-v-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.sit-margin-h-r-l-0 {
  margin: 0 0;
}

.sit-padding-h-r-l-0 {
  padding: 0 0;
}

.sit-margin-v-t-b-0 {
  margin: 0 0;
}

.sit-padding-v-t-b-0 {
  padding: 0 0;
}

.sit-margin-t-0 {
  margin-top: 0;
}

.sit-padding-t-0 {
  padding-top: 0;
}

.sit-margin-negative-t-0 {
  margin-top: -0;
}

.sit-margin-b-0 {
  margin-bottom: 0;
}

.sit-padding-b-0 {
  padding-bottom: 0;
}

.sit-margin-negative-b-0 {
  margin-bottom: -0;
}

.sit-margin-l-0 {
  margin-left: 0;
}

.sit-padding-l-0 {
  padding-left: 0;
}

.sit-margin-negative-l-0 {
  margin-left: -0;
}

.sit-margin-r-0 {
  margin-right: 0;
}

.sit-padding-r-0 {
  padding-right: 0;
}

.sit-margin-negative-r-0 {
  margin-right: -0;
}

.sit-section-inner-vertical-spaced-margin-0 > * + * {
  margin-top: 0;
}

.sit-section-inner-vertical-spaced-padding-0 > * + * {
  padding-top: 0;
}

.sit-section-inner-horizontal-spaced-margin-0 > * + * {
  margin-left: 0;
}

.sit-section-inner-horizontal-spaced-padding-0 > * + * {
  padding-left: 0;
}

.sit-gap-1 {
  gap: 0.3125rem;
}

.sit-margin-1 {
  margin: 0.3125rem;
}

.sit-padding-1 {
  padding: 0.3125rem;
}

.sit-margin-h-1 {
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
}

.sit-padding-h-1 {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}

.sit-margin-v-1 {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.sit-padding-v-1 {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.sit-margin-h-r-l-1 {
  margin: 0 0.3125rem;
}

.sit-padding-h-r-l-1 {
  padding: 0 0.3125rem;
}

.sit-margin-v-t-b-1 {
  margin: 0.3125rem 0;
}

.sit-padding-v-t-b-1 {
  padding: 0.3125rem 0;
}

.sit-margin-t-1 {
  margin-top: 0.3125rem;
}

.sit-padding-t-1 {
  padding-top: 0.3125rem;
}

.sit-margin-negative-t-1 {
  margin-top: -0.3125rem;
}

.sit-margin-b-1 {
  margin-bottom: 0.3125rem;
}

.sit-padding-b-1 {
  padding-bottom: 0.3125rem;
}

.sit-margin-negative-b-1 {
  margin-bottom: -0.3125rem;
}

.sit-margin-l-1 {
  margin-left: 0.3125rem;
}

.sit-padding-l-1 {
  padding-left: 0.3125rem;
}

.sit-margin-negative-l-1 {
  margin-left: -0.3125rem;
}

.sit-margin-r-1 {
  margin-right: 0.3125rem;
}

.sit-padding-r-1 {
  padding-right: 0.3125rem;
}

.sit-margin-negative-r-1 {
  margin-right: -0.3125rem;
}

.sit-section-inner-vertical-spaced-margin-1 > * + * {
  margin-top: 0.3125rem;
}

.sit-section-inner-vertical-spaced-padding-1 > * + * {
  padding-top: 0.3125rem;
}

.sit-section-inner-horizontal-spaced-margin-1 > * + * {
  margin-left: 0.3125rem;
}

.sit-section-inner-horizontal-spaced-padding-1 > * + * {
  padding-left: 0.3125rem;
}

.sit-gap-2 {
  gap: 0.625rem;
}

.sit-margin-2 {
  margin: 0.625rem;
}

.sit-padding-2 {
  padding: 0.625rem;
}

.sit-margin-h-2 {
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}

.sit-padding-h-2 {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.sit-margin-v-2 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.sit-padding-v-2 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.sit-margin-h-r-l-2 {
  margin: 0 0.625rem;
}

.sit-padding-h-r-l-2 {
  padding: 0 0.625rem;
}

.sit-margin-v-t-b-2 {
  margin: 0.625rem 0;
}

.sit-padding-v-t-b-2 {
  padding: 0.625rem 0;
}

.sit-margin-t-2 {
  margin-top: 0.625rem;
}

.sit-padding-t-2 {
  padding-top: 0.625rem;
}

.sit-margin-negative-t-2 {
  margin-top: -0.625rem;
}

.sit-margin-b-2 {
  margin-bottom: 0.625rem;
}

.sit-padding-b-2 {
  padding-bottom: 0.625rem;
}

.sit-margin-negative-b-2 {
  margin-bottom: -0.625rem;
}

.sit-margin-l-2 {
  margin-left: 0.625rem;
}

.sit-padding-l-2 {
  padding-left: 0.625rem;
}

.sit-margin-negative-l-2 {
  margin-left: -0.625rem;
}

.sit-margin-r-2 {
  margin-right: 0.625rem;
}

.sit-padding-r-2 {
  padding-right: 0.625rem;
}

.sit-margin-negative-r-2 {
  margin-right: -0.625rem;
}

.sit-section-inner-vertical-spaced-margin-2 > * + * {
  margin-top: 0.625rem;
}

.sit-section-inner-vertical-spaced-padding-2 > * + * {
  padding-top: 0.625rem;
}

.sit-section-inner-horizontal-spaced-margin-2 > * + * {
  margin-left: 0.625rem;
}

.sit-section-inner-horizontal-spaced-padding-2 > * + * {
  padding-left: 0.625rem;
}

.sit-gap-3 {
  gap: 0.9375rem;
}

.sit-margin-3 {
  margin: 0.9375rem;
}

.sit-padding-3 {
  padding: 0.9375rem;
}

.sit-margin-h-3 {
  margin-right: 0.9375rem;
  margin-left: 0.9375rem;
}

.sit-padding-h-3 {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.sit-margin-v-3 {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.sit-padding-v-3 {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.sit-margin-h-r-l-3 {
  margin: 0 0.9375rem;
}

.sit-padding-h-r-l-3 {
  padding: 0 0.9375rem;
}

.sit-margin-v-t-b-3 {
  margin: 0.9375rem 0;
}

.sit-padding-v-t-b-3 {
  padding: 0.9375rem 0;
}

.sit-margin-t-3 {
  margin-top: 0.9375rem;
}

.sit-padding-t-3 {
  padding-top: 0.9375rem;
}

.sit-margin-negative-t-3 {
  margin-top: -0.9375rem;
}

.sit-margin-b-3 {
  margin-bottom: 0.9375rem;
}

.sit-padding-b-3 {
  padding-bottom: 0.9375rem;
}

.sit-margin-negative-b-3 {
  margin-bottom: -0.9375rem;
}

.sit-margin-l-3 {
  margin-left: 0.9375rem;
}

.sit-padding-l-3 {
  padding-left: 0.9375rem;
}

.sit-margin-negative-l-3 {
  margin-left: -0.9375rem;
}

.sit-margin-r-3 {
  margin-right: 0.9375rem;
}

.sit-padding-r-3 {
  padding-right: 0.9375rem;
}

.sit-margin-negative-r-3 {
  margin-right: -0.9375rem;
}

.sit-section-inner-vertical-spaced-margin-3 > * + * {
  margin-top: 0.9375rem;
}

.sit-section-inner-vertical-spaced-padding-3 > * + * {
  padding-top: 0.9375rem;
}

.sit-section-inner-horizontal-spaced-margin-3 > * + * {
  margin-left: 0.9375rem;
}

.sit-section-inner-horizontal-spaced-padding-3 > * + * {
  padding-left: 0.9375rem;
}

.sit-gap-4 {
  gap: 1.25rem;
}

.sit-margin-4 {
  margin: 1.25rem;
}

.sit-padding-4 {
  padding: 1.25rem;
}

.sit-margin-h-4 {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}

.sit-padding-h-4 {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.sit-margin-v-4 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.sit-padding-v-4 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.sit-margin-h-r-l-4 {
  margin: 0 1.25rem;
}

.sit-padding-h-r-l-4 {
  padding: 0 1.25rem;
}

.sit-margin-v-t-b-4 {
  margin: 1.25rem 0;
}

.sit-padding-v-t-b-4 {
  padding: 1.25rem 0;
}

.sit-margin-t-4 {
  margin-top: 1.25rem;
}

.sit-padding-t-4 {
  padding-top: 1.25rem;
}

.sit-margin-negative-t-4 {
  margin-top: -1.25rem;
}

.sit-margin-b-4 {
  margin-bottom: 1.25rem;
}

.sit-padding-b-4 {
  padding-bottom: 1.25rem;
}

.sit-margin-negative-b-4 {
  margin-bottom: -1.25rem;
}

.sit-margin-l-4 {
  margin-left: 1.25rem;
}

.sit-padding-l-4 {
  padding-left: 1.25rem;
}

.sit-margin-negative-l-4 {
  margin-left: -1.25rem;
}

.sit-margin-r-4 {
  margin-right: 1.25rem;
}

.sit-padding-r-4 {
  padding-right: 1.25rem;
}

.sit-margin-negative-r-4 {
  margin-right: -1.25rem;
}

.sit-section-inner-vertical-spaced-margin-4 > * + * {
  margin-top: 1.25rem;
}

.sit-section-inner-vertical-spaced-padding-4 > * + * {
  padding-top: 1.25rem;
}

.sit-section-inner-horizontal-spaced-margin-4 > * + * {
  margin-left: 1.25rem;
}

.sit-section-inner-horizontal-spaced-padding-4 > * + * {
  padding-left: 1.25rem;
}

.sit-gap-5 {
  gap: 1.5625rem;
}

.sit-margin-5 {
  margin: 1.5625rem;
}

.sit-padding-5 {
  padding: 1.5625rem;
}

.sit-margin-h-5 {
  margin-right: 1.5625rem;
  margin-left: 1.5625rem;
}

.sit-padding-h-5 {
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
}

.sit-margin-v-5 {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.sit-padding-v-5 {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.sit-margin-h-r-l-5 {
  margin: 0 1.5625rem;
}

.sit-padding-h-r-l-5 {
  padding: 0 1.5625rem;
}

.sit-margin-v-t-b-5 {
  margin: 1.5625rem 0;
}

.sit-padding-v-t-b-5 {
  padding: 1.5625rem 0;
}

.sit-margin-t-5 {
  margin-top: 1.5625rem;
}

.sit-padding-t-5 {
  padding-top: 1.5625rem;
}

.sit-margin-negative-t-5 {
  margin-top: -1.5625rem;
}

.sit-margin-b-5 {
  margin-bottom: 1.5625rem;
}

.sit-padding-b-5 {
  padding-bottom: 1.5625rem;
}

.sit-margin-negative-b-5 {
  margin-bottom: -1.5625rem;
}

.sit-margin-l-5 {
  margin-left: 1.5625rem;
}

.sit-padding-l-5 {
  padding-left: 1.5625rem;
}

.sit-margin-negative-l-5 {
  margin-left: -1.5625rem;
}

.sit-margin-r-5 {
  margin-right: 1.5625rem;
}

.sit-padding-r-5 {
  padding-right: 1.5625rem;
}

.sit-margin-negative-r-5 {
  margin-right: -1.5625rem;
}

.sit-section-inner-vertical-spaced-margin-5 > * + * {
  margin-top: 1.5625rem;
}

.sit-section-inner-vertical-spaced-padding-5 > * + * {
  padding-top: 1.5625rem;
}

.sit-section-inner-horizontal-spaced-margin-5 > * + * {
  margin-left: 1.5625rem;
}

.sit-section-inner-horizontal-spaced-padding-5 > * + * {
  padding-left: 1.5625rem;
}

.sit-gap-6 {
  gap: 1.875rem;
}

.sit-margin-6 {
  margin: 1.875rem;
}

.sit-padding-6 {
  padding: 1.875rem;
}

.sit-margin-h-6 {
  margin-right: 1.875rem;
  margin-left: 1.875rem;
}

.sit-padding-h-6 {
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}

.sit-margin-v-6 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.sit-padding-v-6 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.sit-margin-h-r-l-6 {
  margin: 0 1.875rem;
}

.sit-padding-h-r-l-6 {
  padding: 0 1.875rem;
}

.sit-margin-v-t-b-6 {
  margin: 1.875rem 0;
}

.sit-padding-v-t-b-6 {
  padding: 1.875rem 0;
}

.sit-margin-t-6 {
  margin-top: 1.875rem;
}

.sit-padding-t-6 {
  padding-top: 1.875rem;
}

.sit-margin-negative-t-6 {
  margin-top: -1.875rem;
}

.sit-margin-b-6 {
  margin-bottom: 1.875rem;
}

.sit-padding-b-6 {
  padding-bottom: 1.875rem;
}

.sit-margin-negative-b-6 {
  margin-bottom: -1.875rem;
}

.sit-margin-l-6 {
  margin-left: 1.875rem;
}

.sit-padding-l-6 {
  padding-left: 1.875rem;
}

.sit-margin-negative-l-6 {
  margin-left: -1.875rem;
}

.sit-margin-r-6 {
  margin-right: 1.875rem;
}

.sit-padding-r-6 {
  padding-right: 1.875rem;
}

.sit-margin-negative-r-6 {
  margin-right: -1.875rem;
}

.sit-section-inner-vertical-spaced-margin-6 > * + * {
  margin-top: 1.875rem;
}

.sit-section-inner-vertical-spaced-padding-6 > * + * {
  padding-top: 1.875rem;
}

.sit-section-inner-horizontal-spaced-margin-6 > * + * {
  margin-left: 1.875rem;
}

.sit-section-inner-horizontal-spaced-padding-6 > * + * {
  padding-left: 1.875rem;
}

.sit-gap-7 {
  gap: 2.1875rem;
}

.sit-margin-7 {
  margin: 2.1875rem;
}

.sit-padding-7 {
  padding: 2.1875rem;
}

.sit-margin-h-7 {
  margin-right: 2.1875rem;
  margin-left: 2.1875rem;
}

.sit-padding-h-7 {
  padding-right: 2.1875rem;
  padding-left: 2.1875rem;
}

.sit-margin-v-7 {
  margin-top: 2.1875rem;
  margin-bottom: 2.1875rem;
}

.sit-padding-v-7 {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}

.sit-margin-h-r-l-7 {
  margin: 0 2.1875rem;
}

.sit-padding-h-r-l-7 {
  padding: 0 2.1875rem;
}

.sit-margin-v-t-b-7 {
  margin: 2.1875rem 0;
}

.sit-padding-v-t-b-7 {
  padding: 2.1875rem 0;
}

.sit-margin-t-7 {
  margin-top: 2.1875rem;
}

.sit-padding-t-7 {
  padding-top: 2.1875rem;
}

.sit-margin-negative-t-7 {
  margin-top: -2.1875rem;
}

.sit-margin-b-7 {
  margin-bottom: 2.1875rem;
}

.sit-padding-b-7 {
  padding-bottom: 2.1875rem;
}

.sit-margin-negative-b-7 {
  margin-bottom: -2.1875rem;
}

.sit-margin-l-7 {
  margin-left: 2.1875rem;
}

.sit-padding-l-7 {
  padding-left: 2.1875rem;
}

.sit-margin-negative-l-7 {
  margin-left: -2.1875rem;
}

.sit-margin-r-7 {
  margin-right: 2.1875rem;
}

.sit-padding-r-7 {
  padding-right: 2.1875rem;
}

.sit-margin-negative-r-7 {
  margin-right: -2.1875rem;
}

.sit-section-inner-vertical-spaced-margin-7 > * + * {
  margin-top: 2.1875rem;
}

.sit-section-inner-vertical-spaced-padding-7 > * + * {
  padding-top: 2.1875rem;
}

.sit-section-inner-horizontal-spaced-margin-7 > * + * {
  margin-left: 2.1875rem;
}

.sit-section-inner-horizontal-spaced-padding-7 > * + * {
  padding-left: 2.1875rem;
}

.sit-gap-8 {
  gap: 2.5rem;
}

.sit-margin-8 {
  margin: 2.5rem;
}

.sit-padding-8 {
  padding: 2.5rem;
}

.sit-margin-h-8 {
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}

.sit-padding-h-8 {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.sit-margin-v-8 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.sit-padding-v-8 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.sit-margin-h-r-l-8 {
  margin: 0 2.5rem;
}

.sit-padding-h-r-l-8 {
  padding: 0 2.5rem;
}

.sit-margin-v-t-b-8 {
  margin: 2.5rem 0;
}

.sit-padding-v-t-b-8 {
  padding: 2.5rem 0;
}

.sit-margin-t-8 {
  margin-top: 2.5rem;
}

.sit-padding-t-8 {
  padding-top: 2.5rem;
}

.sit-margin-negative-t-8 {
  margin-top: -2.5rem;
}

.sit-margin-b-8 {
  margin-bottom: 2.5rem;
}

.sit-padding-b-8 {
  padding-bottom: 2.5rem;
}

.sit-margin-negative-b-8 {
  margin-bottom: -2.5rem;
}

.sit-margin-l-8 {
  margin-left: 2.5rem;
}

.sit-padding-l-8 {
  padding-left: 2.5rem;
}

.sit-margin-negative-l-8 {
  margin-left: -2.5rem;
}

.sit-margin-r-8 {
  margin-right: 2.5rem;
}

.sit-padding-r-8 {
  padding-right: 2.5rem;
}

.sit-margin-negative-r-8 {
  margin-right: -2.5rem;
}

.sit-section-inner-vertical-spaced-margin-8 > * + * {
  margin-top: 2.5rem;
}

.sit-section-inner-vertical-spaced-padding-8 > * + * {
  padding-top: 2.5rem;
}

.sit-section-inner-horizontal-spaced-margin-8 > * + * {
  margin-left: 2.5rem;
}

.sit-section-inner-horizontal-spaced-padding-8 > * + * {
  padding-left: 2.5rem;
}

.sit-gap-9 {
  gap: 2.8125rem;
}

.sit-margin-9 {
  margin: 2.8125rem;
}

.sit-padding-9 {
  padding: 2.8125rem;
}

.sit-margin-h-9 {
  margin-right: 2.8125rem;
  margin-left: 2.8125rem;
}

.sit-padding-h-9 {
  padding-right: 2.8125rem;
  padding-left: 2.8125rem;
}

.sit-margin-v-9 {
  margin-top: 2.8125rem;
  margin-bottom: 2.8125rem;
}

.sit-padding-v-9 {
  padding-top: 2.8125rem;
  padding-bottom: 2.8125rem;
}

.sit-margin-h-r-l-9 {
  margin: 0 2.8125rem;
}

.sit-padding-h-r-l-9 {
  padding: 0 2.8125rem;
}

.sit-margin-v-t-b-9 {
  margin: 2.8125rem 0;
}

.sit-padding-v-t-b-9 {
  padding: 2.8125rem 0;
}

.sit-margin-t-9 {
  margin-top: 2.8125rem;
}

.sit-padding-t-9 {
  padding-top: 2.8125rem;
}

.sit-margin-negative-t-9 {
  margin-top: -2.8125rem;
}

.sit-margin-b-9 {
  margin-bottom: 2.8125rem;
}

.sit-padding-b-9 {
  padding-bottom: 2.8125rem;
}

.sit-margin-negative-b-9 {
  margin-bottom: -2.8125rem;
}

.sit-margin-l-9 {
  margin-left: 2.8125rem;
}

.sit-padding-l-9 {
  padding-left: 2.8125rem;
}

.sit-margin-negative-l-9 {
  margin-left: -2.8125rem;
}

.sit-margin-r-9 {
  margin-right: 2.8125rem;
}

.sit-padding-r-9 {
  padding-right: 2.8125rem;
}

.sit-margin-negative-r-9 {
  margin-right: -2.8125rem;
}

.sit-section-inner-vertical-spaced-margin-9 > * + * {
  margin-top: 2.8125rem;
}

.sit-section-inner-vertical-spaced-padding-9 > * + * {
  padding-top: 2.8125rem;
}

.sit-section-inner-horizontal-spaced-margin-9 > * + * {
  margin-left: 2.8125rem;
}

.sit-section-inner-horizontal-spaced-padding-9 > * + * {
  padding-left: 2.8125rem;
}

.sit-gap-10 {
  gap: 3.125rem;
}

.sit-margin-10 {
  margin: 3.125rem;
}

.sit-padding-10 {
  padding: 3.125rem;
}

.sit-margin-h-10 {
  margin-right: 3.125rem;
  margin-left: 3.125rem;
}

.sit-padding-h-10 {
  padding-right: 3.125rem;
  padding-left: 3.125rem;
}

.sit-margin-v-10 {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}

.sit-padding-v-10 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.sit-margin-h-r-l-10 {
  margin: 0 3.125rem;
}

.sit-padding-h-r-l-10 {
  padding: 0 3.125rem;
}

.sit-margin-v-t-b-10 {
  margin: 3.125rem 0;
}

.sit-padding-v-t-b-10 {
  padding: 3.125rem 0;
}

.sit-margin-t-10 {
  margin-top: 3.125rem;
}

.sit-padding-t-10 {
  padding-top: 3.125rem;
}

.sit-margin-negative-t-10 {
  margin-top: -3.125rem;
}

.sit-margin-b-10 {
  margin-bottom: 3.125rem;
}

.sit-padding-b-10 {
  padding-bottom: 3.125rem;
}

.sit-margin-negative-b-10 {
  margin-bottom: -3.125rem;
}

.sit-margin-l-10 {
  margin-left: 3.125rem;
}

.sit-padding-l-10 {
  padding-left: 3.125rem;
}

.sit-margin-negative-l-10 {
  margin-left: -3.125rem;
}

.sit-margin-r-10 {
  margin-right: 3.125rem;
}

.sit-padding-r-10 {
  padding-right: 3.125rem;
}

.sit-margin-negative-r-10 {
  margin-right: -3.125rem;
}

.sit-section-inner-vertical-spaced-margin-10 > * + * {
  margin-top: 3.125rem;
}

.sit-section-inner-vertical-spaced-padding-10 > * + * {
  padding-top: 3.125rem;
}

.sit-section-inner-horizontal-spaced-margin-10 > * + * {
  margin-left: 3.125rem;
}

.sit-section-inner-horizontal-spaced-padding-10 > * + * {
  padding-left: 3.125rem;
}

.sit-gap-11 {
  gap: 3.4375rem;
}

.sit-margin-11 {
  margin: 3.4375rem;
}

.sit-padding-11 {
  padding: 3.4375rem;
}

.sit-margin-h-11 {
  margin-right: 3.4375rem;
  margin-left: 3.4375rem;
}

.sit-padding-h-11 {
  padding-right: 3.4375rem;
  padding-left: 3.4375rem;
}

.sit-margin-v-11 {
  margin-top: 3.4375rem;
  margin-bottom: 3.4375rem;
}

.sit-padding-v-11 {
  padding-top: 3.4375rem;
  padding-bottom: 3.4375rem;
}

.sit-margin-h-r-l-11 {
  margin: 0 3.4375rem;
}

.sit-padding-h-r-l-11 {
  padding: 0 3.4375rem;
}

.sit-margin-v-t-b-11 {
  margin: 3.4375rem 0;
}

.sit-padding-v-t-b-11 {
  padding: 3.4375rem 0;
}

.sit-margin-t-11 {
  margin-top: 3.4375rem;
}

.sit-padding-t-11 {
  padding-top: 3.4375rem;
}

.sit-margin-negative-t-11 {
  margin-top: -3.4375rem;
}

.sit-margin-b-11 {
  margin-bottom: 3.4375rem;
}

.sit-padding-b-11 {
  padding-bottom: 3.4375rem;
}

.sit-margin-negative-b-11 {
  margin-bottom: -3.4375rem;
}

.sit-margin-l-11 {
  margin-left: 3.4375rem;
}

.sit-padding-l-11 {
  padding-left: 3.4375rem;
}

.sit-margin-negative-l-11 {
  margin-left: -3.4375rem;
}

.sit-margin-r-11 {
  margin-right: 3.4375rem;
}

.sit-padding-r-11 {
  padding-right: 3.4375rem;
}

.sit-margin-negative-r-11 {
  margin-right: -3.4375rem;
}

.sit-section-inner-vertical-spaced-margin-11 > * + * {
  margin-top: 3.4375rem;
}

.sit-section-inner-vertical-spaced-padding-11 > * + * {
  padding-top: 3.4375rem;
}

.sit-section-inner-horizontal-spaced-margin-11 > * + * {
  margin-left: 3.4375rem;
}

.sit-section-inner-horizontal-spaced-padding-11 > * + * {
  padding-left: 3.4375rem;
}

.sit-gap-12 {
  gap: 3.75rem;
}

.sit-margin-12 {
  margin: 3.75rem;
}

.sit-padding-12 {
  padding: 3.75rem;
}

.sit-margin-h-12 {
  margin-right: 3.75rem;
  margin-left: 3.75rem;
}

.sit-padding-h-12 {
  padding-right: 3.75rem;
  padding-left: 3.75rem;
}

.sit-margin-v-12 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.sit-padding-v-12 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.sit-margin-h-r-l-12 {
  margin: 0 3.75rem;
}

.sit-padding-h-r-l-12 {
  padding: 0 3.75rem;
}

.sit-margin-v-t-b-12 {
  margin: 3.75rem 0;
}

.sit-padding-v-t-b-12 {
  padding: 3.75rem 0;
}

.sit-margin-t-12 {
  margin-top: 3.75rem;
}

.sit-padding-t-12 {
  padding-top: 3.75rem;
}

.sit-margin-negative-t-12 {
  margin-top: -3.75rem;
}

.sit-margin-b-12 {
  margin-bottom: 3.75rem;
}

.sit-padding-b-12 {
  padding-bottom: 3.75rem;
}

.sit-margin-negative-b-12 {
  margin-bottom: -3.75rem;
}

.sit-margin-l-12 {
  margin-left: 3.75rem;
}

.sit-padding-l-12 {
  padding-left: 3.75rem;
}

.sit-margin-negative-l-12 {
  margin-left: -3.75rem;
}

.sit-margin-r-12 {
  margin-right: 3.75rem;
}

.sit-padding-r-12 {
  padding-right: 3.75rem;
}

.sit-margin-negative-r-12 {
  margin-right: -3.75rem;
}

.sit-section-inner-vertical-spaced-margin-12 > * + * {
  margin-top: 3.75rem;
}

.sit-section-inner-vertical-spaced-padding-12 > * + * {
  padding-top: 3.75rem;
}

.sit-section-inner-horizontal-spaced-margin-12 > * + * {
  margin-left: 3.75rem;
}

.sit-section-inner-horizontal-spaced-padding-12 > * + * {
  padding-left: 3.75rem;
}

.sit-gap-13 {
  gap: 4.0625rem;
}

.sit-margin-13 {
  margin: 4.0625rem;
}

.sit-padding-13 {
  padding: 4.0625rem;
}

.sit-margin-h-13 {
  margin-right: 4.0625rem;
  margin-left: 4.0625rem;
}

.sit-padding-h-13 {
  padding-right: 4.0625rem;
  padding-left: 4.0625rem;
}

.sit-margin-v-13 {
  margin-top: 4.0625rem;
  margin-bottom: 4.0625rem;
}

.sit-padding-v-13 {
  padding-top: 4.0625rem;
  padding-bottom: 4.0625rem;
}

.sit-margin-h-r-l-13 {
  margin: 0 4.0625rem;
}

.sit-padding-h-r-l-13 {
  padding: 0 4.0625rem;
}

.sit-margin-v-t-b-13 {
  margin: 4.0625rem 0;
}

.sit-padding-v-t-b-13 {
  padding: 4.0625rem 0;
}

.sit-margin-t-13 {
  margin-top: 4.0625rem;
}

.sit-padding-t-13 {
  padding-top: 4.0625rem;
}

.sit-margin-negative-t-13 {
  margin-top: -4.0625rem;
}

.sit-margin-b-13 {
  margin-bottom: 4.0625rem;
}

.sit-padding-b-13 {
  padding-bottom: 4.0625rem;
}

.sit-margin-negative-b-13 {
  margin-bottom: -4.0625rem;
}

.sit-margin-l-13 {
  margin-left: 4.0625rem;
}

.sit-padding-l-13 {
  padding-left: 4.0625rem;
}

.sit-margin-negative-l-13 {
  margin-left: -4.0625rem;
}

.sit-margin-r-13 {
  margin-right: 4.0625rem;
}

.sit-padding-r-13 {
  padding-right: 4.0625rem;
}

.sit-margin-negative-r-13 {
  margin-right: -4.0625rem;
}

.sit-section-inner-vertical-spaced-margin-13 > * + * {
  margin-top: 4.0625rem;
}

.sit-section-inner-vertical-spaced-padding-13 > * + * {
  padding-top: 4.0625rem;
}

.sit-section-inner-horizontal-spaced-margin-13 > * + * {
  margin-left: 4.0625rem;
}

.sit-section-inner-horizontal-spaced-padding-13 > * + * {
  padding-left: 4.0625rem;
}

.sit-gap-14 {
  gap: 4.375rem;
}

.sit-margin-14 {
  margin: 4.375rem;
}

.sit-padding-14 {
  padding: 4.375rem;
}

.sit-margin-h-14 {
  margin-right: 4.375rem;
  margin-left: 4.375rem;
}

.sit-padding-h-14 {
  padding-right: 4.375rem;
  padding-left: 4.375rem;
}

.sit-margin-v-14 {
  margin-top: 4.375rem;
  margin-bottom: 4.375rem;
}

.sit-padding-v-14 {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}

.sit-margin-h-r-l-14 {
  margin: 0 4.375rem;
}

.sit-padding-h-r-l-14 {
  padding: 0 4.375rem;
}

.sit-margin-v-t-b-14 {
  margin: 4.375rem 0;
}

.sit-padding-v-t-b-14 {
  padding: 4.375rem 0;
}

.sit-margin-t-14 {
  margin-top: 4.375rem;
}

.sit-padding-t-14 {
  padding-top: 4.375rem;
}

.sit-margin-negative-t-14 {
  margin-top: -4.375rem;
}

.sit-margin-b-14 {
  margin-bottom: 4.375rem;
}

.sit-padding-b-14 {
  padding-bottom: 4.375rem;
}

.sit-margin-negative-b-14 {
  margin-bottom: -4.375rem;
}

.sit-margin-l-14 {
  margin-left: 4.375rem;
}

.sit-padding-l-14 {
  padding-left: 4.375rem;
}

.sit-margin-negative-l-14 {
  margin-left: -4.375rem;
}

.sit-margin-r-14 {
  margin-right: 4.375rem;
}

.sit-padding-r-14 {
  padding-right: 4.375rem;
}

.sit-margin-negative-r-14 {
  margin-right: -4.375rem;
}

.sit-section-inner-vertical-spaced-margin-14 > * + * {
  margin-top: 4.375rem;
}

.sit-section-inner-vertical-spaced-padding-14 > * + * {
  padding-top: 4.375rem;
}

.sit-section-inner-horizontal-spaced-margin-14 > * + * {
  margin-left: 4.375rem;
}

.sit-section-inner-horizontal-spaced-padding-14 > * + * {
  padding-left: 4.375rem;
}

.sit-gap-15 {
  gap: 4.6875rem;
}

.sit-margin-15 {
  margin: 4.6875rem;
}

.sit-padding-15 {
  padding: 4.6875rem;
}

.sit-margin-h-15 {
  margin-right: 4.6875rem;
  margin-left: 4.6875rem;
}

.sit-padding-h-15 {
  padding-right: 4.6875rem;
  padding-left: 4.6875rem;
}

.sit-margin-v-15 {
  margin-top: 4.6875rem;
  margin-bottom: 4.6875rem;
}

.sit-padding-v-15 {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
}

.sit-margin-h-r-l-15 {
  margin: 0 4.6875rem;
}

.sit-padding-h-r-l-15 {
  padding: 0 4.6875rem;
}

.sit-margin-v-t-b-15 {
  margin: 4.6875rem 0;
}

.sit-padding-v-t-b-15 {
  padding: 4.6875rem 0;
}

.sit-margin-t-15 {
  margin-top: 4.6875rem;
}

.sit-padding-t-15 {
  padding-top: 4.6875rem;
}

.sit-margin-negative-t-15 {
  margin-top: -4.6875rem;
}

.sit-margin-b-15 {
  margin-bottom: 4.6875rem;
}

.sit-padding-b-15 {
  padding-bottom: 4.6875rem;
}

.sit-margin-negative-b-15 {
  margin-bottom: -4.6875rem;
}

.sit-margin-l-15 {
  margin-left: 4.6875rem;
}

.sit-padding-l-15 {
  padding-left: 4.6875rem;
}

.sit-margin-negative-l-15 {
  margin-left: -4.6875rem;
}

.sit-margin-r-15 {
  margin-right: 4.6875rem;
}

.sit-padding-r-15 {
  padding-right: 4.6875rem;
}

.sit-margin-negative-r-15 {
  margin-right: -4.6875rem;
}

.sit-section-inner-vertical-spaced-margin-15 > * + * {
  margin-top: 4.6875rem;
}

.sit-section-inner-vertical-spaced-padding-15 > * + * {
  padding-top: 4.6875rem;
}

.sit-section-inner-horizontal-spaced-margin-15 > * + * {
  margin-left: 4.6875rem;
}

.sit-section-inner-horizontal-spaced-padding-15 > * + * {
  padding-left: 4.6875rem;
}

.sit-gap-16 {
  gap: 5rem;
}

.sit-margin-16 {
  margin: 5rem;
}

.sit-padding-16 {
  padding: 5rem;
}

.sit-margin-h-16 {
  margin-right: 5rem;
  margin-left: 5rem;
}

.sit-padding-h-16 {
  padding-right: 5rem;
  padding-left: 5rem;
}

.sit-margin-v-16 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.sit-padding-v-16 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.sit-margin-h-r-l-16 {
  margin: 0 5rem;
}

.sit-padding-h-r-l-16 {
  padding: 0 5rem;
}

.sit-margin-v-t-b-16 {
  margin: 5rem 0;
}

.sit-padding-v-t-b-16 {
  padding: 5rem 0;
}

.sit-margin-t-16 {
  margin-top: 5rem;
}

.sit-padding-t-16 {
  padding-top: 5rem;
}

.sit-margin-negative-t-16 {
  margin-top: -5rem;
}

.sit-margin-b-16 {
  margin-bottom: 5rem;
}

.sit-padding-b-16 {
  padding-bottom: 5rem;
}

.sit-margin-negative-b-16 {
  margin-bottom: -5rem;
}

.sit-margin-l-16 {
  margin-left: 5rem;
}

.sit-padding-l-16 {
  padding-left: 5rem;
}

.sit-margin-negative-l-16 {
  margin-left: -5rem;
}

.sit-margin-r-16 {
  margin-right: 5rem;
}

.sit-padding-r-16 {
  padding-right: 5rem;
}

.sit-margin-negative-r-16 {
  margin-right: -5rem;
}

.sit-section-inner-vertical-spaced-margin-16 > * + * {
  margin-top: 5rem;
}

.sit-section-inner-vertical-spaced-padding-16 > * + * {
  padding-top: 5rem;
}

.sit-section-inner-horizontal-spaced-margin-16 > * + * {
  margin-left: 5rem;
}

.sit-section-inner-horizontal-spaced-padding-16 > * + * {
  padding-left: 5rem;
}

.sit-gap-17 {
  gap: 5.3125rem;
}

.sit-margin-17 {
  margin: 5.3125rem;
}

.sit-padding-17 {
  padding: 5.3125rem;
}

.sit-margin-h-17 {
  margin-right: 5.3125rem;
  margin-left: 5.3125rem;
}

.sit-padding-h-17 {
  padding-right: 5.3125rem;
  padding-left: 5.3125rem;
}

.sit-margin-v-17 {
  margin-top: 5.3125rem;
  margin-bottom: 5.3125rem;
}

.sit-padding-v-17 {
  padding-top: 5.3125rem;
  padding-bottom: 5.3125rem;
}

.sit-margin-h-r-l-17 {
  margin: 0 5.3125rem;
}

.sit-padding-h-r-l-17 {
  padding: 0 5.3125rem;
}

.sit-margin-v-t-b-17 {
  margin: 5.3125rem 0;
}

.sit-padding-v-t-b-17 {
  padding: 5.3125rem 0;
}

.sit-margin-t-17 {
  margin-top: 5.3125rem;
}

.sit-padding-t-17 {
  padding-top: 5.3125rem;
}

.sit-margin-negative-t-17 {
  margin-top: -5.3125rem;
}

.sit-margin-b-17 {
  margin-bottom: 5.3125rem;
}

.sit-padding-b-17 {
  padding-bottom: 5.3125rem;
}

.sit-margin-negative-b-17 {
  margin-bottom: -5.3125rem;
}

.sit-margin-l-17 {
  margin-left: 5.3125rem;
}

.sit-padding-l-17 {
  padding-left: 5.3125rem;
}

.sit-margin-negative-l-17 {
  margin-left: -5.3125rem;
}

.sit-margin-r-17 {
  margin-right: 5.3125rem;
}

.sit-padding-r-17 {
  padding-right: 5.3125rem;
}

.sit-margin-negative-r-17 {
  margin-right: -5.3125rem;
}

.sit-section-inner-vertical-spaced-margin-17 > * + * {
  margin-top: 5.3125rem;
}

.sit-section-inner-vertical-spaced-padding-17 > * + * {
  padding-top: 5.3125rem;
}

.sit-section-inner-horizontal-spaced-margin-17 > * + * {
  margin-left: 5.3125rem;
}

.sit-section-inner-horizontal-spaced-padding-17 > * + * {
  padding-left: 5.3125rem;
}

.sit-gap-18 {
  gap: 5.625rem;
}

.sit-margin-18 {
  margin: 5.625rem;
}

.sit-padding-18 {
  padding: 5.625rem;
}

.sit-margin-h-18 {
  margin-right: 5.625rem;
  margin-left: 5.625rem;
}

.sit-padding-h-18 {
  padding-right: 5.625rem;
  padding-left: 5.625rem;
}

.sit-margin-v-18 {
  margin-top: 5.625rem;
  margin-bottom: 5.625rem;
}

.sit-padding-v-18 {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
}

.sit-margin-h-r-l-18 {
  margin: 0 5.625rem;
}

.sit-padding-h-r-l-18 {
  padding: 0 5.625rem;
}

.sit-margin-v-t-b-18 {
  margin: 5.625rem 0;
}

.sit-padding-v-t-b-18 {
  padding: 5.625rem 0;
}

.sit-margin-t-18 {
  margin-top: 5.625rem;
}

.sit-padding-t-18 {
  padding-top: 5.625rem;
}

.sit-margin-negative-t-18 {
  margin-top: -5.625rem;
}

.sit-margin-b-18 {
  margin-bottom: 5.625rem;
}

.sit-padding-b-18 {
  padding-bottom: 5.625rem;
}

.sit-margin-negative-b-18 {
  margin-bottom: -5.625rem;
}

.sit-margin-l-18 {
  margin-left: 5.625rem;
}

.sit-padding-l-18 {
  padding-left: 5.625rem;
}

.sit-margin-negative-l-18 {
  margin-left: -5.625rem;
}

.sit-margin-r-18 {
  margin-right: 5.625rem;
}

.sit-padding-r-18 {
  padding-right: 5.625rem;
}

.sit-margin-negative-r-18 {
  margin-right: -5.625rem;
}

.sit-section-inner-vertical-spaced-margin-18 > * + * {
  margin-top: 5.625rem;
}

.sit-section-inner-vertical-spaced-padding-18 > * + * {
  padding-top: 5.625rem;
}

.sit-section-inner-horizontal-spaced-margin-18 > * + * {
  margin-left: 5.625rem;
}

.sit-section-inner-horizontal-spaced-padding-18 > * + * {
  padding-left: 5.625rem;
}

.sit-gap-19 {
  gap: 5.9375rem;
}

.sit-margin-19 {
  margin: 5.9375rem;
}

.sit-padding-19 {
  padding: 5.9375rem;
}

.sit-margin-h-19 {
  margin-right: 5.9375rem;
  margin-left: 5.9375rem;
}

.sit-padding-h-19 {
  padding-right: 5.9375rem;
  padding-left: 5.9375rem;
}

.sit-margin-v-19 {
  margin-top: 5.9375rem;
  margin-bottom: 5.9375rem;
}

.sit-padding-v-19 {
  padding-top: 5.9375rem;
  padding-bottom: 5.9375rem;
}

.sit-margin-h-r-l-19 {
  margin: 0 5.9375rem;
}

.sit-padding-h-r-l-19 {
  padding: 0 5.9375rem;
}

.sit-margin-v-t-b-19 {
  margin: 5.9375rem 0;
}

.sit-padding-v-t-b-19 {
  padding: 5.9375rem 0;
}

.sit-margin-t-19 {
  margin-top: 5.9375rem;
}

.sit-padding-t-19 {
  padding-top: 5.9375rem;
}

.sit-margin-negative-t-19 {
  margin-top: -5.9375rem;
}

.sit-margin-b-19 {
  margin-bottom: 5.9375rem;
}

.sit-padding-b-19 {
  padding-bottom: 5.9375rem;
}

.sit-margin-negative-b-19 {
  margin-bottom: -5.9375rem;
}

.sit-margin-l-19 {
  margin-left: 5.9375rem;
}

.sit-padding-l-19 {
  padding-left: 5.9375rem;
}

.sit-margin-negative-l-19 {
  margin-left: -5.9375rem;
}

.sit-margin-r-19 {
  margin-right: 5.9375rem;
}

.sit-padding-r-19 {
  padding-right: 5.9375rem;
}

.sit-margin-negative-r-19 {
  margin-right: -5.9375rem;
}

.sit-section-inner-vertical-spaced-margin-19 > * + * {
  margin-top: 5.9375rem;
}

.sit-section-inner-vertical-spaced-padding-19 > * + * {
  padding-top: 5.9375rem;
}

.sit-section-inner-horizontal-spaced-margin-19 > * + * {
  margin-left: 5.9375rem;
}

.sit-section-inner-horizontal-spaced-padding-19 > * + * {
  padding-left: 5.9375rem;
}

.sit-gap-20 {
  gap: 6.25rem;
}

.sit-margin-20 {
  margin: 6.25rem;
}

.sit-padding-20 {
  padding: 6.25rem;
}

.sit-margin-h-20 {
  margin-right: 6.25rem;
  margin-left: 6.25rem;
}

.sit-padding-h-20 {
  padding-right: 6.25rem;
  padding-left: 6.25rem;
}

.sit-margin-v-20 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.sit-padding-v-20 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.sit-margin-h-r-l-20 {
  margin: 0 6.25rem;
}

.sit-padding-h-r-l-20 {
  padding: 0 6.25rem;
}

.sit-margin-v-t-b-20 {
  margin: 6.25rem 0;
}

.sit-padding-v-t-b-20 {
  padding: 6.25rem 0;
}

.sit-margin-t-20 {
  margin-top: 6.25rem;
}

.sit-padding-t-20 {
  padding-top: 6.25rem;
}

.sit-margin-negative-t-20 {
  margin-top: -6.25rem;
}

.sit-margin-b-20 {
  margin-bottom: 6.25rem;
}

.sit-padding-b-20 {
  padding-bottom: 6.25rem;
}

.sit-margin-negative-b-20 {
  margin-bottom: -6.25rem;
}

.sit-margin-l-20 {
  margin-left: 6.25rem;
}

.sit-padding-l-20 {
  padding-left: 6.25rem;
}

.sit-margin-negative-l-20 {
  margin-left: -6.25rem;
}

.sit-margin-r-20 {
  margin-right: 6.25rem;
}

.sit-padding-r-20 {
  padding-right: 6.25rem;
}

.sit-margin-negative-r-20 {
  margin-right: -6.25rem;
}

.sit-section-inner-vertical-spaced-margin-20 > * + * {
  margin-top: 6.25rem;
}

.sit-section-inner-vertical-spaced-padding-20 > * + * {
  padding-top: 6.25rem;
}

.sit-section-inner-horizontal-spaced-margin-20 > * + * {
  margin-left: 6.25rem;
}

.sit-section-inner-horizontal-spaced-padding-20 > * + * {
  padding-left: 6.25rem;
}

/* AUTO MARGINS */
/* Margin auto for all single directions */
.sit-margin-t-auto {
  margin-top: auto;
}

.sit-margin-b-auto {
  margin-bottom: auto;
}

.sit-margin-l-auto {
  margin-left: auto;
}

.sit-margin-r-auto {
  margin-right: auto;
}

.sit-container {
  /* AUTO MARGINS */
  /* Margin auto for all single directions */
}
.sit-container.sit-gap-0 {
  gap: 0;
}
.sit-container.sit-margin-0 {
  margin: 0;
}
.sit-container.sit-padding-0 {
  padding: 0;
}
.sit-container.sit-margin-h-0 {
  margin-right: 0;
  margin-left: 0;
}
.sit-container.sit-padding-h-0 {
  padding-right: 0;
  padding-left: 0;
}
.sit-container.sit-margin-v-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.sit-container.sit-padding-v-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.sit-container.sit-margin-h-r-l-0 {
  margin: 0 0;
}
.sit-container.sit-padding-h-r-l-0 {
  padding: 0 0;
}
.sit-container.sit-margin-v-t-b-0 {
  margin: 0 0;
}
.sit-container.sit-padding-v-t-b-0 {
  padding: 0 0;
}
.sit-container.sit-margin-t-0 {
  margin-top: 0;
}
.sit-container.sit-padding-t-0 {
  padding-top: 0;
}
.sit-container.sit-margin-negative-t-0 {
  margin-top: -0;
}
.sit-container.sit-margin-b-0 {
  margin-bottom: 0;
}
.sit-container.sit-padding-b-0 {
  padding-bottom: 0;
}
.sit-container.sit-margin-negative-b-0 {
  margin-bottom: -0;
}
.sit-container.sit-margin-l-0 {
  margin-left: 0;
}
.sit-container.sit-padding-l-0 {
  padding-left: 0;
}
.sit-container.sit-margin-negative-l-0 {
  margin-left: -0;
}
.sit-container.sit-margin-r-0 {
  margin-right: 0;
}
.sit-container.sit-padding-r-0 {
  padding-right: 0;
}
.sit-container.sit-margin-negative-r-0 {
  margin-right: -0;
}
.sit-container.sit-section-inner-vertical-spaced-margin-0 > * + * {
  margin-top: 0;
}
.sit-container .sit-section-inner-vertical-spaced-padding-0 > * + * {
  padding-top: 0;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-0 > * + * {
  margin-left: 0;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-0 > * + * {
  padding-left: 0;
}
.sit-container.sit-gap-1 {
  gap: 0.3125rem;
}
.sit-container.sit-margin-1 {
  margin: 0.3125rem;
}
.sit-container.sit-padding-1 {
  padding: 0.3125rem;
}
.sit-container.sit-margin-h-1 {
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
}
.sit-container.sit-padding-h-1 {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}
.sit-container.sit-margin-v-1 {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}
.sit-container.sit-padding-v-1 {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.sit-container.sit-margin-h-r-l-1 {
  margin: 0 0.3125rem;
}
.sit-container.sit-padding-h-r-l-1 {
  padding: 0 0.3125rem;
}
.sit-container.sit-margin-v-t-b-1 {
  margin: 0.3125rem 0;
}
.sit-container.sit-padding-v-t-b-1 {
  padding: 0.3125rem 0;
}
.sit-container.sit-margin-t-1 {
  margin-top: 0.3125rem;
}
.sit-container.sit-padding-t-1 {
  padding-top: 0.3125rem;
}
.sit-container.sit-margin-negative-t-1 {
  margin-top: -0.3125rem;
}
.sit-container.sit-margin-b-1 {
  margin-bottom: 0.3125rem;
}
.sit-container.sit-padding-b-1 {
  padding-bottom: 0.3125rem;
}
.sit-container.sit-margin-negative-b-1 {
  margin-bottom: -0.3125rem;
}
.sit-container.sit-margin-l-1 {
  margin-left: 0.3125rem;
}
.sit-container.sit-padding-l-1 {
  padding-left: 0.3125rem;
}
.sit-container.sit-margin-negative-l-1 {
  margin-left: -0.3125rem;
}
.sit-container.sit-margin-r-1 {
  margin-right: 0.3125rem;
}
.sit-container.sit-padding-r-1 {
  padding-right: 0.3125rem;
}
.sit-container.sit-margin-negative-r-1 {
  margin-right: -0.3125rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-1 > * + * {
  margin-top: 0.3125rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-1 > * + * {
  padding-top: 0.3125rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-1 > * + * {
  margin-left: 0.3125rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-1 > * + * {
  padding-left: 0.3125rem;
}
.sit-container.sit-gap-2 {
  gap: 0.625rem;
}
.sit-container.sit-margin-2 {
  margin: 0.625rem;
}
.sit-container.sit-padding-2 {
  padding: 0.625rem;
}
.sit-container.sit-margin-h-2 {
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}
.sit-container.sit-padding-h-2 {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.sit-container.sit-margin-v-2 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.sit-container.sit-padding-v-2 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.sit-container.sit-margin-h-r-l-2 {
  margin: 0 0.625rem;
}
.sit-container.sit-padding-h-r-l-2 {
  padding: 0 0.625rem;
}
.sit-container.sit-margin-v-t-b-2 {
  margin: 0.625rem 0;
}
.sit-container.sit-padding-v-t-b-2 {
  padding: 0.625rem 0;
}
.sit-container.sit-margin-t-2 {
  margin-top: 0.625rem;
}
.sit-container.sit-padding-t-2 {
  padding-top: 0.625rem;
}
.sit-container.sit-margin-negative-t-2 {
  margin-top: -0.625rem;
}
.sit-container.sit-margin-b-2 {
  margin-bottom: 0.625rem;
}
.sit-container.sit-padding-b-2 {
  padding-bottom: 0.625rem;
}
.sit-container.sit-margin-negative-b-2 {
  margin-bottom: -0.625rem;
}
.sit-container.sit-margin-l-2 {
  margin-left: 0.625rem;
}
.sit-container.sit-padding-l-2 {
  padding-left: 0.625rem;
}
.sit-container.sit-margin-negative-l-2 {
  margin-left: -0.625rem;
}
.sit-container.sit-margin-r-2 {
  margin-right: 0.625rem;
}
.sit-container.sit-padding-r-2 {
  padding-right: 0.625rem;
}
.sit-container.sit-margin-negative-r-2 {
  margin-right: -0.625rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-2 > * + * {
  margin-top: 0.625rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-2 > * + * {
  padding-top: 0.625rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-2 > * + * {
  margin-left: 0.625rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-2 > * + * {
  padding-left: 0.625rem;
}
.sit-container.sit-gap-3 {
  gap: 0.9375rem;
}
.sit-container.sit-margin-3 {
  margin: 0.9375rem;
}
.sit-container.sit-padding-3 {
  padding: 0.9375rem;
}
.sit-container.sit-margin-h-3 {
  margin-right: 0.9375rem;
  margin-left: 0.9375rem;
}
.sit-container.sit-padding-h-3 {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.sit-container.sit-margin-v-3 {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.sit-container.sit-padding-v-3 {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.sit-container.sit-margin-h-r-l-3 {
  margin: 0 0.9375rem;
}
.sit-container.sit-padding-h-r-l-3 {
  padding: 0 0.9375rem;
}
.sit-container.sit-margin-v-t-b-3 {
  margin: 0.9375rem 0;
}
.sit-container.sit-padding-v-t-b-3 {
  padding: 0.9375rem 0;
}
.sit-container.sit-margin-t-3 {
  margin-top: 0.9375rem;
}
.sit-container.sit-padding-t-3 {
  padding-top: 0.9375rem;
}
.sit-container.sit-margin-negative-t-3 {
  margin-top: -0.9375rem;
}
.sit-container.sit-margin-b-3 {
  margin-bottom: 0.9375rem;
}
.sit-container.sit-padding-b-3 {
  padding-bottom: 0.9375rem;
}
.sit-container.sit-margin-negative-b-3 {
  margin-bottom: -0.9375rem;
}
.sit-container.sit-margin-l-3 {
  margin-left: 0.9375rem;
}
.sit-container.sit-padding-l-3 {
  padding-left: 0.9375rem;
}
.sit-container.sit-margin-negative-l-3 {
  margin-left: -0.9375rem;
}
.sit-container.sit-margin-r-3 {
  margin-right: 0.9375rem;
}
.sit-container.sit-padding-r-3 {
  padding-right: 0.9375rem;
}
.sit-container.sit-margin-negative-r-3 {
  margin-right: -0.9375rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-3 > * + * {
  margin-top: 0.9375rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-3 > * + * {
  padding-top: 0.9375rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-3 > * + * {
  margin-left: 0.9375rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-3 > * + * {
  padding-left: 0.9375rem;
}
.sit-container.sit-gap-4 {
  gap: 1.25rem;
}
.sit-container.sit-margin-4 {
  margin: 1.25rem;
}
.sit-container.sit-padding-4 {
  padding: 1.25rem;
}
.sit-container.sit-margin-h-4 {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
.sit-container.sit-padding-h-4 {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.sit-container.sit-margin-v-4 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.sit-container.sit-padding-v-4 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.sit-container.sit-margin-h-r-l-4 {
  margin: 0 1.25rem;
}
.sit-container.sit-padding-h-r-l-4 {
  padding: 0 1.25rem;
}
.sit-container.sit-margin-v-t-b-4 {
  margin: 1.25rem 0;
}
.sit-container.sit-padding-v-t-b-4 {
  padding: 1.25rem 0;
}
.sit-container.sit-margin-t-4 {
  margin-top: 1.25rem;
}
.sit-container.sit-padding-t-4 {
  padding-top: 1.25rem;
}
.sit-container.sit-margin-negative-t-4 {
  margin-top: -1.25rem;
}
.sit-container.sit-margin-b-4 {
  margin-bottom: 1.25rem;
}
.sit-container.sit-padding-b-4 {
  padding-bottom: 1.25rem;
}
.sit-container.sit-margin-negative-b-4 {
  margin-bottom: -1.25rem;
}
.sit-container.sit-margin-l-4 {
  margin-left: 1.25rem;
}
.sit-container.sit-padding-l-4 {
  padding-left: 1.25rem;
}
.sit-container.sit-margin-negative-l-4 {
  margin-left: -1.25rem;
}
.sit-container.sit-margin-r-4 {
  margin-right: 1.25rem;
}
.sit-container.sit-padding-r-4 {
  padding-right: 1.25rem;
}
.sit-container.sit-margin-negative-r-4 {
  margin-right: -1.25rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-4 > * + * {
  margin-top: 1.25rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-4 > * + * {
  padding-top: 1.25rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-4 > * + * {
  margin-left: 1.25rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-4 > * + * {
  padding-left: 1.25rem;
}
.sit-container.sit-gap-5 {
  gap: 1.5625rem;
}
.sit-container.sit-margin-5 {
  margin: 1.5625rem;
}
.sit-container.sit-padding-5 {
  padding: 1.5625rem;
}
.sit-container.sit-margin-h-5 {
  margin-right: 1.5625rem;
  margin-left: 1.5625rem;
}
.sit-container.sit-padding-h-5 {
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
}
.sit-container.sit-margin-v-5 {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
.sit-container.sit-padding-v-5 {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.sit-container.sit-margin-h-r-l-5 {
  margin: 0 1.5625rem;
}
.sit-container.sit-padding-h-r-l-5 {
  padding: 0 1.5625rem;
}
.sit-container.sit-margin-v-t-b-5 {
  margin: 1.5625rem 0;
}
.sit-container.sit-padding-v-t-b-5 {
  padding: 1.5625rem 0;
}
.sit-container.sit-margin-t-5 {
  margin-top: 1.5625rem;
}
.sit-container.sit-padding-t-5 {
  padding-top: 1.5625rem;
}
.sit-container.sit-margin-negative-t-5 {
  margin-top: -1.5625rem;
}
.sit-container.sit-margin-b-5 {
  margin-bottom: 1.5625rem;
}
.sit-container.sit-padding-b-5 {
  padding-bottom: 1.5625rem;
}
.sit-container.sit-margin-negative-b-5 {
  margin-bottom: -1.5625rem;
}
.sit-container.sit-margin-l-5 {
  margin-left: 1.5625rem;
}
.sit-container.sit-padding-l-5 {
  padding-left: 1.5625rem;
}
.sit-container.sit-margin-negative-l-5 {
  margin-left: -1.5625rem;
}
.sit-container.sit-margin-r-5 {
  margin-right: 1.5625rem;
}
.sit-container.sit-padding-r-5 {
  padding-right: 1.5625rem;
}
.sit-container.sit-margin-negative-r-5 {
  margin-right: -1.5625rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-5 > * + * {
  margin-top: 1.5625rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-5 > * + * {
  padding-top: 1.5625rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-5 > * + * {
  margin-left: 1.5625rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-5 > * + * {
  padding-left: 1.5625rem;
}
.sit-container.sit-gap-6 {
  gap: 1.875rem;
}
.sit-container.sit-margin-6 {
  margin: 1.875rem;
}
.sit-container.sit-padding-6 {
  padding: 1.875rem;
}
.sit-container.sit-margin-h-6 {
  margin-right: 1.875rem;
  margin-left: 1.875rem;
}
.sit-container.sit-padding-h-6 {
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}
.sit-container.sit-margin-v-6 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.sit-container.sit-padding-v-6 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.sit-container.sit-margin-h-r-l-6 {
  margin: 0 1.875rem;
}
.sit-container.sit-padding-h-r-l-6 {
  padding: 0 1.875rem;
}
.sit-container.sit-margin-v-t-b-6 {
  margin: 1.875rem 0;
}
.sit-container.sit-padding-v-t-b-6 {
  padding: 1.875rem 0;
}
.sit-container.sit-margin-t-6 {
  margin-top: 1.875rem;
}
.sit-container.sit-padding-t-6 {
  padding-top: 1.875rem;
}
.sit-container.sit-margin-negative-t-6 {
  margin-top: -1.875rem;
}
.sit-container.sit-margin-b-6 {
  margin-bottom: 1.875rem;
}
.sit-container.sit-padding-b-6 {
  padding-bottom: 1.875rem;
}
.sit-container.sit-margin-negative-b-6 {
  margin-bottom: -1.875rem;
}
.sit-container.sit-margin-l-6 {
  margin-left: 1.875rem;
}
.sit-container.sit-padding-l-6 {
  padding-left: 1.875rem;
}
.sit-container.sit-margin-negative-l-6 {
  margin-left: -1.875rem;
}
.sit-container.sit-margin-r-6 {
  margin-right: 1.875rem;
}
.sit-container.sit-padding-r-6 {
  padding-right: 1.875rem;
}
.sit-container.sit-margin-negative-r-6 {
  margin-right: -1.875rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-6 > * + * {
  margin-top: 1.875rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-6 > * + * {
  padding-top: 1.875rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-6 > * + * {
  margin-left: 1.875rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-6 > * + * {
  padding-left: 1.875rem;
}
.sit-container.sit-gap-7 {
  gap: 2.1875rem;
}
.sit-container.sit-margin-7 {
  margin: 2.1875rem;
}
.sit-container.sit-padding-7 {
  padding: 2.1875rem;
}
.sit-container.sit-margin-h-7 {
  margin-right: 2.1875rem;
  margin-left: 2.1875rem;
}
.sit-container.sit-padding-h-7 {
  padding-right: 2.1875rem;
  padding-left: 2.1875rem;
}
.sit-container.sit-margin-v-7 {
  margin-top: 2.1875rem;
  margin-bottom: 2.1875rem;
}
.sit-container.sit-padding-v-7 {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}
.sit-container.sit-margin-h-r-l-7 {
  margin: 0 2.1875rem;
}
.sit-container.sit-padding-h-r-l-7 {
  padding: 0 2.1875rem;
}
.sit-container.sit-margin-v-t-b-7 {
  margin: 2.1875rem 0;
}
.sit-container.sit-padding-v-t-b-7 {
  padding: 2.1875rem 0;
}
.sit-container.sit-margin-t-7 {
  margin-top: 2.1875rem;
}
.sit-container.sit-padding-t-7 {
  padding-top: 2.1875rem;
}
.sit-container.sit-margin-negative-t-7 {
  margin-top: -2.1875rem;
}
.sit-container.sit-margin-b-7 {
  margin-bottom: 2.1875rem;
}
.sit-container.sit-padding-b-7 {
  padding-bottom: 2.1875rem;
}
.sit-container.sit-margin-negative-b-7 {
  margin-bottom: -2.1875rem;
}
.sit-container.sit-margin-l-7 {
  margin-left: 2.1875rem;
}
.sit-container.sit-padding-l-7 {
  padding-left: 2.1875rem;
}
.sit-container.sit-margin-negative-l-7 {
  margin-left: -2.1875rem;
}
.sit-container.sit-margin-r-7 {
  margin-right: 2.1875rem;
}
.sit-container.sit-padding-r-7 {
  padding-right: 2.1875rem;
}
.sit-container.sit-margin-negative-r-7 {
  margin-right: -2.1875rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-7 > * + * {
  margin-top: 2.1875rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-7 > * + * {
  padding-top: 2.1875rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-7 > * + * {
  margin-left: 2.1875rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-7 > * + * {
  padding-left: 2.1875rem;
}
.sit-container.sit-gap-8 {
  gap: 2.5rem;
}
.sit-container.sit-margin-8 {
  margin: 2.5rem;
}
.sit-container.sit-padding-8 {
  padding: 2.5rem;
}
.sit-container.sit-margin-h-8 {
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}
.sit-container.sit-padding-h-8 {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}
.sit-container.sit-margin-v-8 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.sit-container.sit-padding-v-8 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.sit-container.sit-margin-h-r-l-8 {
  margin: 0 2.5rem;
}
.sit-container.sit-padding-h-r-l-8 {
  padding: 0 2.5rem;
}
.sit-container.sit-margin-v-t-b-8 {
  margin: 2.5rem 0;
}
.sit-container.sit-padding-v-t-b-8 {
  padding: 2.5rem 0;
}
.sit-container.sit-margin-t-8 {
  margin-top: 2.5rem;
}
.sit-container.sit-padding-t-8 {
  padding-top: 2.5rem;
}
.sit-container.sit-margin-negative-t-8 {
  margin-top: -2.5rem;
}
.sit-container.sit-margin-b-8 {
  margin-bottom: 2.5rem;
}
.sit-container.sit-padding-b-8 {
  padding-bottom: 2.5rem;
}
.sit-container.sit-margin-negative-b-8 {
  margin-bottom: -2.5rem;
}
.sit-container.sit-margin-l-8 {
  margin-left: 2.5rem;
}
.sit-container.sit-padding-l-8 {
  padding-left: 2.5rem;
}
.sit-container.sit-margin-negative-l-8 {
  margin-left: -2.5rem;
}
.sit-container.sit-margin-r-8 {
  margin-right: 2.5rem;
}
.sit-container.sit-padding-r-8 {
  padding-right: 2.5rem;
}
.sit-container.sit-margin-negative-r-8 {
  margin-right: -2.5rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-8 > * + * {
  margin-top: 2.5rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-8 > * + * {
  padding-top: 2.5rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-8 > * + * {
  margin-left: 2.5rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-8 > * + * {
  padding-left: 2.5rem;
}
.sit-container.sit-gap-9 {
  gap: 2.8125rem;
}
.sit-container.sit-margin-9 {
  margin: 2.8125rem;
}
.sit-container.sit-padding-9 {
  padding: 2.8125rem;
}
.sit-container.sit-margin-h-9 {
  margin-right: 2.8125rem;
  margin-left: 2.8125rem;
}
.sit-container.sit-padding-h-9 {
  padding-right: 2.8125rem;
  padding-left: 2.8125rem;
}
.sit-container.sit-margin-v-9 {
  margin-top: 2.8125rem;
  margin-bottom: 2.8125rem;
}
.sit-container.sit-padding-v-9 {
  padding-top: 2.8125rem;
  padding-bottom: 2.8125rem;
}
.sit-container.sit-margin-h-r-l-9 {
  margin: 0 2.8125rem;
}
.sit-container.sit-padding-h-r-l-9 {
  padding: 0 2.8125rem;
}
.sit-container.sit-margin-v-t-b-9 {
  margin: 2.8125rem 0;
}
.sit-container.sit-padding-v-t-b-9 {
  padding: 2.8125rem 0;
}
.sit-container.sit-margin-t-9 {
  margin-top: 2.8125rem;
}
.sit-container.sit-padding-t-9 {
  padding-top: 2.8125rem;
}
.sit-container.sit-margin-negative-t-9 {
  margin-top: -2.8125rem;
}
.sit-container.sit-margin-b-9 {
  margin-bottom: 2.8125rem;
}
.sit-container.sit-padding-b-9 {
  padding-bottom: 2.8125rem;
}
.sit-container.sit-margin-negative-b-9 {
  margin-bottom: -2.8125rem;
}
.sit-container.sit-margin-l-9 {
  margin-left: 2.8125rem;
}
.sit-container.sit-padding-l-9 {
  padding-left: 2.8125rem;
}
.sit-container.sit-margin-negative-l-9 {
  margin-left: -2.8125rem;
}
.sit-container.sit-margin-r-9 {
  margin-right: 2.8125rem;
}
.sit-container.sit-padding-r-9 {
  padding-right: 2.8125rem;
}
.sit-container.sit-margin-negative-r-9 {
  margin-right: -2.8125rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-9 > * + * {
  margin-top: 2.8125rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-9 > * + * {
  padding-top: 2.8125rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-9 > * + * {
  margin-left: 2.8125rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-9 > * + * {
  padding-left: 2.8125rem;
}
.sit-container.sit-gap-10 {
  gap: 3.125rem;
}
.sit-container.sit-margin-10 {
  margin: 3.125rem;
}
.sit-container.sit-padding-10 {
  padding: 3.125rem;
}
.sit-container.sit-margin-h-10 {
  margin-right: 3.125rem;
  margin-left: 3.125rem;
}
.sit-container.sit-padding-h-10 {
  padding-right: 3.125rem;
  padding-left: 3.125rem;
}
.sit-container.sit-margin-v-10 {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}
.sit-container.sit-padding-v-10 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
.sit-container.sit-margin-h-r-l-10 {
  margin: 0 3.125rem;
}
.sit-container.sit-padding-h-r-l-10 {
  padding: 0 3.125rem;
}
.sit-container.sit-margin-v-t-b-10 {
  margin: 3.125rem 0;
}
.sit-container.sit-padding-v-t-b-10 {
  padding: 3.125rem 0;
}
.sit-container.sit-margin-t-10 {
  margin-top: 3.125rem;
}
.sit-container.sit-padding-t-10 {
  padding-top: 3.125rem;
}
.sit-container.sit-margin-negative-t-10 {
  margin-top: -3.125rem;
}
.sit-container.sit-margin-b-10 {
  margin-bottom: 3.125rem;
}
.sit-container.sit-padding-b-10 {
  padding-bottom: 3.125rem;
}
.sit-container.sit-margin-negative-b-10 {
  margin-bottom: -3.125rem;
}
.sit-container.sit-margin-l-10 {
  margin-left: 3.125rem;
}
.sit-container.sit-padding-l-10 {
  padding-left: 3.125rem;
}
.sit-container.sit-margin-negative-l-10 {
  margin-left: -3.125rem;
}
.sit-container.sit-margin-r-10 {
  margin-right: 3.125rem;
}
.sit-container.sit-padding-r-10 {
  padding-right: 3.125rem;
}
.sit-container.sit-margin-negative-r-10 {
  margin-right: -3.125rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-10 > * + * {
  margin-top: 3.125rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-10 > * + * {
  padding-top: 3.125rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-10 > * + * {
  margin-left: 3.125rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-10 > * + * {
  padding-left: 3.125rem;
}
.sit-container.sit-gap-11 {
  gap: 3.4375rem;
}
.sit-container.sit-margin-11 {
  margin: 3.4375rem;
}
.sit-container.sit-padding-11 {
  padding: 3.4375rem;
}
.sit-container.sit-margin-h-11 {
  margin-right: 3.4375rem;
  margin-left: 3.4375rem;
}
.sit-container.sit-padding-h-11 {
  padding-right: 3.4375rem;
  padding-left: 3.4375rem;
}
.sit-container.sit-margin-v-11 {
  margin-top: 3.4375rem;
  margin-bottom: 3.4375rem;
}
.sit-container.sit-padding-v-11 {
  padding-top: 3.4375rem;
  padding-bottom: 3.4375rem;
}
.sit-container.sit-margin-h-r-l-11 {
  margin: 0 3.4375rem;
}
.sit-container.sit-padding-h-r-l-11 {
  padding: 0 3.4375rem;
}
.sit-container.sit-margin-v-t-b-11 {
  margin: 3.4375rem 0;
}
.sit-container.sit-padding-v-t-b-11 {
  padding: 3.4375rem 0;
}
.sit-container.sit-margin-t-11 {
  margin-top: 3.4375rem;
}
.sit-container.sit-padding-t-11 {
  padding-top: 3.4375rem;
}
.sit-container.sit-margin-negative-t-11 {
  margin-top: -3.4375rem;
}
.sit-container.sit-margin-b-11 {
  margin-bottom: 3.4375rem;
}
.sit-container.sit-padding-b-11 {
  padding-bottom: 3.4375rem;
}
.sit-container.sit-margin-negative-b-11 {
  margin-bottom: -3.4375rem;
}
.sit-container.sit-margin-l-11 {
  margin-left: 3.4375rem;
}
.sit-container.sit-padding-l-11 {
  padding-left: 3.4375rem;
}
.sit-container.sit-margin-negative-l-11 {
  margin-left: -3.4375rem;
}
.sit-container.sit-margin-r-11 {
  margin-right: 3.4375rem;
}
.sit-container.sit-padding-r-11 {
  padding-right: 3.4375rem;
}
.sit-container.sit-margin-negative-r-11 {
  margin-right: -3.4375rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-11 > * + * {
  margin-top: 3.4375rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-11 > * + * {
  padding-top: 3.4375rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-11 > * + * {
  margin-left: 3.4375rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-11 > * + * {
  padding-left: 3.4375rem;
}
.sit-container.sit-gap-12 {
  gap: 3.75rem;
}
.sit-container.sit-margin-12 {
  margin: 3.75rem;
}
.sit-container.sit-padding-12 {
  padding: 3.75rem;
}
.sit-container.sit-margin-h-12 {
  margin-right: 3.75rem;
  margin-left: 3.75rem;
}
.sit-container.sit-padding-h-12 {
  padding-right: 3.75rem;
  padding-left: 3.75rem;
}
.sit-container.sit-margin-v-12 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
.sit-container.sit-padding-v-12 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.sit-container.sit-margin-h-r-l-12 {
  margin: 0 3.75rem;
}
.sit-container.sit-padding-h-r-l-12 {
  padding: 0 3.75rem;
}
.sit-container.sit-margin-v-t-b-12 {
  margin: 3.75rem 0;
}
.sit-container.sit-padding-v-t-b-12 {
  padding: 3.75rem 0;
}
.sit-container.sit-margin-t-12 {
  margin-top: 3.75rem;
}
.sit-container.sit-padding-t-12 {
  padding-top: 3.75rem;
}
.sit-container.sit-margin-negative-t-12 {
  margin-top: -3.75rem;
}
.sit-container.sit-margin-b-12 {
  margin-bottom: 3.75rem;
}
.sit-container.sit-padding-b-12 {
  padding-bottom: 3.75rem;
}
.sit-container.sit-margin-negative-b-12 {
  margin-bottom: -3.75rem;
}
.sit-container.sit-margin-l-12 {
  margin-left: 3.75rem;
}
.sit-container.sit-padding-l-12 {
  padding-left: 3.75rem;
}
.sit-container.sit-margin-negative-l-12 {
  margin-left: -3.75rem;
}
.sit-container.sit-margin-r-12 {
  margin-right: 3.75rem;
}
.sit-container.sit-padding-r-12 {
  padding-right: 3.75rem;
}
.sit-container.sit-margin-negative-r-12 {
  margin-right: -3.75rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-12 > * + * {
  margin-top: 3.75rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-12 > * + * {
  padding-top: 3.75rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-12 > * + * {
  margin-left: 3.75rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-12 > * + * {
  padding-left: 3.75rem;
}
.sit-container.sit-gap-13 {
  gap: 4.0625rem;
}
.sit-container.sit-margin-13 {
  margin: 4.0625rem;
}
.sit-container.sit-padding-13 {
  padding: 4.0625rem;
}
.sit-container.sit-margin-h-13 {
  margin-right: 4.0625rem;
  margin-left: 4.0625rem;
}
.sit-container.sit-padding-h-13 {
  padding-right: 4.0625rem;
  padding-left: 4.0625rem;
}
.sit-container.sit-margin-v-13 {
  margin-top: 4.0625rem;
  margin-bottom: 4.0625rem;
}
.sit-container.sit-padding-v-13 {
  padding-top: 4.0625rem;
  padding-bottom: 4.0625rem;
}
.sit-container.sit-margin-h-r-l-13 {
  margin: 0 4.0625rem;
}
.sit-container.sit-padding-h-r-l-13 {
  padding: 0 4.0625rem;
}
.sit-container.sit-margin-v-t-b-13 {
  margin: 4.0625rem 0;
}
.sit-container.sit-padding-v-t-b-13 {
  padding: 4.0625rem 0;
}
.sit-container.sit-margin-t-13 {
  margin-top: 4.0625rem;
}
.sit-container.sit-padding-t-13 {
  padding-top: 4.0625rem;
}
.sit-container.sit-margin-negative-t-13 {
  margin-top: -4.0625rem;
}
.sit-container.sit-margin-b-13 {
  margin-bottom: 4.0625rem;
}
.sit-container.sit-padding-b-13 {
  padding-bottom: 4.0625rem;
}
.sit-container.sit-margin-negative-b-13 {
  margin-bottom: -4.0625rem;
}
.sit-container.sit-margin-l-13 {
  margin-left: 4.0625rem;
}
.sit-container.sit-padding-l-13 {
  padding-left: 4.0625rem;
}
.sit-container.sit-margin-negative-l-13 {
  margin-left: -4.0625rem;
}
.sit-container.sit-margin-r-13 {
  margin-right: 4.0625rem;
}
.sit-container.sit-padding-r-13 {
  padding-right: 4.0625rem;
}
.sit-container.sit-margin-negative-r-13 {
  margin-right: -4.0625rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-13 > * + * {
  margin-top: 4.0625rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-13 > * + * {
  padding-top: 4.0625rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-13 > * + * {
  margin-left: 4.0625rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-13 > * + * {
  padding-left: 4.0625rem;
}
.sit-container.sit-gap-14 {
  gap: 4.375rem;
}
.sit-container.sit-margin-14 {
  margin: 4.375rem;
}
.sit-container.sit-padding-14 {
  padding: 4.375rem;
}
.sit-container.sit-margin-h-14 {
  margin-right: 4.375rem;
  margin-left: 4.375rem;
}
.sit-container.sit-padding-h-14 {
  padding-right: 4.375rem;
  padding-left: 4.375rem;
}
.sit-container.sit-margin-v-14 {
  margin-top: 4.375rem;
  margin-bottom: 4.375rem;
}
.sit-container.sit-padding-v-14 {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}
.sit-container.sit-margin-h-r-l-14 {
  margin: 0 4.375rem;
}
.sit-container.sit-padding-h-r-l-14 {
  padding: 0 4.375rem;
}
.sit-container.sit-margin-v-t-b-14 {
  margin: 4.375rem 0;
}
.sit-container.sit-padding-v-t-b-14 {
  padding: 4.375rem 0;
}
.sit-container.sit-margin-t-14 {
  margin-top: 4.375rem;
}
.sit-container.sit-padding-t-14 {
  padding-top: 4.375rem;
}
.sit-container.sit-margin-negative-t-14 {
  margin-top: -4.375rem;
}
.sit-container.sit-margin-b-14 {
  margin-bottom: 4.375rem;
}
.sit-container.sit-padding-b-14 {
  padding-bottom: 4.375rem;
}
.sit-container.sit-margin-negative-b-14 {
  margin-bottom: -4.375rem;
}
.sit-container.sit-margin-l-14 {
  margin-left: 4.375rem;
}
.sit-container.sit-padding-l-14 {
  padding-left: 4.375rem;
}
.sit-container.sit-margin-negative-l-14 {
  margin-left: -4.375rem;
}
.sit-container.sit-margin-r-14 {
  margin-right: 4.375rem;
}
.sit-container.sit-padding-r-14 {
  padding-right: 4.375rem;
}
.sit-container.sit-margin-negative-r-14 {
  margin-right: -4.375rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-14 > * + * {
  margin-top: 4.375rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-14 > * + * {
  padding-top: 4.375rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-14 > * + * {
  margin-left: 4.375rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-14 > * + * {
  padding-left: 4.375rem;
}
.sit-container.sit-gap-15 {
  gap: 4.6875rem;
}
.sit-container.sit-margin-15 {
  margin: 4.6875rem;
}
.sit-container.sit-padding-15 {
  padding: 4.6875rem;
}
.sit-container.sit-margin-h-15 {
  margin-right: 4.6875rem;
  margin-left: 4.6875rem;
}
.sit-container.sit-padding-h-15 {
  padding-right: 4.6875rem;
  padding-left: 4.6875rem;
}
.sit-container.sit-margin-v-15 {
  margin-top: 4.6875rem;
  margin-bottom: 4.6875rem;
}
.sit-container.sit-padding-v-15 {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
}
.sit-container.sit-margin-h-r-l-15 {
  margin: 0 4.6875rem;
}
.sit-container.sit-padding-h-r-l-15 {
  padding: 0 4.6875rem;
}
.sit-container.sit-margin-v-t-b-15 {
  margin: 4.6875rem 0;
}
.sit-container.sit-padding-v-t-b-15 {
  padding: 4.6875rem 0;
}
.sit-container.sit-margin-t-15 {
  margin-top: 4.6875rem;
}
.sit-container.sit-padding-t-15 {
  padding-top: 4.6875rem;
}
.sit-container.sit-margin-negative-t-15 {
  margin-top: -4.6875rem;
}
.sit-container.sit-margin-b-15 {
  margin-bottom: 4.6875rem;
}
.sit-container.sit-padding-b-15 {
  padding-bottom: 4.6875rem;
}
.sit-container.sit-margin-negative-b-15 {
  margin-bottom: -4.6875rem;
}
.sit-container.sit-margin-l-15 {
  margin-left: 4.6875rem;
}
.sit-container.sit-padding-l-15 {
  padding-left: 4.6875rem;
}
.sit-container.sit-margin-negative-l-15 {
  margin-left: -4.6875rem;
}
.sit-container.sit-margin-r-15 {
  margin-right: 4.6875rem;
}
.sit-container.sit-padding-r-15 {
  padding-right: 4.6875rem;
}
.sit-container.sit-margin-negative-r-15 {
  margin-right: -4.6875rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-15 > * + * {
  margin-top: 4.6875rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-15 > * + * {
  padding-top: 4.6875rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-15 > * + * {
  margin-left: 4.6875rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-15 > * + * {
  padding-left: 4.6875rem;
}
.sit-container.sit-gap-16 {
  gap: 5rem;
}
.sit-container.sit-margin-16 {
  margin: 5rem;
}
.sit-container.sit-padding-16 {
  padding: 5rem;
}
.sit-container.sit-margin-h-16 {
  margin-right: 5rem;
  margin-left: 5rem;
}
.sit-container.sit-padding-h-16 {
  padding-right: 5rem;
  padding-left: 5rem;
}
.sit-container.sit-margin-v-16 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.sit-container.sit-padding-v-16 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.sit-container.sit-margin-h-r-l-16 {
  margin: 0 5rem;
}
.sit-container.sit-padding-h-r-l-16 {
  padding: 0 5rem;
}
.sit-container.sit-margin-v-t-b-16 {
  margin: 5rem 0;
}
.sit-container.sit-padding-v-t-b-16 {
  padding: 5rem 0;
}
.sit-container.sit-margin-t-16 {
  margin-top: 5rem;
}
.sit-container.sit-padding-t-16 {
  padding-top: 5rem;
}
.sit-container.sit-margin-negative-t-16 {
  margin-top: -5rem;
}
.sit-container.sit-margin-b-16 {
  margin-bottom: 5rem;
}
.sit-container.sit-padding-b-16 {
  padding-bottom: 5rem;
}
.sit-container.sit-margin-negative-b-16 {
  margin-bottom: -5rem;
}
.sit-container.sit-margin-l-16 {
  margin-left: 5rem;
}
.sit-container.sit-padding-l-16 {
  padding-left: 5rem;
}
.sit-container.sit-margin-negative-l-16 {
  margin-left: -5rem;
}
.sit-container.sit-margin-r-16 {
  margin-right: 5rem;
}
.sit-container.sit-padding-r-16 {
  padding-right: 5rem;
}
.sit-container.sit-margin-negative-r-16 {
  margin-right: -5rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-16 > * + * {
  margin-top: 5rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-16 > * + * {
  padding-top: 5rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-16 > * + * {
  margin-left: 5rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-16 > * + * {
  padding-left: 5rem;
}
.sit-container.sit-gap-17 {
  gap: 5.3125rem;
}
.sit-container.sit-margin-17 {
  margin: 5.3125rem;
}
.sit-container.sit-padding-17 {
  padding: 5.3125rem;
}
.sit-container.sit-margin-h-17 {
  margin-right: 5.3125rem;
  margin-left: 5.3125rem;
}
.sit-container.sit-padding-h-17 {
  padding-right: 5.3125rem;
  padding-left: 5.3125rem;
}
.sit-container.sit-margin-v-17 {
  margin-top: 5.3125rem;
  margin-bottom: 5.3125rem;
}
.sit-container.sit-padding-v-17 {
  padding-top: 5.3125rem;
  padding-bottom: 5.3125rem;
}
.sit-container.sit-margin-h-r-l-17 {
  margin: 0 5.3125rem;
}
.sit-container.sit-padding-h-r-l-17 {
  padding: 0 5.3125rem;
}
.sit-container.sit-margin-v-t-b-17 {
  margin: 5.3125rem 0;
}
.sit-container.sit-padding-v-t-b-17 {
  padding: 5.3125rem 0;
}
.sit-container.sit-margin-t-17 {
  margin-top: 5.3125rem;
}
.sit-container.sit-padding-t-17 {
  padding-top: 5.3125rem;
}
.sit-container.sit-margin-negative-t-17 {
  margin-top: -5.3125rem;
}
.sit-container.sit-margin-b-17 {
  margin-bottom: 5.3125rem;
}
.sit-container.sit-padding-b-17 {
  padding-bottom: 5.3125rem;
}
.sit-container.sit-margin-negative-b-17 {
  margin-bottom: -5.3125rem;
}
.sit-container.sit-margin-l-17 {
  margin-left: 5.3125rem;
}
.sit-container.sit-padding-l-17 {
  padding-left: 5.3125rem;
}
.sit-container.sit-margin-negative-l-17 {
  margin-left: -5.3125rem;
}
.sit-container.sit-margin-r-17 {
  margin-right: 5.3125rem;
}
.sit-container.sit-padding-r-17 {
  padding-right: 5.3125rem;
}
.sit-container.sit-margin-negative-r-17 {
  margin-right: -5.3125rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-17 > * + * {
  margin-top: 5.3125rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-17 > * + * {
  padding-top: 5.3125rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-17 > * + * {
  margin-left: 5.3125rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-17 > * + * {
  padding-left: 5.3125rem;
}
.sit-container.sit-gap-18 {
  gap: 5.625rem;
}
.sit-container.sit-margin-18 {
  margin: 5.625rem;
}
.sit-container.sit-padding-18 {
  padding: 5.625rem;
}
.sit-container.sit-margin-h-18 {
  margin-right: 5.625rem;
  margin-left: 5.625rem;
}
.sit-container.sit-padding-h-18 {
  padding-right: 5.625rem;
  padding-left: 5.625rem;
}
.sit-container.sit-margin-v-18 {
  margin-top: 5.625rem;
  margin-bottom: 5.625rem;
}
.sit-container.sit-padding-v-18 {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
}
.sit-container.sit-margin-h-r-l-18 {
  margin: 0 5.625rem;
}
.sit-container.sit-padding-h-r-l-18 {
  padding: 0 5.625rem;
}
.sit-container.sit-margin-v-t-b-18 {
  margin: 5.625rem 0;
}
.sit-container.sit-padding-v-t-b-18 {
  padding: 5.625rem 0;
}
.sit-container.sit-margin-t-18 {
  margin-top: 5.625rem;
}
.sit-container.sit-padding-t-18 {
  padding-top: 5.625rem;
}
.sit-container.sit-margin-negative-t-18 {
  margin-top: -5.625rem;
}
.sit-container.sit-margin-b-18 {
  margin-bottom: 5.625rem;
}
.sit-container.sit-padding-b-18 {
  padding-bottom: 5.625rem;
}
.sit-container.sit-margin-negative-b-18 {
  margin-bottom: -5.625rem;
}
.sit-container.sit-margin-l-18 {
  margin-left: 5.625rem;
}
.sit-container.sit-padding-l-18 {
  padding-left: 5.625rem;
}
.sit-container.sit-margin-negative-l-18 {
  margin-left: -5.625rem;
}
.sit-container.sit-margin-r-18 {
  margin-right: 5.625rem;
}
.sit-container.sit-padding-r-18 {
  padding-right: 5.625rem;
}
.sit-container.sit-margin-negative-r-18 {
  margin-right: -5.625rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-18 > * + * {
  margin-top: 5.625rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-18 > * + * {
  padding-top: 5.625rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-18 > * + * {
  margin-left: 5.625rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-18 > * + * {
  padding-left: 5.625rem;
}
.sit-container.sit-gap-19 {
  gap: 5.9375rem;
}
.sit-container.sit-margin-19 {
  margin: 5.9375rem;
}
.sit-container.sit-padding-19 {
  padding: 5.9375rem;
}
.sit-container.sit-margin-h-19 {
  margin-right: 5.9375rem;
  margin-left: 5.9375rem;
}
.sit-container.sit-padding-h-19 {
  padding-right: 5.9375rem;
  padding-left: 5.9375rem;
}
.sit-container.sit-margin-v-19 {
  margin-top: 5.9375rem;
  margin-bottom: 5.9375rem;
}
.sit-container.sit-padding-v-19 {
  padding-top: 5.9375rem;
  padding-bottom: 5.9375rem;
}
.sit-container.sit-margin-h-r-l-19 {
  margin: 0 5.9375rem;
}
.sit-container.sit-padding-h-r-l-19 {
  padding: 0 5.9375rem;
}
.sit-container.sit-margin-v-t-b-19 {
  margin: 5.9375rem 0;
}
.sit-container.sit-padding-v-t-b-19 {
  padding: 5.9375rem 0;
}
.sit-container.sit-margin-t-19 {
  margin-top: 5.9375rem;
}
.sit-container.sit-padding-t-19 {
  padding-top: 5.9375rem;
}
.sit-container.sit-margin-negative-t-19 {
  margin-top: -5.9375rem;
}
.sit-container.sit-margin-b-19 {
  margin-bottom: 5.9375rem;
}
.sit-container.sit-padding-b-19 {
  padding-bottom: 5.9375rem;
}
.sit-container.sit-margin-negative-b-19 {
  margin-bottom: -5.9375rem;
}
.sit-container.sit-margin-l-19 {
  margin-left: 5.9375rem;
}
.sit-container.sit-padding-l-19 {
  padding-left: 5.9375rem;
}
.sit-container.sit-margin-negative-l-19 {
  margin-left: -5.9375rem;
}
.sit-container.sit-margin-r-19 {
  margin-right: 5.9375rem;
}
.sit-container.sit-padding-r-19 {
  padding-right: 5.9375rem;
}
.sit-container.sit-margin-negative-r-19 {
  margin-right: -5.9375rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-19 > * + * {
  margin-top: 5.9375rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-19 > * + * {
  padding-top: 5.9375rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-19 > * + * {
  margin-left: 5.9375rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-19 > * + * {
  padding-left: 5.9375rem;
}
.sit-container.sit-gap-20 {
  gap: 6.25rem;
}
.sit-container.sit-margin-20 {
  margin: 6.25rem;
}
.sit-container.sit-padding-20 {
  padding: 6.25rem;
}
.sit-container.sit-margin-h-20 {
  margin-right: 6.25rem;
  margin-left: 6.25rem;
}
.sit-container.sit-padding-h-20 {
  padding-right: 6.25rem;
  padding-left: 6.25rem;
}
.sit-container.sit-margin-v-20 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
.sit-container.sit-padding-v-20 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
.sit-container.sit-margin-h-r-l-20 {
  margin: 0 6.25rem;
}
.sit-container.sit-padding-h-r-l-20 {
  padding: 0 6.25rem;
}
.sit-container.sit-margin-v-t-b-20 {
  margin: 6.25rem 0;
}
.sit-container.sit-padding-v-t-b-20 {
  padding: 6.25rem 0;
}
.sit-container.sit-margin-t-20 {
  margin-top: 6.25rem;
}
.sit-container.sit-padding-t-20 {
  padding-top: 6.25rem;
}
.sit-container.sit-margin-negative-t-20 {
  margin-top: -6.25rem;
}
.sit-container.sit-margin-b-20 {
  margin-bottom: 6.25rem;
}
.sit-container.sit-padding-b-20 {
  padding-bottom: 6.25rem;
}
.sit-container.sit-margin-negative-b-20 {
  margin-bottom: -6.25rem;
}
.sit-container.sit-margin-l-20 {
  margin-left: 6.25rem;
}
.sit-container.sit-padding-l-20 {
  padding-left: 6.25rem;
}
.sit-container.sit-margin-negative-l-20 {
  margin-left: -6.25rem;
}
.sit-container.sit-margin-r-20 {
  margin-right: 6.25rem;
}
.sit-container.sit-padding-r-20 {
  padding-right: 6.25rem;
}
.sit-container.sit-margin-negative-r-20 {
  margin-right: -6.25rem;
}
.sit-container.sit-section-inner-vertical-spaced-margin-20 > * + * {
  margin-top: 6.25rem;
}
.sit-container .sit-section-inner-vertical-spaced-padding-20 > * + * {
  padding-top: 6.25rem;
}
.sit-container .sit-section-inner-horizontal-spaced-margin-20 > * + * {
  margin-left: 6.25rem;
}
.sit-container .sit-section-inner-horizontal-spaced-padding-20 > * + * {
  padding-left: 6.25rem;
}
.sit-container .sit-margin-t-auto {
  margin-top: auto;
}
.sit-container .sit-margin-b-auto {
  margin-bottom: auto;
}
.sit-container .sit-margin-l-auto {
  margin-left: auto;
}
.sit-container .sit-margin-r-auto {
  margin-right: auto;
}

/**
 * TYPOGRAPHIC
 *
 * Utilities/helpers for typographic styles
 * Headings and paragraph mainly
 */
/* CUSTOM PROPERTIES */
.sit-page-body {
  --_page-body-font-size: var(--page-body-font-size, 1.188rem);
}

/* ------------------------------------ *\
#FONT-SIZE
\* ------------------------------------ */
/* Made with rem() custom function - see global/functions.scss */
/* Set start size and end size for typographic sizes range */
.sit-font-size-12px {
  font-size: 0.75rem;
}
.sit-font-size-14px {
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
}
.sit-font-size-16px {
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
}
.sit-font-size-18px {
  font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
}
.sit-font-size-20px {
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
}
.sit-font-size-22px {
  font-size: clamp(1.188rem, 1.125rem + (1vw - 0.48rem) * 0.3472, 1.375rem);
}
.sit-font-size-24px {
  font-size: clamp(1.25rem, 1.125rem + (1vw - 0.2rem) * 0.375, 1.5rem);
}
.sit-font-size-28px {
  font-size: clamp(1.375rem, 1.08rem + 0.9vw, 1.75rem);
}
.sit-font-size-30px {
  font-size: 1.875rem;
}
.sit-font-size-32px {
  font-size: clamp(1.5rem, 0.5rem + (1vw - 0.2rem) * 0.5, 2rem);
}
.sit-font-size-36px {
  font-size: clamp(1.75rem, 1.75rem + (1vw - 0.2rem) * 0.5, 2.25rem);
}
.sit-font-size-40px {
  font-size: clamp(1.875rem, 1.875rem + (1vw - 0.2rem) * 0.625, 2.5rem);
}
.sit-font-size-44px {
  font-size: 2.75rem;
}
.sit-font-size-55px {
  font-size: clamp(2.5rem, 2.5rem + (1vw - 0.2rem) * 0.938, 3.438rem);
}

/* ------------------------------------ *\
  #LINK
\* ------------------------------------ */
/* LINK */
.sit-link {
  --_color-text-link: var(--color-text-link, var(--current-section-text-color, var(--_hero-text-color, var(--custom-theme-color-text))));
  --color-text-link-icon: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  color: var(--_color-text-link);
  font-weight: 500;
  text-decoration: none;
}
.sit-link:hover, .sit-link:focus {
  color: var(--custom-theme-color-text-hover);
  text-decoration: underline;
}
.sit-link__icon {
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  color: var(--color-text-link-icon);
}
.sit-link__icon-left {
  margin-right: 1ch;
}
.sit-link__icon-right {
  margin-left: 1ch;
}
.sit-link--underlined {
  text-decoration: underline;
}

.sit-file {
  --color-file-icon: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  --_description-icon-display: var(--description-icon-display, none);
}
.sit-file__icon {
  color: var(--color-file-icon);
}
.sit-file__description-icon {
  display: var(--_description-icon-display);
}

/* ------------------------------------ *\
  #HEADINGS
\* ------------------------------------ */
/* Separate headings visualizations styles and semantic tags */
/* Set in mixins.scss  */
.sit-h1 {
  font-size: clamp(2.5rem, 2.5rem + (1vw - 0.2rem) * 0.938, 3.438rem);
  line-height: 1.2;
  font-weight: 700;
  font-family: "Ogg", serif;
}

.sit-h1-l {
  font-size: clamp(3rem, 3rem + (1vw - 0.2rem) * 1, 4rem);
  line-height: 1.2;
  font-weight: 700;
  font-family: "Ogg", serif;
}

.sit-h1-xl {
  font-size: clamp(3.438rem, 3.438rem + (1vw - 0.2rem) * 1.562, 5rem);
  line-height: 1.2;
  font-weight: 700;
  font-family: "Ogg", serif;
}

.sit-h2 {
  font-size: clamp(1.75rem, 1.75rem + (1vw - 0.2rem) * 0.5, 2.25rem);
  line-height: 1.2;
  font-weight: 700;
  font-family: "Ogg", serif;
}

.sit-h3 {
  font-size: clamp(1.5rem, 0.5rem + (1vw - 0.2rem) * 0.5, 2rem);
  line-height: 1.2;
  font-weight: 700;
  font-family: "Ogg", serif;
}

.sit-h4 {
  font-size: clamp(1.25rem, 1.125rem + (1vw - 0.2rem) * 0.375, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
  font-family: "Ogg", serif;
}

.sit-h5 {
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  line-height: 1.4;
  font-weight: 700;
  font-family: "Ogg", serif;
}

.sit-h5-sans-serif {
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  line-height: 1.4;
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
}

.sit-h6 {
  font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
  line-height: 1.4;
  font-weight: 700;
  font-family: "Ogg", serif;
}

.sit-p {
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
  line-height: 1.6;
  font-weight: 400;
}

.sit-p-m {
  font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
  line-height: 1.6;
  font-weight: 400;
}

.sit-p-l {
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  line-height: 1.6;
  font-weight: 400;
}

.sit-p-s {
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.2rem) * 0.0625, 0.875rem);
  line-height: 1.6;
  font-weight: 400;
}

.sit-p-xs {
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 400;
}

.sit-p-xxs {
  font-size: 0.625rem;
  line-height: 1.3;
  font-weight: 400;
}

/* ------------------------------------ *\
  #TEXT-COLOR
\* ------------------------------------ */
/* Manage text color */
/* accent color */
.sit-text-accent {
  color: var(--custom-theme-brand-color);
}

.sit-text-accent-dark {
  color: var(--custom-theme-brand-color-shade);
}

/* secondary color */
.sit-text-secondary {
  color: var(--custom-theme-secondary-color);
}

/* light color */
.sit-text {
  color: var(--custom-theme-color-text);
}

/* light color */
.sit-text-light {
  color: var(--custom-theme-color-text-light);
}

/* light color */
.sit-text-dark {
  color: var(--custom-theme-color-text-dark);
}

/* text-inverse - white */
.sit-text-inverse {
  color: var(--custom-theme-color-text-inverse);
}

/* ------------------------------------ *\
    #WHITE-SPACE-NOWRAP
\* ------------------------------------ */
.sit-whitespace-nowrap {
  white-space: nowrap;
}

/* ------------------------------------ *\
    #TEXT
\* ------------------------------------ */
.sit-text-italic {
  font-style: italic;
}

.sit-font-weight-regular {
  font-weight: 400;
}

.sit-font-weight-medium {
  font-weight: 500;
}

.sit-font-weight-semibold {
  font-weight: 600;
}

.sit-font-weight-bold {
  font-weight: 700;
}

.sit-text-underline {
  text-decoration: underline;
}

/* ------------------------------------ *\
  #PAGE-BODY
\* ------------------------------------ */
/* Manage text formatting inside page/content type body */
/* Has dynamic  */
.sit-page-body > a:not([class]), .sit-page-body .field--name-body > a:not([class]) {
  text-decoration: underline;
  font-weight: 700;
  word-break: break-all;
}
.sit-page-body > h2:not([class]), .sit-page-body .field--name-body > h2:not([class]) {
  font-size: clamp(1.75rem, 1.75rem + (1vw - 0.2rem) * 0.5, 2.25rem);
  line-height: 1.2;
  font-weight: 700;
  font-family: "Ogg", serif;
}
.sit-page-body > h3:not([class]), .sit-page-body .field--name-body > h3:not([class]) {
  font-size: clamp(1.5rem, 0.5rem + (1vw - 0.2rem) * 0.5, 2rem);
  line-height: 1.2;
  font-weight: 700;
  font-family: "Ogg", serif;
}
.sit-page-body > h4:not([class]), .sit-page-body .field--name-body > h4:not([class]) {
  font-size: clamp(1.25rem, 1.125rem + (1vw - 0.2rem) * 0.375, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
  font-family: "Ogg", serif;
}
.sit-page-body > h5:not([class]), .sit-page-body .field--name-body > h5:not([class]) {
  font-size: clamp(1rem, 0.98rem + 0.35vw, 1.25rem);
  line-height: 1.4;
  font-weight: 700;
  font-family: "Ogg", serif;
}
.sit-page-body > h6:not([class]), .sit-page-body .field--name-body > h6:not([class]) {
  font-size: clamp(0.875rem, 0.9375rem + (1vw - 0.2rem) * 0.1875, 1.125rem);
  line-height: 1.4;
  font-weight: 700;
  font-family: "Ogg", serif;
}
.sit-page-body > p:not([class]), .sit-page-body .field--name-body > p:not([class]) {
  font-size: var(--_page-body-font-size);
  line-height: 1.6;
  font-weight: 400;
}
.sit-page-body > ul:not([class]),
.sit-page-body > ol:not([class]), .sit-page-body .field--name-body > ul:not([class]),
.sit-page-body .field--name-body > ol:not([class]) {
  line-height: 1.75;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.2rem) * 0.125, 1rem);
  line-height: 1.6;
  font-weight: 400;
}
.sit-page-body > h2:not([class]) + *, .sit-page-body .field--name-body > h2:not([class]) + * {
  margin-top: 1.33em;
}
.sit-page-body > h3:not([class]) + *, .sit-page-body .field--name-body > h3:not([class]) + * {
  margin-top: 1.25em;
}
.sit-page-body > h4:not([class]) + *, .sit-page-body .field--name-body > h4:not([class]) + * {
  margin-top: 1.2em;
}
.sit-page-body > h5:not([class]) + *, .sit-page-body .field--name-body > h5:not([class]) + * {
  margin-top: 1.15em;
}
.sit-page-body > h6:not([class]) + *, .sit-page-body .field--name-body > h6:not([class]) + * {
  margin-top: 1.1em;
}
.sit-page-body > * + h2:not([class]), .sit-page-body .field--name-body > * + h2:not([class]) {
  margin-top: 1.45em;
}
.sit-page-body > * + h3:not([class]), .sit-page-body .field--name-body > * + h3:not([class]) {
  margin-top: 1.25em;
}
.sit-page-body > * + h4:not([class]), .sit-page-body .field--name-body > * + h4:not([class]) {
  margin-top: 1.2em;
}
.sit-page-body > * + h5:not([class]), .sit-page-body .field--name-body > * + h5:not([class]) {
  margin-top: 1.15em;
}
.sit-page-body > * + h6:not([class]), .sit-page-body .field--name-body > * + h6:not([class]) {
  margin-top: 1.1em;
}
.sit-page-body > p:not([class]) + p:not([class]), .sit-page-body .field--name-body > p:not([class]) + p:not([class]) {
  margin-top: 1.3em;
}
.sit-page-body > * + ul:not([class]),
.sit-page-body > * + ol:not([class]), .sit-page-body .field--name-body > * + ul:not([class]),
.sit-page-body .field--name-body > * + ol:not([class]) {
  margin-top: 1.3em;
}
.sit-page-body > picture:not([class]), .sit-page-body .field--name-body > picture:not([class]) {
  display: block;
}
.sit-page-body > picture:not([class]) source + img, .sit-page-body .field--name-body > picture:not([class]) source + img {
  margin-top: 0;
}
.sit-page-body .sit-list a, .sit-page-body .field--name-body .sit-list a {
  text-decoration: none;
}
.sit-page-body .sit-list a:hover, .sit-page-body .sit-list a:focus, .sit-page-body .field--name-body .sit-list a:hover, .sit-page-body .field--name-body .sit-list a:focus {
  text-decoration: underline;
}
.sit-page-body--l {
  --page-body-font-size: 1.25rem;
}

@media all and (min-width: 1024px) {
  .sit-page-body {
    --page-body-font-size: 1.125rem;
  }
  .sit-page-body--l {
    --page-body-font-size: 1.25rem;
  }
}
@media all and (min-width: 1920px) {
  .sit-page-body {
    --page-body-font-size: 1.25rem;
  }
  .sit-page-body--l {
    --page-body-font-size: 1.375rem;
  }
}
/* ------------------------------------ *\
  #FONT-FAMILY
\* ------------------------------------ */
.sit-font-family-main {
  font-family: "DM Sans", sans-serif;
}

.sit-font-family-title {
  font-family: "Ogg", serif;
}

.sit-font-family-serif {
  font-family: "DM Sans", sans-serif;
}

.sit-font-family-sans-serif {
  font-family: "Ogg", serif;
}

/* RESPONSIVE */
/**
 * UTILITIES
 *
 * Utilities/helpers classes and styles
 */
/* ------------------------------------ *\
  #ALIGNMENTS
\* ------------------------------------ */
/* Flexbox/grid helper classes for items alignment */
.sit-justify-content-center {
  justify-content: center;
}

.sit-align-items-center {
  align-items: center;
}

.sit-align-self-center {
  align-self: center;
}

.sit-justify-self-center {
  justify-self: center;
}

.sit-justify-items-center {
  justify-items: center;
}

.sit-align-content-center {
  align-content: center;
}

@media all and (min-width: 768px) {
  .sit-justify-items-center-tablet {
    justify-items: center;
  }
}
.sit-justify-content-baseline {
  justify-content: baseline;
}

.sit-align-items-baseline {
  align-items: baseline;
}

.sit-align-self-baseline {
  align-self: baseline;
}

.sit-justify-self-baseline {
  justify-self: baseline;
}

.sit-justify-items-baseline {
  justify-items: baseline;
}

.sit-align-content-baseline {
  align-content: baseline;
}

@media all and (min-width: 768px) {
  .sit-justify-items-baseline-tablet {
    justify-items: baseline;
  }
}
.sit-justify-content-space-between {
  justify-content: space-between;
}

.sit-align-items-space-between {
  align-items: space-between;
}

.sit-align-self-space-between {
  align-self: space-between;
}

.sit-justify-self-space-between {
  justify-self: space-between;
}

.sit-justify-items-space-between {
  justify-items: space-between;
}

.sit-align-content-space-between {
  align-content: space-between;
}

@media all and (min-width: 768px) {
  .sit-justify-items-space-between-tablet {
    justify-items: space-between;
  }
}
.sit-justify-content-space-around {
  justify-content: space-around;
}

.sit-align-items-space-around {
  align-items: space-around;
}

.sit-align-self-space-around {
  align-self: space-around;
}

.sit-justify-self-space-around {
  justify-self: space-around;
}

.sit-justify-items-space-around {
  justify-items: space-around;
}

.sit-align-content-space-around {
  align-content: space-around;
}

@media all and (min-width: 768px) {
  .sit-justify-items-space-around-tablet {
    justify-items: space-around;
  }
}
.sit-justify-content-space-evenly {
  justify-content: space-evenly;
}

.sit-align-items-space-evenly {
  align-items: space-evenly;
}

.sit-align-self-space-evenly {
  align-self: space-evenly;
}

.sit-justify-self-space-evenly {
  justify-self: space-evenly;
}

.sit-justify-items-space-evenly {
  justify-items: space-evenly;
}

.sit-align-content-space-evenly {
  align-content: space-evenly;
}

@media all and (min-width: 768px) {
  .sit-justify-items-space-evenly-tablet {
    justify-items: space-evenly;
  }
}
.sit-justify-content-flex-start {
  justify-content: flex-start;
}

.sit-align-items-flex-start {
  align-items: flex-start;
}

.sit-align-self-flex-start {
  align-self: flex-start;
}

.sit-justify-self-flex-start {
  justify-self: flex-start;
}

.sit-justify-items-flex-start {
  justify-items: flex-start;
}

.sit-align-content-flex-start {
  align-content: flex-start;
}

@media all and (min-width: 768px) {
  .sit-justify-items-flex-start-tablet {
    justify-items: flex-start;
  }
}
.sit-justify-content-flex-end {
  justify-content: flex-end;
}

.sit-align-items-flex-end {
  align-items: flex-end;
}

.sit-align-self-flex-end {
  align-self: flex-end;
}

.sit-justify-self-flex-end {
  justify-self: flex-end;
}

.sit-justify-items-flex-end {
  justify-items: flex-end;
}

.sit-align-content-flex-end {
  align-content: flex-end;
}

@media all and (min-width: 768px) {
  .sit-justify-items-flex-end-tablet {
    justify-items: flex-end;
  }
}
.sit-justify-content-start {
  justify-content: start;
}

.sit-align-items-start {
  align-items: start;
}

.sit-align-self-start {
  align-self: start;
}

.sit-justify-self-start {
  justify-self: start;
}

.sit-justify-items-start {
  justify-items: start;
}

.sit-align-content-start {
  align-content: start;
}

@media all and (min-width: 768px) {
  .sit-justify-items-start-tablet {
    justify-items: start;
  }
}
.sit-justify-content-end {
  justify-content: end;
}

.sit-align-items-end {
  align-items: end;
}

.sit-align-self-end {
  align-self: end;
}

.sit-justify-self-end {
  justify-self: end;
}

.sit-justify-items-end {
  justify-items: end;
}

.sit-align-content-end {
  align-content: end;
}

@media all and (min-width: 768px) {
  .sit-justify-items-end-tablet {
    justify-items: end;
  }
}
/* TEXT ALIGN */
.sit-text-left {
  text-align: left;
}

.sit-text-right {
  text-align: right;
}

.sit-text-center {
  text-align: center;
}

/* ------------------------------------ *\
  #WRAP
\* ------------------------------------ */
/* Flexbox WRAP/NOWRAP */
.sit-flex-wrap {
  flex-wrap: wrap;
}

.sit-flex-nowrap {
  flex-wrap: nowrap;
}

/* Flex flow */
.sit-flex-direction-column {
  flex-direction: column;
}

.sit-flex-direction-row {
  flex-direction: row;
}

/* ------------------------------------ *\
  #DISPLAY
\* ------------------------------------ */
/* Display property management classes */
.sit-display-block {
  display: block;
}

@media all and (max-width: 767px) {
  .sit-display-block-mobile {
    display: block;
  }
}
@media all and (max-width: 568px) {
  .sit-display-block-mobile-s {
    display: block;
  }
}
@media all and (min-width: 768px) {
  .sit-display-block-tablet {
    display: block;
  }
}
@media all and (min-width: 1024px) {
  .sit-display-block-tablet-l {
    display: block;
  }
}
@media all and (min-width: 1226px) {
  .sit-display-block-desktop {
    display: block;
  }
}
.sit-display-inline-block {
  display: inline-block;
}

@media all and (max-width: 767px) {
  .sit-display-inline-block-mobile {
    display: inline-block;
  }
}
@media all and (max-width: 568px) {
  .sit-display-inline-block-mobile-s {
    display: inline-block;
  }
}
@media all and (min-width: 768px) {
  .sit-display-inline-block-tablet {
    display: inline-block;
  }
}
@media all and (min-width: 1024px) {
  .sit-display-inline-block-tablet-l {
    display: inline-block;
  }
}
@media all and (min-width: 1226px) {
  .sit-display-inline-block-desktop {
    display: inline-block;
  }
}
.sit-display-inline {
  display: inline;
}

@media all and (max-width: 767px) {
  .sit-display-inline-mobile {
    display: inline;
  }
}
@media all and (max-width: 568px) {
  .sit-display-inline-mobile-s {
    display: inline;
  }
}
@media all and (min-width: 768px) {
  .sit-display-inline-tablet {
    display: inline;
  }
}
@media all and (min-width: 1024px) {
  .sit-display-inline-tablet-l {
    display: inline;
  }
}
@media all and (min-width: 1226px) {
  .sit-display-inline-desktop {
    display: inline;
  }
}
.sit-display-flex {
  display: flex;
}

@media all and (max-width: 767px) {
  .sit-display-flex-mobile {
    display: flex;
  }
}
@media all and (max-width: 568px) {
  .sit-display-flex-mobile-s {
    display: flex;
  }
}
@media all and (min-width: 768px) {
  .sit-display-flex-tablet {
    display: flex;
  }
}
@media all and (min-width: 1024px) {
  .sit-display-flex-tablet-l {
    display: flex;
  }
}
@media all and (min-width: 1226px) {
  .sit-display-flex-desktop {
    display: flex;
  }
}
.sit-display-grid {
  display: grid;
}

@media all and (max-width: 767px) {
  .sit-display-grid-mobile {
    display: grid;
  }
}
@media all and (max-width: 568px) {
  .sit-display-grid-mobile-s {
    display: grid;
  }
}
@media all and (min-width: 768px) {
  .sit-display-grid-tablet {
    display: grid;
  }
}
@media all and (min-width: 1024px) {
  .sit-display-grid-tablet-l {
    display: grid;
  }
}
@media all and (min-width: 1226px) {
  .sit-display-grid-desktop {
    display: grid;
  }
}
.sit-display-inline-flex {
  display: inline-flex;
}

@media all and (max-width: 767px) {
  .sit-display-inline-flex-mobile {
    display: inline-flex;
  }
}
@media all and (max-width: 568px) {
  .sit-display-inline-flex-mobile-s {
    display: inline-flex;
  }
}
@media all and (min-width: 768px) {
  .sit-display-inline-flex-tablet {
    display: inline-flex;
  }
}
@media all and (min-width: 1024px) {
  .sit-display-inline-flex-tablet-l {
    display: inline-flex;
  }
}
@media all and (min-width: 1226px) {
  .sit-display-inline-flex-desktop {
    display: inline-flex;
  }
}
.sit-display-inline-grid {
  display: inline-grid;
}

@media all and (max-width: 767px) {
  .sit-display-inline-grid-mobile {
    display: inline-grid;
  }
}
@media all and (max-width: 568px) {
  .sit-display-inline-grid-mobile-s {
    display: inline-grid;
  }
}
@media all and (min-width: 768px) {
  .sit-display-inline-grid-tablet {
    display: inline-grid;
  }
}
@media all and (min-width: 1024px) {
  .sit-display-inline-grid-tablet-l {
    display: inline-grid;
  }
}
@media all and (min-width: 1226px) {
  .sit-display-inline-grid-desktop {
    display: inline-grid;
  }
}
.sit-display-none {
  display: none;
}

@media all and (max-width: 767px) {
  .sit-display-none-mobile {
    display: none;
  }
}
@media all and (max-width: 568px) {
  .sit-display-none-mobile-s {
    display: none;
  }
}
@media all and (min-width: 768px) {
  .sit-display-none-tablet {
    display: none;
  }
}
@media all and (min-width: 1024px) {
  .sit-display-none-tablet-l {
    display: none;
  }
}
@media all and (min-width: 1226px) {
  .sit-display-none-desktop {
    display: none;
  }
}
/* ------------------------------------ *\
  #ACCESSIBLE-HIDDEN-TEXT
\* ------------------------------------ */
/* Accessible hidden text 
* Hide text visually keeping it accessible by screen readers */
.sit-accessible-hidden-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
}

/* Hide elements in accessible way - focusable  */
/* Color is dinamically managed - for right contrast with section background */
.sit-accessible-hidden-text-focusable {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
  --_accessible-hidden-text-focusable-bg: var(
      --accessible-hidden-text-focusable-bg,
      var(--current-section-text-color, var(--custom-theme-color-bg-white))
  );
  --_accessible-hidden-text-focusable-color: var(
      --accessible-hidden-text-focusable-color,
      var(--current-section-bg, inherit)
  );
  --_accessible-hidden-text-focusable-z-index: var(--accessible-hidden-text-focusable, 45);
}
.sit-accessible-hidden-text-focusable:active, .sit-accessible-hidden-text-focusable:focus {
  clip: auto;
  clip-path: unset;
  overflow: visible;
  height: auto;
  width: auto;
  padding: 0.3125rem;
  background-color: var(--_accessible-hidden-text-focusable-bg);
  opacity: 1;
  color: var(--_accessible-hidden-text-focusable-color);
  z-index: var(--_accessible-hidden-text-focusable-z-index);
}

.sit-back-to-nav-link {
  padding: 1.25rem 1.5625rem;
  font-size: 0.875rem;
  font-weight: 700;
}

/* ------------------------------------ *\
  #DISABLED-CLASS
\* ------------------------------------ */
/* MANAGE disabled elements - opacity and eventually cursor */
.is-disabled {
  opacity: 0.8;
  cursor: not-allowed;
  filter: saturate(0.1);
}
.is-disabled, .is-disabled * {
  cursor: not-allowed;
}

/* ------------------------------------ *\
  #NOT-SCROLLABLE
\* ------------------------------------ */
/* For body scrolling management - when mobile menu's open */
.not-scrollable {
  overflow: hidden !important;
}

/* ------------------------------------ *\
    #RESPONSIVE VISIBILITY HELPERS
  \* ------------------------------------ */
/* Manage responsive display */
@media all and (max-width: 767px) {
  .sit-mobile-hidden {
    display: none !important;
  }
}

/* Manage responsive display */
@media all and (min-width: 768px) {
  .sit-mobile-visible-only {
    display: none !important;
  }
}

/* Manage responsive display */
@media all and (min-width: 1025px) {
  .sit-mobile-tablet-visible-only {
    display: none !important;
  }
}

/* Manage responsive display */
@media all and (max-width: 1024px) {
  .sit-mobile-tablet-hidden-only {
    display: none !important;
  }
}

/* ------------------------------------ *\
  #POSITIONS
\* ------------------------------------ */
.sit-position-relative {
  position: relative;
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
  \* ------------------------------------ */
@media all and (max-width: 767px) {
  .sit-accessible-hidden-text-mobile {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
    opacity: 0;
  }
}
@media all and (min-width: 768px) {
  .sit-accessible-hidden-text-desktop {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
    opacity: 0;
  }
}
/* ------------------------------------ *\
  #BACKGROUNDS
\* ------------------------------------ */
/* Background color managing */
.sit-background-color-white {
  background-color: hsl(0, 0%, 100%);
}
.sit-background-color-accent {
  background-color: hsl(358, 100%, 48%);
}
.sit-background-color-light {
  background-color: hsl(45, 50%, 98%);
}
.sit-background-color-darker {
  background-color: hsl(40, 56%, 95%);
}
.sit-background-color-dark {
  background-color: hsl(39, 32%, 90%);
}
.sit-background-color-darkest {
  background-color: hsl(39, 19%, 73%);
}
.sit-background-color-extra-dark {
  background-color: hsl(39, 38%, 34%);
}
.sit-background-color-black {
  background-color: hsl(0, 0%, 0%);
}

/* ------------------------------------ *\
  #BORDERS
\* ------------------------------------ */
/* Basic border direction and color managing */
/* Generated Border Colour Utitilty Class */
.sit-border-top {
  border-top: 1px solid;
}

.sit-border-right {
  border-right: 1px solid;
}

.sit-border-bottom {
  border-bottom: 1px solid;
}

.sit-border-left {
  border-left: 1px solid;
}

.sit-border-color-light {
  border-color: hsl(39, 19%, 73%);
}
.sit-border-color-normal {
  border-color: hsl(39, 38%, 34%);
}
.sit-border-color-light-gray {
  border-color: hsl(230, 23%, 95%);
}
.sit-border-color-dark {
  border-color: hsl(0, 0%, 9%);
}
.sit-border-color-black {
  border-color: hsl(0, 0%, 0%);
}
.sit-border-color-accent {
  border-color: hsl(358, 100%, 48%);
}

/* DYNAMIC BORDER WIDTH */
.sit-border-dynamic-width {
  --_border-dynamic-width: var(--border-dynamic-width, 1px);
}

.sit-border-dynamic-width-top {
  border-top: var(--_border-dynamic-width) solid;
}

.sit-border-dynamic-width-right {
  border-right: var(--_border-dynamic-width) solid;
}

.sit-border-dynamic-width-bottom {
  border-bottom: var(--_border-dynamic-width) solid;
}

.sit-border-dynamic-width-left {
  border-left: var(--_border-dynamic-width) solid;
}

.sit-thematic-color-border {
  --thematic-color-border: var(--section-color, var(--thematic-color, var(--custom-theme-brand-color)));
  border-color: var(--thematic-color-border);
}

/* ------------------------------------ *\
    #SKIP-LINKS
  \* ------------------------------------ */
/* Accessible links to main page elements */
.sit-skip-links {
  position: fixed;
  top: 0;
  left: 0;
}
.sit-skip-links a {
  padding: 0.625rem;
  font-weight: 500;
}
.sit-skip-links a:focus {
  background-color: hsl(0, 0%, 100%);
}

/* ------------------------------------ *\
  #MENU-ANIMATION
\* ------------------------------------ */
@-webkit-keyframes toggle-sticky-menu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes toggle-sticky-menu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes toggle-sticky-menu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes toggle-sticky-menu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ------------------------------------ *\
  #IS-STICKY-CONTAINER
\* ------------------------------------ */
.is-sticky-container {
  position: relative;
}

.is-sticky-position {
  --sticky-position-top: calc(var(--theme-admin-bar-height) + 0px);
  position: sticky;
  top: var(--sticky-position-top);
  align-self: start;
}

@media all and (min-width: 768px) {
  .is-sticky-position-tablet-desktop {
    --sticky-position-top: calc(var(--theme-admin-bar-height) + 0px);
    position: sticky;
    top: var(--sticky-position-top);
    align-self: start;
  }
}

/* ------------------------------------ *\
  #IMAGE-FULLWIDTH-WRAPPER
\* ------------------------------------ */
.sit-image-fullwidth-wrapper img {
  width: 100%;
}

/* ------------------------------------ *\
  #HAD-RADIAL-GRADIENT-DECORATION
\* ------------------------------------ */
.has-radial-gradient-decoration {
  --section-background-color: rgba(204, 196, 181, 0.4);
  --section-padding-bottom: 3em;
  padding-bottom: var(--section-padding-bottom);
  background: radial-gradient(ellipse at 50% 100%, var(--section-background-color) 0%, rgba(204, 196, 181, 0) 66%);
}

/* ------------------------------------ *\
  #IFRAME
\* ------------------------------------ */
/* Manage iframe content */
.sit-iframe {
  --iframe-aspect-ratio: 100%;
  height: 0 !important;
  padding-bottom: var(--iframe-aspect-ratio);
  position: relative;
  overflow: hidden;
}
.sit-iframe iframe,
.sit-iframe video {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media all and (min-width: 768px) {
  .sit-iframe {
    --iframe-aspect-ratio: 56%;
  }
}

/* ------------------------------------ *\
  #SECTION-WITH-BOX-SHADOW
\* ------------------------------------ */
.sit-section-has-box-shadow {
  --section-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), -3px 7px 17px 0px rgba(0, 0, 0, 0.1),
      -13px 28px 31px 0px rgba(0, 0, 0, 0.09), -30px 63px 42px 0px rgba(0, 0, 0, 0.05),
      -53px 112px 50px 0px rgba(0, 0, 0, 0.01), -83px 175px 54px 0px rgba(0, 0, 0, 0);
  box-shadow: var(--section-box-shadow);
}

.leaflet-control-attribution {
  display: none;
}

.sit-hero__progetto.sit-hero__luogo {
  gap: 0.75em;
}

/*# sourceMappingURL=main.css.map */
/*# sourceMappingURL=main.css.map */