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

/**
 * CONTENTS..............You’re reading it!
 * BASE STYLE .............................
 * STYLES CKEDITOR ........................
 * MEDIA QUERIES ..........................
*/

.paragraph-texte.bg-gray {
  background-color: var(--bs-gray);
  -webkit-box-shadow: 0 0 10px #1a1a1a0a;
          box-shadow: 0 0 10px #1a1a1a0a;
  padding: 1.5rem;
  margin: 1rem 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
}

.block-border--left.block-border--purple {
  font-size: 1.563rem;
  border-left: 1px solid var(--bs-purple);
  padding-left: 1rem;
  margin: 1rem 0;
  font-weight: 400;
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
}

.block-bg-white.block-border-blue {
  background-color: var(--bs-white);
  -webkit-box-shadow: 0 3px 6px #00000029;
          box-shadow: 0 3px 6px #00000029;
  border: 1px solid var(--bs-blue);
  margin: 1rem 0;
  padding: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
}

.paragraph-texte.bg-blue {
  background-color: var(--bs-blue);
  color: var(--bs-white);
  -webkit-box-shadow: 0 0 10px #1a1a1a0a;
          box-shadow: 0 0 10px #1a1a1a0a;
  margin: 1rem 0;
  padding: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
}

/* ------------------------------------ *\
  ==BASE STYLE
\* ------------------------------------ */
.paragraph-texte {
  margin: 0 1rem;
}

.paragraph-texte ul {
  padding-left: 1rem;
}

.paragraph-texte ul li::marker {
  content: '◗';
  color: var(--bs-purple);
}

.paragraph-texte li {
  padding-left: 0.3rem;
}

.paragraph-texte ul li ul li::marker {
  content: unset;
  color: var(--bs-purple);
}

.paragraph-texte ul li ul {
  list-style: circle;
}

footer .paragraph-texte a:not(.big-link) {
  color: var(--bs-white);
}

.paragraph-texte ul li a,
.paragraph-texte a:not(.big-link) {
  color: var(--bs-blue);
  text-decoration: none;
}

.paragraph-texte ul li a:hover,
.paragraph-texte a:not(.big-link):hover {
  text-decoration: underline;
}

/* ------------------------------------ *\
  ==STYLES CKEDITOR
\* ------------------------------------ */
.ck-content b,
.ck-content strong {
  font-weight: 600;
}

.big-link {
  font-size: 1.875rem;
  color: var(--bs-black);
  font-weight: 500;
  position: relative;
  text-decoration: none;
}

.big-link:before {
  position: absolute;
  top: 0.1rem;
  right: -2.5rem;
  content: '\f061';
  font: var(--fa-font-light);
  font-size: 2rem;
  color: var(--bs-blue);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.big-link:after {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 2px solid var(--bs-purple);
  bottom: 0;
  left: 0;
}

.big-link:where(:hover, :focus, :active):before {
  right: -3.5rem;
}

.big-link:where(:hover, :focus, :active) {
  color: var(--bs-blue);
}

.landing_page header .field--name-field-landing-intro hr {
  border: 1px dashed #9443a2;
}

/* ------------------------------------ *\
  ==TABLE STYLE
\* ------------------------------------ */
.responsive-figure-table table {
  border: 1px solid var(--bs-blue);
  width: 100%;
}

.responsive-figure-table table caption {
  border: 1px solid var(--bs-blue);
  border-bottom: 0;
  text-align: center;
}

.responsive-figure-table table th {
  background-color: var(--bs-blue);
  color: var(--bs-white);
  border-color: var(--bs-white);
}

.responsive-figure-table table td,
.responsive-figure-table table th {
  border: 1px solid var(--bs-blue);
  font-weight: 400;
  padding: 0 1rem;
}

.responsive-figure-table table thead th:not(:last-child) {
  border-right-width: 1px;
  border-right-color: var(--bs-white);
  border-bottom: 0;
}

.responsive-figure-table table tbody tr th {
  border-right: 1px solid var(--bs-white);
}

/* ------------------------------------ *\
  ==MEDIA QUERIES
\* ------------------------------------ */
@media screen and (max-width: 575.98px) {
  .big-link {
    font-size: 1rem;
  }

  .big-link:before {
    font-size: 1.5rem;
    top: 0;
    right: -1.7rem;
  }

  .big-link:where(:hover, :focus, :active):before {
    right: -2.5rem;
  }

  .block-border--left.block-border--purple {
    font-size: 1.125rem;
  }
}