/*!************************************************************************************************************************************************************************************************************************!*\
  !*** 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/magazine/03-article/advertorial/advertorial.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Digital / Templates / Magazine / Article / Advertorial
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* 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-page__main--FontSize: clamp(1.125rem, 1.53vw, 1.375rem); /** just like in manuals */
  /**
   * Header
   */
  --cn-c-page__header--md--PaddingBlockEnd: 1.77em;
  /**
   * Descriptor
   */
  --cn-c-page__descriptor--FontSize: 0.81em;
  /**
   * Brand link
   */
  --cn-c-page__brand--GridColumn: var(--cn-c-page__main--GridColumn);
  --cn-c-page__brand--MarginBlockStart: 2.23em;
  /** Medium: 768px */
}
@media all and (min-width: 48rem) {
  body {
    --cn-c-page__brand--GridColumn: 6 / span 7;
  }
}

/**
 * Header
 */
main > .cn-c-article_header {
  --cn-c-digital_header--md--PaddingBlockEnd: var(--cn-c-page__header--md--PaddingBlockEnd);
  --cn-c-digital_header__heading--FontFamily: var(--cn-c-page__header--headingFontFamily);
}

/**
 * Paragraph
 */
main p {
  margin-block-start: 1em;
}

/**
 * Descriptor
 */
main > .cn-c-article_descriptor {
  font-size: var(--cn-c-page__descriptor--FontSize);
}

main > .cn-c-article_descriptor + * {
  margin-block-start: 0;
}

/**
 * Brand link
 */
main > .cn-c-brand_link {
  grid-column: var(--cn-c-page__brand--GridColumn);
  justify-self: start;
  margin-block-start: var(--cn-c-page__brand--MarginBlockStart);
}

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