/**
 * @file
 * Ckeditor styles
 * Use Globaly
 */


/**
 * Font Size
 */

.heading-size-xs {
  font-size: var(--heading-size-xs);
}
.heading-size-s {
  font-size: var(--heading-size-s);
}
.heading-size-m {
  font-size: var(--heading-size-m);
}
.heading-size-l {
  font-size: var(--heading-size-l);
}
.text-large {
  font-size: 1.125rem;
  line-height: 150%;
}
.text-extra-large {
  font-size: 1.5rem;
}
span.primary-1 {
  color: var(--color-primary--1);
}

.text-no-margin {
  margin: 0;
}
p.small-title {
  font-size: 20px;
  line-height: 150%;
  font-weight: 700;
}
p.picto-map,
p.picto-note {
  display: grid;
  grid-template-columns: 24px auto;
  gap: 8px;
}
p.picto-map::before {
  content: '';
  display: block;
  background-image: url('../images/history_slider/map_icon.svg');
  width: 24px;
  height: 24px;
}
p.picto-note::before {
  content: '';
  display: block;
  background-image: url('../images/history_slider/note_icon.svg');
  width: 24px;
  height: 24px;
}
p.highlighted {
  background-color: var(--color-primary--2);
  color: black;
  padding: 40px;
}

.max-width-800px {
  max-width: 800px;
}


@media all and (min-width: 900px){
  .text-large {
    font-size: 1.313rem;
  }
  .text-extra-large {
    font-size: 1.875rem;
  }
  p.small-title {
    font-size: 24px;
  }
}