/* ==========================================================
   Home — Hero / Creative Slider
========================================================== */

/* ==========================================================
   Warehouse Home Layout Reset
========================================================== */

/*
 * La Home Simphonie sort du conteneur visuel hérité de
 * Warehouse. Chaque composant gère ensuite sa propre largeur.
 */

body#index #wrapper,
body#index #content-wrapper,
body#index #content,
body#index .page-content {
  width: 100%;
  max-width: none;

  margin: 0;
  padding: 0;

  border: 0;

  background: transparent;
  box-shadow: none;
}

/*
 * Certains layouts Warehouse utilisent content-wrapper
 * comme colonne Bootstrap. On lui rend toute la largeur.
 */

body#index #content-wrapper {
  flex: 0 0 100%;
}

/*
 * Le conteneur principal ne doit pas limiter le Hero.
 * Cette règle reste volontairement ciblée sur le conteneur
 * directement placé sous #wrapper.
 */

body#index #wrapper > .container,
body#index #wrapper > .container-fluid {
  width: 100%;
  max-width: none;

  margin: 0;
  padding-right: 0;
  padding-left: 0;
}

/*
 * Suppression des marges négatives éventuelles des grilles
 * Bootstrap héritées de Warehouse.
 */

body#index #wrapper > .container > .row,
body#index #wrapper > .container-fluid > .row {
  margin-right: 0;
  margin-left: 0;
}

/* ==========================================================
   Home Root
========================================================== */

.sc-home {
  position: relative;
  width: 100%;
  max-width: none;

  margin: 0;
  padding: 0;

  /*
   * On masque uniquement les débordements horizontaux.
   * Le contenu vertical ne doit pas être coupé.
   */
  overflow-x: hidden;
}

/* ==========================================================
   Hero Root
========================================================== */

body#index .sc-home > .sc-home-hero {
  position: relative;

  width: 100%;
  max-width: none;

  min-width: 0;
  min-height: 0;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: var(--sc-color-cream, var(--sc-color-background));
}

/* Slider dimensions, animation and responsive visibility are owned by Creative Slider. */