/* =========================
   DESIGN SYSTEM
========================= */

@font-face {
    font-family: 'HeaderLogoFont';
    src: url('fontawesome-free/webfonts/Roustel.ttf');
}

:root {

  /* COULEURS */
  --color-primary: #e88b7c;
  --color-primary-dark: #d46d5e;
  --color-secondary: #2e2e2e;
  --color-bg: #ffffff;
  --color-bg-soft: #f7f7f7;
  --color-border: #e5e5e5;
  --color-text: #2e2e2e;
  --color-text-light: #777;


  /* TYPO */
  --font-header-logo:  "Fredoka", sans-serif;
  --font-main: 'Montserrat', sans-serif;
  --font-handwriting: 'HeaderLogoFont';

  --font-cookies-alert: 'Arial', sans-serif;
  --font-newsletter-follow-me: 'HeaderLogoFont';
  --font-breadcrumb-drop: "Font Awesome\ 5 Free";

  --font-size-base: 16px;
  --font-size-title: 2rem;
  --font-size-subtitle: 1.4rem;

  /* ESPACEMENTS */
  --space-xs: 5px;
  --space-sm: 10px;
  --space-md: 20px;
  --space-lg: 40px;
  --space-xl: 80px;

  /* RAYONS */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  /* OMBRES */
  --shadow-soft: 0 6px 20px rgba(0,0,0,0.08);
  --shadow-hover: 0 12px 30px rgba(0,0,0,0.12);

  /* TRANSITIONS */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.35s ease;
}


.heading{

    font-size: 29px !important;
    color: #444242;
}
h1.heading {
   font-family: var(--font-handwriting);
   font-variant: normal !important;
   font-size: 29px !important;
   font-weight: 500 !important;
   margin-top: 15px !important;
   margin-bottom: 40px !important;
   line-height: 37px;
}
@media (min-width: 1100px) {
    h1.heading {
       font-size: 33px !important;
       margin-top: 30px !important;
       margin-bottom: 55px !important;
    }
}
h2.heading {
font-family: var(--font-main);
  font-variant: normal;
  font-weight: 600 !important;
  font-size: 25px !important;
}

hr{
  scroll-margin-top: 70px;
}
@media (min-width: 836px) {
    hr{
      scroll-margin-top: 90px;
    }
}

h2.read-next__title {
  font-variant: normal;
  font-weight: 600 !important;
  font-size: 25px !important;
  text-align:center;
  margin-bottom: 30px;
}

.heading-handwriting{
    font-family: var(--font-handwriting);
    font-variant: normal !important;
    font-weight: 400;
}

.breadcrumb{
    font-family: var(--font-handwriting);
    font-variant: normal !important;
    font-weight: 400;
    font-size: 28px;
}



body {
  font-family: var(--font-main);
  font-weight: 400;
  line-height: 1.6;
  color: #2e2e2e;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

h1, h2, h3, h4 {
  margin: 0;
}

h1 {
  font-weight: 800;
}

h2 {
  font-weight: 700;
  letter-spacing: 0.3px;
}

h3 {
  font-weight: 600;
}

p {
  font-weight: 400;
}

/* ======================================================
   HERO
====================================================== */

h1 span {
  display: block;
}


.link-checklist{
color:#12b6af;
font-weight:600;
text-decoration:underline;
}

.link-checklist:hover{
color:#0f6666;
}