@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,700;1,400&display=swap");
:root {
  --font-family:           Mulish, sans-serif;
  --font-family-heading:   Mulish, sans-serif;
  --font-family-menu:      Mulish, sans-serif;
  --font-family-monospace: Lucida Console, Monaco, monospace;
  --font-weight-base:     300;
  --font-weight-headings: 400;
  --font-weight-menu:     400;
  --font-size-base: 15px;
  --line-height-base: 1.5;
  --font-size-h1: 2rem;
  --font-size-h1-hero: 2rem;
  --font-size-h2: 1.75rem;
  --font-size-h3: 1.5rem;
  --font-size-h4: 1.25rem;
  --font-size-h5: 1.125rem;
  --font-size-h6: 1.1rem;
  --line-height-heading: 1.25;
  --size-gutter: 1rem;
  --size-space-base: 1rem;
  --size-space-small: 0.5rem;
  --size-space-big: 1.25rem;
  --size-typography-margin: 1em;
  --max-width-base:   1280px;
  --max-width-narrow: 768px;
  --max-width-big:    1600px;
  --size-corner-radius: 4px;
  --size-hamburger: 32px;
  --drupal-toolbar-bar-height: 39px;
  --drupal-toolbar-tray-height: 39px;
  --color-text:                   rgba(61, 61, 61, 0.85);
  --color-heading:                black;
  --color-link:                   #828a48;
  --color-link-hover:             #828a48;
  --color-link-focus:             #828a48;
  --color-link-active:            #828a48;
  --color-muted:                  dimgray;
  --color-muted-light:            #e9e9e9;
  --color-muted-lighter:          white;
  --color-muted-dark:             #434343;
  --color-black:                  black;
  --color-white:                  white;
  --color-gray:                   #aaa;
  --color-gray-light:             #ddd;
  --color-red:                    #98372c;
  --color-green:                  #828a48;
  --color-green-light:            #ced59e;
  --color-del:                    #98372c;
  --color-ins:                    #828a48;
  --color-mark:                   #ffdc00;
  --color-mark-text:              black;
  --color-primary:                #828a48;
  --color-secondary:              #4c4e3b;
  --color-accent:                 #e63946;
  --color-stars:                  #3b5998;
  --color-primary-text:           white;
  --color-secondary-text:         white;
  --color-accent-text:            white;
  --color-muted-text:             white;
  --color-muted-light-text:       black;
  --color-primary-link:           white;
  --color-secondary-link:         white;
  --color-accent-link:            white;
  --color-muted-link:             white;
  --color-muted-light-link:       #828a48;
  --color-primary-heading:        white;
  --color-secondary-heading:      white;
  --color-accent-heading:         white;
  --color-muted-heading:          white;
  --color-muted-light-heading:    black;
  --color-primary-background:     #828a48;
  --color-secondary-background:   #4c4e3b;
  --color-accent-background:      #e63946;
  --color-white-background:       white;
  --color-black-background:       black;
  --color-muted-background:       dimgray;
  --color-muted-light-background: #e9e9e9;
  --border-size:            1px;
  --bordes-size-form:       1px;
  --bordes-size-table:      1px;
  --bordes-size-blockquote: 4px;
  --border-size-pullquote:  4px;
  --border-size-codeblock:  4px;
  --border-color:           #e9e9e9;
  --border-color-dark:      dimgray;
  --form-item-padding: 4px;
  --color-site-button-bg: #5fb0ea;
  --color-site-button-fg: white;
  --color-site-button-banner-bg: #ff1f03;
  --color-site-button-banner-fg: white;
  --zone-roof-color-bg: #333;
  --zone-roof-color-fg: white;
  --zone-roof-color-link: white;
  --zone-roof-color-heading: white;
  --zone-roof-height: 40px;
  --size-header-height: 40px;
  --size-header-height-fixed: 40px;
  --size-logo-width:  120px;
  --size-logo-height: 30px;
  --size-logo-width-scroll:  120px;
  --size-logo-height-scroll: 30px;
  --zone-header-color-bg: white;
  --zone-header-color-fg: rgba(61, 61, 61, 0.85);
  --zone-header-color-link: #828a48;
  --zone-header-color-heading: black;
  --zone-header-transparent-color-bg: linear-gradient( to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0) 100% );
  --zone-header-transparent-color-fg: white;
  --zone-header-transparent-color-link: white;
  --zone-header-transparent-color-heading: white;
  --zone-featured-color-bg: #e9e9e9;
  --zone-featured-color-fg: rgba(61, 61, 61, 0.85);
  --zone-featured-color-link: #828a48;
  --zone-featured-color-heading: black;
  --zone-footer-color-bg: #333;
  --zone-footer-color-fg: white;
  --zone-footer-color-link: white;
  --zone-footer-color-heading: white;
  --zone-socket-color-bg: #000;
  --zone-socket-color-fg: white;
  --zone-socket-color-link: white;
  --zone-socket-color-heading: white;
  --zone-offcanvas-color-bg: white;
  --zone-offcanvas-color-fg: black;
  --zone-offcanvas-color-link: #828a48;
  --zone-offcanvas-color-heading: black;
  --header-button-menu-height: 26px;
  --header-button-menu-bg: transparent;
  --header-button-menu-bg-hover: white;
  --size-offcanvas: 80vw;
  --size-offcanvas-neg: -80vw;
  --size-offcanvas-delta: -20vw;
  --font-size-button-base-small: 0.875rem;
  --font-size-button-base-normal: 1rem;
  --font-size-button-base-big: 1.5rem;
  --line-height-button: 1;
  --button-radius: 4px;
  --button-border-width: 1px;
  --site-button-size: 52px;
  --site-button-padding: 6px;
  --visibility-mobile: flex;
  --visibility-medium-up: none; }

@media all and (min-width: 480px) {
  :root {
    --font-size-base: 15px; } }

@media all and (min-width: 768px) {
  :root {
    --font-size-base: 16px;
    --size-header-height: 80px;
    --size-header-height-fixed: 60px;
    --size-logo-width:  210px;
    --size-logo-height: 70px;
    --size-logo-width-scroll:  200px;
    --size-logo-height-scroll: 50px;
    --size-offcanvas: 50vw;
    --size-offcanvas-neg: -50vw;
    --size-offcanvas-delta: -50vw;
    --size-gutter: 2rem;
    --size-space-base: 2rem;
    --size-space-small: 1rem;
    --size-space-big: 4rem;
    --visibility-mobile: none;
    --visibility-medium-up: flex;
    --site-button-padding: 6px;
    --font-size-h1: 3rem;
    --font-size-h1-hero: 3rem;
    --font-size-h2: 2.5rem;
    --font-size-h3: 1.875rem;
    --font-size-h4: 1.625rem;
    --font-size-h5: 1.375rem;
    --font-size-h6: 1.125rem; } }

@media all and (min-width: 1024px) {
  :root {
    --font-size-base: 18px; } }

@media all and (min-width: 1280px) {
  :root {
    --font-size-base: 18px;
    --size-header-height:  120px;
    --size-header-height-fixed: 80px;
    --size-logo-width:  210px;
    --size-logo-height: 70px;
    --size-logo-width-scroll:  210px;
    --size-logo-height-scroll: 70px; } }

/**
 * FiNeX Epsilon Reset and Normalize based on:
 *
 *  - CSS Reset and Normalize
 *    https://github.com/simbo/css-reset-and-normalize
 *
 *   - Modern CSS Reset
 *     https://github.com/hankchizljaw/modern-css-reset
 */
/**
 * IE10+ doesn't honor `<meta name="viewport">` in some casest
 */
@-ms-viewport {
  width: device-width; }

/**
 * general reset
 */
html, body, div, span, applet, object, iframe,
h1,
.hero-title, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/**
 * HTML5 display-role reset for older browsers
 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main, summary {
  display: block; }

/**
 * inherit box model for all elements
 */
*,
*::before,
*::after {
  box-sizing: inherit; }

/**
 * html root rules
 * 1. set border-box for inheritance
 * 2. avoid 300ms click delay on touch devices that support the `touch-action`
 *    CSS property
 * 3. Prevent adjustments of font size after orientation changes in IE, on
 *    Windows Phone and iOS.
 * 4. Setting @viewport causes scrollbars to overlap content in IE11 and Edge,
 *    so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
 * 5. Change the default tap highlight to be completely transparent in iOS.
 * 6. Add smooth scroll, opionated by FiNeX
 */
html {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  touch-action: manipulation;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 4 */
  -ms-overflow-style: scrollbar;
  /* 5 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 6 */
  scroll-behavior: smooth; }

/**
 * body rules
 * 1. reset line-height to 1
 * 2. set base font-family to sans-serif
 * 3. Set an explicit initial text-align value so that we can later use the
 *    `inherit` value on things like `<th>` elements.
 * 4. Set default rendering mode, opionated by FiNeX
 * 5. Set min height to 100vh, opionated by FiNeX
 */
body {
  /* 1 */
  line-height: 1;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  text-align: left;
  /* 4 */
  text-rendering: optimizeLegibility;
  /* 5 */
  min-height: 100vh; }

/**
 * Lists
 */
ol, ul {
  list-style: none; }

/**
 * Quotes
 */
blockquote, q {
  quotes: none; }

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
  content: none; }

/**
 * Tables
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  caption-side: bottom; }

/**
 * Table Headers
 * 1. Matches default `<td>` alignment by inheriting from the `<body>`, or the
 *    closest parent with a set `text-align`.
 */
th {
  /* 1 */
  text-align: inherit; }

/**
 * Horizontal Lines
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  /* 1 */
  box-sizing: content-box;
  height: 0;
  /* 2 */
  overflow: visible; }

/**
 * Preformatted Text
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Don't allow content to break outside
 * 3. We have @viewport set which causes scrollbars to overlap content in IE11
 *    and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
 *    counteract.
 */
pre,
code,
kbd,
samp {
  /* 1 */
  font-family: monospace, monospace; }

pre {
  /* 2 */
  overflow: auto;
  /* 3 */
  -ms-overflow-style: scrollbar; }

/**
 * Links
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  /* 1 */
  background-color: transparent;
  /* 2 */
  -webkit-text-decoration-skip: objects; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto; }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 * 3. Add explicit cursor to indicate changed behavior.
 * 4. Prevent the text-decoration to be skipped.
 */
abbr[title] {
  /* 1 */
  border-bottom: none;
  /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 3 */
  cursor: help;
  /* 4 */
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  max-width: 100%;
  display: block; }

/* Blur images when they have no alt attribute */
/**
 * Hide SVG overflow in IE
 */
svg:not(:root) {
  overflow: hidden; }

/**
 * Remove the default `border-radius` that macOS Chrome adds.
 * Details at https://github.com/twbs/bootstrap/issues/24093
 */
button {
  border-radius: 0; }

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 * Credit: https://github.com/suitcss/base/
 */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

/**
 * form element resets
 * 1. Remove the margin in Firefox and Safari
 * 2. inherit font rules
 */
input,
button,
select,
optgroup,
textarea {
  /* 1 */
  margin: 0;
  /* 2 */
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="reset"],
[type="submit"],
[type="button"] {
  /* 2 */
  -webkit-appearance: button; }

/**
 * Remove the default appearance of temporal inputs to avoid a Mobile Safari
 * bug where setting a custom line-height prevents text from being vertically
 * centered within the input.
 * See https://bugs.webkit.org/show_bug.cgi?id=139848
 * and https://github.com/twbs/bootstrap/issues/11266
 */
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Textareas should really only resize vertically so they don't break their
 *    (horizontal) containers.
 */
textarea {
  overflow: auto;
  resize: vertical; }

/**
 * Show the overflow in IE.
 */
button,
input {
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 */
button,
select {
  text-transform: none; }

/**
 * Remove the inheritance of word-wrap in Safari.
 * See https://github.com/twbs/bootstrap/issues/24990
 */
select {
  word-wrap: normal; }

/**
 * Remove inner border and padding from Firefox, but don't restore the outline
 * like Normalize.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * 1. Add the correct box sizing in IE 10-
 * 2. Remove the padding in IE 10-
 */
input[type="radio"],
input[type="checkbox"] {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  padding: 0; }

/**
 * Suppress the focus outline on elements that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 * Credit: https://github.com/suitcss/base
 */
[tabindex="-1"]:focus {
  outline: 0 !important; }

/**
 * Browsers set a default `min-width: min-content` on fieldsets,
 * unlike e.g. `<div>`s, which have `min-width: 0` by default.
 * So we reset that to ensure fieldsets behave more like a standard block element.
 * See https://github.com/twbs/bootstrap/issues/12359
 * and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
 */
fieldset {
  min-width: 0; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Set display to block for all browsers
 */
legend {
  /* 1 */
  max-width: 100%;
  white-space: normal;
  /* 2 */
  color: inherit;
  /* 3 */
  display: block; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  padding: 0; }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  /* 1 */
  -webkit-appearance: textfield;
  /* 2 */
  outline-offset: -2px; }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  font: inherit; }

/**
 * Correct element display for output
 */
output {
  display: inline-block; }

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

[hidden] {
  display: none; }

/**
 * EXTRA RULES
 */
/**
 * adds resets for links that are not covered by reset-and-normalize base
 */
a {
  color: inherit;
  text-decoration: none; }
  a:-moz-focusring, a:focus {
    outline: none; }

/**
 * adds resets for buttons that are not covered by reset-and-normalize base
 */
[role="button"],
input[type="button"],
input[type="reset"],
input[type="submit"],
button {
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  color: inherit;
  text-align: inherit;
  background: none;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  [role="button"]:-moz-focusring,
  input[type="button"]:-moz-focusring,
  input[type="reset"]:-moz-focusring,
  input[type="submit"]:-moz-focusring,
  button:-moz-focusring {
    outline: none; }
  [role="button"]:focus,
  input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus,
  button:focus {
    outline: none; }

/**
 * Remove all animations and transitions for people that prefer not to see them
 */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

/*
 * Set colors "preset"
 */
/*
 * Evita il flickering della pagina allo scroll se c'è un elemento fixed.
 *
 * https://stackoverflow.com/questions/12969228/chrome-slow-scrolling-with-fixed-position-elements
 *
 * Elementi fixed possono causare flickering e rallentamenti su Google Chrome
 * questo fix risolve il problema. Però introduce un potenziale effetto
 * collaterale: se dentro l'header ci sono elementi .fixed questi potrebbero
 * non essere posizioanti correttamente su Google Chrome, rif bug:
 * https://bugs.webkit.org/show_bug.cgi?id=110478
 */
html {
  font-size: var(--font-size-base); }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-text);
  font-family: var(--font-family);
  font-weight: var(--font-weight-base); }

a {
  color: var(--color-link);
  text-decoration: none; }

a:hover {
  color: var(--color-link-hover);
  text-decoration: none; }

.field p a,
.field figcaption a,
.field ul a,
.field ol a,
.field__body p a,
.field__body figcaption a,
.field__body ul a,
.field__body ol a {
  font-weight: bold;
  position: relative;
  transition: all 0.25s ease-out;
  border-radius: var(--size-corner-radius);
  padding: 0; }
  .field p a:after,
  .field figcaption a:after,
  .field ul a:after,
  .field ol a:after,
  .field__body p a:after,
  .field__body figcaption a:after,
  .field__body ul a:after,
  .field__body ol a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 2px;
    background-color: var(--color-link);
    width: 100%; }
  .field p a:hover,
  .field figcaption a:hover,
  .field ul a:hover,
  .field ol a:hover,
  .field__body p a:hover,
  .field__body figcaption a:hover,
  .field__body ul a:hover,
  .field__body ol a:hover {
    background-color: var(--color-link);
    color: #ffffff;
    transition: all 0.25s ease-in; }
    .field p a:hover:after,
    .field figcaption a:hover:after,
    .field ul a:hover:after,
    .field ol a:hover:after,
    .field__body p a:hover:after,
    .field__body figcaption a:hover:after,
    .field__body ul a:hover:after,
    .field__body ol a:hover:after {
      display: none; }
  .field p a.link-image,
  .field figcaption a.link-image,
  .field ul a.link-image,
  .field ol a.link-image,
  .field__body p a.link-image,
  .field__body figcaption a.link-image,
  .field__body ul a.link-image,
  .field__body ol a.link-image {
    padding: 0; }
    .field p a.link-image:after,
    .field figcaption a.link-image:after,
    .field ul a.link-image:after,
    .field ol a.link-image:after,
    .field__body p a.link-image:after,
    .field__body figcaption a.link-image:after,
    .field__body ul a.link-image:after,
    .field__body ol a.link-image:after {
      display: none; }
    .field p a.link-image:hover,
    .field figcaption a.link-image:hover,
    .field ul a.link-image:hover,
    .field ol a.link-image:hover,
    .field__body p a.link-image:hover,
    .field__body figcaption a.link-image:hover,
    .field__body ul a.link-image:hover,
    .field__body ol a.link-image:hover {
      background-color: transparent;
      color: inherit; }


h1,
.hero-title,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-headings);
  color: var(--color-heading);
  word-wrap: break-word; }


h1,
.hero-title {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-heading);
  margin-top: 0;
  margin-bottom: 0.5em; }

h2 {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-heading);
  margin-top: 0;
  margin-bottom: 0.5em; }

h3 {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-heading);
  margin-top: 0;
  margin-bottom: 0.5em; }

h4 {
  font-size: var(--font-size-h4);
  line-height: var(--line-height-heading);
  margin-top: 0;
  margin-bottom: 0.5em; }

h5 {
  font-size: var(--font-size-h5);
  line-height: var(--line-height-heading);
  margin-top: 0;
  margin-bottom: 0.5em; }

h6 {
  font-size: var(--font-size-h6);
  line-height: var(--line-height-heading);
  margin-top: 0;
  margin-bottom: 0.5em; }

h6 {
  font-weight: bold; }

.hero-title {
  font-weight: normal;
  font-size: var(--font-size-h1-hero);
  line-height: 1.2em;
  margin-bottom: 0.5em; }
  .hero-title p {
    line-height: 1.2; }

h1.field-title, .field-title.hero-title {
  margin: 0; }

h2.field-subtitle {
  font-size: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0;
  color: var(--color-muted);
  font-weight: normal; }

p {
  margin-top: 0;
  margin-bottom: var(--size-typography-margin);
  line-height: var(--line-height-base); }

.field p:last-child,
.field__body p:last-child {
  margin-bottom: 0; }

blockquote {
  font-size: 1.75rem;
  line-height: 1.5;
  padding: 0 0 0 calc(var(--size-space-base) * 1.5);
  margin: 0;
  margin-bottom: var(--size-typography-margin); }
  blockquote:before {
    position: absolute;
    content: "\201C";
    line-height: 1;
    font-size: 5rem;
    margin-top: 0;
    margin-left: calc(var(--size-space-base) * -1.5); }
  blockquote cite {
    font-size: 0.9em;
    font-style: italic; }
  blockquote p:last-of-type {
    margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    blockquote {
      font-size: 1.15rem;
      line-height: 1.5;
      padding: 0 0 0 var(--size-space-base); }
      blockquote:before {
        font-size: 2rem;
        margin-left: calc(var(--size-space-basebase) * -1); } }
  blockquote cite {
    font-size: 1.25rem; }
    @media screen and (max-width: 767px) {
      blockquote cite {
        font-size: 1.1rem; } }

blockquote:last-child {
  margin-bottom: 0; }

.pullquote {
  background-color: rgba(200, 200, 200, 0.3);
  border-left: solid var(--size-space-small)/4 rgba(200, 200, 200, 0.5);
  padding: var(--size-space-small) var(--size-space-base);
  margin: 0;
  line-height: 1.25;
  font-size: 1.75rem; }
  .pullquote p:last-of-type {
    margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .pullquote {
      font-size: 1.15rem; } }

abbr[title] {
  text-decoration: none;
  border-bottom: dashed 2px var(--color-text); }

b,
strong {
  font-weight: bold; }

i,
em {
  font-style: italic; }

cite {
  font-size: 1em;
  font-style: italic; }

del {
  color: var(--color-del); }

figure {
  margin-top: 0;
  margin-bottom: var(--size-typography-margin); }

hr {
  border: none;
  border-top: 1px solid var(--border-color);
  margin-left: 0;
  margin-right: 0;
  margin-bottom: var(--size-typography-margin); }

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

ins {
  color: var(--color-ins); }

mark {
  color: var(--color-mark-text);
  background-color: var(--color-mark);
  border-radius: var(--size-corner-radius);
  padding: calc(1em/6) calc(1em/3); }

code {
  font-family: var(--font-family-monospace);
  color: var(--color-muted-light);
  background-color: var(--color-muted-dark);
  border-radius: var(--size-corner-radius);
  padding: calc(1em/6) calc(1em/3);
  line-height: 1.5em; }

kbd {
  font-family: var(--font-family-monospace);
  color: var(--color-muted-light);
  background-color: var(--color-muted-dark);
  border-radius: var(--size-corner-radius);
  padding: calc(1em/6) calc(1em/3); }

pre {
  max-height: auto;
  overflow-y: auto;
  font-family: var(--font-family-monospace);
  color: var(--color-muted-dark);
  background-color: var(--color-muted-light);
  border-radius: var(--size-corner-radius);
  padding: var(--size-space-small);
  margin-top: 0;
  margin-bottom: var(--size-typography-margin); }

pre code {
  background-color: inherit;
  color: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  margin: 0; }

small {
  font-size: 0.85em; }

.text-big {
  font-size: 1.75em;
  line-height: 1.33em; }

*:focus {
  outline: none; }

.text-align-center {
  text-align: center; }

::-webkit-input-placeholder {
  color: var(--color-muted); }

::-moz-placeholder {
  color: var(--color-muted); }

::-ms-input-placeholder {
  color: var(--color-muted); }

::placeholder {
  color: var(--color-muted); }

::-moz-selection {
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  text-shadow: none !important; }

::selection {
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  text-shadow: none !important; }

.toolbar-tray a {
  font-weight: normal; }

/*
 * Base Layout grid
 */
/*
 * Epsilon Grid System
 */
.l__row {
  *zoom: 1;
  /* WARNING: in realtà il contenuto di un paragrafo "section" potrebbe essere anche "narrow", ovvero
  /* più stretto della colonna normale, però questo caso
  /* non l'ho ancora gestito. */
  /*
  l__column
  paragraph
  paragraph__pp-grid
  paragraph__view-mode--full
  grid-flex__aligncontent--stretch
  grid-flex__alignitems--stretch
  grid-flex__direction--row
  grid-flex__col--1-_
  grid-flex__justify--space-between
*/ }
  .l__row:before, .l__row:after {
    content: "";
    display: table;
    line-height: 0; }
  .l__row:after {
    clear: both; }
  .l__row .l__column {
    width: 100%;
    max-width: var(--max-width-base);
    padding-left: var(--size-gutter);
    padding-right: var(--size-gutter);
    margin-left: auto;
    margin-right: auto; }
    .l__row .l__column .l__column {
      padding-left: 0;
      padding-right: 0; }
  .l__row .section__style--no-padding .paragraph__pp-section--content {
    padding: 0; }
  .l__row .block-zero-page-title {
    padding: 0; }
  .l__row .section__width--full .l__column,
  .l__row .section__width--full .paragraph__pp-section--content {
    max-width: 100%; }
  .l__row .section__width--full .l__column {
    padding-left: 0;
    padding-right: 0; }
  @media screen and (min-width: 1024px) {
    .l__row .section__width--narrow .l__column,
    .l__row .section__width--narrow .paragraph__pp-section--content {
      max-width: var(--max-width-narrow); } }

/*
 * Rimuovo i padding dalla griglia dentro la section se lo stile "avanzati" della section
 * ha il "no-padding"
 */
/*
 * Blog: la larghezza della colonna è ridotta
 */
@media screen and (min-width: 1024px) {
  .page-node-type-article #main.l__row .l__column {
    max-width: 800px; } }

/*
 * Footer Grid
 */
/*
 * Imposta l'header ed il footer al 100% della larghezza pagina
 */
.settings-headerfooter-edge #roof .l__column,
.settings-headerfooter-edge #header .l__column,
.settings-headerfooter-edge #footer .l__column,
.settings-headerfooter-edge #socket .l__column {
  max-width: 100%; }

/*
 * Site roof
 */
.site-roof {
  z-index: 100; }

/*
 * Site header
 * - logo
 * - menu (menu region)
 * - cta (header region)
 * - tools (search+hamburger buttons)
 */
.site-header {
  z-index: 100; }

.settings-logo-position--right .site-header .l__column {
  justify-content: right; }

.settings-logo-position--right .site-header__branding {
  order: 4;
  margin-left: auto; }

.settings-logo-position--right .site-header__menu {
  order: 3; }

.settings-logo-position--right .site-header__cta {
  order: 2; }

.settings-logo-position--right .site-header__tools {
  order: 1; }

.settings-logo-position--left .site-header .l__column {
  justify-content: left; }

.settings-logo-position--left .site-header__branding {
  order: 1;
  margin-right: auto; }

.settings-logo-position--left .site-header__menu {
  order: 2; }

.settings-logo-position--left .site-header__cta {
  order: 3; }

.settings-logo-position--left .site-header__tools {
  order: 4; }

.settings-logo-position--right_center .site-header .l__column {
  justify-content: right; }

.settings-logo-position--right_center .site-header__branding {
  order: 4; }

.settings-logo-position--right_center .site-header__menu {
  order: 3;
  margin-left: auto;
  margin-right: auto; }

.settings-logo-position--right_center .site-header__cta {
  order: 2; }

.settings-logo-position--right_center .site-header__tools {
  order: 1; }

.settings-logo-position--left_center .site-header .l__column {
  justify-content: left; }

.settings-logo-position--left_center .site-header__branding {
  order: 1; }

.settings-logo-position--left_center .site-header__menu {
  order: 2;
  margin-left: auto;
  margin-right: auto; }

.settings-logo-position--left_center .site-header__cta {
  order: 3; }
  @media screen and (max-width: 767px) {
    .settings-logo-position--left_center .site-header__cta {
      margin-left: auto; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .settings-logo-position--left_center .site-header__cta {
      margin-left: auto; } }

.settings-logo-position--left_center .site-header__tools {
  order: 4; }

.site-header .l__column {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%; }

.site-header__tools {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .site-header__tools__button-search {
    order: 1; }
  .site-header__tools__button-menu {
    order: 2; }

/*
 * Site hero
 */
/*
 * Site featured
 */
/*
 * Site breadcrumb
 */
/*
 * Site main
 * - sidebar first
 * - content
 *   - preface
 *   - content
 *   - postscript
 * - sidebar last
 */
/*
 * Site footer
 */
.site-footer-columns {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: var(--size-gutter); }
  @media screen and (min-width: 768px) {
    .site-footer-columns {
      grid-template-columns: 1fr 1fr 1fr; } }

/*
 * Site socket
 */
/*
 * Site offcanvas
 */
/*
 * Site search
 */
/* ---------------------------------------------------------------------------
 * Back to top
 * --------------------------------------------------------------------------- */
#back-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 24px;
  opacity: 0;
  transition: all 0.25s ease-out;
  border-radius: var(--size-corner-radius);
  z-index: 20;
  cursor: pointer; }
  .scroll--main #back-top {
    opacity: 1;
    transition: all 0.25s ease-in; }
  .offcanvas-enabled #back-top {
    display: none; }

/*
 * User account page
 */
.path-user #content-content .block-system {
  max-width: var(--max-width-base);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--size-gutter);
  padding-right: var(--size-gutter); }

.two-columns {
  *zoom: 1;
  margin-bottom: var(--size-space-base); }
  .two-columns:before, .two-columns:after {
    content: "";
    display: table;
    line-height: 0; }
  .two-columns:after {
    clear: both; }
  @media screen and (min-width: 768px) {
    .two-columns--first {
      width: calc(100%/3*2);
      float: left;
      padding-right: var(--size-gutter)/2; }
    .two-columns--last {
      width: calc(100%/3);
      float: right;
      padding-left: var(--size-gutter)/2; } }
  .two-columns--single {
    margin-top: var(--size-space-base);
    clear: both; }

.two-columns-teaser {
  *zoom: 1;
  margin-bottom: var(--size-space-base); }
  .two-columns-teaser:before, .two-columns-teaser:after {
    content: "";
    display: table;
    line-height: 0; }
  .two-columns-teaser:after {
    clear: both; }
  @media screen and (min-width: 768px) {
    .two-columns-teaser--first {
      width: calc(100%/3*2);
      float: left;
      padding-right: var(--size-gutter)/2; }
    .two-columns-teaser--last {
      width: calc(100%/3);
      float: right;
      padding-left: var(--size-gutter)/2; } }

.one-column__header h1, .one-column__header .hero-title {
  text-align: center; }

/* Generic layout builder region */
.layout {
  position: relative;
  *zoom: 1; }
  .layout:before, .layout:after {
    content: "";
    display: table;
    line-height: 0; }
  .layout:after {
    clear: both; }

/* Background styles. */
.layout--background--none {
  background: none; }

.layout--background--black {
  background: var(--color-black);
  color: var(--color-black-text); }
  .layout--background--black a {
    color: var(--color-black-link); }
  .layout--background--black h1, .layout--background--black .hero-title, .layout--background--black h2, .layout--background--black h3, .layout--background--black h4, .layout--background--black h5, .layout--background--black h6 {
    color: var(--color-black-heading); }

.layout--background--white {
  background: var(--color-white); }

.layout--background--gray {
  background: var(--color-muted);
  color: var(--color-muted-text); }
  .layout--background--gray a {
    color: var(--color-muted-link); }
  .layout--background--gray h1, .layout--background--gray .hero-title, .layout--background--gray h2, .layout--background--gray h3, .layout--background--gray h4, .layout--background--gray h5, .layout--background--gray h6 {
    color: var(--color-muted-heading); }

.layout--background--primary {
  background: var(--color-primary);
  color: var(--color-primary-text); }
  .layout--background--primary a {
    color: var(--color-primary-link); }
  .layout--background--primary h1, .layout--background--primary .hero-title, .layout--background--primary h2, .layout--background--primary h3, .layout--background--primary h4, .layout--background--primary h5, .layout--background--primary h6 {
    color: var(--color-primary-heading); }

.layout--background--secondary {
  background: var(--color-secondary);
  color: var(--color-secondary-text); }
  .layout--background--secondary a {
    color: var(--color-secondary-link); }
  .layout--background--secondary h1, .layout--background--secondary .hero-title, .layout--background--secondary h2, .layout--background--secondary h3, .layout--background--secondary h4, .layout--background--secondary h5, .layout--background--secondary h6 {
    color: var(--color-secondary-heading); }

.layout--background--accent {
  background: var(--color-accent);
  color: var(--color-accent-text); }
  .layout--background--accent a {
    color: var(--color-accent-link); }
  .layout--background--accent h1, .layout--background--accent .hero-title, .layout--background--accent h2, .layout--background--accent h3, .layout--background--accent h4, .layout--background--accent h5, .layout--background--accent h6 {
    color: var(--color-accent-heading); }

/* Background attachment styles. */
.layout--background-attachment--fixed {
  background-attachment: fixed; }

/* Background position styles. */
.layout--background-position--center {
  background-position: center; }

/* Background size styles. */
.layout--background-size--cover {
  background-size: cover; }

.layout--background-size--contain {
  background-size: contain; }

/* Top Bottom Margin styles. */
.layout--top-bottom-margin--none {
  margin-top: 0;
  margin-bottom: 0; }

.layout--top-bottom-margin--small {
  margin-top: var(--size-space-small);
  margin-bottom: var(--size-space-small); }

.layout--top-bottom-margin--default {
  margin-top: var(--size-space-base);
  margin-bottom: var(--size-space-base); }

.layout--top-bottom-margin--big {
  margin-top: var(--size-space-big);
  margin-bottom: var(--size-space-big); }

/* Left Right Margin styles. */
.layout--left-right-margin--none {
  margin-left: 0;
  margin-right: 0; }

.layout--left-right-margin--small {
  margin-left: var(--size-space-small);
  margin-right: var(--size-space-small); }

.layout--left-right-margin--default {
  margin-left: var(--size-space-base);
  margin-right: var(--size-space-base); }

.layout--left-right-margin--big {
  margin-left: var(--size-space-big);
  margin-right: var(--size-space-big); }

/* Top Margin styles. */
.layout--top-margin--none {
  margin-top: 0; }

.layout--top-margin--small {
  margin-top: var(--size-space-small); }

.layout--top-margin--default {
  margin-top: var(--size-space-base); }

.layout--top-margin--big {
  margin-top: var(--size-space-big); }

/* Bottom Margin styles. */
.layout--bottom-margin--none {
  margin-bottom: 0; }

.layout--bottom-margin--small {
  margin-bottom: var(--size-space-small); }

.layout--bottom-margin--default {
  margin-bottom: var(--size-space-base); }

.layout--bottom-margin--big {
  margin-bottom: var(--size-space-big); }

/* Left Margin styles. */
.layout--left-margin--none {
  margin-left: 0; }

.layout--left-margin--small {
  margin-left: var(--size-space-small); }

.layout--left-margin--default {
  margin-left: var(--size-space-base); }

.layout--left-margin--big {
  margin-left: var(--size-space-big); }

/* Right Margin styles. */
.layout--right-margin--none {
  margin-right: 0; }

.layout--right-margin--small {
  margin-right: var(--size-space-small); }

.layout--right-margin--default {
  margin-right: var(--size-space-base); }

.layout--right-margin--big {
  margin-right: var(--size-space-big); }

/* Top Bottom Padding styles. */
.layout--top-bottom-padding--none .layout-content {
  padding-top: 0;
  padding-bottom: 0; }

.layout--top-bottom-padding--small .layout-content {
  padding-top: var(--size-space-small);
  padding-bottom: var(--size-space-small); }

.layout--top-bottom-padding--default .layout-content {
  padding-top: var(--size-space-base);
  padding-bottom: var(--size-space-base); }

.layout--top-bottom-padding--big .layout-content {
  padding-top: calc(var(--size-space-big) * 2);
  padding-bottom: calc(var(--size-space-big) * 2); }

/* Left Right Padding styles. */
.layout--left-right-padding--none .layout-content {
  padding-left: 0;
  padding-right: 0; }

.layout--left-right-padding--small .layout-content {
  padding-left: var(--size-space-small);
  padding-right: var(--size-space-big); }

.layout--left-right-padding--default .layout-content {
  padding-left: var(--size-space-base);
  padding-right: var(--size-space-base); }

.layout--left-right-padding--big .layout-content {
  padding-left: var(--size-space-big);
  padding-right: var(--size-space-big); }

/* Top Padding styles. */
.layout--top-padding--none .layout-content {
  padding-top: 0; }

.layout--top-padding--small .layout-content {
  padding-top: var(--size-space-small); }

.layout--top-padding--default .layout-content {
  padding-top: var(--size-space-base); }

.layout--top-padding--big .layout-content {
  padding-top: var(--size-space-big); }

/* Bottom Padding styles. */
.layout--bottom-padding--none .layout-content {
  padding-bottom: 0; }

.layout--bottom-padding--small .layout-content {
  padding-bottom: var(--size-space-small); }

.layout--bottom-padding--default .layout-content {
  padding-bottom: var(--size-space-base); }

.layout--bottom-padding--big .layout-content {
  padding-bottom: var(--size-space-big); }

/* Left Padding styles. */
.layout--left-padding--none .layout-content {
  padding-left: 0; }

.layout--left-padding--small .layout-content {
  padding-left: var(--size-space-small); }

.layout--left-padding--default .layout-content {
  padding-left: var(--size-space-base); }

.layout--left-padding--big .layout-content {
  padding-left: var(--size-space-big); }

/* Right Padding styles. */
.layout--right-padding--none .layout-content {
  padding-right: 0; }

.layout--right-padding--small .layout-content {
  padding-right: var(--size-space-small); }

.layout--right-padding--default .layout-content {
  padding-right: var(--size-space-base); }

.layout--right-padding--big .layout-content {
  padding-right: var(--size-space-big); }

/* Container styles. */
.layout--container--default {
  max-width: var(--max-width-base);
  margin-left: auto;
  margin-right: auto; }

.layout--container--small {
  max-width: var(--max-width-narrow);
  margin-left: auto;
  margin-right: auto; }

.layout--container--large {
  max-width: var(--max-width-large);
  margin-left: auto;
  margin-right: auto; }

.layout--container--full {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

/* Content container styles. */
.layout--content-container--default .layout-content {
  max-width: var(--max-width-base);
  margin-left: auto;
  margin-right: auto; }

.layout--content-container--small .layout-content {
  max-width: var(--max-width-narrow);
  margin-left: auto;
  margin-right: auto; }

.layout--content-container--large .layout-content {
  max-width: var(--max-width-big);
  margin-left: auto;
  margin-right: auto; }

.layout--content-container--full .layout-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

/* Height styles. */
.layout--height--100vh {
  min-height: 100vh;
  align-items: center; }

.layout--height--80vh {
  min-height: 80vh;
  align-items: center; }

/* Color styles. */
.layout--color--black {
  color: var(--color-black); }

.layout--color--white {
  color: var(--color-white); }
  .layout--color--white a {
    color: var(--color-white); }
  .layout--color--white h1, .layout--color--white .hero-title, .layout--color--white h2, .layout--color--white h3, .layout--color--white h4, .layout--color--white h5, .layout--color--white h6 {
    color: var(--color-white); }

.layout--color--gray {
  color: var(--color-muted); }
  .layout--color--gray a {
    color: var(--color-muted); }
  .layout--color--gray h1, .layout--color--gray .hero-title, .layout--color--gray h2, .layout--color--gray h3, .layout--color--gray h4, .layout--color--gray h5, .layout--color--gray h6 {
    color: var(--color-muted); }

.layout--color--primary {
  color: var(--color-primary); }
  .layout--color--primary a {
    color: var(--color-primary); }
  .layout--color--primary h1, .layout--color--primary .hero-title, .layout--color--primary h2, .layout--color--primary h3, .layout--color--primary h4, .layout--color--primary h5, .layout--color--primary h6 {
    color: var(--color-primary); }

.layout--color--secondary {
  color: var(--color-secondary); }
  .layout--color--secondary a {
    color: var(--color-secondary); }
  .layout--color--secondary h1, .layout--color--secondary .hero-title, .layout--color--secondary h2, .layout--color--secondary h3, .layout--color--secondary h4, .layout--color--secondary h5, .layout--color--secondary h6 {
    color: var(--color-secondary); }

.layout--color--accent {
  color: var(--color-accent); }
  .layout--color--accent a {
    color: var(--color-accent); }
  .layout--color--accent h1, .layout--color--accent .hero-title, .layout--color--accent h2, .layout--color--accent h3, .layout--color--accent h4, .layout--color--accent h5, .layout--color--accent h6 {
    color: var(--color-accent); }

/* Alignment styles. */
.layout--alignment--left {
  text-align: left; }

.layout--alignment--right {
  text-align: right; }

.layout--alignment--center {
  text-align: center; }

.layout--alignment--justify {
  text-align: justify; }

/* Column gap styles. */
.layout--column-gap--small .layout-content {
  -moz-column-gap: var(--size-space-small);
       column-gap: var(--size-space-small); }

.layout--column-gap--default .layout-content {
  -moz-column-gap: var(--size-space-base);
       column-gap: var(--size-space-base); }

.layout--column-gap--big .layout-content {
  -moz-column-gap: var(--size-space-big);
       column-gap: var(--size-space-big); }

/* Row gap styles. */
.layout--row-gap--small .layout-content {
  row-gap: var(--size-space-small); }

.layout--row-gap--default .layout-content {
  row-gap: var(--size-space-base); }

.layout--row-gap--big .layout-content {
  row-gap: var(--size-space-big); }

/* Align styles. */
.layout--align-items--stretch .layout-content {
  align-items: stretch; }

.layout--align-items--center .layout-content {
  align-items: center; }

.layout--align-items--start .layout-content {
  align-items: start; }

.layout--align-items--end .layout-content {
  align-items: end; }

/* Overlay styles. */
.layout--background-overlay--dark-light {
  position: relative; }

.layout--background-overlay--dark-light:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block; }

.layout--background-overlay--dark-light > * {
  z-index: 100;
  position: relative; }

.layout--background-overlay--dark {
  position: relative; }

.layout--background-overlay--dark:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block; }

.layout--background-overlay--dark > * {
  z-index: 100;
  position: relative; }

.layout--background-overlay--darker {
  position: relative; }

.layout--background-overlay--darker:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block; }

.layout--background-overlay--darker > * {
  z-index: 100;
  position: relative; }

.layout-builder-base--two-columns .layout-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em; }

@media all and (min-width: 1024px) {
  /* Two columns styles. */
  .layout-builder-base--two-columns .layout-content {
    display: grid;
    grid-template-columns: 1fr 1fr; }
  .layout-builder-base--two-columns.layout--column-width--33-67 .layout-content {
    grid-template-columns: 0.33fr 0.67fr; }
  .layout-builder-base--two-columns.layout--column-width--67-33 .layout-content {
    grid-template-columns: 0.67fr 0.33fr; }
  .layout-builder-base--two-columns.layout--column-width--25-75 .layout-content {
    grid-template-columns: 0.25fr 0.75fr; }
  .layout-builder-base--two-columns.layout--column-width--75-25 .layout-content {
    grid-template-columns: 0.75fr 0.25fr; }
  /* Three columns styles. */
  .layout-builder-base--three-columns .layout-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
  .layout-builder-base--three-columns.layout--column-width--25-50-25 .layout-content {
    grid-template-columns: 0.25fr 0.50fr 0.25fr; }
  .layout-builder-base--three-columns.layout--column-width--25-25-50 .layout-content {
    grid-template-columns: 0.25fr 0.25fr 0.50fr; }
  .layout-builder-base--three-columns.layout--column-width--50-25-25 .layout-content {
    grid-template-columns: 0.50fr 0.25fr 0.25fr; }
  /* Four columns styles. */
  .layout-builder-base--four-columns .layout-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; } }

/* Column breakpoint styles. */
@media only screen and (max-width: 768px) {
  .layout--column-breakpoint--small .layout-content {
    grid-template-columns: 1fr !important; } }

@media only screen and (max-width: 1024px) {
  .layout--column-breakpoint--medium .layout-content {
    grid-template-columns: 1fr !important; } }

@media only screen and (max-width: 1280px) {
  .layout-builder-base--standard .layout-content {
    grid-template-columns: 1fr !important; } }

@media only screen and (max-width: 1600px) {
  .layout-builder-base--large .layout-content {
    grid-template-columns: 1fr !important; } }

/* Customizable layout columns. */
.layout--customizable-columns--autofill .layout-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }

.layout--customizable-columns--autofit .layout-content {
  display: grid;
  grid-template-columns: 1fr; }

@media only screen and (min-width: 768px) {
  .layout--customizable-columns--autofit .layout-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; } }

@media only screen and (min-width: 1024px) {
  .layout--customizable-columns--autofit .layout-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } }

.layout--customizable-columns--2-col .layout-content {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.layout--customizable-columns--3-col .layout-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; }

.layout--customizable-columns--4-col .layout-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; }

/*
 * Layout builder Tabs
 */
.layout--tabs .tabs-region {
  max-width: var(--max-width-base);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--size-space-base);
  padding-left: var(--size-space-base);
  padding-right: var(--size-space-base); }
  .layout--tabs .tabs-region ul.tabs {
    margin: 0;
    grid-auto-flow: row; }
    @media all and (min-width: 1024px) {
      .layout--tabs .tabs-region ul.tabs {
        grid-auto-flow: column; } }
    .layout--tabs .tabs-region ul.tabs .tabs__tab a.nav-item {
      border: 0;
      color: white;
      background-color: var(--color-primary); }
      .layout--tabs .tabs-region ul.tabs .tabs__tab a.nav-item.is-active {
        background-color: var(--color-secondary); }
  .layout--tabs .tabs-region .tab-pane {
    padding: var(--size-space-base);
    background: var(--color-muted-light);
    opacity: 0;
    transition: all 0.5s ease 0s; }
    .layout--tabs .tabs-region .tab-pane.active {
      opacity: 1; }

.block-layout-builder.block-right-background .block__image {
  display: block;
  position: relative;
  right: var(--size-space-base);
  top: calc(-1 * var(--size-space-base));
  width: 100vw;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 0;
  z-index: 0; }
  .layout--top-bottom-padding--big .block-layout-builder.block-right-background .block__image {
    top: calc(-1 * ( var(--size-space-big) * 2 )); }
  .block-layout-builder.block-right-background .block__image .field--name-field-block-image {
    height: 100%; }
    .block-layout-builder.block-right-background .block__image .field--name-field-block-image article {
      height: 100%; }
      .block-layout-builder.block-right-background .block__image .field--name-field-block-image article .field--name-field-media-image {
        height: 100%; }
        .block-layout-builder.block-right-background .block__image .field--name-field-block-image article .field--name-field-media-image .media {
          height: 100%; }
        .block-layout-builder.block-right-background .block__image .field--name-field-block-image article .field--name-field-media-image img {
          -o-object-fit: cover;
             object-fit: cover;
          width: 100% !important;
          height: 100% !important;
          margin-bottom: 0; }

.block-layout-builder.block-right-background .block__content {
  width: 100%; }

.block-layout-builder.block-left-background .block__image {
  display: block;
  position: relative;
  left: calc(-1 * var(--size-space-base));
  top: calc(-1 * var(--size-space-base));
  width: 100vw;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 0;
  z-index: 0; }
  .layout--top-bottom-padding--big .block-layout-builder.block-left-background .block__image {
    top: calc(-1 * ( var(--size-space-big) * 2 )); }
  .block-layout-builder.block-left-background .block__image .field--name-field-block-image {
    height: 100%; }
    .block-layout-builder.block-left-background .block__image .field--name-field-block-image article {
      height: 100%; }
      .block-layout-builder.block-left-background .block__image .field--name-field-block-image article .field--name-field-media-image {
        height: 100%; }
        .block-layout-builder.block-left-background .block__image .field--name-field-block-image article .field--name-field-media-image .media {
          height: 100%; }
        .block-layout-builder.block-left-background .block__image .field--name-field-block-image article .field--name-field-media-image img {
          -o-object-fit: cover;
             object-fit: cover;
          width: 100% !important;
          height: 100% !important;
          margin-bottom: 0; }

.block-layout-builder.block-left-background .block__content {
  width: 100%; }

@media screen and (min-width: 1024px) {
  .block-layout-builder.block-right-background .block__image {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 0;
    z-index: 0; }
    .layout--top-bottom-padding--big .block-layout-builder.block-right-background .block__image {
      top: 0; }
  .block-layout-builder.block-right-background .block__content {
    width: calc(50% - var(--size-space-base)); }
  .block-layout-builder.block-left-background .block__image {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 0;
    z-index: 0; }
    .layout--top-bottom-padding--big .block-layout-builder.block-left-background .block__image {
      top: 0; }
  .block-layout-builder.block-left-background .block__content {
    width: calc(50% - var(--size-space-base));
    margin-left: calc(50% + var(--size-space-base)); } }

/*
 * Buttons
 */
button {
  display: inline-block;
  line-height: 26px;
  padding: 0.5rem 1.5rem;
  outline: none;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: var(--button-radius);
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: transparent;
  cursor: pointer;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: opacity, color, background-color, height, border-color;
  font-weight: normal; }
  button:hover {
    border-color: var(--color-primary);
    color: var(--color-primary-text);
    background: var(--color-primary); }

/*
 * Classe per link che devono essere stilati come pulsanti
 */
.link-button {
  display: inline-block;
  line-height: 26px;
  padding: 0.5rem 1.5rem;
  outline: none;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: var(--button-radius);
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: transparent;
  cursor: pointer;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: opacity, color, background-color, height, border-color;
  font-weight: normal; }
  .link-button:hover {
    border-color: var(--color-primary);
    color: var(--color-primary-text);
    background: var(--color-primary); }

#footer .link-button {
  border-color: var(--zone-footer-color-fg); }
  #footer .link-button:hover {
    border-color: var(--zone-footer-color-fg);
    background-color: var(--zone-footer-color-fg);
    color: var(--zone-footer-color-bg); }

/*
 * Magnific Popup buttons
 */
.mfp-wrap button {
  background: transparent;
  border-color: transparent;
  color: inherit; }

input.button {
  display: inline-block;
  line-height: 26px;
  padding: 0.5rem 1.5rem;
  outline: none;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: var(--button-radius);
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: transparent;
  cursor: pointer;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: opacity, color, background-color, height, border-color;
  font-weight: normal; }
  input.button:hover {
    border-color: var(--color-primary);
    color: var(--color-primary-text);
    background: var(--color-primary); }

ul,
ol {
  line-height: var(--line-height-base);
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-left: var(--size-space-base);
  margin-bottom: var(--size-space-base);
  list-style-position: outside; }
  ul ol,
  ul ul,
  ol ol,
  ol ul {
    margin-bottom: 0; }
  .field__body ul, .field__body
  ol {
    list-style-position: inside;
    overflow: auto;
    margin-left: 0; }
    .field__body ul li, .field__body
    ol li {
      margin-left: 1em;
      text-indent: -1em; }

ul {
  list-style-type: disc; }
  ul ul {
    list-style-type: circle; }
    ul ul ul {
      list-style-type: square; }

ol {
  list-style-type: decimal; }
  ol ol {
    list-style-type: lower-latin; }
    ol ol ol {
      list-style-type: lower-roman; }

dl {
  line-height: var(--line-height-base);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: var(--size-space-base); }

dt {
  line-height: inherit;
  font-weight: bold; }

dd {
  line-height: inherit;
  margin-top: 0;
  margin-left: var(--size-space-base);
  margin-right: 0;
  margin-bottom: var(--size-space-base); }

ul.inline {
  list-style: none outside none;
  margin: 0;
  padding: 0; }
  ul.inline li {
    display: inline;
    margin: 0 var(--size-space-small)/2; }
    ul.inline li:first-child {
      margin-left: 0; }
    ul.inline li:last-child {
      margin-right: 0; }

.view-list .item-list ul {
  list-style: none outside none;
  margin: 0;
  padding: 0; }
  .view-list .item-list ul li {
    margin: 0 0 1rem 0; }

.text__caption {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: dimgray;
  margin-bottom: 0; }
  .text__caption p:last-child {
    margin-bottom: 0; }

.text__credits, .field--name-field-media-source {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: var(--color-muted);
  text-align: right;
  margin-bottom: 0; }
  .text__credits p:last-child, .field--name-field-media-source p:last-child {
    margin-bottom: 0; }

/*
 * Common Fields
 */
.tag, .page-node-type-product .field--name-field-product-category a, .page-node-type-article #content-content .field--name-field-tags .field__item a {
  font-weight: normal;
  background: var(--color-primary);
  color: var(--color-white);
  padding: 4px 6px;
  display: inline-block; }
  .tag:hover, .page-node-type-product .field--name-field-product-category a:hover, .page-node-type-article #content-content .field--name-field-tags .field__item a:hover {
    background: var(--color-secondary); }

.field__label {
  font-weight: bold; }
  .field__label:after {
    content: ": "; }

.field--label-inline .field__label {
  display: inline; }

.field--label-inline .field__item {
  display: inline; }

.field__subtitle {
  text-align: center;
  margin: var(--size-space-base) 0;
  font-size: 2rem; }
  .field__subtitle p:last-child {
    margin-bottom: 0; }

/*
 * Product fields (teaser)
 */
.product--teaser {
  cursor: pointer; }
  .product--teaser .field--name-field-image {
    background: var(--color-black); }
    .product--teaser .field--name-field-image img {
      width: 100%;
      height: auto;
      transition: opacity 0.25s;
      box-shadow: #000 0 0 0; }
  .product--teaser:hover .field--name-field-image img {
    transition: opacity 0.25s ease-out;
    opacity: 0.7; }
  .product--teaser .field--name-node-title h2 {
    font-size: 1.5rem;
    color: var(--color-text);
    font-weight: bold; }

/*
 * Product fields (full view)
 */
.page-node-type-product .field--name-field-product-category {
  text-align: center;
  margin-bottom: var(--size-space-base); }
  .page-node-type-product .field--name-field-product-category a {
    display: inline; }

.field--name-field-introduction {
  font-size: 1.2em;
  margin-bottom: 1em;
  color: var(--color-black); }

/*
 * Blog fields (teaser)
 */
.blog--teaser {
  cursor: pointer; }
  .blog--teaser .field--name-field-media-image {
    background: var(--color-black); }
    .blog--teaser .field--name-field-media-image img {
      transition: opacity 0.25s ease-out;
      box-shadow: #000 0 0 0; }
  .blog--teaser:hover .field--name-field-media-image img {
    transition: opacity 0.25s ease-in;
    opacity: 0.7; }
  .blog--teaser .views-field-title h2 {
    font-size: 1.5rem;
    color: var(--color-text);
    font-weight: bold;
    margin: 0.5em 0; }
  .blog--teaser .views-field-field-summary {
    /*     font-size:0.9rem; */ }

/*
 * Blog fields (full view)
 */
.page-node-type-article #content-content .field--name-field-media-image {
  margin-bottom: var(--size-space-base); }
  .page-node-type-article #content-content .field--name-field-media-image img {
    width: 100%;
    height: auto; }

.page-node-type-article #content-content .field--name-node-post-date {
  text-align: center; }

.page-node-type-article #content-content .field--name-field-tags {
  text-align: center;
  margin-top: var(--size-space-base);
  margin-bottom: var(--size-space-base); }
  .page-node-type-article #content-content .field--name-field-tags .field__item {
    display: inline; }

/* Campo "source" su Media Image */
.messages {
  padding: var(--size-space-base);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: var(--size-space-base);
  color: rgba(61, 61, 61, 0.85);
  background-color: #EEEEEE;
  border: 0;
  border-left: var(--size-corner-radius) solid #c8c8c8;
  border-radius: 0 var(--size-corner-radius) var(--size-corner-radius) 0;
  word-wrap: break-word; }
  .messages pre {
    border: 0; }
  .messages--warning {
    color: black;
    background-color: #fdf7c9;
    border-color: #faec7f; }
    .messages--warning pre {
      background-color: #fdf7c9;
      border-color: #faec7f; }
  .messages--error {
    color: white;
    background-color: #fd6b6b;
    border-color: #fc2020; }
    .messages--error pre {
      background-color: #fd6b6b;
      border-color: #fc2020; }
  .messages--status {
    color: black;
    background-color: #a7d89f;
    border-color: #75c269; }
    .messages--status pre {
      background-color: #a7d89f;
      border-color: #75c269; }
  .messages p:last-child {
    margin-bottom: 0; }

ul.tabs {
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: var(--size-space-base);
  margin-bottom: var(--size-space-base); }
  ul.tabs .tabs__tab {
    display: inline-block; }
    ul.tabs .tabs__tab a {
      display: block;
      border: 1px solid var(--border-color);
      border-bottom: 0;
      border-radius: var(--size-corner-radius) var(--size-corner-radius) 0 0;
      padding: calc(var(--size-space-small) / 2) var(--size-space-small); }
      ul.tabs .tabs__tab a:hover {
        background: var(--color-muted-light);
        color: var(--color-muted-dark);
        border-color: var(--color-muted-light); }
    ul.tabs .tabs__tab--active a {
      background: var(--color-primary);
      color: var(--color-primary-text);
      border-color: var(--color-primary); }

/*
 * Primary tabs
 */
/*
 * Secondary tabs
 */
/*
 * Layout builder Tabs section
 */
.tabs-region ul.tabs {
  display: grid;
  grid-auto-flow: column;
  grid-gap: calc(var(--size-space-small)/2); }
  .tabs-region ul.tabs .tabs__tab a {
    height: 100%; }

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: var(--size-space-base); }
  table caption {
    caption-side: bottom;
    text-align: center; }
  table th {
    text-align: left;
    background-color: var(--color-primary);
    color: var(--color-primary-text);
    border-bottom: 1px solid var(--border-color);
    padding: var(--size-space-small)/2; }
    table th a {
      color: white; }
      table th a:hover {
        color: white; }
  table td {
    border-bottom: 1px solid var(--border-color);
    padding: var(--size-space-small)/2; }
  table tbody tr:hover td {
    background-color: var(--color-muted-light); }
  table tr:nth-child(odd) td {
    background-color: var(--color-muted-lighter); }

/* ---------------------------------------------------------------------------
 * Pager
 * --------------------------------------------------------------------------- */
.pager {
  margin-top: 2em;
  text-align: center; }
  .pager ul.pager__items {
    list-style: none outside none; }
    .pager ul.pager__items li.pager__item {
      display: inline;
      margin: 0 3px; }
      .pager ul.pager__items li.pager__item:first-child {
        margin-left: 0; }
      .pager ul.pager__items li.pager__item:last-child {
        margin-right: 0; }
      .pager ul.pager__items li.pager__item a {
        border: 1px solid var(--color-muted-light);
        border-radius: 4px;
        padding: 8px;
        line-height: 1em;
        display: inline-block;
        transition: all 0.25s ease-in; }
        .pager ul.pager__items li.pager__item a:hover {
          background-color: var(--color-primary);
          color: var(--color-primary-text);
          border-color: var(--color-primary);
          transition: all 0.25s ease-out; }
      .pager ul.pager__items li.pager__item.is-active a {
        background-color: var(--color-primary);
        color: var(--color-primary-text);
        border-color: var(--color-primary); }

figure {
  margin-left: 0;
  margin-right: 0; }

.circle img, .comment__meta img {
  border-radius: 999px; }

.embedded-entity {
  margin-bottom: 1em; }
  .embedded-entity.align-left {
    margin-right: 1em; }
  .embedded-entity.align-right {
    margin-left: 1em; }
  .embedded-entity.align-center {
    text-align: center; }

button, input, optgroup, select, textarea {
  font-size: inherit;
  line-height: inherit; }

form {
  margin: 0 0 calc(var(--size-space-base) / 2) 0; }
  form .captcha {
    margin-bottom: var(--size-space-base); }

fieldset {
  border: 1px solid var(--border-color);
  border-radius: var(--size-corner-radius);
  padding: var(--form-item-padding);
  margin-bottom: var(--size-space-base); }
  fieldset legend {
    font-weight: bold;
    padding: 0 .25rem; }
  fieldset > :last-child {
    margin-bottom: 0; }

label {
  color: var(--color-black);
  display: inline-block;
  margin-bottom: .25rem; }
  label + label {
    margin-left: 1rem; }
  label.option {
    display: inline; }

input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  width: 100%;
  color: var(--color-black);
  background-color: transparent;
  border: 1px solid var(--border-color);
  border-radius: var(--size-corner-radius);
  box-shadow: none;
  height: auto;
  display: block;
  margin: 0;
  line-height: 26px;
  padding: 0.5rem;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: border-color;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*  &[readonly] {
    background-color: var(--input-readonly-bg-color);
  }*/
  /*  &[type="color"] {
    padding: .5rem;

    &::-webkit-color-swatch-wrapper {
      padding: 0;
    }

    &::-webkit-color-swatch {
      border: none;
      border-radius: var(--input-border-radius);
    }
  }*/ }
  input[type="color"]:focus,
  input[type="date"]:focus,
  input[type="datetime-local"]:focus,
  input[type="email"]:focus,
  input[type="month"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="text"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  input[type="week"]:focus,
  select:focus,
  textarea:focus {
    outline: none;
    border-color: var(--color-black); }
  input[type="color"][disabled],
  input[type="date"][disabled],
  input[type="datetime-local"][disabled],
  input[type="email"][disabled],
  input[type="month"][disabled],
  input[type="number"][disabled],
  input[type="password"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="text"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  input[type="week"][disabled],
  select[disabled],
  textarea[disabled] {
    opacity: .5;
    cursor: not-allowed; }

input[type="checkbox"] {
  position: relative;
  top: 3px; }

.form-item {
  margin: 0 0 var(--size-space-base)/2 0; }
  .form-item .description {
    font-size: 12px;
    line-height: 1.15em; }

.form-submit {
  display: inline-block;
  line-height: 26px;
  padding: 0.5rem 1.5rem;
  outline: none;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: var(--button-radius);
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: transparent;
  cursor: pointer;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: opacity, color, background-color, height, border-color;
  font-weight: normal; }
  .form-submit:hover {
    border-color: var(--color-primary);
    color: var(--color-primary-text);
    background: var(--color-primary); }

textarea {
  resize: none; }

.form-required:after {
  content: " *";
  color: var(--color-red);
  font-weight: bold;
  position: relative;
  top: 3px; }

.form-item--error-message {
  color: var(--color-red); }

/*
 * Cambio i colori dei form nel caso in cui lo sfondo sia scuro.
 * - Footer
 */
.site-footer fieldset {
  border: 1px solid var(--border-color); }

.site-footer label {
  color: var(--color-white); }

.site-footer input[type="color"],
.site-footer input[type="date"],
.site-footer input[type="datetime-local"],
.site-footer input[type="email"],
.site-footer input[type="month"],
.site-footer input[type="number"],
.site-footer input[type="password"],
.site-footer input[type="search"],
.site-footer input[type="tel"],
.site-footer input[type="text"],
.site-footer input[type="time"],
.site-footer input[type="url"],
.site-footer input[type="week"],
.site-footer select,
.site-footer textarea {
  color: var(--color-white);
  border: 1px solid var(--border-color);
  background-color: transparent; }
  .site-footer input[type="color"]:focus,
  .site-footer input[type="date"]:focus,
  .site-footer input[type="datetime-local"]:focus,
  .site-footer input[type="email"]:focus,
  .site-footer input[type="month"]:focus,
  .site-footer input[type="number"]:focus,
  .site-footer input[type="password"]:focus,
  .site-footer input[type="search"]:focus,
  .site-footer input[type="tel"]:focus,
  .site-footer input[type="text"]:focus,
  .site-footer input[type="time"]:focus,
  .site-footer input[type="url"]:focus,
  .site-footer input[type="week"]:focus,
  .site-footer select:focus,
  .site-footer textarea:focus {
    border-color: var(--color-white); }

.site-footer .form-submit {
  display: inline-block;
  line-height: 26px;
  padding: 0.5rem 1.5rem;
  outline: none;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: var(--button-radius);
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: transparent;
  cursor: pointer;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: opacity, color, background-color, height, border-color;
  font-weight: normal; }
  .site-footer .form-submit:hover {
    border-color: var(--color-primary);
    color: var(--color-primary-text);
    background: var(--color-primary); }
  .site-footer .form-submit input {
    background-color: var(--color-primary-text);
    border-color: var(--color-primary-text);
    color: var(--color-primary); }
  .site-footer .form-submit input[type="submit"],
  .site-footer .form-submit button {
    background-color: var(--color-primary-text);
    border-color: var(--color-primary-text);
    color: var(--color-primary); }
    .site-footer .form-submit input[type="submit"]:hover,
    .site-footer .form-submit button:hover {
      background-color: var(--color-primary);
      border-color: var(--color-primary-text);
      color: var(--color-primary-text); }
  .site-footer .form-submit .button > a {
    background-color: var(--color-primary-text);
    border-color: var(--color-primary-text);
    color: var(--color-primary); }
    .site-footer .form-submit .button > a:hover {
      background-color: var(--color-primary);
      border-color: var(--color-primary-text);
      color: var(--color-primary-text); }

/*
 * Footer form
 */
footer form textarea {
  max-height: 100px; }

.form-item {
  margin-bottom: var(--size-space-small); }

.form-actions {
  margin-top: var(--size-space-base); }

.comment__wrapper {
  display: flex;
  max-width: 100%;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: var(--size-space-base);
  margin-bottom: var(--size-space-base); }

.comment__meta {
  flex: 0 0 var(--size-space-big);
  padding-top: 0.5rem; }

.comment__content {
  padding-left: var(--size-space-base); }

.comment-section-title {
  text-align: center;
  padding: 0.25em;
  border-radius: var(--size-corner-radius);
  background-color: var(--color-muted-lighter); }

/* ---------------------------------------------------------------------------
 * Reviews
 * --------------------------------------------------------------------------- */
.reviews .field--name-field-review-photo {
  padding: 0; }

.reviews .field--name-field-review-rating span {
  font-size: 30px;
  color: var(--color-stars);
  margin-bottom: 10px; }

.reviews .comment__wrapper {
  flex-direction: column;
  padding-bottom: 0;
  border-bottom: 0; }

.reviews .comment__submitted {
  margin-top: var(--size-space-base);
  padding-bottom: var(--size-space-base);
  border-bottom: 1px solid var(border-color); }
  .reviews .comment__submitted .comment__created {
    color: var(--color-muted);
    font-size: 0.8em; }
  .reviews .comment__submitted .comment__author {
    font-weight: bold;
    font-size: 1em;
    margin-bottom: var(--size-space-small); }
    .reviews .comment__submitted .comment__author .round-char {
      display: inline-block;
      width: 28px;
      height: 28px;
      line-height: 28px;
      background: #999;
      text-align: center;
      border-radius: 100%;
      color: white;
      margin-right: 4px; }

.reviews .comment__content {
  padding: 0; }

.reviews .comments__review .comment__content-head {
  display: block; }
  .reviews .comments__review .comment__content-head h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: inherit;
    margin-top: 5px;
    margin-bottom: 5px; }
    .reviews .comments__review .comment__content-head h3 a {
      color: inherit; }

.reviews p {
  text-align: left;
  margin-bottom: 5px; }

.reviews .product--reviews-summary {
  border-bottom: 0; }

@media screen and (min-width: 1024px) {
  .reviews .comments-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2rem; }
  .reviews .comment__submitted {
    padding-bottom: 0;
    border-bottom: 0; } }

.reviews .comment__links ul.links.inline li {
  margin-right: 5px; }

/*
 * Site roof
 */
.site-roof {
  background: var(--zone-roof-color-bg);
  color: var(--zone-roof-color-fg);
  position: relative;
  height: var(--zone-roof-height);
  line-height: var(--zone-roof-height);
  font-size: 0.875rem;
  display: flex;
  align-items: center; }
  .site-roof a {
    color: var(--zone-roof-color-link); }
  .site-roof:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 100%);
    pointer-events: none; }
  .site-roof .paragraph__pp-section--content {
    position: relative; }
  .site-roof p a:after {
    background-color: var(--zone-roof-color-link); }
  .site-roof p a:hover {
    background-color: var(--zone-roof-color-link);
    color: var(--zone-roof-color-bg); }
  .site-roof h1, .site-roof .hero-title,
  .site-roof h2,
  .site-roof h3,
  .site-roof h4,
  .site-roof h5,
  .site-roof h6 {
    color: var(--zone-roof-color-heading); }
    .site-roof h1 a, .site-roof .hero-title a,
    .site-roof h2 a,
    .site-roof h3 a,
    .site-roof h4 a,
    .site-roof h5 a,
    .site-roof h6 a {
      color: var(--zone-roof-color-heading); }
  .site-roof cite {
    color: var(--zone-roof-color-fg); }
  .site-roof blockquote {
    color: var(--zone-roof-color-fg); }
  .site-roof .text__credits, .site-roof .field--name-field-media-source,
  .site-roof .text__caption {
    color: var(--zone-roof-color-fg); }
  .site-roof .feature__content--subtitle:after {
    background: var(--zone-roof-color-fg); }
  .site-roof .paragraph__pp-progress-bar .bar-progress-wrap .bar-progress {
    background-color: var(--zone-roof-color-fg); }
  .site-roof input[type="color"],
  .site-roof input[type="date"],
  .site-roof input[type="datetime-local"],
  .site-roof input[type="email"],
  .site-roof input[type="month"],
  .site-roof input[type="number"],
  .site-roof input[type="password"],
  .site-roof input[type="search"],
  .site-roof input[type="tel"],
  .site-roof input[type="text"],
  .site-roof input[type="time"],
  .site-roof input[type="url"],
  .site-roof input[type="week"],
  .site-roof select,
  .site-roof textarea {
    background-color: rgba(255, 255, 255, 0.85);
    color: black; }
  .site-roof .l__column {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .site-roof p {
    margin: 0; }

/*
 * Site header
 * - logo
 * - menu (menu region)
 * - cta (header region)
 * - tools (search+hamburger buttons)
 */
.site-header {
  transition-duration: 0.5s;
  transition-property: opacity, color, height, transform;
  position: relative;
  z-index: 100;
  /* ----------------------------
   * Header colors and background
   * ---------------------------- */
  background: var(--zone-header-color-bg);
  color: var(--zone-header-color-fg);
  position: relative;
  /* -----------------------------
   * Header positioning and height
   * ----------------------------- */
  height: var(--size-header-height);
  transition-duration: 0.5s;
  transition-property: opacity, color, height;
  /* ----------------------
   * Header content styling
   * ---------------------- */ }
  .site-header a {
    color: var(--zone-header-color-link); }
  .site-header:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 100%);
    pointer-events: none; }
  .site-header .paragraph__pp-section--content {
    position: relative; }
  .site-header p a:after {
    background-color: var(--zone-header-color-link); }
  .site-header p a:hover {
    background-color: var(--zone-header-color-link);
    color: var(--zone-header-color-bg); }
  .site-header h1, .site-header .hero-title,
  .site-header h2,
  .site-header h3,
  .site-header h4,
  .site-header h5,
  .site-header h6 {
    color: var(--zone-header-color-heading); }
    .site-header h1 a, .site-header .hero-title a,
    .site-header h2 a,
    .site-header h3 a,
    .site-header h4 a,
    .site-header h5 a,
    .site-header h6 a {
      color: var(--zone-header-color-heading); }
  .site-header cite {
    color: var(--zone-header-color-fg); }
  .site-header blockquote {
    color: var(--zone-header-color-fg); }
  .site-header .text__credits, .site-header .field--name-field-media-source,
  .site-header .text__caption {
    color: var(--zone-header-color-fg); }
  .site-header .feature__content--subtitle:after {
    background: var(--zone-header-color-fg); }
  .site-header .paragraph__pp-progress-bar .bar-progress-wrap .bar-progress {
    background-color: var(--zone-header-color-fg); }
  .site-header input[type="color"],
  .site-header input[type="date"],
  .site-header input[type="datetime-local"],
  .site-header input[type="email"],
  .site-header input[type="month"],
  .site-header input[type="number"],
  .site-header input[type="password"],
  .site-header input[type="search"],
  .site-header input[type="tel"],
  .site-header input[type="text"],
  .site-header input[type="time"],
  .site-header input[type="url"],
  .site-header input[type="week"],
  .site-header select,
  .site-header textarea {
    background-color: rgba(255, 255, 255, 0.85);
    color: black; }
  .settings-header-transparent .site-header {
    background: var(--zone-header-transparent-color-bg);
    color: var(--zone-header-transparent-color-fg); }
    .settings-header-transparent .site-header a {
      color: var(--zone-header-transparent-color-link); }
  .no-hero .site-header,
  .scroll--main.settings-header-transparent .site-header {
    background: var(--zone-header-color-bg);
    color: var(--zone-header-color-fg); }
    .no-hero .site-header a,
    .scroll--main.settings-header-transparent .site-header a {
      color: var(--zone-header-color-link); }
  .settings-header-fixed .site-header {
    width: 100%; }
  .scroll--fixed .site-header {
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000; }
  .scroll--fixed.toolbar-horizontal.toolbar-tray-open .site-header {
    top: calc( var(--drupal-toolbar-bar-height) + var(--drupal-toolbar-tray-height)); }
  .scroll--main .site-header {
    transition-duration: 0.5s;
    transition-property: opacity, color, height transform;
    height: var(--size-header-height-fixed); }
    .scroll--main .site-header:after {
      position: absolute;
      right: 0;
      content: '';
      width: 100%;
      height: 0;
      border-bottom: 1px solid var(--border-color); }
  .site-header__branding .site-logo {
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -999px;
    overflow: hidden;
    width: var(--size-logo-width);
    height: var(--size-logo-height);
    transition-duration: 0.5s;
    transition-property: width, height;
    /*
      img{
        transition:all 0.5s;
        height:120px;
        .scroll--main &{
          height:40px;
        }
      }
      */ }
    .settings-header-transparent .site-header__branding .site-logo {
      background-image: url(../logo_white.svg); }
    .no-hero .site-header__branding .site-logo,
    .settings-header-transparent.scroll--main .site-header__branding .site-logo,
    .settings-header-opaque .site-header__branding .site-logo {
      background-image: url(../logo.svg); }
    .scroll--main .site-header__branding .site-logo {
      transition-duration: 0.5s;
      transition-property: width, height;
      width: var(--size-logo-width-scroll);
      height: var(--size-logo-height-scroll);
      background-size: contain; }
  .site-header__cta p {
    margin: 0; }
  .site-header__tools {
    margin-left: calc(var(--size-space-base) / 2);
    z-index: 1; }

/*
 * Site hero
 */
.scroll--fixed .site-hero {
  margin-top: var(--size-header-height); }

.settings-header-transparent .site-hero {
  margin-top: calc( -1 * var(--size-header-height)); }

.settings-header-transparent.scroll--fixed .site-hero {
  margin-top: 0; }

/*
 * Site featured
 */
.site-featured {
  background: red;
  background: var(--zone-featured-color-bg);
  color: var(--zone-featured-color-fg);
  position: relative; }
  .site-featured a {
    color: var(--zone-featured-color-link); }
  .site-featured:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 100%);
    pointer-events: none; }
  .site-featured .paragraph__pp-section--content {
    position: relative; }
  .site-featured p a:after {
    background-color: var(--zone-featured-color-link); }
  .site-featured p a:hover {
    background-color: var(--zone-featured-color-link);
    color: var(--zone-featured-color-bg); }
  .site-featured h1, .site-featured .hero-title,
  .site-featured h2,
  .site-featured h3,
  .site-featured h4,
  .site-featured h5,
  .site-featured h6 {
    color: var(--zone-featured-color-heading); }
    .site-featured h1 a, .site-featured .hero-title a,
    .site-featured h2 a,
    .site-featured h3 a,
    .site-featured h4 a,
    .site-featured h5 a,
    .site-featured h6 a {
      color: var(--zone-featured-color-heading); }
  .site-featured cite {
    color: var(--zone-featured-color-fg); }
  .site-featured blockquote {
    color: var(--zone-featured-color-fg); }
  .site-featured .text__credits, .site-featured .field--name-field-media-source,
  .site-featured .text__caption {
    color: var(--zone-featured-color-fg); }
  .site-featured .feature__content--subtitle:after {
    background: var(--zone-featured-color-fg); }
  .site-featured .paragraph__pp-progress-bar .bar-progress-wrap .bar-progress {
    background-color: var(--zone-featured-color-fg); }
  .site-featured input[type="color"],
  .site-featured input[type="date"],
  .site-featured input[type="datetime-local"],
  .site-featured input[type="email"],
  .site-featured input[type="month"],
  .site-featured input[type="number"],
  .site-featured input[type="password"],
  .site-featured input[type="search"],
  .site-featured input[type="tel"],
  .site-featured input[type="text"],
  .site-featured input[type="time"],
  .site-featured input[type="url"],
  .site-featured input[type="week"],
  .site-featured select,
  .site-featured textarea {
    background-color: rgba(255, 255, 255, 0.85);
    color: black; }

/*
 * Site breadcrumb
 */
.site-breadcrumb {
  background: var(--color-primary);
  color: var(--color-primary-text);
  padding: 0.5em 0; }
  .site-breadcrumb ol {
    list-style: none outside none;
    margin: 0;
    padding: 0; }
    .site-breadcrumb ol li {
      display: inline-block;
      margin: 0 0.5em 0 0; }
      .site-breadcrumb ol li a {
        display: inline-block;
        color: var(--color-primary-link); }

#page {
  position: relative; }

/*
 * Site main
 * - sidebar first
 * - content
 *   - preface
 *   - content
 *   - postscript
 * - sidebar last
 */
/*
 * Site footer
 */
.site-footer {
  padding-top: var(--size-space-base);
  padding-bottom: var(--size-space-base);
  background: var(--zone-footer-color-bg);
  color: var(--zone-footer-color-fg);
  position: relative;
  font-size: 0.9em; }
  .site-footer a {
    color: var(--zone-footer-color-link); }
  .site-footer:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 100%);
    pointer-events: none; }
  .site-footer .paragraph__pp-section--content {
    position: relative; }
  .site-footer p a:after {
    background-color: var(--zone-footer-color-link); }
  .site-footer p a:hover {
    background-color: var(--zone-footer-color-link);
    color: var(--zone-footer-color-bg); }
  .site-footer h1, .site-footer .hero-title,
  .site-footer h2,
  .site-footer h3,
  .site-footer h4,
  .site-footer h5,
  .site-footer h6 {
    color: var(--zone-footer-color-heading); }
    .site-footer h1 a, .site-footer .hero-title a,
    .site-footer h2 a,
    .site-footer h3 a,
    .site-footer h4 a,
    .site-footer h5 a,
    .site-footer h6 a {
      color: var(--zone-footer-color-heading); }
  .site-footer cite {
    color: var(--zone-footer-color-fg); }
  .site-footer blockquote {
    color: var(--zone-footer-color-fg); }
  .site-footer .text__credits, .site-footer .field--name-field-media-source,
  .site-footer .text__caption {
    color: var(--zone-footer-color-fg); }
  .site-footer .feature__content--subtitle:after {
    background: var(--zone-footer-color-fg); }
  .site-footer .paragraph__pp-progress-bar .bar-progress-wrap .bar-progress {
    background-color: var(--zone-footer-color-fg); }
  .site-footer input[type="color"],
  .site-footer input[type="date"],
  .site-footer input[type="datetime-local"],
  .site-footer input[type="email"],
  .site-footer input[type="month"],
  .site-footer input[type="number"],
  .site-footer input[type="password"],
  .site-footer input[type="search"],
  .site-footer input[type="tel"],
  .site-footer input[type="text"],
  .site-footer input[type="time"],
  .site-footer input[type="url"],
  .site-footer input[type="week"],
  .site-footer select,
  .site-footer textarea {
    background-color: rgba(255, 255, 255, 0.85);
    color: black; }
  .site-footer input {
    background-color: var(--color-primary-text);
    border-color: var(--color-primary-text);
    color: var(--color-primary); }
  .site-footer input[type="submit"],
  .site-footer button {
    background-color: var(--color-primary-text);
    border-color: var(--color-primary-text);
    color: var(--color-primary); }
    .site-footer input[type="submit"]:hover,
    .site-footer button:hover {
      background-color: var(--color-primary);
      border-color: var(--color-primary-text);
      color: var(--color-primary-text); }
  .site-footer .button > a {
    background-color: var(--color-primary-text);
    border-color: var(--color-primary-text);
    color: var(--color-primary); }
    .site-footer .button > a:hover {
      background-color: var(--color-primary);
      border-color: var(--color-primary-text);
      color: var(--color-primary-text); }
  @media screen and (max-width: 767px) {
    .site-footer .block {
      margin-bottom: var(--size-space-base); } }

/*
 * Site socket
 */
.site-socket {
  background: var(--zone-socket-color-bg);
  color: var(--zone-socket-color-fg);
  position: relative;
  font-size: 0.75em;
  padding-top: var(--size-space-base);
  padding-bottom: var(--size-space-base); }
  .site-socket a {
    color: var(--zone-socket-color-link); }
  .site-socket:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 100%);
    pointer-events: none; }
  .site-socket .paragraph__pp-section--content {
    position: relative; }
  .site-socket p a:after {
    background-color: var(--zone-socket-color-link); }
  .site-socket p a:hover {
    background-color: var(--zone-socket-color-link);
    color: var(--zone-socket-color-bg); }
  .site-socket h1, .site-socket .hero-title,
  .site-socket h2,
  .site-socket h3,
  .site-socket h4,
  .site-socket h5,
  .site-socket h6 {
    color: var(--zone-socket-color-heading); }
    .site-socket h1 a, .site-socket .hero-title a,
    .site-socket h2 a,
    .site-socket h3 a,
    .site-socket h4 a,
    .site-socket h5 a,
    .site-socket h6 a {
      color: var(--zone-socket-color-heading); }
  .site-socket cite {
    color: var(--zone-socket-color-fg); }
  .site-socket blockquote {
    color: var(--zone-socket-color-fg); }
  .site-socket .text__credits, .site-socket .field--name-field-media-source,
  .site-socket .text__caption {
    color: var(--zone-socket-color-fg); }
  .site-socket .feature__content--subtitle:after {
    background: var(--zone-socket-color-fg); }
  .site-socket .paragraph__pp-progress-bar .bar-progress-wrap .bar-progress {
    background-color: var(--zone-socket-color-fg); }
  .site-socket input[type="color"],
  .site-socket input[type="date"],
  .site-socket input[type="datetime-local"],
  .site-socket input[type="email"],
  .site-socket input[type="month"],
  .site-socket input[type="number"],
  .site-socket input[type="password"],
  .site-socket input[type="search"],
  .site-socket input[type="tel"],
  .site-socket input[type="text"],
  .site-socket input[type="time"],
  .site-socket input[type="url"],
  .site-socket input[type="week"],
  .site-socket select,
  .site-socket textarea {
    background-color: rgba(255, 255, 255, 0.85);
    color: black; }
  .site-socket p:last-child {
    margin-bottom: 0; }

.credits {
  position: absolute;
  bottom: 2px;
  right: 8px;
  font-size: 12px; }
  .credits a {
    color: #666; }

/*
 * Site offcanvas
 */
.settings-offcanvas-style--panel .site-offcanvas {
  height: 100vh;
  position: fixed;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  overflow: auto;
  /*
    * Lo z-index serve per star sopra alla pagina ed anche ai contextual-links di Drupal, slider ecc.
    * Tra l'altro, siccome clono il menu principale, mi porto dietro anche gli ID e gli eventi
    * bindati al menu, compreso il contextual link, quindi con lo z-index 500 nascondo il contextual link del
    * menu dell'header quando sono con il menu off canvas aperto e ci passo sopra con il mouse (:hover).
    */
  z-index: 500;
  width: var(--size-offcanvas); }
  .settings-offcanvas-style--panel .site-offcanvas__header {
    height: var(--size-header-height);
    background-color: var(--zone-offcanvas-color-bg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: var(--max-width-base);
    padding-left: var(--size-gutter);
    padding-right: var(--size-gutter);
    margin-left: auto;
    margin-right: auto; }
    .scroll--main .settings-offcanvas-style--panel .site-offcanvas__header {
      height: var(--size-header-height-fixed); }
    .settings-offcanvas-style--panel .site-offcanvas__header .l__column {
      padding-left: 0;
      padding-right: 0; }
  .settings-offcanvas-style--panel .site-offcanvas__inner {
    background: var(--zone-offcanvas-color-bg);
    color: var(--zone-offcanvas-color-fg);
    position: relative;
    height: 100vh;
    overflow: scroll; }
    .settings-offcanvas-style--panel .site-offcanvas__inner a {
      color: var(--zone-offcanvas-color-link); }
    .settings-offcanvas-style--panel .site-offcanvas__inner:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 100%);
      pointer-events: none; }
    .settings-offcanvas-style--panel .site-offcanvas__inner .paragraph__pp-section--content {
      position: relative; }
    .settings-offcanvas-style--panel .site-offcanvas__inner p a:after {
      background-color: var(--zone-offcanvas-color-link); }
    .settings-offcanvas-style--panel .site-offcanvas__inner p a:hover {
      background-color: var(--zone-offcanvas-color-link);
      color: var(--zone-offcanvas-color-bg); }
    .settings-offcanvas-style--panel .site-offcanvas__inner h1, .settings-offcanvas-style--panel .site-offcanvas__inner .hero-title,
    .settings-offcanvas-style--panel .site-offcanvas__inner h2,
    .settings-offcanvas-style--panel .site-offcanvas__inner h3,
    .settings-offcanvas-style--panel .site-offcanvas__inner h4,
    .settings-offcanvas-style--panel .site-offcanvas__inner h5,
    .settings-offcanvas-style--panel .site-offcanvas__inner h6 {
      color: var(--zone-offcanvas-color-heading); }
      .settings-offcanvas-style--panel .site-offcanvas__inner h1 a, .settings-offcanvas-style--panel .site-offcanvas__inner .hero-title a,
      .settings-offcanvas-style--panel .site-offcanvas__inner h2 a,
      .settings-offcanvas-style--panel .site-offcanvas__inner h3 a,
      .settings-offcanvas-style--panel .site-offcanvas__inner h4 a,
      .settings-offcanvas-style--panel .site-offcanvas__inner h5 a,
      .settings-offcanvas-style--panel .site-offcanvas__inner h6 a {
        color: var(--zone-offcanvas-color-heading); }
    .settings-offcanvas-style--panel .site-offcanvas__inner cite {
      color: var(--zone-offcanvas-color-fg); }
    .settings-offcanvas-style--panel .site-offcanvas__inner blockquote {
      color: var(--zone-offcanvas-color-fg); }
    .settings-offcanvas-style--panel .site-offcanvas__inner .text__credits, .settings-offcanvas-style--panel .site-offcanvas__inner .field--name-field-media-source,
    .settings-offcanvas-style--panel .site-offcanvas__inner .text__caption {
      color: var(--zone-offcanvas-color-fg); }
    .settings-offcanvas-style--panel .site-offcanvas__inner .feature__content--subtitle:after {
      background: var(--zone-offcanvas-color-fg); }
    .settings-offcanvas-style--panel .site-offcanvas__inner .paragraph__pp-progress-bar .bar-progress-wrap .bar-progress {
      background-color: var(--zone-offcanvas-color-fg); }
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="color"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="date"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="datetime-local"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="email"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="month"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="number"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="password"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="search"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="tel"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="text"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="time"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="url"],
    .settings-offcanvas-style--panel .site-offcanvas__inner input[type="week"],
    .settings-offcanvas-style--panel .site-offcanvas__inner select,
    .settings-offcanvas-style--panel .site-offcanvas__inner textarea {
      background-color: rgba(255, 255, 255, 0.85);
      color: black; }
    .settings-offcanvas-style--panel .site-offcanvas__inner:before {
      display: none; }

.settings-offcanvas-style--panel.settings-offcanvas-position--left .site-offcanvas {
  left: 0;
  transform: translateX(var(--size-offcanvas-neg)); }

.settings-offcanvas-style--panel.settings-offcanvas-position--right .site-offcanvas {
  right: 0;
  transform: translateX(100%); }

.settings-offcanvas-style--panel .site-offcanvas {
  transition: transform 0.5s; }

.settings-offcanvas-style--panel.offcanvas-enabled {
  position: fixed;
  width: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  overflow-y: scroll !important; }
  .settings-offcanvas-style--panel.offcanvas-enabled.settings-offcanvas-position--left .site-offcanvas {
    transform: translateX(0); }
  .settings-offcanvas-style--panel.offcanvas-enabled.settings-offcanvas-position--right .site-offcanvas {
    transform: translateX(0); }
  .settings-offcanvas-style--panel.offcanvas-enabled #header {
    pointer-events: none; }
    .settings-offcanvas-style--panel.offcanvas-enabled #header:after {
      border-bottom: 0; }
  .settings-offcanvas-style--panel.offcanvas-enabled:before {
    content: '';
    background: black;
    opacity: 0.75;
    transition: opacity 0.5s;
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 100%;
    width: 100vw;
    z-index: 102; }
  .settings-offcanvas-style--panel.offcanvas-enabled .dialog-off-canvas-main-canvas {
    overflow: hidden; }

.settings-offcanvas-style--panel.toolbar-tray-open.toolbar-fixed.toolbar-horizontal .site-offcanvas {
  padding-top: calc(var(--drupal-toolbar-bar-height) + var(--drupal-toolbar-tray-height)); }

.settings-offcanvas-style--panel.toolbar-tray-open.toolbar-fixed.toolbar-vertical .site-offcanvas {
  padding-top: var(--drupal-toolbar-bar-height); }

.settings-offcanvas-style--panel.toolbar-tray-open.toolbar-fixed.has-roof.toolbar-horizontal .site-offcanvas {
  padding-top: calc(var(--zone-roof-height) + var(--drupal-toolbar-bar-height) + var(--drupal-toolbar-tray-height)); }

.settings-offcanvas-style--panel.toolbar-tray-open.toolbar-fixed.has-roof.toolbar-vertical .site-offcanvas {
  padding-top: calc(var(--zone-roof-height) + var(--drupal-toolbar-bar-height)); }

.settings-offcanvas-style--panel.toolbar-vertical .site-offcanvas {
  padding-top: var(--drupal-toolbar-bar-height); }

.settings-offcanvas-style--panel #offcanvas {
  overflow: hidden; }

.settings-offcanvas-style--panel #offcanvas-content {
  padding: var(--size-space-base); }
  .settings-offcanvas-style--panel #offcanvas-content ul.menu {
    margin: 0 0 var(--size-space-base) 0;
    padding: 0;
    list-style: none outside none; }
    .settings-offcanvas-style--panel #offcanvas-content ul.menu li span,
    .settings-offcanvas-style--panel #offcanvas-content ul.menu li a {
      display: block;
      padding: var(--size-space-small);
      border-bottom: 1px solid var(--border-color); }
    .settings-offcanvas-style--panel #offcanvas-content ul.menu li a:hover {
      background: #ccc; }
    .settings-offcanvas-style--panel #offcanvas-content ul.menu li ul {
      margin: 0;
      padding-left: var(--size-space-base); }

.settings-offcanvas-style--overlay #offcanvas {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease-in;
  z-index: 1000; }

.settings-offcanvas-style--overlay.offcanvas-enabled {
  position: fixed;
  width: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  overflow-y: scroll !important; }
  .settings-offcanvas-style--overlay.offcanvas-enabled .dialog-off-canvas-main-canvas {
    overflow: hidden; }
  .settings-offcanvas-style--overlay.offcanvas-enabled #offcanvas {
    opacity: 1;
    transition: opacity 0.5s ease-out;
    pointer-events: all; }

/*
 * Site search Block
 * used in many context:
 * - popup
 * - search page
 * - offcanvas menu
 */
.block-search form {
  display: flex;
  margin-bottom: 0; }
  .block-search form .form-item-search-api-fulltext {
    margin-right: 10px; }
  .block-search form .form-actions {
    display: flex;
    justify-content: flex-end;
    flex-direction: column; }
  .block-search form .form-item {
    display: block;
    margin-bottom: 0;
    float: left; }
  .block-search form .form-actions {
    float: right;
    display: block;
    margin-left: 1rem;
    margin-top: calc(1em + 0.25rem); }

#block-search-form-page {
  margin-top: var(--size-space-big);
  margin-bottom: var(--size-space-big);
  display: flex;
  justify-content: center; }

/*
 * Site search Page
 */
.site-search .item-list ul {
  margin: 0; }
  .site-search .item-list ul li.views-row {
    display: grid;
    grid-template-columns: 100px auto;
    grid-template-rows: auto 1fr;
    gap: 0 var(--size-space-small);
    grid-template-areas: "image title" "image summary";
    margin-bottom: var(--size-space-base); }
    @media screen and (min-width: 768px) {
      .site-search .item-list ul li.views-row {
        grid-template-columns: 100px auto; } }
    .site-search .item-list ul li.views-row .views-field-field-featured-image {
      grid-area: image; }
    .site-search .item-list ul li.views-row .views-field-title {
      grid-area: title;
      font-size: 1.25em;
      font-weight: bold; }
      .site-search .item-list ul li.views-row .views-field-title .field-content {
        display: block;
        line-height: 1em; }
    .site-search .item-list ul li.views-row .views-field-field-summary {
      grid-area: summary;
      font-size: 0.85em; }

/*
 * Search Block (popup)
 */
#search {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 0.65s ease-in; }

.search-enabled #search {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  opacity: 1;
  transition: opacity 0.45s ease-out;
  overflow-x: hidden;
  overflow-y: auto; }
  .search-enabled #search .region {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center; }
    .search-enabled #search .region .block-search {
      padding: 3rem;
      margin: 0;
      background: white;
      position: relative;
      border-radius: var(--size-corner-radius);
      box-shadow: 0 0 1rem black;
      text-align: left; }
      .search-enabled #search .region .block-search .search-block-close {
        position: absolute;
        top: 8px;
        right: 8px;
        display: block;
        width: calc(var(--header-button-menu-height) * (2 / 3));
        height: calc(var(--header-button-menu-height)  * (2 / 3));
        line-height: calc(var(--header-button-menu-height)  * (2 / 3));
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        background-color: var(--header-button-menu-bg);
        cursor: pointer;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: var(--size-corner-radius);
        padding: calc(var(--size-corner-radius) * 2);
        box-sizing: content-box;
        transition-timing-function: ease-out;
        transition-duration: 0.5s;
        transition-property: opacity, color, background-color, height;
        background-image: url(../images/icons/icon-close.svg);
        background-size: calc(var(--header-button-menu-height) * (2 / 3)) calc(var(--header-button-menu-height) * (2 / 3)); }
      .search-enabled #search .region .block-search form {
        margin: 0; }

.menu--account {
  margin-left: auto; }
  .menu--account ul.menu {
    list-style: none outside none;
    margin: 0;
    padding: 0; }
    .menu--account ul.menu li {
      display: inline;
      margin: 0 var(--size-space-small)/2; }
      .menu--account ul.menu li:first-child {
        margin-left: 0; }
      .menu--account ul.menu li:last-child {
        margin-right: 0; }

.site-header__button {
  margin-left: 20px;
  width: var(--header-button-menu-height);
  height: var(--header-button-menu-height);
  line-height: var(--header-button-menu-height);
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: calc(var(--size-corner-radius) / 2);
  padding: 4px;
  box-sizing: content-box;
  background-size: var(--header-button-menu-height);
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: opacity, color, background-color, height; }
  .site-header__button:hover {
    transition-timing-function: ease-in;
    transition-duration: 0.5s;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter; }
  .site-header__button--menu {
    transition-timing-function: ease-out;
    transition-duration: 0.5s;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter; }
    .settings-header-transparent .site-header__button--menu {
      background-image: url(../images/icons/icon-menu_white.svg); }
    .settings-header-transparent.scroll--main .site-header__button--menu,
    .settings-header-opaque .site-header__button--menu,
    .no-hero .site-header__button--menu {
      background-image: url(../images/icons/icon-menu.svg); }
  .site-header__button--search {
    transition-timing-function: ease-out;
    transition-duration: 0.5s;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter; }
    .settings-header-transparent .site-header__button--search {
      background-image: url(../images/icons/icon-search_white.svg); }
    .settings-header-transparent.scroll--main .site-header__button--search,
    .settings-header-opaque .site-header__button--search,
    .no-hero .site-header__button--search {
      background-image: url(../images/icons/icon-search.svg); }

.site-offcanvas__button {
  width: var(--header-button-menu-height);
  height: var(--header-button-menu-height);
  line-height: var(--header-button-menu-height);
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: calc(var(--size-corner-radius) / 2);
  padding: 4px;
  box-sizing: content-box;
  background-size: var(--header-button-menu-height);
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: opacity, color, background-color, height; }
  .site-offcanvas__button--close {
    background-image: url(../images/icons/icon-close.svg); }

.settings-offcanvas-style--overlay .site-offcanvas__button--close {
  background-image: url(../images/icons/icon-close_white.svg); }

.settings-offcanvas-style--overlay .site-offcanvas__header {
  height: var(--size-header-height);
  display: flex;
  align-items: center;
  justify-content: right;
  justify-content: space-between; }
  .settings-offcanvas-style--overlay .site-offcanvas__header .site-logo {
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../logo_white.svg);
    width: var(--size-logo-width);
    height: var(--size-logo-height);
    text-indent: -999px;
    overflow: hidden; }

.settings-offcanvas-style--overlay .site-offcanvas__inner {
  padding-left: var(--size-gutter);
  padding-right: var(--size-gutter);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh; }

.settings-offcanvas-style--overlay #offcanvas-menu {
  flex-grow: 1; }
  .settings-offcanvas-style--overlay #offcanvas-menu .region {
    height: 100%; }
    .settings-offcanvas-style--overlay #offcanvas-menu .region .menu--main {
      height: 100%; }
      .settings-offcanvas-style--overlay #offcanvas-menu .region .menu--main ul.menu {
        margin: 0;
        padding: 0;
        list-style: none outside none;
        font-size: 2.33em;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        height: 100%; }
        .settings-offcanvas-style--overlay #offcanvas-menu .region .menu--main ul.menu li a {
          color: white; }

.settings-offcanvas-style--overlay #block-search-form-offcanvas {
  display: flex;
  justify-content: center;
  padding-top: var(--size-space-base);
  padding-bottom: calc(var(--size-space-base) * 3); }
  .settings-offcanvas-style--overlay #block-search-form-offcanvas label {
    color: white;
    display: none; }
  .settings-offcanvas-style--overlay #block-search-form-offcanvas input.form-text {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-color: white;
    color: white; }
  .settings-offcanvas-style--overlay #block-search-form-offcanvas .form-actions {
    margin-top: 0; }
  .settings-offcanvas-style--overlay #block-search-form-offcanvas input.form-submit {
    color: black;
    background-color: white;
    border-color: white; }
  .settings-offcanvas-style--overlay #block-search-form-offcanvas form {
    margin-bottom: 0; }

.toolbar-tray-open.toolbar-horizontal.settings-offcanvas-style--overlay .site-offcanvas__header {
  margin-top: 79px; }

.scroll--main.settings-offcanvas-style--overlay .site-offcanvas__header {
  height: var(--size-header-height-fixed); }
  .scroll--main.settings-offcanvas-style--overlay .site-offcanvas__header .site-logo {
    height: var(--size-logo-height-scroll);
    opacity: 0; }

.site-header__branding .site-logo {
  opacity: 1; }

.scroll--main.settings-offcanvas-style--overlay.offcanvas-enabled .site-header__branding .site-logo {
  opacity: 0; }

.scroll--main.settings-offcanvas-style--overlay.offcanvas-enabled .site-offcanvas__header .site-logo {
  opacity: 1; }

@media screen and (min-width: 1024px) {
  #header-button-hamburger {
    display: none; }
  .settings-desktop-hamburger #header-button-hamburger {
    display: block; } }

.site-header__menu {
  display: none; }
  @media screen and (min-width: 1024px) {
    .site-header__menu {
      display: block; } }
  .site-header__menu .menu--main {
    font-family: var(--font-family-menu);
    font-weight: var(--font-weight-menu); }
    .site-header__menu .menu--main ul.menu {
      margin: 0;
      padding: 0;
      transition-timing-function: ease-out;
      transition-duration: 0.5s;
      transition-property: opacity, color, background-color, height;
      z-index: 1; }
      .site-header__menu .menu--main ul.menu li {
        float: left;
        position: relative;
        list-style: none;
        transition-timing-function: ease-in;
        transition-duration: 0.5s;
        transition-property: opacity, color, background-color, height;
        padding: 0 0.5rem;
        margin: 0 var(--size-space-small)/2; }
        .site-header__menu .menu--main ul.menu li a,
        .site-header__menu .menu--main ul.menu li span {
          margin-top: 10px;
          margin-bottom: 10px; }
        .site-header__menu .menu--main ul.menu li:first-child {
          margin-left: 0; }
        .site-header__menu .menu--main ul.menu li:last-child {
          margin-right: 0; }
        .site-header__menu .menu--main ul.menu li a,
        .site-header__menu .menu--main ul.menu li span {
          display: block;
          text-decoration: none;
          padding: 0;
          color: var(--zone-header-transparent-color-fg);
          transition: none;
          border-bottom: 2px solid transparent;
          transition-timing-function: ease-out;
          transition-duration: 0.5s;
          transition-property: color; }
          .no-hero .site-header__menu .menu--main ul.menu li a, .no-hero
          .site-header__menu .menu--main ul.menu li span {
            color: var(--zone-header-color-fg); }
          .scroll--main .site-header__menu .menu--main ul.menu li a, .scroll--main
          .site-header__menu .menu--main ul.menu li span {
            color: var(--zone-header-color-fg);
            transition-timing-function: ease-out;
            transition-duration: 0.5s;
            transition-property: color; }
          .site-header__menu .menu--main ul.menu li a:hover,
          .site-header__menu .menu--main ul.menu li span:hover {
            color: var(--zone-header-transparent-color-fg);
            border-bottom: 2px solid var(--zone-header-transparent-color-fg); }
            .no-hero .site-header__menu .menu--main ul.menu li a:hover, .no-hero
            .site-header__menu .menu--main ul.menu li span:hover {
              color: var(--zone-header-color-fg);
              border-bottom: 2px solid var(--zone-header-color-fg); }
            .scroll--main .site-header__menu .menu--main ul.menu li a:hover, .scroll--main
            .site-header__menu .menu--main ul.menu li span:hover {
              color: var(--zone-header-color-fg);
              border-bottom: 2px solid var(--zone-header-color-link); }
        .site-header__menu .menu--main ul.menu li li {
          line-height: 1rem;
          font-size: 16px;
          margin: 0 0 0.1rem 0;
          padding: 0;
          width: 100%; }
          .scroll--main .site-header__menu .menu--main ul.menu li li {
            line-height: 1rem; }
            .scroll--main .site-header__menu .menu--main ul.menu li li a:hover, .scroll--main .site-header__menu .menu--main ul.menu li li span:hover {
              border: 0; }
          .site-header__menu .menu--main ul.menu li li a,
          .site-header__menu .menu--main ul.menu li li span {
            color: rgba(61, 61, 61, 0.85);
            line-height: 1.5rem;
            margin-top: 0;
            margin-bottom: 0;
            border-radius: var(--size-corner-radius);
            padding: 0.75rem 1rem; }
            .site-header__menu .menu--main ul.menu li li a:hover,
            .site-header__menu .menu--main ul.menu li li span:hover {
              background-color: var(--color-muted-light);
              color: var(--color-muted-light-text);
              border-color: transparent; }
          .site-header__menu .menu--main ul.menu li li:last-child {
            border-radius: 0 0 var(--size-corner-radius) var(--size-corner-radius);
            margin: 0; }
      .site-header__menu .menu--main ul.menu li:hover > ul {
        visibility: visible;
        opacity: 1; }
      .site-header__menu .menu--main ul.menu ul {
        margin: 0;
        padding: 0;
        transition-timing-function: ease-out;
        transition-duration: 0.5s;
        transition-property: opacity, color, background-color, height;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 1rem;
        width: 320px;
        top: 100%;
        visibility: hidden;
        opacity: 0;
        background: var(--color-white);
        border-radius: 0 0 var(--size-corner-radius) var(--size-corner-radius);
        border: 1px solid var(--border-color);
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); }
        .site-header__menu .menu--main ul.menu ul:after, .site-header__menu .menu--main ul.menu ul:before {
          bottom: 100%;
          left: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none; }
        .site-header__menu .menu--main ul.menu ul:after {
          border-color: rgba(255, 255, 255, 0);
          border-bottom-color: var(--color-white);
          border-width: 13px;
          margin-left: -13px; }
        .site-header__menu .menu--main ul.menu ul:before {
          border-color: rgba(204, 204, 204, 0);
          border-bottom-color: var(--border-color);
          border-width: 14px;
          margin-left: -14px; }
        .site-header__menu .menu--main ul.menu ul li {
          background: transparent; }
        .site-header__menu .menu--main ul.menu ul ul {
          border-radius: var(--size-corner-radius);
          left: 100%;
          top: 50%;
          margin-top: 0; }
          .site-header__menu .menu--main ul.menu ul ul li:first-child {
            border-radius: var(--size-corner-radius) var(--size-corner-radius) 0 0; }
          .site-header__menu .menu--main ul.menu ul ul:after, .site-header__menu .menu--main ul.menu ul ul:before {
            display: none; }

.menu--footer ul.menu {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  color: #999; }
  .menu--footer ul.menu li.menu-item span {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.7rem;
    display: block;
    margin-bottom: 1px; }
  .menu--footer ul.menu li.menu-item ul.menu {
    margin-bottom: 1.5rem; }

/*
 * Block Page title
 */
.block-page-title {
  padding-top: var(--size-space-base);
  padding-bottom: var(--size-space-base); }

/*
 * Footer blocks
 */
.site-footer .block {
  border-right: 1px solid var(--border-color-dark); }
  .site-footer .block h2.block-title {
    margin-bottom: 1rem; }
    @media screen and (max-width: 767px) {
      .site-footer .block h2.block-title {
        font-size: var(--font-size-base);
        line-height: var(--line-height-base); } }
  .site-footer .block:last-child {
    border-right: none; }

/*
 * Block Latest Comments
 */
#block-views-block-latest-comments-block-latest-comments h2 {
  text-align: center; }

#block-views-block-latest-comments-block-latest-comments .item-list > ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
  display: block;
  *zoom: 1; }
  #block-views-block-latest-comments-block-latest-comments .item-list > ul:before, #block-views-block-latest-comments-block-latest-comments .item-list > ul:after {
    content: "";
    display: table;
    line-height: 0; }
  #block-views-block-latest-comments-block-latest-comments .item-list > ul:after {
    clear: both; }
  #block-views-block-latest-comments-block-latest-comments .item-list > ul > li .field--name-field-c-photo {
    margin-bottom: 1em; }
  @media screen and (max-width: 767px) {
    #block-views-block-latest-comments-block-latest-comments .item-list > ul > li {
      width: 100%;
      float: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #block-views-block-latest-comments-block-latest-comments .item-list > ul > li {
      width: 33%;
      float: left; } }
  @media screen and (min-width: 1024px) {
    #block-views-block-latest-comments-block-latest-comments .item-list > ul > li {
      width: 33%;
      float: left; } }
  #block-views-block-latest-comments-block-latest-comments .item-list > ul > li .comment__wrapper {
    display: block;
    border: 0;
    padding-left: calc(var(--size-gutter) / 2);
    padding-right: calc(var(--size-gutter) / 2); }
    #block-views-block-latest-comments-block-latest-comments .item-list > ul > li .comment__wrapper .comment__meta {
      width: 50%;
      margin: 0 auto; }
    #block-views-block-latest-comments-block-latest-comments .item-list > ul > li .comment__wrapper .comment__content {
      padding: 0; }

/*
 * Block Title default
 */
.layout h2.block-title {
  margin-bottom: var(--size-space-base); }

/*
 * Block Gallery
 */
.gallery-grid .grid-wrapper {
  display: grid; }

.gallery-grid--1 .grid-wrapper {
  grid-template-columns: 1fr; }

.gallery-grid--2 .grid-wrapper {
  grid-template-columns: 1fr; }

.gallery-grid--3 .grid-wrapper {
  grid-template-columns: 1fr; }

.gallery-grid--4 .grid-wrapper {
  grid-template-columns: repeat(2, 1fr); }

.gallery-grid--5 .grid-wrapper {
  grid-template-columns: repeat(2, 1fr); }

.gallery-grid--6 .grid-wrapper {
  grid-template-columns: repeat(2, 1fr); }

@media screen and (min-width: 768px) {
  .gallery-grid--1 .grid-wrapper {
    grid-template-columns: repeat(1, 1fr); }
  .gallery-grid--2 .grid-wrapper {
    grid-template-columns: repeat(2, 1fr); }
  .gallery-grid--3 .grid-wrapper {
    grid-template-columns: repeat(3, 1fr); }
  .gallery-grid--4 .grid-wrapper {
    grid-template-columns: repeat(4, 1fr); }
  .gallery-grid--5 .grid-wrapper {
    grid-template-columns: repeat(5, 1fr); }
  .gallery-grid--6 .grid-wrapper {
    grid-template-columns: repeat(6, 1fr); } }

.gallery-grid.gallery-gap--none .grid-wrapper {
  grid-gap: 0; }

.gallery-grid.gallery-gap--small .grid-wrapper {
  grid-gap: var(--size-space-small); }

.gallery-grid.gallery-gap--medium .grid-wrapper {
  grid-gap: var(--size-space-base); }

.gallery-grid.gallery-gap--large .grid-wrapper {
  grid-gap: var(--size-space-big); }

.gallery-grid figure {
  margin: 0; }

.gallery-masonry--1.gallery-gap--none .grid-sizer,
.gallery-masonry--1.gallery-gap--none .gallery-item {
  width: calc((100% / 1)); }

.gallery-masonry--1.gallery-gap--small .grid-sizer,
.gallery-masonry--1.gallery-gap--small .gallery-item {
  width: calc((100% / 1) - ( ( (1 - 1) * var(--size-space-small) ) / 1 )); }

.gallery-masonry--1.gallery-gap--medium .grid-sizer,
.gallery-masonry--1.gallery-gap--medium .gallery-item {
  width: calc((100% / 1) - ( ( (1 - 1) * var(--size-space-base) ) / 1 )); }

.gallery-masonry--1.gallery-gap--large .grid-sizer,
.gallery-masonry--1.gallery-gap--large .gallery-item {
  width: calc((100% / 1) - ( ( (1 - 1) * var(--size-space-big) ) / 1 )); }

.gallery-masonry--2.gallery-gap--none .grid-sizer,
.gallery-masonry--2.gallery-gap--none .gallery-item {
  width: calc((100% / 2)); }

.gallery-masonry--2.gallery-gap--small .grid-sizer,
.gallery-masonry--2.gallery-gap--small .gallery-item {
  width: calc((100% / 2) - ( ( (2 - 1) * var(--size-space-small) ) / 2 )); }

.gallery-masonry--2.gallery-gap--medium .grid-sizer,
.gallery-masonry--2.gallery-gap--medium .gallery-item {
  width: calc((100% / 2) - ( ( (2 - 1) * var(--size-space-base) ) / 2 )); }

.gallery-masonry--2.gallery-gap--large .grid-sizer,
.gallery-masonry--2.gallery-gap--large .gallery-item {
  width: calc((100% / 2) - ( ( (2 - 1) * var(--size-space-big) ) / 2 )); }

.gallery-masonry--3.gallery-gap--none .grid-sizer,
.gallery-masonry--3.gallery-gap--none .gallery-item {
  width: calc((100% / 3)); }

.gallery-masonry--3.gallery-gap--small .grid-sizer,
.gallery-masonry--3.gallery-gap--small .gallery-item {
  width: calc((100% / 3) - ( ( (3 - 1) * var(--size-space-small) ) / 3 )); }

.gallery-masonry--3.gallery-gap--medium .grid-sizer,
.gallery-masonry--3.gallery-gap--medium .gallery-item {
  width: calc((100% / 3) - ( ( (3 - 1) * var(--size-space-base) ) / 3 )); }

.gallery-masonry--3.gallery-gap--large .grid-sizer,
.gallery-masonry--3.gallery-gap--large .gallery-item {
  width: calc((100% / 3) - ( ( (3 - 1) * var(--size-space-big) ) / 3 )); }

.gallery-masonry--4.gallery-gap--none .grid-sizer,
.gallery-masonry--4.gallery-gap--none .gallery-item {
  width: calc((100% / 4)); }

.gallery-masonry--4.gallery-gap--small .grid-sizer,
.gallery-masonry--4.gallery-gap--small .gallery-item {
  width: calc((100% / 4) - ( ( (4 - 1) * var(--size-space-small) ) / 4 )); }

.gallery-masonry--4.gallery-gap--medium .grid-sizer,
.gallery-masonry--4.gallery-gap--medium .gallery-item {
  width: calc((100% / 4) - ( ( (4 - 1) * var(--size-space-base) ) / 4 )); }

.gallery-masonry--4.gallery-gap--large .grid-sizer,
.gallery-masonry--4.gallery-gap--large .gallery-item {
  width: calc((100% / 4) - ( ( (4 - 1) * var(--size-space-big) ) / 4 )); }

.gallery-masonry--5.gallery-gap--none .grid-sizer,
.gallery-masonry--5.gallery-gap--none .gallery-item {
  width: calc((100% / 5)); }

.gallery-masonry--5.gallery-gap--small .grid-sizer,
.gallery-masonry--5.gallery-gap--small .gallery-item {
  width: calc((100% / 5) - ( ( (5 - 1) * var(--size-space-small) ) / 5 )); }

.gallery-masonry--5.gallery-gap--medium .grid-sizer,
.gallery-masonry--5.gallery-gap--medium .gallery-item {
  width: calc((100% / 5) - ( ( (5 - 1) * var(--size-space-base) ) / 5 )); }

.gallery-masonry--5.gallery-gap--large .grid-sizer,
.gallery-masonry--5.gallery-gap--large .gallery-item {
  width: calc((100% / 5) - ( ( (5 - 1) * var(--size-space-big) ) / 5 )); }

.gallery-masonry--6.gallery-gap--none .grid-sizer,
.gallery-masonry--6.gallery-gap--none .gallery-item {
  width: calc((100% / 6)); }

.gallery-masonry--6.gallery-gap--small .grid-sizer,
.gallery-masonry--6.gallery-gap--small .gallery-item {
  width: calc((100% / 6) - ( ( (6 - 1) * var(--size-space-small) ) / 6 )); }

.gallery-masonry--6.gallery-gap--medium .grid-sizer,
.gallery-masonry--6.gallery-gap--medium .gallery-item {
  width: calc((100% / 6) - ( ( (6 - 1) * var(--size-space-base) ) / 6 )); }

.gallery-masonry--6.gallery-gap--large .grid-sizer,
.gallery-masonry--6.gallery-gap--large .gallery-item {
  width: calc((100% / 6) - ( ( (6 - 1) * var(--size-space-big) ) / 6 )); }

.gallery-masonry.gallery-gap--none .gallery-item {
  margin-bottom: 0; }

.gallery-masonry.gallery-gap--small .gallery-item {
  margin-bottom: var(--size-space-small); }

.gallery-masonry.gallery-gap--medium .gallery-item {
  margin-bottom: var(--size-space-base); }

.gallery-masonry.gallery-gap--large .gallery-item {
  margin-bottom: var(--size-space-big); }

.gallery-masonry figure {
  margin: 0; }

.gallery-owl figure {
  margin: 0; }

.gallery-grid .field--name-body, .gallery-masonry .field--name-body, .gallery-carousel .field--name-body {
  margin-top: var(--size-space-base); }

.section-default .block--image-position--top h2.block-title,
.section-default .block--image-position--top h3.block-title,
.section-default .block--image-position--top h4.block-title {
  margin-top: var(--size-space-base);
  margin-bottom: calc(var(--size-space-base)/2); }

.section-default .block--image-position--top h4.block-title {
  font-size: 1.05em;
  font-weight: bold; }

.block--image-position--background {
  position: relative; }
  .block--image-position--background .block__image {
    height: 100%; }
    .block--image-position--background .block__image div {
      height: 100%; }
    .block--image-position--background .block__image img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .block--image-position--background .block__content {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--size-space-base);
    color: white;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s ease-out;
    background: rgba(0, 0, 0, 0.2);
    box-sizing: border-box; }
    .block--image-position--background .block__content h1, .block--image-position--background .block__content .hero-title,
    .block--image-position--background .block__content h2,
    .block--image-position--background .block__content h3,
    .block--image-position--background .block__content h4,
    .block--image-position--background .block__content h5,
    .block--image-position--background .block__content h6 {
      color: white; }
    .block--image-position--background .block__content:hover {
      background: rgba(0, 0, 0, 0.6);
      height: 100%; }
      .block--image-position--background .block__content:hover .field--name-body {
        transition: opacity 0.5s ease-out;
        opacity: 1; }
  .block--image-position--background .block-title {
    text-align: center;
    color: white;
    z-index: 2;
    margin-bottom: 0; }
  .block--image-position--background .field--name-body {
    transition: opacity 0.5s ease-in;
    opacity: 0;
    font-size: 0.8em;
    line-height: 1.15em;
    margin: 10px 0;
    text-align: center;
    color: white;
    z-index: 2; }
  .block--image-position--background .field--name-field-block-links .field__item a {
    display: inline-block;
    line-height: 26px;
    padding: 0.5rem 1.5rem;
    outline: none;
    border-width: var(--button-border-width);
    border-style: solid;
    border-radius: var(--button-radius);
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: transparent;
    cursor: pointer;
    transition-timing-function: ease-out;
    transition-duration: 0.5s;
    transition-property: opacity, color, background-color, height, border-color;
    font-weight: normal;
    background-color: transparent;
    border-color: var(--color-white);
    color: var(--color-white); }
    .block--image-position--background .field--name-field-block-links .field__item a:hover {
      border-color: var(--color-primary);
      color: var(--color-primary-text);
      background: var(--color-primary); }
    .block--image-position--background .field--name-field-block-links .field__item a:hover {
      background-color: var(--color-white);
      border-color: var(--color-white);
      color: var(--color-black); }

.owl-carousel {
  position: relative; }
  .owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none; }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      pointer-events: auto;
      margin-left: var(--size-gutter);
      margin-right: var(--size-gutter); }
      .owl-carousel .owl-nav .owl-prev img,
      .owl-carousel .owl-nav .owl-next img {
        width: 40px;
        height: 40px; }
  .owl-carousel .owl-dots {
    height: auto;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 10px; }
    .owl-carousel .owl-dots .owl-dot {
      display: inline-block;
      margin: 0 5px; }
      .owl-carousel .owl-dots .owl-dot span {
        width: 16px;
        height: 16px;
        background: var(--color-white);
        border-radius: 50%;
        display: inline-block;
        border: 1px solid var(--color-black); }
      .owl-carousel .owl-dots .owl-dot.active span {
        background: var(--color-black);
        border: 1px solid var(--color-white); }
  .owl-carousel figure {
    position: relative; }
    .owl-carousel figure figcaption {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      padding: 10px;
      color: white;
      font-size: 13px; }

.block-language ul.links {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  margin: 0 calc(var(--size-space-base)/2); }
  .block-language ul.links li {
    display: inline;
    margin: 0 var(--size-space-small)/2; }
    .block-language ul.links li:first-child {
      margin-left: 0; }
    .block-language ul.links li:last-child {
      margin-right: 0; }
  .block-language ul.links li {
    margin: 0; }
    .block-language ul.links li a {
      height: 1.5em;
      display: block;
      float: left;
      overflow: hidden;
      width: 24px;
      text-indent: -9999px;
      padding: 0;
      margin: 0 5px;
      background-position: left center;
      background-repeat: no-repeat;
      background-color: transparent; }
      .block-language ul.links li a:hover:after {
        height: 3px;
        background-color: var(--color-primary);
        content: ' ';
        width: 24px;
        display: block;
        position: relative;
        position: absolute;
        border-radius: 1px; }
    .block-language ul.links li.it a {
      background-image: url(../images/icons/icon-flag-it.png); }
    .block-language ul.links li.en a {
      background-image: url(../images/icons/icon-flag-en.png); }

/*
 * Taxonomy Page
 */
.settings-header-opaque .hero__height-100 {
  height: calc( (100vh - var(--size-header-height)) * 1); }

.settings-header-opaque.has-roof .hero__height-100 {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 1); }

.settings-header-opaque.toolbar-fixed .hero__height-100 {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 1); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-100 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 1); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-100 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 1); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-100 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 1); }

.settings-header-opaque .hero__height-100 .field--name-field-media-image img, .settings-header-opaque
.hero__height-100 video {
  height: calc( (100vh - var(--size-header-height)) * 1); }

.settings-header-opaque.has-roof .hero__height-100 .field--name-field-media-image img, .settings-header-opaque.has-roof
.hero__height-100 video {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 1); }

.settings-header-opaque.toolbar-fixed .hero__height-100 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed
.hero__height-100 video {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 1); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-100 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.has-roof
.hero__height-100 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 1); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-100 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-100 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 1); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-100 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-100 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 1); }

.settings-header-opaque .hero__height-75 {
  height: calc( (100vh - var(--size-header-height)) * 0.75); }

.settings-header-opaque.has-roof .hero__height-75 {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.75); }

.settings-header-opaque.toolbar-fixed .hero__height-75 {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.75); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-75 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.75); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-75 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.75); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-75 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.75); }

.settings-header-opaque .hero__height-75 .field--name-field-media-image img, .settings-header-opaque
.hero__height-75 video {
  height: calc( (100vh - var(--size-header-height)) * 0.75); }

.settings-header-opaque.has-roof .hero__height-75 .field--name-field-media-image img, .settings-header-opaque.has-roof
.hero__height-75 video {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.75); }

.settings-header-opaque.toolbar-fixed .hero__height-75 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed
.hero__height-75 video {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.75); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-75 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.has-roof
.hero__height-75 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.75); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-75 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-75 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.75); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-75 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-75 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.75); }

.settings-header-opaque .hero__height-66 {
  height: calc( (100vh - var(--size-header-height)) * 0.66); }

.settings-header-opaque.has-roof .hero__height-66 {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.66); }

.settings-header-opaque.toolbar-fixed .hero__height-66 {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.66); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-66 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.66); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-66 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.66); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-66 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.66); }

.settings-header-opaque .hero__height-66 .field--name-field-media-image img, .settings-header-opaque
.hero__height-66 video {
  height: calc( (100vh - var(--size-header-height)) * 0.66); }

.settings-header-opaque.has-roof .hero__height-66 .field--name-field-media-image img, .settings-header-opaque.has-roof
.hero__height-66 video {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.66); }

.settings-header-opaque.toolbar-fixed .hero__height-66 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed
.hero__height-66 video {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.66); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-66 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.has-roof
.hero__height-66 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.66); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-66 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-66 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.66); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-66 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-66 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.66); }

.settings-header-opaque .hero__height-50 {
  height: calc( (100vh - var(--size-header-height)) * 0.5); }

.settings-header-opaque.has-roof .hero__height-50 {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.5); }

.settings-header-opaque.toolbar-fixed .hero__height-50 {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.5); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-50 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.5); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-50 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.5); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-50 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.5); }

.settings-header-opaque .hero__height-50 .field--name-field-media-image img, .settings-header-opaque
.hero__height-50 video {
  height: calc( (100vh - var(--size-header-height)) * 0.5); }

.settings-header-opaque.has-roof .hero__height-50 .field--name-field-media-image img, .settings-header-opaque.has-roof
.hero__height-50 video {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.5); }

.settings-header-opaque.toolbar-fixed .hero__height-50 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed
.hero__height-50 video {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.5); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-50 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.has-roof
.hero__height-50 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.5); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-50 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-50 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.5); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-50 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-50 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.5); }

.settings-header-opaque .hero__height-33 {
  height: calc( (100vh - var(--size-header-height)) * 0.33); }

.settings-header-opaque.has-roof .hero__height-33 {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.33); }

.settings-header-opaque.toolbar-fixed .hero__height-33 {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.33); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-33 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.33); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-33 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.33); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-33 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.33); }

.settings-header-opaque .hero__height-33 .field--name-field-media-image img, .settings-header-opaque
.hero__height-33 video {
  height: calc( (100vh - var(--size-header-height)) * 0.33); }

.settings-header-opaque.has-roof .hero__height-33 .field--name-field-media-image img, .settings-header-opaque.has-roof
.hero__height-33 video {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.33); }

.settings-header-opaque.toolbar-fixed .hero__height-33 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed
.hero__height-33 video {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.33); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-33 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.has-roof
.hero__height-33 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.33); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-33 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-33 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.33); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-33 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-33 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.33); }

.settings-header-opaque .hero__height-25 {
  height: calc( (100vh - var(--size-header-height)) * 0.25); }

.settings-header-opaque.has-roof .hero__height-25 {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.25); }

.settings-header-opaque.toolbar-fixed .hero__height-25 {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.25); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-25 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.25); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-25 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.25); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-25 {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.25); }

.settings-header-opaque .hero__height-25 .field--name-field-media-image img, .settings-header-opaque
.hero__height-25 video {
  height: calc( (100vh - var(--size-header-height)) * 0.25); }

.settings-header-opaque.has-roof .hero__height-25 .field--name-field-media-image img, .settings-header-opaque.has-roof
.hero__height-25 video {
  height: calc( (100vh - var(--size-header-height) - var(--zone-roof-height)) * 0.25); }

.settings-header-opaque.toolbar-fixed .hero__height-25 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed
.hero__height-25 video {
  height: calc( (100vh - var(--drupal-toobar-bar-height)) * 0.25); }

.settings-header-opaque.toolbar-fixed.has-roof .hero__height-25 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.has-roof
.hero__height-25 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.25); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-25 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-25 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height)) * 0.25); }

.settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-25 .field--name-field-media-image img, .settings-header-opaque.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-25 video {
  height: calc( (100vh - var(--size-header-height) - var(--drupal-toolbar-bar-height) - var(--$drupal-toolbar-tray-height) - var(--zone-roof-height)) * 0.25); }

.settings-header-transparent .hero__height-100 .field--name-field-media-image img, .settings-header-transparent
.hero__height-100 video {
  height: calc( (100vh) * 1); }

.settings-header-transparent.has-roof .hero__height-100 .field--name-field-media-image img, .settings-header-transparent.has-roof
.hero__height-100 video {
  height: calc( (100vh - var(--zone-roof-height)) * 1); }

.settings-header-transparent.toolbar-fixed .hero__height-100 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed
.hero__height-100 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 1); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-100 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.has-roof
.hero__height-100 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 1); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-100 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-100 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 1); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-100 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-100 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 1); }

.settings-header-transparent .hero__height-75 {
  height: calc( (100vh) * 0.75); }

.settings-header-transparent.has-roof .hero__height-75 {
  height: calc( (100vh - var(--zone-roof-height)) * 0.75); }

.settings-header-transparent.toolbar-fixed .hero__height-75 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.75); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-75 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.75); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-75 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.75); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-75 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.75); }

.settings-header-transparent .hero__height-75 .field--name-field-media-image img, .settings-header-transparent
.hero__height-75 video {
  height: calc( (100vh) * 0.75); }

.settings-header-transparent.has-roof .hero__height-75 .field--name-field-media-image img, .settings-header-transparent.has-roof
.hero__height-75 video {
  height: calc( (100vh - var(--zone-roof-height)) * 0.75); }

.settings-header-transparent.toolbar-fixed .hero__height-75 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed
.hero__height-75 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.75); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-75 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.has-roof
.hero__height-75 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.75); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-75 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-75 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.75); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-75 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-75 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.75); }

.settings-header-transparent .hero__height-66 {
  height: calc( (100vh) * 0.66); }

.settings-header-transparent.has-roof .hero__height-66 {
  height: calc( (100vh - var(--zone-roof-height)) * 0.66); }

.settings-header-transparent.toolbar-fixed .hero__height-66 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.66); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-66 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.66); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-66 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.66); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-66 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.66); }

.settings-header-transparent .hero__height-66 .field--name-field-media-image img, .settings-header-transparent
.hero__height-66 video {
  height: calc( (100vh) * 0.66); }

.settings-header-transparent.has-roof .hero__height-66 .field--name-field-media-image img, .settings-header-transparent.has-roof
.hero__height-66 video {
  height: calc( (100vh - var(--zone-roof-height)) * 0.66); }

.settings-header-transparent.toolbar-fixed .hero__height-66 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed
.hero__height-66 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.66); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-66 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.has-roof
.hero__height-66 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.66); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-66 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-66 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.66); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-66 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-66 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.66); }

.settings-header-transparent .hero__height-50 {
  height: calc( (100vh) * 0.5); }

.settings-header-transparent.has-roof .hero__height-50 {
  height: calc( (100vh - var(--zone-roof-height)) * 0.5); }

.settings-header-transparent.toolbar-fixed .hero__height-50 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.5); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-50 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.5); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-50 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.5); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-50 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.5); }

.settings-header-transparent .hero__height-50 .field--name-field-media-image img, .settings-header-transparent
.hero__height-50 video {
  height: calc( (100vh) * 0.5); }

.settings-header-transparent.has-roof .hero__height-50 .field--name-field-media-image img, .settings-header-transparent.has-roof
.hero__height-50 video {
  height: calc( (100vh - var(--zone-roof-height)) * 0.5); }

.settings-header-transparent.toolbar-fixed .hero__height-50 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed
.hero__height-50 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.5); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-50 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.has-roof
.hero__height-50 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.5); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-50 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-50 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.5); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-50 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-50 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.5); }

.settings-header-transparent .hero__height-33 {
  height: calc( (100vh) * 0.33); }

.settings-header-transparent.has-roof .hero__height-33 {
  height: calc( (100vh - var(--zone-roof-height)) * 0.33); }

.settings-header-transparent.toolbar-fixed .hero__height-33 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.33); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-33 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.33); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-33 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.33); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-33 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.33); }

.settings-header-transparent .hero__height-33 .field--name-field-media-image img, .settings-header-transparent
.hero__height-33 video {
  height: calc( (100vh) * 0.33); }

.settings-header-transparent.has-roof .hero__height-33 .field--name-field-media-image img, .settings-header-transparent.has-roof
.hero__height-33 video {
  height: calc( (100vh - var(--zone-roof-height)) * 0.33); }

.settings-header-transparent.toolbar-fixed .hero__height-33 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed
.hero__height-33 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.33); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-33 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.has-roof
.hero__height-33 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.33); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-33 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-33 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.33); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-33 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-33 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.33); }

.settings-header-transparent .hero__height-25 {
  height: calc( (100vh) * 0.25); }

.settings-header-transparent.has-roof .hero__height-25 {
  height: calc( (100vh - var(--zone-roof-height)) * 0.25); }

.settings-header-transparent.toolbar-fixed .hero__height-25 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.25); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-25 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.25); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-25 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.25); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-25 {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.25); }

.settings-header-transparent .hero__height-25 .field--name-field-media-image img, .settings-header-transparent
.hero__height-25 video {
  height: calc( (100vh) * 0.25); }

.settings-header-transparent.has-roof .hero__height-25 .field--name-field-media-image img, .settings-header-transparent.has-roof
.hero__height-25 video {
  height: calc( (100vh - var(--zone-roof-height)) * 0.25); }

.settings-header-transparent.toolbar-fixed .hero__height-25 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed
.hero__height-25 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height)) * 0.25); }

.settings-header-transparent.toolbar-fixed.has-roof .hero__height-25 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.has-roof
.hero__height-25 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--zone-roof-height)) * 0.25); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .hero__height-25 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open
.hero__height-25 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height)) * 0.25); }

.settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof .hero__height-25 .field--name-field-media-image img, .settings-header-transparent.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-roof
.hero__height-25 video {
  height: calc( (100vh - var(--drupal-toolbar-bar-height) - var(--drupal-toolbar-tray-height) - var(--zone-roof-height) ) * 0.25); }

.hero__pp-hero-slider .owl-stage-outer {
  height: 100%; }
  .hero__pp-hero-slider .owl-stage-outer .owl-stage {
    height: 100%; }
    .hero__pp-hero-slider .owl-stage-outer .owl-stage .owl-item {
      height: 100%; }
      .hero__pp-hero-slider .owl-stage-outer .owl-stage .owl-item .item {
        height: 100%; }

.hero__pp-hero-slider-item article {
  height: 100%; }
  .hero__pp-hero-slider-item article video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }
  .hero__pp-hero-slider-item article > div.field--name-field-media-image {
    height: 100%; }
    .hero__pp-hero-slider-item article > div.field--name-field-media-image img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%; }

.hero__pp-hero-slider-item.hero__box-position--c .l__column {
  justify-content: center;
  align-items: center; }
  .hero__pp-hero-slider-item.hero__box-position--c .l__column .hero-box {
    text-align: center; }

.hero__pp-hero-slider-item.hero__box-position--t-l .l__column {
  justify-content: flex-start;
  align-items: flex-start; }
  .hero__pp-hero-slider-item.hero__box-position--t-l .l__column .hero-box {
    text-align: left; }

.hero__pp-hero-slider-item.hero__box-position--t-r .l__column {
  justify-content: flex-end;
  align-items: flex-start; }
  .hero__pp-hero-slider-item.hero__box-position--t-r .l__column .hero-box {
    text-align: right; }

.hero__pp-hero-slider-item.hero__box-position--b-l .l__column {
  justify-content: flex-start;
  align-items: flex-end; }
  .hero__pp-hero-slider-item.hero__box-position--b-l .l__column .hero-box {
    text-align: left;
    margin-bottom: calc(2rem + 42px); }

.hero__pp-hero-slider-item.hero__box-position--b-r .l__column {
  justify-content: flex-end;
  align-items: flex-end; }
  .hero__pp-hero-slider-item.hero__box-position--b-r .l__column .hero-box {
    text-align: right;
    margin-bottom: calc(2rem + 42px); }

.hero .hero-effect {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: background-color; }
  .darkened .hero .hero-effect {
    background-color: rgba(0, 0, 0, 0.6); }
  .hero .hero-effect .l__column {
    height: 100%;
    display: flex; }
    .hero .hero-effect .l__column .hero-box {
      height: auto;
      opacity: 0;
      transition: none;
      font-size: 1.25rem;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        .hero .hero-effect .l__column .hero-box {
          width: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .hero .hero-effect .l__column .hero-box {
          width: 80%; } }
      @media screen and (min-width: 1024px) {
        .hero .hero-effect .l__column .hero-box {
          width: 60%; } }
      .settings-hero-effect--default .hero .hero-effect .l__column .hero-box {
        opacity: 1;
        transition: opacity 0s ease-in; }
        @media screen and (min-width: 1024px) {
          .settings-hero-effect--default .hero .hero-effect .l__column .hero-box {
            padding-top: var(--size-header-height); } }
      .darkened .hero .hero-effect .l__column .hero-box {
        opacity: 1;
        transition: opacity 1.2s ease-out; }
      .hero .hero-effect .l__column .hero-box .hero-logo {
        margin-bottom: 1em; }
        .hero .hero-effect .l__column .hero-box .hero-logo img {
          max-width: 50vw;
          margin: 0 auto;
          max-height: 25vh;
          height: auto; }

.hero .hero-box__buttons a {
  display: inline-block;
  line-height: 26px;
  padding: 0.5rem 1.5rem;
  outline: none;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: var(--button-radius);
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: transparent;
  cursor: pointer;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  transition-property: opacity, color, background-color, height, border-color;
  font-weight: normal; }
  .hero .hero-box__buttons a:hover {
    border-color: var(--color-primary);
    color: var(--color-primary-text);
    background: var(--color-primary); }

.hero .pp__bgcolor--primary {
  background-color: var(--color-primary);
  color: var(--color-primary-text); }
  .hero .pp__bgcolor--primary .hero-title,
  .hero .pp__bgcolor--primary h1,
  .hero .pp__bgcolor--primary .hero-title,
  .hero .pp__bgcolor--primary h2,
  .hero .pp__bgcolor--primary h3,
  .hero .pp__bgcolor--primary h4,
  .hero .pp__bgcolor--primary h5,
  .hero .pp__bgcolor--primary h6 {
    color: var(--color-primary-text); }
  .hero .pp__bgcolor--primary a {
    color: var(--color-primary-link); }
  .hero .pp__bgcolor--primary .hero-box__buttons a {
    background-color: transparent;
    border-color: white;
    color: white; }
    .hero .pp__bgcolor--primary .hero-box__buttons a input {
      background-color: var(--color-primary-text);
      border-color: var(--color-primary-text);
      color: var(--color-primary); }
    .hero .pp__bgcolor--primary .hero-box__buttons a input[type="submit"],
    .hero .pp__bgcolor--primary .hero-box__buttons a button {
      background-color: var(--color-primary-text);
      border-color: var(--color-primary-text);
      color: var(--color-primary); }
      .hero .pp__bgcolor--primary .hero-box__buttons a input[type="submit"]:hover,
      .hero .pp__bgcolor--primary .hero-box__buttons a button:hover {
        background-color: var(--color-primary);
        border-color: var(--color-primary-text);
        color: var(--color-primary-text); }
    .hero .pp__bgcolor--primary .hero-box__buttons a .button > a {
      background-color: var(--color-primary-text);
      border-color: var(--color-primary-text);
      color: var(--color-primary); }
      .hero .pp__bgcolor--primary .hero-box__buttons a .button > a:hover {
        background-color: var(--color-primary);
        border-color: var(--color-primary-text);
        color: var(--color-primary-text); }
    .hero .pp__bgcolor--primary .hero-box__buttons a:hover {
      background-color: white;
      border-color: white;
      color: #828a48; }

.hero .pp__bgcolor--secondary {
  background-color: var(--color-secondary);
  color: var(--color-secondary-text); }
  .hero .pp__bgcolor--secondary .hero-title,
  .hero .pp__bgcolor--secondary h1,
  .hero .pp__bgcolor--secondary .hero-title,
  .hero .pp__bgcolor--secondary h2,
  .hero .pp__bgcolor--secondary h3,
  .hero .pp__bgcolor--secondary h4,
  .hero .pp__bgcolor--secondary h5,
  .hero .pp__bgcolor--secondary h6 {
    color: var(--color-secondary-text); }
  .hero .pp__bgcolor--secondary a {
    color: var(--color-secondary-link); }
  .hero .pp__bgcolor--secondary .hero-box__buttons a {
    background-color: transparent;
    border-color: white;
    color: white; }
    .hero .pp__bgcolor--secondary .hero-box__buttons a input {
      background-color: var(--color-secondary-text);
      border-color: var(--color-secondary-text);
      color: var(--color-secondary); }
    .hero .pp__bgcolor--secondary .hero-box__buttons a input[type="submit"],
    .hero .pp__bgcolor--secondary .hero-box__buttons a button {
      background-color: var(--color-secondary-text);
      border-color: var(--color-secondary-text);
      color: var(--color-secondary); }
      .hero .pp__bgcolor--secondary .hero-box__buttons a input[type="submit"]:hover,
      .hero .pp__bgcolor--secondary .hero-box__buttons a button:hover {
        background-color: var(--color-secondary);
        border-color: var(--color-secondary-text);
        color: var(--color-secondary-text); }
    .hero .pp__bgcolor--secondary .hero-box__buttons a .button > a {
      background-color: var(--color-secondary-text);
      border-color: var(--color-secondary-text);
      color: var(--color-secondary); }
      .hero .pp__bgcolor--secondary .hero-box__buttons a .button > a:hover {
        background-color: var(--color-secondary);
        border-color: var(--color-secondary-text);
        color: var(--color-secondary-text); }
    .hero .pp__bgcolor--secondary .hero-box__buttons a:hover {
      background-color: white;
      border-color: white;
      color: #4c4e3b; }

.hero .pp__bgcolor--accent {
  background-color: var(--color-accent);
  color: var(--color-accent-text); }
  .hero .pp__bgcolor--accent .hero-title,
  .hero .pp__bgcolor--accent h1,
  .hero .pp__bgcolor--accent .hero-title,
  .hero .pp__bgcolor--accent h2,
  .hero .pp__bgcolor--accent h3,
  .hero .pp__bgcolor--accent h4,
  .hero .pp__bgcolor--accent h5,
  .hero .pp__bgcolor--accent h6 {
    color: var(--color-accent-text); }
  .hero .pp__bgcolor--accent a {
    color: var(--color-accent-link); }
  .hero .pp__bgcolor--accent .hero-box__buttons a {
    background-color: transparent;
    border-color: white;
    color: white; }
    .hero .pp__bgcolor--accent .hero-box__buttons a input {
      background-color: var(--color-accent-text);
      border-color: var(--color-accent-text);
      color: var(--color-accent); }
    .hero .pp__bgcolor--accent .hero-box__buttons a input[type="submit"],
    .hero .pp__bgcolor--accent .hero-box__buttons a button {
      background-color: var(--color-accent-text);
      border-color: var(--color-accent-text);
      color: var(--color-accent); }
      .hero .pp__bgcolor--accent .hero-box__buttons a input[type="submit"]:hover,
      .hero .pp__bgcolor--accent .hero-box__buttons a button:hover {
        background-color: var(--color-accent);
        border-color: var(--color-accent-text);
        color: var(--color-accent-text); }
    .hero .pp__bgcolor--accent .hero-box__buttons a .button > a {
      background-color: var(--color-accent-text);
      border-color: var(--color-accent-text);
      color: var(--color-accent); }
      .hero .pp__bgcolor--accent .hero-box__buttons a .button > a:hover {
        background-color: var(--color-accent);
        border-color: var(--color-accent-text);
        color: var(--color-accent-text); }
    .hero .pp__bgcolor--accent .hero-box__buttons a:hover {
      background-color: white;
      border-color: white;
      color: #e63946; }

.hero .pp__bgcolor--white {
  background-color: var(--color-white);
  color: var(--color-black); }
  .hero .pp__bgcolor--white .hero-title,
  .hero .pp__bgcolor--white h1,
  .hero .pp__bgcolor--white .hero-title,
  .hero .pp__bgcolor--white h2,
  .hero .pp__bgcolor--white h3,
  .hero .pp__bgcolor--white h4,
  .hero .pp__bgcolor--white h5,
  .hero .pp__bgcolor--white h6 {
    color: var(--color-black); }
  .hero .pp__bgcolor--white a {
    color: var(--color-black); }
  .hero .pp__bgcolor--white .hero-box__buttons a {
    background-color: transparent;
    border-color: var(--color-black);
    color: var(--color-black); }
    .hero .pp__bgcolor--white .hero-box__buttons a input {
      background-color: var(--color-primary);
      border-color: var(--color-primary);
      color: var(--color-primary-text); }
    .hero .pp__bgcolor--white .hero-box__buttons a input[type="submit"],
    .hero .pp__bgcolor--white .hero-box__buttons a button {
      background-color: var(--color-primary);
      border-color: var(--color-primary);
      color: var(--color-primary-text); }
      .hero .pp__bgcolor--white .hero-box__buttons a input[type="submit"]:hover,
      .hero .pp__bgcolor--white .hero-box__buttons a button:hover {
        background-color: var(--color-primary-text);
        border-color: var(--color-primary);
        color: var(--color-primary); }
    .hero .pp__bgcolor--white .hero-box__buttons a .button > a {
      background-color: var(--color-primary);
      border-color: var(--color-primary);
      color: var(--color-primary-text); }
      .hero .pp__bgcolor--white .hero-box__buttons a .button > a:hover {
        background-color: var(--color-primary-text);
        border-color: var(--color-primary);
        color: var(--color-primary); }
    .hero .pp__bgcolor--white .hero-box__buttons a:hover {
      background-color: var(--color-black);
      border-color: var(--color-black);
      color: var(--color-white); }

.hero .pp__bgcolor--black {
  background-color: var(--color-black);
  color: var(--color-white); }
  .hero .pp__bgcolor--black .hero-title,
  .hero .pp__bgcolor--black h1,
  .hero .pp__bgcolor--black .hero-title,
  .hero .pp__bgcolor--black h2,
  .hero .pp__bgcolor--black h3,
  .hero .pp__bgcolor--black h4,
  .hero .pp__bgcolor--black h5,
  .hero .pp__bgcolor--black h6 {
    color: var(--color-white); }
  .hero .pp__bgcolor--black a {
    color: var(--color-white); }
  .hero .pp__bgcolor--black .hero-box__buttons a {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white); }
    .hero .pp__bgcolor--black .hero-box__buttons a input {
      background-color: var(--white);
      border-color: var(--white);
      color: var(--black); }
    .hero .pp__bgcolor--black .hero-box__buttons a input[type="submit"],
    .hero .pp__bgcolor--black .hero-box__buttons a button {
      background-color: var(--white);
      border-color: var(--white);
      color: var(--black); }
      .hero .pp__bgcolor--black .hero-box__buttons a input[type="submit"]:hover,
      .hero .pp__bgcolor--black .hero-box__buttons a button:hover {
        background-color: var(--black);
        border-color: var(--white);
        color: var(--white); }
    .hero .pp__bgcolor--black .hero-box__buttons a .button > a {
      background-color: var(--white);
      border-color: var(--white);
      color: var(--black); }
      .hero .pp__bgcolor--black .hero-box__buttons a .button > a:hover {
        background-color: var(--black);
        border-color: var(--white);
        color: var(--white); }
    .hero .pp__bgcolor--black .hero-box__buttons a:hover {
      background-color: var(--color-white);
      border-color: var(--color-primary);
      color: var(--color-primary); }

.hero .pp__bgcolor--gray {
  background-color: var(--color-muted);
  color: var(--color-muted-text); }
  .hero .pp__bgcolor--gray .hero-title,
  .hero .pp__bgcolor--gray h1,
  .hero .pp__bgcolor--gray .hero-title,
  .hero .pp__bgcolor--gray h2,
  .hero .pp__bgcolor--gray h3,
  .hero .pp__bgcolor--gray h4,
  .hero .pp__bgcolor--gray h5,
  .hero .pp__bgcolor--gray h6 {
    color: var(--color-muted-text); }
  .hero .pp__bgcolor--gray a {
    color: var(--color-muted-link); }
  .hero .pp__bgcolor--gray .hero-box__buttons a {
    background-color: transparent;
    border-color: white;
    color: white; }
    .hero .pp__bgcolor--gray .hero-box__buttons a input {
      background-color: var(--color-muted-text);
      border-color: var(--color-muted-text);
      color: var(--color-muted); }
    .hero .pp__bgcolor--gray .hero-box__buttons a input[type="submit"],
    .hero .pp__bgcolor--gray .hero-box__buttons a button {
      background-color: var(--color-muted-text);
      border-color: var(--color-muted-text);
      color: var(--color-muted); }
      .hero .pp__bgcolor--gray .hero-box__buttons a input[type="submit"]:hover,
      .hero .pp__bgcolor--gray .hero-box__buttons a button:hover {
        background-color: var(--color-muted);
        border-color: var(--color-muted-text);
        color: var(--color-muted-text); }
    .hero .pp__bgcolor--gray .hero-box__buttons a .button > a {
      background-color: var(--color-muted-text);
      border-color: var(--color-muted-text);
      color: var(--color-muted); }
      .hero .pp__bgcolor--gray .hero-box__buttons a .button > a:hover {
        background-color: var(--color-muted);
        border-color: var(--color-muted-text);
        color: var(--color-muted-text); }
    .hero .pp__bgcolor--gray .hero-box__buttons a:hover {
      background-color: white;
      border-color: white;
      color: dimgray; }

.hero .pp__bgcolor--graylight {
  background-color: var(--color-muted-light);
  color: var(--color-muted-light-text); }
  .hero .pp__bgcolor--graylight .hero-title,
  .hero .pp__bgcolor--graylight h1,
  .hero .pp__bgcolor--graylight .hero-title,
  .hero .pp__bgcolor--graylight h2,
  .hero .pp__bgcolor--graylight h3,
  .hero .pp__bgcolor--graylight h4,
  .hero .pp__bgcolor--graylight h5,
  .hero .pp__bgcolor--graylight h6 {
    color: var(--color-muted-light-text); }
  .hero .pp__bgcolor--graylight a {
    color: var(--color-muted-light-link); }
  .hero .pp__bgcolor--graylight .hero-box__buttons a {
    background-color: transparent;
    border-color: black;
    color: black; }
    .hero .pp__bgcolor--graylight .hero-box__buttons a input {
      background-color: var(--color-muted-light-text);
      border-color: var(--color-muted-light-text);
      color: var(--color-muted-light); }
    .hero .pp__bgcolor--graylight .hero-box__buttons a input[type="submit"],
    .hero .pp__bgcolor--graylight .hero-box__buttons a button {
      background-color: var(--color-muted-light-text);
      border-color: var(--color-muted-light-text);
      color: var(--color-muted-light); }
      .hero .pp__bgcolor--graylight .hero-box__buttons a input[type="submit"]:hover,
      .hero .pp__bgcolor--graylight .hero-box__buttons a button:hover {
        background-color: var(--color-muted-light);
        border-color: var(--color-muted-light-text);
        color: var(--color-muted-light-text); }
    .hero .pp__bgcolor--graylight .hero-box__buttons a .button > a {
      background-color: var(--color-muted-light-text);
      border-color: var(--color-muted-light-text);
      color: var(--color-muted-light); }
      .hero .pp__bgcolor--graylight .hero-box__buttons a .button > a:hover {
        background-color: var(--color-muted-light);
        border-color: var(--color-muted-light-text);
        color: var(--color-muted-light-text); }
    .hero .pp__bgcolor--graylight .hero-box__buttons a:hover {
      background-color: black;
      border-color: black;
      color: #e9e9e9; }

.hero #hero-owl {
  position: relative; }

.hero .owl-nav {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .hero .owl-nav .owl-prev,
  .hero .owl-nav .owl-next {
    pointer-events: auto;
    opacity: 0;
    transition-timing-function: ease-out;
    transition-duration: 0.5s;
    transition-property: opacity;
    height: 100%;
    display: flex;
    align-items: center; }
    .hero .owl-nav .owl-prev:hover,
    .hero .owl-nav .owl-next:hover {
      transition-timing-function: ease-in;
      transition-duration: 0.5s;
      transition-property: opacity;
      opacity: 1; }
    @media screen and (max-width: 767px) {
      .hero .owl-nav .owl-prev img,
      .hero .owl-nav .owl-next img {
        width: 40px;
        height: 40px; } }
  .hero .owl-nav .owl-prev {
    margin-left: var(--size-gutter);
    float: left; }
  .hero .owl-nav .owl-next {
    margin-right: var(--size-gutter);
    float: right; }

.hero .owl-dots {
  position: absolute;
  bottom: 1rem;
  right: var(--size-gutter);
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .hero .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    background-color: var(--color-white);
    border-radius: 7px;
    display: inline-block;
    margin-left: 7px; }
  .hero .owl-dots .owl-dot.active span {
    background-color: var(--color-accent); }

#hero {
  position: relative; }

#godown-wrapper {
  pointer-events: none;
  position: absolute;
  bottom: 1rem;
  width: 100%;
  z-index: 99;
  text-align: center; }
  #godown-wrapper #godown-button {
    pointer-events: auto;
    margin: 0 auto;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-indent: -9999px;
    background-position: center center;
    background-repeat: no-repeat;
    /*   TODO:
 *   in base al colore di sfondo della slide dovrei impostare una classe sul body
 *   con il colore che deve avere il primo piano della slide e quindi di conseguenza
 *   scegliere se mostrare la freccia bianca o nera
 *
 *   inoltre lo stesso parametro può essere utile anche per cambiare il colore del
 *   contenuto dell'header nel caso in cui sia traspente ma sia stato tolto il
 *   gradiente di sfondo, ad esempio per esigenze estetiche.
 */
    /*     background-image:url(../images/icons/icon__arrow/black/icon__arrow--down.svg); */
    background-image: url(../images/icons/icon__arrow/white/icon__arrow--down.svg); }

/*
 * Eu Cookie Compliance
 */
#sliding-popup {
  display: block;
  margin: 0;
  padding: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
  position: fixed;
  background-color: var(--color-black);
  color: var(--color-black-text); }
  #sliding-popup .popup-content {
    width: 100%;
    max-width: var(--max-width-base);
    padding-left: var(--size-gutter);
    padding-right: var(--size-gutter);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
    #sliding-popup .popup-content .l__column {
      padding-left: 0;
      padding-right: 0; }
    #sliding-popup .popup-content #popup-text h2 {
      font-size: 14px;
      line-height: 21px;
      font-weight: bold;
      margin-bottom: 0rem;
      color: var(--color-black-text);
      font-family: var(--font-family); }
    #sliding-popup .popup-content #popup-text p {
      font-size: 14px;
      line-height: 21px;
      margin-bottom: 0; }
    #sliding-popup .popup-content #popup-text button.find-more-button {
      margin: 0.5rem 0 0 0;
      border: 0;
      background: transparent;
      padding: 0;
      color: white;
      font-size: 14px;
      line-height: 21px;
      font-weight: bold;
      text-decoration: underline;
      font-family: inherit; }
    #sliding-popup .popup-content #popup-buttons {
      line-height: 1em; }
      #sliding-popup .popup-content #popup-buttons button {
        margin: 0 0.5rem;
        font-size: 14px;
        line-height: 21px;
        font-weight: normal;
        background-color: var(--color-primary);
        color: var(--color-primary-text); }
        #sliding-popup .popup-content #popup-buttons button:first-child {
          margin-left: 0; }
        #sliding-popup .popup-content #popup-buttons button:last-child {
          margin-right: 0; }
        #sliding-popup .popup-content #popup-buttons button.decline-button {
          background-color: transparent;
          color: white;
          border: 1px solid #e0e0e0; }

@media screen and (max-width: 767px) {
  #sliding-popup .popup-content {
    display: block; }
    #sliding-popup .popup-content #popup-text {
      margin-bottom: 15px;
      margin-top: 15px; }
    #sliding-popup .popup-content #popup-buttons button {
      margin: 0 15px 10px 0;
      padding: 10px 20px;
      border-radius: 4px; }
    #sliding-popup .popup-content #popup-buttons button:last-child {
      margin: 0; } }

/*
 * Views Latest Comments (ie: used on paragraphs)
 */
.comments-columns .item-list > ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
  display: block;
  *zoom: 1; }
  .comments-columns .item-list > ul:before, .comments-columns .item-list > ul:after {
    content: "";
    display: table;
    line-height: 0; }
  .comments-columns .item-list > ul:after {
    clear: both; }
  .comments-columns .item-list > ul > li .field--name-field-c-photo {
    margin-bottom: 1em; }
  @media screen and (max-width: 767px) {
    .comments-columns .item-list > ul > li {
      width: 100%;
      float: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .comments-columns .item-list > ul > li {
      width: 33%;
      float: left; } }
  @media screen and (min-width: 1024px) {
    .comments-columns .item-list > ul > li {
      width: 33%;
      float: left; } }
  .comments-columns .item-list > ul > li .comment__wrapper {
    display: block;
    border: 0;
    padding-left: calc(var(--size-gutter) / 2);
    padding-right: calc(var(--size-gutter) / 2); }
    .comments-columns .item-list > ul > li .comment__wrapper .comment__meta {
      width: 50%;
      margin: 0 auto; }
    .comments-columns .item-list > ul > li .comment__wrapper .comment__content {
      padding: 0; }

/*
 * View Columns
 */
.view-columns ul.view-columns--1 {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--columns-1), 1fr);
  grid-template-rows: auto;
  grid-gap: var(--size-gutter); }

.view-columns ul.view-columns--2 {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--columns-2), 1fr);
  grid-template-rows: auto;
  grid-gap: var(--size-gutter); }

.view-columns ul.view-columns--3 {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--columns-3), 1fr);
  grid-template-rows: auto;
  grid-gap: var(--size-gutter); }

.view-columns ul.view-columns--4 {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--columns-4), 1fr);
  grid-template-rows: auto;
  grid-gap: var(--size-gutter); }

.view-columns ul.view-columns--5 {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--columns-5), 1fr);
  grid-template-rows: auto;
  grid-gap: var(--size-gutter); }

.view-columns ul.view-columns--6 {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(var(--columns-6), 1fr);
  grid-template-rows: auto;
  grid-gap: var(--size-gutter); }

/*
 * Views Taxonomy Term (blog)
 */
.layout-builder {
  padding: 1.5em 1.5em 0.5em;
  border: 3px solid #2f91da;
  background-color: #fff; }

.layout-builder__add-section {
  width: 100%;
  margin-bottom: 1.5em;
  padding: 1.5em 0;
  text-align: center;
  outline: 2px dashed #979797;
  background-color: #f7f7f7; }

.layout-builder__link--add {
  padding-left: 1.3em;
  /* LTR */
  color: #686868;
  border-bottom: none;
  background: url(../images/core/icons/787878/plus.svg) transparent center left/1em no-repeat;
  /* LTR */ }

[dir="rtl"] .layout-builder__link--add {
  padding-right: 1.3em;
  padding-left: 0;
  background-position-x: right; }

.layout-builder__link--add:hover,
.layout-builder__link--add:active,
.layout-builder__link--add:focus {
  color: #000;
  border-bottom-style: none; }

.layout-builder__section {
  margin-bottom: 1.5em; }

.layout-builder__section .ui-sortable-helper {
  outline: 2px solid #f7f7f7;
  background-color: #fff; }

.layout-builder__section .ui-state-drop {
  margin: 20px;
  padding: 30px;
  outline: 2px dashed #fedb60;
  background-color: #ffd; }

.layout-builder__region {
  outline: 2px dashed #2f91da; }

.layout-builder__add-block {
  padding: 1.5em 0;
  text-align: center;
  background-color: #eff6fc; }

.layout-builder__link--remove {
  position: relative;
  z-index: 2;
  display: inline-block;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  margin-right: 6px;
  /* LTR */
  margin-left: -10px;
  /* LTR */
  padding: 0;
  white-space: nowrap;
  text-indent: -9999px;
  border: 1px solid #ccc;
  border-radius: 26px;
  background: url(../images/core/icons/bebebe/ex.svg) #fff center center/16px 16px no-repeat;
  font-size: 1rem;
  position: relative;
  top: -4px; }

[dir="rtl"] .layout-builder__link--remove {
  margin-right: -10px;
  margin-left: 6px; }

.layout-builder__link--remove:hover {
  background-image: url(../images/core/icons/787878/ex.svg); }

.layout-builder-block {
  padding: 1.5em;
  cursor: move;
  background-color: white; }

.layout--color--white .layout-builder-block {
  background-color: gray; }

.layout-builder-block [tabindex="-1"] {
  pointer-events: none; }

.layout-builder__message .messages {
  background-repeat: no-repeat; }

.layout-builder__message--defaults .messages {
  background-image: url("../../../../misc/icons/73b355/globe.svg"); }

.layout-builder__message--overrides .messages {
  background-image: url("../../../../misc/icons/73b355/location.svg"); }

.layout-builder-block__content-preview-placeholder-label {
  margin: 0;
  text-align: center;
  font-size: 1.429em;
  line-height: 1.4; }

.layout-builder--content-preview-disabled .layout-builder-block {
  margin: 0;
  border-bottom: 2px dashed #979797; }

#drupal-off-canvas .layout-selection li {
  display: block;
  padding-bottom: 1em; }

#drupal-off-canvas .layout-selection li a {
  display: block;
  padding-top: 0.55em; }

#drupal-off-canvas .inline-block-create-button {
  display: block;
  padding: 24px;
  padding-left: 44px;
  color: #eee;
  border-bottom: 1px solid #333;
  background: url(../images/core/icons/bebebe/plus.svg) transparent 16px no-repeat;
  font-size: 16px; }

#drupal-off-canvas .inline-block-create-button,
#drupal-off-canvas .inline-block-list__item {
  margin: 0 -20px;
  background-color: #444; }

#drupal-off-canvas .inline-block-create-button:hover,
#drupal-off-canvas .inline-block-list__item:hover {
  background-color: #333; }

#drupal-off-canvas .inline-block-list {
  margin-bottom: 15px; }

#drupal-off-canvas .inline-block-list__item {
  display: block;
  padding: 15px 0 15px 25px; }

.layout-builder__add-section.is-layout-builder-highlighted {
  margin-bottom: calc(1.5em - 8px);
  outline: none; }

.layout-builder__layout.is-layout-builder-highlighted,
.layout-builder-block.is-layout-builder-highlighted,
.layout-builder__add-block.is-layout-builder-highlighted {
  position: relative;
  z-index: 1;
  margin: -4px -2px; }

.layout-builder__add-block.is-layout-builder-highlighted,
.layout-builder__add-section.is-layout-builder-highlighted,
.layout-builder__layout.is-layout-builder-highlighted:before,
.layout-builder__layout.is-layout-builder-highlighted,
.layout-builder-block.is-layout-builder-highlighted {
  border: 4px solid #000; }

/* Highlight the active block in the Move Block dialog. */
#drupal-off-canvas .layout-builder-components-table__block-label--current {
  padding-left: 17px;
  border-left: solid 5px; }

/**
 * @todo remove in https://www.drupal.org/project/drupal/issues/3042127
 *   This rule ensures the row weight dropdowns in the Move Block dialog
 *   maintain the background color of their container when they are hovered
 *   over or are inside the active row.
 */
#drupal-off-canvas .layout-builder-components-table__row .form-item {
  background-color: transparent; }

.layout-builder__region-label,
.layout-builder__section-label {
  display: none; }

.layout-builder--move-blocks-active .layout-builder__region-label {
  display: block; }

.layout-builder--move-blocks-active .layout-builder__section-label {
  display: inline; }

.layout__region-info {
  padding: 0.5em;
  text-align: center;
  border-bottom: 2px dashed #979797; }

/**
 * Remove "You have unsaved changes" warning because Layout Builder always has
 * unsaved changes until "Save layout" is submitted.
 * @todo create issue for todo.
 */
.layout-builder-components-table .tabledrag-changed-warning {
  display: none !important; }

.layout__region--first,
.layout__region--second {
  overflow: hidden; }

.layout-builder {
  padding: 1.5em 1.5em 0.5em;
  border: 3px solid #2f91da;
  background-color: #fff; }

.layout-builder__add-section {
  width: 100%;
  margin-bottom: 1.5em;
  padding: 1.5em 0;
  text-align: center;
  outline: 2px dashed #979797;
  background-color: #f7f7f7; }

.layout-builder__link--add {
  padding-left: 1.3em;
  /* LTR */
  color: #686868;
  border-bottom: none;
  background: url(../../../../misc/icons/787878/plus.svg) transparent center left/1em no-repeat;
  /* LTR */ }

[dir="rtl"] .layout-builder__link--add {
  padding-right: 1.3em;
  padding-left: 0;
  background-position-x: right; }

.layout-builder__link--add:hover,
.layout-builder__link--add:active,
.layout-builder__link--add:focus {
  color: #000;
  border-bottom-style: none; }

.layout-builder__section {
  margin-bottom: 1.5em; }

.layout-builder__section .ui-sortable-helper {
  outline: 2px solid #f7f7f7;
  background-color: #fff; }

.layout-builder__section .ui-state-drop {
  margin: 20px;
  padding: 30px;
  outline: 2px dashed #fedb60;
  background-color: #ffd; }

.layout-builder__region {
  outline: 2px dashed #2f91da; }

.layout-builder__add-block {
  padding: 1.5em 0;
  text-align: center;
  background-color: #eff6fc; }

.layout-builder__link--remove {
  position: relative;
  z-index: 2;
  display: inline-block;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  margin-right: 6px;
  /* LTR */
  margin-left: -10px;
  /* LTR */
  padding: 0;
  white-space: nowrap;
  text-indent: -9999px;
  border: 1px solid #ccc;
  border-radius: 26px;
  background: url(../../../../misc/icons/bebebe/ex.svg) #fff center center/16px 16px no-repeat;
  font-size: 1rem; }

[dir="rtl"] .layout-builder__link--remove {
  margin-right: -10px;
  margin-left: 6px; }

.layout-builder__link--remove:hover {
  background-image: url(../../../../misc/icons/787878/ex.svg); }

.layout-builder-block {
  padding: 1.5em;
  cursor: move;
  background-color: #fff; }

.layout-builder-block [tabindex="-1"] {
  pointer-events: none; }

.layout-builder__message .messages {
  background-repeat: no-repeat; }

.layout-builder__message--defaults .messages {
  background-image: url("../../../../misc/icons/73b355/globe.svg"); }

.layout-builder__message--overrides .messages {
  background-image: url("../../../../misc/icons/73b355/location.svg"); }

.layout-builder-block__content-preview-placeholder-label {
  margin: 0;
  text-align: center;
  font-size: 1.429em;
  line-height: 1.4; }

.layout-builder--content-preview-disabled .layout-builder-block {
  margin: 0;
  border-bottom: 2px dashed #979797; }

#drupal-off-canvas .layout-selection li {
  display: block;
  padding-bottom: 1em; }

#drupal-off-canvas .layout-selection li a {
  display: block;
  padding-top: 0.55em; }

#drupal-off-canvas .inline-block-create-button {
  display: block;
  padding: 24px;
  padding-left: 44px;
  color: #eee;
  border-bottom: 1px solid #333;
  background: url(../../../../misc/icons/bebebe/plus.svg) transparent 16px no-repeat;
  font-size: 16px; }

#drupal-off-canvas .inline-block-create-button,
#drupal-off-canvas .inline-block-list__item {
  margin: 0 -20px;
  background-color: #444; }

#drupal-off-canvas .inline-block-create-button:hover,
#drupal-off-canvas .inline-block-list__item:hover {
  background-color: #333; }

#drupal-off-canvas .inline-block-list {
  margin-bottom: 15px; }

#drupal-off-canvas .inline-block-list__item {
  display: block;
  padding: 15px 0 15px 25px; }

.layout-builder__add-section.is-layout-builder-highlighted {
  margin-bottom: calc(1.5em - 8px);
  outline: none; }

.layout-builder__layout.is-layout-builder-highlighted,
.layout-builder-block.is-layout-builder-highlighted,
.layout-builder__add-block.is-layout-builder-highlighted {
  position: relative;
  z-index: 1;
  margin: -4px -2px; }

.layout-builder__add-block.is-layout-builder-highlighted,
.layout-builder__add-section.is-layout-builder-highlighted,
.layout-builder__layout.is-layout-builder-highlighted:before,
.layout-builder__layout.is-layout-builder-highlighted,
.layout-builder-block.is-layout-builder-highlighted {
  border: 4px solid #000; }

/* Highlight the active block in the Move Block dialog. */
#drupal-off-canvas .layout-builder-components-table__block-label--current {
  padding-left: 17px;
  border-left: solid 5px; }

/**
 * @todo remove in https://www.drupal.org/project/drupal/issues/3042127
 *   This rule ensures the row weight dropdowns in the Move Block dialog
 *   maintain the background color of their container when they are hovered
 *   over or are inside the active row.
 */
#drupal-off-canvas .layout-builder-components-table__row .form-item {
  background-color: transparent; }

.layout-builder__region-label,
.layout-builder__section-label {
  display: none; }

.layout-builder--move-blocks-active .layout-builder__region-label {
  display: block; }

.layout-builder--move-blocks-active .layout-builder__section-label {
  display: inline; }

.layout__region-info {
  padding: 0.5em;
  text-align: center;
  border-bottom: 2px dashed #979797; }

/**
 * Remove "You have unsaved changes" warning because Layout Builder always has
 * unsaved changes until "Save layout" is submitted.
 * @todo create issue for todo.
 */
.layout-builder-components-table .tabledrag-changed-warning {
  display: none !important; }

#layout-builder,
form.layout-builder-form {
  margin: 0 40px; }

#layout-builder {
  margin-bottom: 40px; }

#edit-preview-toggle {
  margin-top: 20px;
  margin-bottom: 20px; }

#drupal-off-canvas .inline-block-list__item {
  padding: 5px 0 5px 25px; }

#drupal-off-canvas .inline-block-create-button,
#drupal-off-canvas .inline-block-list__item {
  background: none; }

/* TODO: trovare un file migliore per questo codice qui sotto: */
.mfp-bg {
  opacity: 0.9; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/* ---------------------------------------------------------------------------
 * Sostituisce il logo di Epsilon con quello del tema child:
 * --------------------------------------------------------------------------- */
.settings-header-transparent .site-header__branding .site-logo {
  background-image: url(../logo_white.svg); }

.no-hero .site-header__branding .site-logo,
.settings-header-transparent.scroll--main .site-header__branding .site-logo,
.settings-header-opaque .site-header__branding .site-logo {
  background-image: url(../logo.svg); }

/* ---------------------------------------------------------------------------
 * Featured section
 * --------------------------------------------------------------------------- */
#featured {
  text-align: center;
  background: none; }

/* ---------------------------------------------------------------------------
 * Sezione "Product category"
 * --------------------------------------------------------------------------- */
.page-node-type-product-category .block-page-title {
  padding-bottom: 0; }
  .page-node-type-product-category .block-page-title h1, .page-node-type-product-category .block-page-title .hero-title {
    margin-bottom: 0.5em; }

/* ---------------------------------------------------------------------------
 * Sezione "Product details"
 * --------------------------------------------------------------------------- */
.section-product-details .layout__region--first {
  background-color: var(--color-muted-light);
  padding: var(--size-space-base);
  margin-bottom: var(--size-space-base); }
  @media all and (min-width: 768px) {
    .section-product-details .layout__region--first {
      margin-right: calc(var(--size-space-base) / 2);
      margin-bottom: 0; } }

.section-product-details .layout__region--second {
  border: 5px solid var(--color-muted-light);
  padding: calc(var(--size-space-base) - 5px);
  margin-bottom: var(--size-space-base);
  display: flex;
  flex-direction: column; }
  @media all and (min-width: 768px) {
    .section-product-details .layout__region--second {
      margin-left: calc(var(--size-space-base) / 2);
      margin-bottom: 0; } }
  .section-product-details .layout__region--second .block-layout-builder:first-child {
    margin-bottom: auto; }

/* ---------------------------------------------------------------------------
 * Campo "Product features" (termine di tassonomia mostrato nei prodotti)
 * --------------------------------------------------------------------------- */
.field--name-field-product-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--size-gutter); }
  @media all and (min-width: 768px) {
    .field--name-field-product-features {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }
  .field--name-field-product-features .field--name-field-term-image img {
    display: block;
    border-radius: 100%;
    border: 5px solid var(--color-gray-light); }
  .field--name-field-product-features .product-feature--title {
    color: var(--color-muted);
    line-height: 1.25em;
    margin-top: 0.5em;
    text-align: center; }

/* ---------------------------------------------------------------------------
 * Campo "Extra info", ovvero il campo di testo aggiuntivo da mostrare di
 * fianco ai dettagli prodotto
 * --------------------------------------------------------------------------- */
.field--name-field-product-extra-info ul {
  list-style: none outside none;
  margin: 0;
  padding: 0; }
  .field--name-field-product-extra-info ul li {
    margin: 0;
    padding: 0;
    font-weight: bold; }

/* ---------------------------------------------------------------------------
 * Price fields
 * --------------------------------------------------------------------------- */
.field--name-field-product-price {
  color: var(--color-green); }
  .field--name-field-product-price.price-discounted {
    text-decoration: line-through; }

.field--name-field-product-price-discounted {
  color: var(--color-red); }

.field--name-field-product-price,
.field--name-field-product-price-discounted {
  font-weight: bold; }
  .field--name-field-product-price .field__item:after,
  .field--name-field-product-price-discounted .field__item:after {
    content: "(IVA inclusa)";
    margin-left: 5px;
    font-size: 15px;
    color: var(--color-gray);
    font-weight: normal; }

.field--name-field-product-price,
.field--name-field-product-price-discounted {
  font-size: 1.25em;
  margin-top: 0.5em; }

.product-teaser .product-teaser--prices .field--name-field-product-price.price-hidden {
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 5px; }
  .product-teaser .product-teaser--prices .field--name-field-product-price.price-hidden .field__item {
    background: var(--color-green);
    color: white;
    padding-left: 4px;
    padding-right: 4px; }
    .product-teaser .product-teaser--prices .field--name-field-product-price.price-hidden .field__item a {
      color: white; }
    .product-teaser .product-teaser--prices .field--name-field-product-price.price-hidden .field__item:after {
      content: "";
      display: none; }

/* ---------------------------------------------------------------------------
 * Campo (paragraphs): Extra product contents
 * --------------------------------------------------------------------------- */
.field--name-field-peb-title {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-headings);
  color: var(--color-heading);
  word-wrap: break-word;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-heading);
  margin-top: 0;
  margin-bottom: 0.5em; }

.field--name-field-peb-body {
  margin-bottom: var(--size-space-base); }

/* ---------------------------------------------------------------------------
 * Layout Builder Base custom section "Modifiers"
 * --------------------------------------------------------------------------- */
.section-product-details .block-layout-builder {
  line-height: 1.5em; }

.section-form {
  background-color: var(--color-muted-dark);
  color: var(--color-muted-text);
  max-width: 100%; }
  .section-form h1, .section-form .hero-title, .section-form h2, .section-form h3, .section-form h4, .section-form h5, .section-form h6,
  .section-form label,
  .section-form a {
    color: var(--color-muted-text); }
  .section-form input.button {
    display: inline-block;
    line-height: 26px;
    padding: 0.5rem 1.5rem;
    outline: none;
    border-width: var(--button-border-width);
    border-style: solid;
    border-radius: var(--button-radius);
    border-color: var(--color-primary);
    color: var(--color-primary-text);
    background: var(--color-primary);
    cursor: pointer;
    transition-timing-function: ease-out;
    transition-duration: 0.5s;
    transition-property: opacity, color, background-color, height, border-color;
    font-weight: bold; }
    .section-form input.button:hover {
      border-color: var(--color-primary-text);
      color: var(--color-primary);
      background: var(--color-primary-text); }
  .section-form .layout-content {
    align-items: center; }

.section-highlight {
  background-color: var(--color-green-light);
  margin-bottom: var(--size-space-base); }
  .section-highlight .layout__region {
    height: 100%; }

/* ---------------------------------------------------------------------------
 * Gallery foto su pagina prodotto
 * --------------------------------------------------------------------------- */
.field--name-field-product-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; }

/* ---------------------------------------------------------------------------
 * Misc classes
 * --------------------------------------------------------------------------- */
.bottom-margin-default {
  margin-bottom: var(--size-space-base); }

.layout--base--onecol h2.block-title {
  text-align: center; }

/* ---------------------------------------------------------------------------
 * Product teaser
 * --------------------------------------------------------------------------- */
.product-teaser {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: calc(var(--size-gutter) / 2);
  margin-bottom: var(--size-space-big); }
  @media all and (min-width: 768px) {
    .product-teaser {
      grid-template-columns: 4fr 6fr;
      grid-template-rows: auto;
      gap: 0 var(--size-gutter); } }
  .product-teaser--image--content {
    position: relative; }
    .product-teaser--image--content .product-ribbon {
      position: absolute;
      top: 0;
      left: 0;
      width: 120px;
      height: 120px;
      z-index: 10;
      background-position: top left;
      background-repeat: no-repeat; }
      .product-teaser--image--content .product-ribbon.ribbon-offerta-consegna-gratis {
        background-image: url(../images/ribbon-offerta-consegna-gratis.png); }
      .product-teaser--image--content .product-ribbon.ribbon-consegna-gratis {
        background-image: url(../images/ribbon-consegna-gratis.png); }
      .product-teaser--image--content .product-ribbon.ribbon-offerta {
        background-image: url(../images/ribbon-offerta.png); }
    .product-teaser--image--content .field--name-field-featured-image img {
      width: 100%;
      height: auto; }
    .product-teaser--image--content .field--name-field-product-icon {
      position: absolute;
      bottom: 10px;
      left: 10px;
      width: 64px;
      height: 64px;
      overflow: hidden; }
      .product-teaser--image--content .field--name-field-product-icon img {
        width: 64px;
        height: 64px; }
  .product-teaser--content h2 {
    margin-bottom: 0;
    font-size: var(--font-size-h4);
    font-weight: bold; }
  .product-teaser--details {
    margin-top: var(--size-gutter);
    margin-bottom: var(--size-gutter);
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: var(--size-gutter); }
    @media all and (min-width: 768px) {
      .product-teaser--details {
        grid-template-columns: 1fr 1fr; } }
    .product-teaser--details--first {
      line-height: var(--line-height-base); }
  .product-teaser--prices {
    align-self: end; }
    .product-teaser--prices .field--name-field-product-price,
    .product-teaser--prices .field--name-field-product-price-discounted {
      margin-top: 0; }

/* ---------------------------------------------------------------------------
 * Personalizzazioni varie
 * --------------------------------------------------------------------------- */
.ci-ha-scelto {
  padding-top: var(--size-space-small);
  padding-bottom: var(--size-space-small);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: var(--size-gutter); }
  @media screen and (min-width: 1280px) {
    .ci-ha-scelto {
      max-width: calc((var(--max-width-base) / 2 ) - var(--size-gutter));
      width: 100%;
      float: right;
      padding-right: 0; } }

/* ---------------------------------------------------------------------------
 * Reviews custom in home page (fb / trustpilot)
 * --------------------------------------------------------------------------- */
.field--name-field-block-introduction {
  width: 240px;
  margin: 2em auto; }

/* ---------------------------------------------------------------------------
 * Commenti con carosello
 * --------------------------------------------------------------------------- */
.reviews .comments-list {
  display: block; }

.reviews .comments-section-title {
  text-align: center; }

/* ---------------------------------------------------------------------------
 * Ajax popup
 * --------------------------------------------------------------------------- */
.ui-dialog {
  border: 0;
  border-radius: 0;
  padding: var(--size-space-base); }
  .ui-dialog .ui-dialog-titlebar {
    border: 0;
    padding: 0;
    background-color: transparent;
    margin-bottom: var(--size-space-base); }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      margin: 0;
      padding: 0; }
  .ui-dialog .ui-dialog-content {
    padding: 0;
    margin: 0 0 var(--size-space-base) 0; }
  .ui-dialog .ui-dialog-buttonpane {
    border: 0;
    padding: 0;
    margin: 0; }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      margin-top: 0; }
      .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
        margin: 0; }
  .ui-dialog form {
    margin: 0; }
    .ui-dialog form .form-actions {
      margin: 5px; }
    .ui-dialog form .webform-elements div:last-child {
      margin: 0; }

.ui-widget-overlay {
  background-color: #000;
  opacity: 0.7; }

/* ---------------------------------------------------------------------------
 * Sub menu nelle pagine di categoria ed altre pagine filtrate tipo offerte ecc
 * --------------------------------------------------------------------------- */
#submenu {
  opacity: 0;
  float: left;
  width: 0;
  pointer-events: none;
  position: fixed;
  top: var(--size-header-height-fixed);
  z-index: 99;
  width: 100%;
  background: white;
  border-top: 1px solid var(--border-color); }
  #submenu:after {
    position: absolute;
    right: 0;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid var(--border-color); }
  #submenu .block-menu ul.menu {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center; }
    #submenu .block-menu ul.menu li.menu-item {
      padding: 0;
      display: block;
      border-right: 1px solid var(--border-color); }
      #submenu .block-menu ul.menu li.menu-item:last-child {
        border-right: 0; }
      #submenu .block-menu ul.menu li.menu-item a {
        transition-property: background-color;
        transition-duration: 0.5s;
        padding: 10px;
        display: block;
        background-color: white; }
        #submenu .block-menu ul.menu li.menu-item a:hover {
          transition-property: background-color;
          transition-duration: 0.5s;
          background-color: var(--color-primary);
          color: var(--color-primary-text); }
        #submenu .block-menu ul.menu li.menu-item a.menu-offers {
          background-color: #98372c;
          color: white; }
          #submenu .block-menu ul.menu li.menu-item a.menu-offers:hover {
            background-color: #7e2e25; }

.scroll--main #submenu {
  opacity: 1;
  pointer-events: initial; }

.scroll--main.scroll--fixed.toolbar-horizontal.toolbar-tray-open #submenu {
  top: calc( var(--drupal-toolbar-bar-height) + var(--drupal-toolbar-tray-height) + var(--size-header-height-fixed)); }

/* ---------------------------------------------------------------------------
 * Pulsanti / CTA fissi in fondo al viewport
 * --------------------------------------------------------------------------- */
.site-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  pointer-events: none; }
  .site-buttons--first {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-right: 5px; }
  .site-buttons--last {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 5px; }
  .site-buttons .site-button {
    border-radius: var(--button-radius);
    background-color: var(--color-site-button-bg);
    color: var(--color-site-button-fg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: calc(var(--site-button-padding) / 1.5);
    text-align: center;
    height: var(--site-button-size);
    -webkit-filter: drop-shadow(2px 2px 1px #888);
            filter: drop-shadow(2px 2px 1px #888);
    font-size: 16px;
    font-weight: bold;
    pointer-events: auto; }
    .site-buttons .site-button a {
      color: var(--color-site-button-fg);
      display: flex;
      align-items: center;
      padding: var(--site-button-padding);
      height: 100%;
      width: 100%; }
    .site-buttons .site-button--mail {
      border-radius: 100%;
      width: var(--site-button-size);
      flex-shrink: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='139' width='139' fill='%23fff'%3E%3Cpath d='M69.5 64.534l46.415-28.94a9.82 9.82 0 0 0-1.542-.132H24.627c-.525 0-1.038.054-1.54.132L69.5 64.534zm2.92 11.19c-.062.04-.13.066-.194.104l-.206.107c-.365.188-.74.34-1.125.44l-.116.025c-.423.1-.848.16-1.274.16a5.53 5.53 0 0 1-1.282-.16l-.118-.025a5.64 5.64 0 0 1-1.124-.439l-.207-.107-.196-.104-51.574-32.16a9.88 9.88 0 0 0-.153 1.671v51.6c0 5.398 4.375 9.774 9.774 9.774h89.746c5.398 0 9.774-4.376 9.774-9.774v-51.6c0-.572-.06-1.127-.154-1.67l-51.57 32.16z'/%3E%3C/svg%3E");
      background-size: calc( var(--site-button-size) - (2 * var(--site-button-padding)));
      background-position: center center;
      background-repeat: no-repeat; }
      .site-buttons .site-button--mail span {
        display: none; }
    .site-buttons .site-button--banner {
      background-color: var(--color-site-button-banner-bg);
      color: var(--color-site-button-banner-fg);
      padding: var(--site-button-padding);
      margin-right: calc(var(--site-button-padding) * 1.5);
      position: relative; }
      .site-buttons .site-button--banner:after {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 10.4px;
        border-color: transparent transparent transparent var(--color-site-button-banner-bg);
        position: absolute;
        right: -10px; }
    .site-buttons .site-button--phone-call {
      border-radius: 100%;
      width: var(--site-button-size);
      flex-shrink: 0;
      display: var(--visibility-mobile);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='139' width='139'%3E%3Cpath d='M67.317 81.952c-9.284-7.634-15.483-17.054-18.742-22.414l-2.43-4.583c.85-.912 7.332-7.853 10.14-11.62 3.53-4.73-1.588-9-1.588-9l-17.683-17.26c-3.282-2.86-7.06-1.272-7.06-1.272-6.898 4.457-14.05 8.332-14.478 26.968-.016 17.448 13.23 35.444 27.552 49.376 14.346 15.734 34.043 31.504 53.086 31.486 18.634-.425 22.508-7.575 26.965-14.473 0 0 1.6-3.775-1.268-7.06s-17.265-17.688-17.265-17.688-4.268-5.12-8.998-1.586c-3.525 2.635-9.855 8.496-11.38 9.917.003.005-10.586-5.64-16.85-10.792z' fill='%23fff'/%3E%3C/svg%3E");
      background-size: calc( var(--site-button-size) - (2 * var(--site-button-padding)));
      background-position: center center;
      background-repeat: no-repeat; }
      .site-buttons .site-button--phone-call span {
        display: none; }
    .site-buttons .site-button--phone-number {
      border-radius: 100%;
      width: var(--site-button-size);
      flex-shrink: 0;
      display: var(--visibility-medium-up);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='139' width='139'%3E%3Cpath d='M67.317 81.952c-9.284-7.634-15.483-17.054-18.742-22.414l-2.43-4.583c.85-.912 7.332-7.853 10.14-11.62 3.53-4.73-1.588-9-1.588-9l-17.683-17.26c-3.282-2.86-7.06-1.272-7.06-1.272-6.898 4.457-14.05 8.332-14.478 26.968-.016 17.448 13.23 35.444 27.552 49.376 14.346 15.734 34.043 31.504 53.086 31.486 18.634-.425 22.508-7.575 26.965-14.473 0 0 1.6-3.775-1.268-7.06s-17.265-17.688-17.265-17.688-4.268-5.12-8.998-1.586c-3.525 2.635-9.855 8.496-11.38 9.917.003.005-10.586-5.64-16.85-10.792z' fill='%23fff'/%3E%3C/svg%3E");
      background-size: calc( var(--site-button-size) - (2 * var(--site-button-padding)));
      background-position: center center;
      background-repeat: no-repeat; }
      .site-buttons .site-button--phone-number span {
        display: none; }

.site-socket {
  padding-top: var(--size-space-big);
  padding-bottom: var(--size-space-big); }

/* ---------------------------------------------------------------------------
 * Media embedded
 * --------------------------------------------------------------------------- */
.align-center {
  position: relative;
  text-align: center; }

.view-mode--embed-full {
  width: 100%; }

.view-mode--embed-medium {
  width: 80%; }

.view-mode--embed-half {
  width: 50%; }

.field--name-field-media-oembed-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .field--name-field-media-oembed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* ---------------------------------------------------------------------------
 * CKEditor custom grid
 * --------------------------------------------------------------------------- */
.grid-2-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: var(--size-gutter);
  margin-bottom: var(--size-space-base); }

.grid-3-columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: var(--size-gutter);
  margin-bottom: var(--size-space-base); }

/* ---------------------------------------------------------------------------
 * Cookie bar
 * --------------------------------------------------------------------------- */
#sliding-popup {
  background-color: var(--color-primary) !important;
  color: var(--color-primary-text) !important; }
  #sliding-popup .eu-cookie-withdraw-tab {
    display: none; }
  #sliding-popup .popup-content #popup-text {
    width: 70%; }
    #sliding-popup .popup-content #popup-text h2 {
      font-size: 14px;
      line-height: 21px;
      color: var(--color-black-text);
      font-family: var(--font-family); }
    #sliding-popup .popup-content #popup-text p {
      font-size: 13px;
      line-height: 18px;
      margin-bottom: 0; }
    #sliding-popup .popup-content #popup-text button.find-more-button {
      font-size: 13px;
      line-height: 18px; }
  #sliding-popup .popup-content #popup-buttons {
    width: 30%;
    text-align: right;
    line-height: 1em; }
    #sliding-popup .popup-content #popup-buttons button {
      font-size: 13px;
      line-height: 18px;
      background-color: white;
      color: var(--color-primary); }

@media all and (max-width: 768px) {
  #sliding-popup .popup-content #popup-text {
    width: 100%; }
  #sliding-popup .popup-content #popup-buttons {
    width: 100%; } }

/* ---------------------------------------------------------------------------
 * Blog
 * --------------------------------------------------------------------------- */
.blog-archive ul.blog-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-gap: var(--size-gutter); }
  @media all and (min-width: 768px) {
    .blog-archive ul.blog-list {
      grid-template-columns: 1fr 1fr; } }
  .blog-archive ul.blog-list li.blog-post {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: var(--size-gutter); }
    .blog-archive ul.blog-list li.blog-post .views-field-field-featured-image img {
      width: 100%; }
    .blog-archive ul.blog-list li.blog-post .views-field-date {
      width: 60px;
      height: 60px;
      position: relative;
      top: -30px;
      background: var(--color-primary);
      color: var(--color-primary-text);
      text-align: center;
      left: 10px;
      font-weight: bold;
      line-height: 1em;
      text-transform: uppercase; }
      .blog-archive ul.blog-list li.blog-post .views-field-date .blog-date-day {
        font-size: 30px;
        height: 30px;
        line-height: 30px; }
      .blog-archive ul.blog-list li.blog-post .views-field-date .blog-date-month {
        font-size: 13px;
        height: 15px;
        line-height: 15px; }
      .blog-archive ul.blog-list li.blog-post .views-field-date .blog-date-year {
        font-size: 13px;
        height: 15px;
        line-height: 15px; }
    .blog-archive ul.blog-list li.blog-post .views-field-title h2 {
      font-size: 1.25em;
      font-weight: bold; }
    .blog-archive ul.blog-list li.blog-post .views-field-view-node a {
      padding: 6px 10px;
      background: var(--color-primary);
      color: var(--color-primary-text);
      line-height: 1em;
      display: inline-block;
      font-size: 12px; }
      .blog-archive ul.blog-list li.blog-post .views-field-view-node a:hover {
        background-color: var(--color-secondary); }

.field--name-field-featured-image img,
.field--name-field-featured-image picture {
  width: 100%; }

/* ---------------------------------------------------------------------------
 * Menu prodotti: ultima voce in rosso
 * --------------------------------------------------------------------------- */
.site-header__menu .menu--main ul.menu li li a,
.site-offcanvas__content .menu--main ul.menu li li a {
  padding: .25rem .5rem;
  border: 0; }
  .site-header__menu .menu--main ul.menu li li a:hover,
  .site-offcanvas__content .menu--main ul.menu li li a:hover {
    border: 0; }

.site-header__menu .menu--main ul.menu li li:last-child a,
.site-offcanvas__content .menu--main ul.menu li li:last-child a {
  background-color: #7e2e25;
  color: white;
  border: 0; }
  .site-header__menu .menu--main ul.menu li li:last-child a:hover,
  .site-offcanvas__content .menu--main ul.menu li li:last-child a:hover {
    background-color: #5f170f;
    border: 0; }

/* ---------------------------------------------------------------------------
 * Campo introduction grande come il resto del testo
 * --------------------------------------------------------------------------- */
.field--name-field-introduction {
  font-size: var(--font-size-base);
  margin-bottom: 0em;
  color: var(--color-text); }

/* ---------------------------------------------------------------------------
 * Stile per aumentare la dimensione dei font in alcuni blocchi particolari come
 * ad esempio "Cosa può fare per te Casette Italia" e "Ci ha scelto" e
 * "Desideri una casetta su misura?".
 * --------------------------------------------------------------------------- */
.font-big {
  font-size: 1.2em; }

/* ---------------------------------------------------------------------------
 * Customize hero owl carousel
 * --------------------------------------------------------------------------- */
.hero .owl-dots .owl-dot span {
  background-color: white;
  border: 0; }

.hero .owl-dots .owl-dot.active span {
  background-color: var(--color-primary);
  border: 0; }

/* ---------------------------------------------------------------------------
 * Offcanvas menu fix
 * --------------------------------------------------------------------------- */
.site-offcanvas__header {
  font-size: 400; }
  .site-offcanvas__header .site-logo {
    background-size: 52px;
    text-indent: -999px;
    display: block;
    width: 52px;
    height: 34px;
    overflow: hidden;
    background-image: url(../logo.svg); }

/* ---------------------------------------------------------------------------
 * Form popup
 * --------------------------------------------------------------------------- */
div.ui-dialog {
  width: 90%;
  max-width: 960px; }
  div.ui-dialog .js-form-type-processed-text p {
    font-size: 14px;
    line-height: 1.3em; }
  div.ui-dialog .form-item-file-upload .webform-element-description {
    display: none; }
  div.ui-dialog .form-actions {
    width: 100%; }
    div.ui-dialog .form-actions button {
      width: 100%;
      color: white;
      background-color: var(--color-primary); }
  div.ui-dialog .layout-content {
    padding: 0 !important; }