/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/03-digital/04-templates/homepage/homepage.scss ***!
  \**********************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Digital / Templates / Homepage
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Digital / Templates / Homepage
 *************************************************************************** */
/* This is useful to use variables in JS files */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

body {
  --cn-c-home--content--MaxWidth: 90rem;
  --cn-c-home--BackgroundColor: var(--cn-c-page--Color);
  --cn-c-home--Color: var(--cn-c-page--BackgroundColor);
}

main {
  padding-block-end: unset;
  padding-inline: var(--cn-global--content-grid--offsetsize);
  /* start RESET base.scss */
  /* end RESET base.scss */
}
main > .cn-u-subgrid_alternative {
  grid-column: 1/-1;
  grid-template-columns: inherit;
}
main ul {
  grid-column-gap: unset;
}
main ul > li::before {
  content: unset;
}
main li {
  display: block;
}
main > * {
  grid-column: unset;
}
@media screen and (min-width: 90rem) {
  main {
    padding-inline: unset;
  }
}

/* start Main NAV visibility on image */
.cn-c-header > .main_nav-container {
  background-color: transparent;
  position: relative;
  z-index: 8;
}
.cn-c-header > .main_nav-container .cn-c-digital_magazines .cn-c-menu_item > .cn-c-button::after {
  color: var(--cn-c-page--BackgroundColor);
}

.cn-c-header.fixed-top .main_nav-container {
  background-color: var(--cn-c-page--BackgroundColor);
}
.cn-c-header.fixed-top .cn-c-digital_magazines .cn-c-menu_item > .cn-c-button::after {
  color: var(--cn-c-digital_magazines__context--Color);
}
.cn-c-header.fixed-top .cn-c-main_nav {
  --cn-c-main_nav--BackgroundColor: var(--cn-c-page--BackgroundColor);
  --cn-c-main_nav--Color: var(--cn-c-page--Color);
}
.cn-c-header.fixed-top .cn-c-main_nav .cn-c-label {
  color: var(--cn-c-page--Color);
}
.cn-c-header.fixed-top .cn-c-main_nav .cn-c-label.context-label {
  color: var(--cn-c-main_nav__context--Color);
}

.cn-c-main_nav.heading-with-image {
  --cn-c-main_nav--BackgroundColor: transparent;
  --cn-c-main_nav--Color: var(--cn-c-page--BackgroundColor);
}
.cn-c-main_nav.heading-with-image .cn-c-label {
  color: var(--cn-c-page--BackgroundColor);
}

/* end Main NAV visibility on image */
@media all and (min-width: 80rem) {
  .E_COMMERCE .cn-c-homepage_slider {
    margin-block-start: calc(-1 * var(--cn-c-template_shared--main_nav--Height));
  }
}
@media all and (min-width: 90rem) {
  .cn-c-homepage_slider {
    margin-block-start: calc(-1 * var(--cn-c-template_shared--main_nav--Height));
  }
}

.splide {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: var(--cn-c-page--Grid-Template);
  grid-gap: 0 var(--cn-c-page--Grid-Gap);
  width: 100%;
}
.splide .splide__track {
  margin-inline: calc(-1 * var(--cn-global--content-grid--offsetsize));
}
@media all and (min-width: 90rem) {
  .splide .splide__track {
    margin-inline: unset;
  }
}
.splide .main-content {
  padding-inline: var(--cn-global--content-grid--offsetsize);
}
@media all and (min-width: 90rem) {
  .splide .main-content {
    max-width: var(--cn-c-home--content--MaxWidth, var(--cn-c-template_shared--content--MaxWidth));
  }
}
.splide .thumbnails {
  margin-inline: var(--cn-global--content-grid--offsetsize);
}
@media all and (min-width: 90rem) {
  .splide .thumbnails {
    max-width: var(--cn-c-home--content--MaxWidth, var(--cn-c-template_shared--content--MaxWidth));
  }
}
.splide .splide__arrows {
  max-width: var(--cn-c-home--content--MaxWidth, var(--cn-c-template_shared--content--MaxWidth));
  margin-inline: auto;
}
.splide .splide__arrows > div {
  position: relative;
}
@media all and (min-width: 90rem) {
  .splide .splide__arrows > div {
    margin-inline: var(--cn-global--content-grid--offsetsize);
  }
}

/*# sourceMappingURL=homepage.css.map*/