/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
 * BASE STYLE .............................
 * LAYOUT PARAGRAPH EDITING ...............
 * BG STYLES ..............................
 * MEDIA QUERIES ..........................
*/

/* ------------------------------------ *\
  ==BASE STYLE
\* ------------------------------------ */
.section-border > .layout > .layout__region {
  border: 1px solid var(--bs-blue);
  margin: 0 -1px -1px 0;
}

.section-border.section-margin {
  margin-bottom: 2rem;
}

.layout__region .paragraph.paragraph--type--section {
  margin: 0;
}

.section-grid {
  margin: 0 3rem;
}

.section--no-gut > .layout > .layout__region {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.section--gut > .layout > .layout__region > .paragraph:not(:last-of-type) {
  margin-bottom: 2rem;
}

.section--no-gut > .layout > .layout__region .paragraph {
  margin-bottom: 0;
}

.layout.row {
  max-width: 100%;
  margin: 0;
}

.field--name-field-profilee-components > .field__item {
  margin: 2.5rem 0;
}

/* ------------------------------------ *\
  ==SECTION SLIDER
\* ------------------------------------ */
@media screen and (max-width: 991px) {
  .paragraph.slider-section {
    margin-bottom: 3rem;
  }

  .slider-section .slick-track {
    display: flex;
    flex-direction: row;
  }

  .slider-section .slick-list {
    padding: 0;
    overflow: unset;
  }

  .slider-section .slick-dots li button .slick-dot-icon::before {
    position: relative;
    content: '-';
    font-size: 3rem;
  }

  .slider-section .slick-track .layout__region {
    flex: 1 1 auto;
    padding: 0 1rem;
  }

  .slider-section .slick-dots {
    text-align: left;
    width: fit-content;
  }

  .slider-section .slick-dots li button .slick-dot-icon::before,
  .slider-section .slick-dots li.slick-active button .slick-dot-icon::before {
    color: var(--bs-gray-700);
  }

  .slider-section .slick-dots li.slick-active button .slick-dot-icon::before {
    font-size: 3rem;
    color: var(--bs-gray-700);
    transform: scale(1.5);
  }

  .slider-section .slick-dots li.slick-active button {
    transform: scaleX(1.8);
  }

  .slider-section .slick-arrow.prev-arrow {
    right: 3.5rem;
    z-index: 1;
  }

  .slider-section .slick-arrow {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 1.5rem;
    width: fit-content;
  }
}

/* ------------------------------------ *\
  ==HAUTEUR DES ELEMENTS
\* ------------------------------------ */

.section-flex-auto > .layout > .layout__region > .paragraph,
.section-flex-auto > .layout > .layout__region > .paragraph--type--card {
  flex: auto;
}

.section-flex-0 > .layout > .layout__region > .paragraph,
.section-flex-0 > .layout > .layout__region > .paragraph--type--card {
  flex: 0;
}

.section-flex-auto > .layout > .layout__region {
  display: flex;
  flex-direction: column;
}

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

/* ------------------------------------ *\
  ==LAYOUT PARAGRAPH EDITING
\* ------------------------------------ */
.lpb-enable {
  z-index: 2;
}

form.layout-paragraphs-builder-form {
  margin-left: 0;
  margin-right: 0;
}

.lpb-form__actions {
  z-index: 999999;
  position: fixed;
  bottom: -2rem;
  right: 0;
  width: 100%;
  background: var(--bs-gray);
  justify-content: center;
  text-align: center;
  margin-top: 0;
  padding: 20px;
}

.ui-dialog .lpb-component-list__item img {
  margin-right: 0;
  max-width: 100px;
}

.frontend-editing__action {
  z-index: 50;
}

.field__item
  > .paragraph--type--section.section-full
  .paragraph--type--section:not(.section-full),
.field__item > .paragraph--type--section {
  padding: 0 2rem;
}

.field__item > .paragraph--type--section.section-full {
  padding: 0;
}

.paragraph.section--gut.paragraph--type--section
  > .layout.layout--2313
  > .layout__region--second {
  padding: 1rem 2rem 1rem 1rem;
}

.paragraph.section--gut.paragraph--type--section
  > .layout.layout--4col
  > .layout__region {
  padding: 0 1rem;
}

@media screen and (max-width: 767.98px) {
  .section-grid {
    margin: 0 1rem;
  }
  .field__item
    > .paragraph--type--section.section-full
    .paragraph--type--section:not(.section-full),
  .field__item > .paragraph--type--section {
    padding: 0;
  }

  .paragraph.section--gut > .layout--4col {
    max-width: 100%;
    margin: 0;
  }

  .paragraph.section--gut.paragraph--type--section > .layout.layout--1col,
  .paragraph.section--gut.paragraph--type--section > .layout.layout--2col,
  .paragraph.section--gut.paragraph--type--section > .layout.layout--3col,
  .paragraph.section--gut.paragraph--type--section > .layout.layout--4col,
  .paragraph.section--gut.paragraph--type--section
    > .layout.layout--4col
    > .layout__region {
    padding: 1rem 0;
  }
}

@media (min-width: 300px) and (max-width: 1500px) {
  .main
    .paragraph.section--gut.paragraph--type--section
    > .layout.layout--4col
    > .layout__region {
    padding: 1rem;
  }

  .section--gut > .layout > .layout__region > .paragraph:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}