/*
 * GATARD Pro Pages 1.9.28
 * Mise en page finale et isolée du CMS 9 — Événement / Privatisation.
 * Aucun sélecteur ne cible le header, le menu rapide, le footer ou une autre page.
 */

#gatard-events,
#gatard-events *,
#gatard-events *::before,
#gatard-events *::after {
  box-sizing: border-box;
}

#gatard-events {
  --gatard-events-gutter: clamp(26px, 2.4vw, 42px);
  --gatard-events-section-gap: clamp(56px, 5vw, 88px);
  --gatard-events-card-gap: clamp(16px, 1.5vw, 26px);
  --gatard-events-radius: 18px;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  background: #fbf7f2 !important;
  color: #17140f !important;
}

#gatard-events .gatard-events__inner {
  width: min(calc(100% - (var(--gatard-events-gutter) * 2)), 1800px) !important;
  max-width: 1800px !important;
  margin-inline: auto !important;
  padding: 0 0 var(--gatard-events-section-gap) !important;
}

#gatard-events img {
  max-width: 100% !important;
}

/* HERO -------------------------------------------------------------------- */
#gatard-events .gatard-events__hero {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  align-items: center !important;
  gap: clamp(28px, 4vw, 70px) !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(28px, 3.5vw, 58px) 0 0 !important;
  overflow: visible !important;
  transform: none !important;
}

#gatard-events .gatard-events__hero-copy,
#gatard-events .gatard-events__hero-media {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

#gatard-events .gatard-events__hero-copy {
  display: block !important;
  padding: 0 !important;
  z-index: 2 !important;
}

#gatard-events .gatard-events__hero-copy > *,
#gatard-events .gatard-events__hero-copy h1,
#gatard-events .gatard-events__hero-copy p {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#gatard-events .gatard-events__hero-media {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--gatard-events-radius) !important;
  background: transparent !important;
  overflow: hidden !important;
  isolation: isolate !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  mix-blend-mode: normal !important;
}

#gatard-events .gatard-events__hero-media::before,
#gatard-events .gatard-events__hero-media::after,
#gatard-events .gatard-events__brush {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

#gatard-events .gatard-events__hero-media > img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: var(--gatard-events-radius) !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  mix-blend-mode: normal !important;
}

#gatard-events .gatard-events__eyebrow,
#gatard-events .gatard-events__script,
#gatard-events .gatard-events__hero-copy h1,
#gatard-events .gatard-events__hero-copy p,
#gatard-events .gatard-events__btn {
  position: relative !important;
  inset: auto !important;
  max-width: 100% !important;
}

#gatard-events .gatard-events__hero-copy h1 {
  margin: clamp(14px, 1.5vw, 24px) 0 0 !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-size: clamp(42px, 4.5vw, 76px) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -.025em !important;
  text-wrap: balance !important;
}

#gatard-events .gatard-events__hero-copy h1 span,
#gatard-events .gatard-events__hero-copy h1 em {
  display: block !important;
}

#gatard-events .gatard-events__hero-copy p {
  margin: clamp(16px, 1.8vw, 26px) 0 0 !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.62 !important;
}

#gatard-events .gatard-events__btn {
  margin-top: clamp(18px, 2vw, 28px) !important;
}

/* AVANTAGES --------------------------------------------------------------- */
#gatard-events .gatard-events__features {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--gatard-events-card-gap) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: clamp(28px, 3.5vw, 54px) 0 0 !important;
  padding: 0 !important;
  transform: none !important;
}

#gatard-events .gatard-events__feature {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  transform: none !important;
}

/* TITRES DE SECTION ------------------------------------------------------- */
#gatard-events .gatard-events__section-title,
#gatard-events .gatard-events__commitment-title {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(10px, 1.4vw, 22px) !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: var(--gatard-events-section-gap) 0 clamp(24px, 2.6vw, 40px) !important;
  padding: 0 !important;
  transform: none !important;
}

#gatard-events .gatard-events__section-title h2,
#gatard-events .gatard-events__commitment-title h2 {
  min-width: 0 !important;
  margin: 0 !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-size: clamp(27px, 2.5vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

/* CARTES ÉVÉNEMENTS ------------------------------------------------------- */
#gatard-events .gatard-events__cards {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: var(--gatard-events-card-gap) !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

#gatard-events .gatard-event-card {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 20px !important;
  overflow: hidden !important;
  transform: none !important;
}

/* La page est conçue pour huit catégories. Une ancienne ligne dupliquée en
   base de données ne doit jamais créer une neuvième carte visible. */
#gatard-events .gatard-events__cards > .gatard-event-card:nth-child(n+9) {
  display: none !important;
}

#gatard-events .gatard-event-card figure {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#gatard-events .gatard-event-card figure > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  transform: none !important;
}

#gatard-events .gatard-event-card__icon.gatard-events__round-ico {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(52px, 4.4vw, 68px) !important;
  height: clamp(52px, 4.4vw, 68px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: clamp(-30px, -2.1vw, -22px) auto 12px !important;
  padding: 0 !important;
  z-index: 2 !important;
  transform: none !important;
}

#gatard-events .gatard-event-card h3,
#gatard-events .gatard-event-card p {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#gatard-events .gatard-event-card h3 {
  margin: 0 !important;
  padding: 0 18px !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-size: clamp(16px, 1.15vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#gatard-events .gatard-event-card p {
  flex: 1 1 auto !important;
  margin: 10px 0 0 !important;
  padding: 0 18px !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-size: clamp(13px, .9vw, 15px) !important;
  line-height: 1.52 !important;
  text-align: center !important;
}

/* ENGAGEMENT -------------------------------------------------------------- */
#gatard-events .gatard-events__commitment {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: var(--gatard-events-section-gap) 0 0 !important;
  padding: clamp(28px, 3.5vw, 54px) !important;
  overflow: hidden !important;
  transform: none !important;
}

#gatard-events .gatard-events__commitment .gatard-events__commitment-title {
  margin: 0 0 clamp(22px, 2.5vw, 36px) !important;
}

#gatard-events .gatard-events__commitment-grid {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.2vw, 20px) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

#gatard-events .gatard-events__commitment-grid article {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 20px 14px !important;
  overflow: visible !important;
  transform: none !important;
}

#gatard-events .gatard-events__commitment-grid article h3,
#gatard-events .gatard-events__commitment-grid article p {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#gatard-events .gatard-events__commitment-grid article p {
  margin-top: 8px !important;
  font-size: clamp(13px, .9vw, 15px) !important;
  line-height: 1.5 !important;
}

/* PROJET ------------------------------------------------------------------ */
#gatard-events .gatard-events__project {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) minmax(230px, .58fr) !important;
  align-items: center !important;
  gap: clamp(20px, 2.8vw, 42px) !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: var(--gatard-events-section-gap) 0 0 !important;
  padding: clamp(22px, 2.7vw, 40px) !important;
  border-radius: var(--gatard-events-radius) !important;
  background: #fffdf9 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transform: none !important;
}

#gatard-events .gatard-events__project figure,
#gatard-events .gatard-events__project-copy,
#gatard-events .gatard-events__project-list {
  position: relative !important;
  inset: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#gatard-events .gatard-events__project figure {
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #f2eadf !important;
}

#gatard-events .gatard-events__project figure img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
}

#gatard-events .gatard-events__project-copy {
  display: block !important;
  padding: 0 !important;
  color: #17140f !important;
  background: transparent !important;
  z-index: 2 !important;
}

#gatard-events .gatard-events__project-copy h2,
#gatard-events .gatard-events__project-copy p,
#gatard-events .gatard-events__project-copy a {
  position: static !important;
  max-width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#gatard-events .gatard-events__project-copy h2 {
  display: block !important;
  margin: 0 !important;
  color: #17140f !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-size: clamp(28px, 2.25vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
}

#gatard-events .gatard-events__project-copy p {
  display: block !important;
  margin: 16px 0 0 !important;
  color: #625c52 !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-size: clamp(14px, 1vw, 17px) !important;
  line-height: 1.58 !important;
}

#gatard-events .gatard-events__project-copy .gatard-events__small-btn {
  display: inline-flex !important;
  width: auto !important;
  margin-top: 20px !important;
}

#gatard-events .gatard-events__project-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  padding-left: clamp(18px, 2vw, 30px) !important;
  border-left: 1px dashed rgba(191,135,50,.48) !important;
}

#gatard-events .gatard-events__project-list p {
  position: static !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #403a31 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* GALERIE ----------------------------------------------------------------- */
#gatard-events .gatard-events__gallery {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: var(--gatard-events-section-gap) 0 0 !important;
  padding: 0 0 clamp(20px, 2vw, 34px) !important;
  overflow: visible !important;
  transform: none !important;
}

#gatard-events .gatard-events__gallery .gatard-events__section-title {
  margin-top: 0 !important;
}

#gatard-events .gatard-events__gallery-wrap {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}

#gatard-events .gatard-events__gallery-viewport {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#gatard-events .gatard-events__gallery-track {
  display: flex !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: max-content !important;
  min-width: 100% !important;
}

#gatard-events .gatard-events__gallery-item {
  flex: 0 0 calc((100% - 42px) / 4) !important;
  width: calc((100% - 42px) / 4) !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#gatard-events .gatard-events__gallery-open,
#gatard-events .gatard-events__gallery-item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

#gatard-events .gatard-events__gallery-open {
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
}

#gatard-events .gatard-events__gallery-item img {
  object-fit: cover !important;
  object-position: center !important;
}

/* TABLETTE --------------------------------------------------------------- */
@media (max-width: 1199px) {
  #gatard-events {
    --gatard-events-gutter: 24px;
    --gatard-events-section-gap: 56px;
  }

  #gatard-events .gatard-events__hero {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-top: 24px !important;
  }

  #gatard-events .gatard-events__hero-media {
    order: 1 !important;
    width: min(100%, 820px) !important;
    margin-inline: auto !important;
  }

  #gatard-events .gatard-events__hero-copy {
    order: 2 !important;
    width: min(100%, 820px) !important;
    margin-inline: auto !important;
  }

  #gatard-events .gatard-events__cards,
  #gatard-events .gatard-events__commitment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #gatard-events .gatard-events__project {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  }

  #gatard-events .gatard-events__project-list {
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 20px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px dashed rgba(191,135,50,.48) !important;
  }

  #gatard-events .gatard-events__gallery-item {
    flex-basis: calc((100% - 14px) / 2) !important;
    width: calc((100% - 14px) / 2) !important;
  }
}

/* MOBILE ----------------------------------------------------------------- */
@media (max-width: 767px) {
  #gatard-events {
    --gatard-events-gutter: 15px;
    --gatard-events-section-gap: 42px;
    --gatard-events-card-gap: 16px;
  }

  #gatard-events .gatard-events__inner {
    width: calc(100% - 30px) !important;
    margin-inline: 15px !important;
    padding-bottom: 52px !important;
  }

  #gatard-events .gatard-events__hero {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    padding: clamp(10px, var(--gatard-mobile-menu-safe-offset, 10px), 92px) 0 0 !important;
  }

  #gatard-events .gatard-events__hero-media {
    order: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }

  #gatard-events .gatard-events__hero-media > img {
    width: 100% !important;
    height: auto !important;
    border-radius: 14px !important;
  }

  #gatard-events .gatard-events__hero-copy {
    order: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #gatard-events .gatard-events__hero-copy h1 {
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.04 !important;
  }

  #gatard-events .gatard-events__hero-copy p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  #gatard-events .gatard-events__btn,
  #gatard-events .gatard-events__small-btn {
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
  }

  #gatard-events .gatard-events__features {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 24px !important;
  }

  #gatard-events .gatard-events__feature {
    min-height: 58px !important;
    padding: 11px 13px !important;
  }

  #gatard-events .gatard-events__section-title,
  #gatard-events .gatard-events__commitment-title {
    gap: 8px !important;
    margin: var(--gatard-events-section-gap) 0 20px !important;
  }

  #gatard-events .gatard-events__section-title h2,
  #gatard-events .gatard-events__commitment-title h2 {
    font-size: clamp(24px, 7.5vw, 31px) !important;
    line-height: 1.12 !important;
  }

  #gatard-events .gatard-events__cards {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  #gatard-events .gatard-event-card {
    padding-bottom: 18px !important;
  }

  #gatard-events .gatard-event-card figure {
    aspect-ratio: 16 / 10 !important;
  }

  #gatard-events .gatard-event-card__icon.gatard-events__round-ico {
    width: 56px !important;
    height: 56px !important;
    margin: -27px auto 10px !important;
  }

  #gatard-events .gatard-event-card h3 {
    padding-inline: 15px !important;
    font-size: 18px !important;
  }

  #gatard-events .gatard-event-card p {
    padding-inline: 15px !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }

  #gatard-events .gatard-events__commitment {
    margin-top: var(--gatard-events-section-gap) !important;
    padding: 24px 15px !important;
    border-radius: 16px !important;
  }

  #gatard-events .gatard-events__commitment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #gatard-events .gatard-events__commitment-grid article {
    padding: 17px 12px !important;
  }

  #gatard-events .gatard-events__project {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-top: var(--gatard-events-section-gap) !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  #gatard-events .gatard-events__project figure {
    order: 1 !important;
    width: 100% !important;
    border-radius: 0 !important;
  }

  #gatard-events .gatard-events__project figure img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
  }

  #gatard-events .gatard-events__project-copy {
    order: 2 !important;
    width: 100% !important;
    padding: 22px 16px 18px !important;
    background: #fffdf9 !important;
  }

  #gatard-events .gatard-events__project-copy h2 {
    font-size: clamp(25px, 7.5vw, 34px) !important;
    line-height: 1.1 !important;
  }

  #gatard-events .gatard-events__project-copy p {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  #gatard-events .gatard-events__project-list {
    order: 3 !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 16px 22px !important;
    border: 0 !important;
    background: #fffdf9 !important;
  }

  #gatard-events .gatard-events__project-list p {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 10px !important;
    font-size: 14px !important;
  }

  #gatard-events .gatard-events__gallery {
    margin-top: var(--gatard-events-section-gap) !important;
    padding-bottom: 10px !important;
  }

  #gatard-events .gatard-events__gallery-wrap {
    grid-template-columns: 38px minmax(0, 1fr) 38px !important;
    gap: 8px !important;
  }

  #gatard-events .gatard-events__gallery-track {
    gap: 0 !important;
  }

  #gatard-events .gatard-events__gallery-item,
  #gatard-events .gatard-events__gallery-track > .gatard-events__gallery-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 374px) {
  #gatard-events {
    --gatard-events-gutter: 12px;
  }

  #gatard-events .gatard-events__inner {
    width: calc(100% - 24px) !important;
    margin-inline: 12px !important;
  }

  #gatard-events .gatard-events__commitment-grid {
    grid-template-columns: 1fr !important;
  }

  #gatard-events .gatard-events__hero-copy p,
  #gatard-events .gatard-events__project-copy p {
    font-size: 14px !important;
  }
}