/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-ecommerce/04-templates/contacts/contacts.scss ***!
  \************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Templates / Contacts
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Templates / Contacts
 *************************************************************************** */
/* 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;
}

html, body {
  overflow-x: hidden;
}

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

main {
  display: grid;
  grid-template-columns: var(--cn-c-page--Grid-Template);
  grid-gap: 0 var(--cn-c-page--Grid-Gap);
  max-width: var(--cn-c-contacts--content--MaxWidth);
  margin-inline: auto;
  padding-inline: var(--cn-global--content-grid--offsetsize);
  margin-block-end: 2.5rem;
}
main .heading {
  grid-column: 1/-1;
  margin-block-end: 1.5625rem;
  padding-block-start: 3.25rem;
}
main .heading h1 {
  margin-block-end: unset;
}
@media screen and (min-width: 64rem) {
  main .heading {
    padding-block-start: 5.5rem;
    margin-block-end: 2.875rem;
  }
}
@media screen and (min-width: 64rem) {
  main {
    margin-block-end: 9.6875rem;
  }
}

/*
.cn-c-members {
  grid-column: 1 / -1;
  align-items: center;
  position: relative;

  h2 {
    grid-column: span 3;

    @media screen and (min-width: map.get($grid-breakpoints, md)) {
      margin-block-start: pxToRem(165px);
    }
  }

  .cn-c-member_slider {
    grid-column: span 9;

    // > div {
    //   max-width: pxToRem(337px);
    //   display: flex;
    //   flex-direction: column;
    //   gap: pxToRem(22px);
    // }
  }
}
*/

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