/* Modifications personnalisées du site (ajoutées lors de la duplication en local) */

/* 1) Couleurs et polices uniformisées avec les landing pages HPI et MOSAIC */
:root {
  --gcid-heading-color: #2f5d62;
  --gcid-body-color: #2B2A28;
  --et_global_heading_font: 'Georgia', 'Times New Roman', serif;
  --et_global_body_font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Un seul niveau de titre en police à empattements (Georgia), pour un
   accent élégant sans multiplier les polices : le H1 (titres de page).
   Tous les autres niveaux (H2 à H6, souvent utilisés comme petites
   étiquettes de section, ex. "LES SÉANCES") restent dans la police
   courante du site, plus lisible et cohérente à cette taille. */
h1 {
  font-family: Georgia, 'Times New Roman', serif !important;
}

h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

.et_pb_button,
.et_pb_menu_0_tb_header.et_pb_menu ul li a,
.et_pb_menu_0_tb_header .et_pb_menu__logo-slot,
#main-header, #et-top-navigation {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

/* Le texte courant (paragraphes, listes, liens) n'est volontairement pas
   forcé ici : il hérite du corps de page (voir --et_global_body_font
   ci-dessus), ce qui laisse intacts les quelques textes à qui une police
   particulière a été donnée exprès, comme la formule manuscrite
   "Apprenez à vous aimer" (police cursive assortie au logo). */

/* 2) Bouton "Prendre rendez-vous" flottant, toujours visible à l'écran.
   Couleurs et style écrits en dur : on ne dépend plus des styles générés
   par page (qui n'existent que pour les boutons d'origine et rendaient
   ce nouveau bouton invisible). */
.rdv-floating-button {
  position: fixed !important;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  background-color: #DA8374 !important;
  color: #FFF7EF !important;
  border: none !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  transition: background-color 0.2s ease;
}

.rdv-floating-button:hover {
  background-color: #c76d5f !important;
}

/* Le bouton flottant hérite de la classe Divi et_pb_button, qui ajoute
   une flèche au survol positionnée en absolu selon le padding d'origine.
   Comme on écrase ce padding plus haut, la flèche se retrouvait hors du
   bouton : on la supprime purement et simplement ici. */
.rdv-floating-button:after {
  display: none !important;
}

@media (max-width: 767px) {
  .rdv-floating-button {
    right: 12px;
    bottom: 12px;
    padding: 8px 14px !important;
    font-size: 13px !important;
  }
}

/* 3) Coins de bouton uniformisés sur tout le site (même arrondi partout,
   aligné sur le style des landing pages HPI / MOSAIC) */
.et_pb_button,
.rdv-floating-button {
  border-radius: 8px !important;
}

/* 4) Bandeau d'en-tête aligné sur toute la largeur, sans espace vide
   sur les côtés depuis le retrait du bouton "Prendre rendez-vous" */
.et_pb_column_0_tb_header {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}

.et_pb_menu_0_tb_header,
.et_pb_menu_0_tb_header .et_pb_menu_inner_container {
  width: 100% !important;
}

.et_pb_menu_0_tb_header .et_pb_menu_inner_container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* 5) Bandeau d'en-tête entièrement blanc, sur toute la largeur, sans
   ombre ni liseré qui créent une "marche" visible avec le fond de page. */
.et_pb_section_0_tb_header,
.et_pb_row_0_tb_header,
#main-header,
#main-header .nav li ul,
.et-search-form,
#main-header .et_mobile_menu,
.et_pb_menu_0_tb_header .et_mobile_menu,
.et_pb_menu_0_tb_header .et_mobile_menu ul {
  background-color: #FFFFFF !important;
}

.et_pb_section_0_tb_header {
  width: 100% !important;
  box-shadow: none !important;
  border: none !important;
}

/* Le thème a une règle très spécifique (4 classes chaînées) qui fixe
   cette même couleur pour la section d'en-tête : on la reprend à
   l'identique pour être sûr de gagner. */
.et-l--header > .et_builder_inner_content .et_pb_section.et_pb_section_0_tb_header,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu,
.et_pb_menu_0_tb_header .et_mobile_menu ul {
  background-color: #FFFFFF !important;
}

/* Le module menu (logo + nav) déborde volontairement sous le bandeau
   pour permettre au logo d'être plus grand que la barre elle-même
   (technique Divi classique). Si on lui donne un fond blanc plein comme
   au bandeau, ce débord dessine un rectangle blanc qui empiète sur le
   fond crème de la section suivante : c'est la "marche" observée. On le
   laisse donc transparent pour qu'il n'affiche rien en dehors du bandeau. */
.et_pb_menu_0_tb_header,
.et_pb_menu_0_tb_header.et_pb_menu {
  background-color: transparent !important;
}

/* 6) Le bandeau prend la hauteur du logo, avec une petite marge au-dessus
   et en dessous, au lieu de couper le logo (débord supprimé). */
.et_pb_menu_0_tb_header.et_pb_menu {
  margin-bottom: 0 !important;
}

.et_pb_row_0_tb_header {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* 7) Encart "Tramway / Bus / En voiture / En vélo" de la page Contact :
   mêmes couleurs que l'encart "La bonne nouvelle" des landing pages
   HPI / MOSAIC (fond dégradé vert pâle, texte gris-brun doux). */
.access-info-box {
  background: linear-gradient(160deg, #EFF3F0, #E4EEE9) !important;
}

.access-info-box p {
  color: #6B665E !important;
}

.access-info-box strong {
  color: #2B2A28 !important;
}

/* 8) Page "À propos" : la photo de Sylvie reprend le même cadre que les
   autres photos du site (coin arrondis, bordure crème épaisse), au lieu
   du montage polaroïd + trombone d'origine. */
.sylvie-portrait .et_pb_image_wrap {
  border-radius: 20px !important;
  border: 11px solid #f1e7dc !important;
  overflow: hidden !important;
  display: block;
}

.sylvie-portrait img {
  display: block;
  width: 100%;
  height: auto;
}

/* 9) Page "À propos" : les deux blocs sont différenciés par deux
   couleurs déjà présentes ailleurs sur le site. Présentation : le
   sable/beige du pied de page et de la bordure des photos (#F1E7DC).
   Formations : le fond crème et la disposition centrée (640px) de
   l'encart "Qui je suis" des landing pages HPI/MOSAIC. */
.presentation-block {
  background-color: #F1E7DC !important;
  padding: 56px 0 !important;
}

.formations-block {
  background-color: #FBF8F3 !important;
  padding: 56px 0 !important;
}

.formations-block .et_pb_heading_container h1 {
  margin-top: 0;
}

.formations-block .et_pb_row_4 {
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* 10) Page "À propos" : le texte de présentation reprend la police et la
   couleur courantes du site (au lieu du cursif "Caveat" hérité du
   modèle). La signature "Sylvie" (module à part, police "Meow Script")
   n'est volontairement pas concernée par cette règle. */
.presentation-copy,
.presentation-copy .et_pb_text_inner {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  color: #2B2A28 !important;
  font-size: 16px !important;
}

/* 11) Le texte de présentation est réparti sur plusieurs blocs Divi
   (un par rangée), qui héritaient d'un grand espacement entre rangées
   (~130px, prévu pour séparer des blocs de contenu très différents).
   On le réduit à un espacement de paragraphe normal. */
.presentation-block {
  row-gap: 0 !important;
}

.presentation-block .et_pb_row {
  margin-top: 0 !important;
}

.presentation-copy p {
  margin-bottom: 14px !important;
}

/* 12) Le bandeau <header> n'avait ni position ni z-index propres : par
   sécurité, on lui donne les deux pour qu'il passe toujours au-dessus
   du reste de la page (garde-fou général, en plus du correctif ciblé
   ci-dessous). */
header.et-l--header {
  position: relative !important;
  z-index: 10000 !important;
}

/* 13) Le vrai problème du menu déroulant mobile : son panneau n'était
   pas aussi large que l'écran (largeur fixe ~337px, décalé de -21px) —
   il restait donc une bande à droite où l'image/le texte de la page
   passaient à côté du panneau (pas "derrière" : à côté), rendant les
   dernières lettres des entrées de menu illisibles. Son calcul de
   largeur/position dépendait du petit bloc logo+menu (~90% de l'écran),
   pas de l'écran entier. On le passe en position "fixed" (calculée par
   rapport à l'écran, quel que soit le conteneur) et on le fait démarrer
   tout en haut, avec assez de marge intérieure pour rester sous le
   bandeau même si sa hauteur varie d'une page à l'autre. */
.et_mobile_menu {
  position: fixed !important;
  top: 105px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-height: calc(100vh - 105px) !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

/* 14) Page Contact : deux cartes bien distinctes pour "réserver
   directement" et "poser une question par mail", plutôt que tout
   empiler en texte simple. Fond sable (déjà utilisé pour le pied de
   page et l'encart Formations de la page À propos), pour se détacher
   à la fois du fond crème de la page et du vert de l'encart d'accès
   juste au-dessus. */
.contact-choice {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin: 24px 0;
}

.contact-choice-card {
  flex: 1 1 280px;
  max-width: 340px;
  background-color: #F1E7DC;
  border-radius: 16px;
  padding: 32px 28px;
  text-align: center;
}

.contact-choice-card h3 {
  margin-top: 0;
  margin-bottom: 10px;
  min-height: 52px;
}

/* Hauteur réservée pour 3 lignes de texte : les deux descriptions
   n'ont pas la même longueur ("Envoyer un mail" en fait une de plus),
   ce qui décalait les deux boutons l'un par rapport à l'autre. Cette
   hauteur fixe les remet exactement au même niveau. */
.contact-choice-card > p:first-of-type {
  margin-bottom: 18px;
  min-height: 72px;
}

.contact-choice-card .copy-email-btn {
  margin: 10px 0 0;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.contact-choice-card .copied-message {
  display: none;
  color: green;
  font-size: 13px;
  margin-top: 5px;
}

/* Ces boutons n'ont pas le style généré par page que Divi donne à
   chaque bouton individuellement : sans lui, ils héritent d'un style
   "contour blanc" transparent, invisible sur fond clair (même bug que
   pour le bouton flottant). On leur donne la même couleur pleine que
   partout ailleurs sur le site. */
.contact-choice-card .et_pb_button {
  background-color: #DA8374 !important;
  border-color: #DA8374 !important;
  color: #FFF7EF !important;
}

/* Les 2 questions ajoutées à la FAQ (confidentialité, tarif) n'ont pas
   le style généré par page que Divi donne à chaque question existante
   individuellement (couleur du titre, bordure, espacements) : sans lui
   elles retombent sur un style par défaut différent (d'où le décalage
   visuel). On leur applique exactement le même habillage que les
   questions précédentes. */
.et_pb_accordion_item_23,
.et_pb_accordion_item_24 {
  border-color: #f1e7dc !important;
  border-bottom-width: 3px !important;
  border-bottom-style: solid !important;
  padding-top: 0 !important;
  padding-right: 8px !important;
  padding-left: 8px !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.et_pb_accordion_item_23 .et_pb_toggle_title,
.et_pb_accordion_item_24 .et_pb_toggle_title {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #0A87A2 !important;
}

.et_pb_accordion_item_23 .et_pb_toggle_content,
.et_pb_accordion_item_24 .et_pb_toggle_content {
  color: rgba(7, 63, 75, 0.85) !important;
  font-size: 16px !important;
}

/* "Vécus traumatiques", dans "Les thématiques" : même carte arrondie
   et même comportement accordéon que ses voisines (Phobies, Douleurs
   chroniques...). Le texte est volontairement court et renvoie vers
   la future page dédiée (Traumatismes/MOSAIC®) via un lien. */
.et_pb_accordion_item_25 {
  border-radius: 20px !important;
  border: 3px solid #f1e7dc !important;
  padding: 20px 27px !important;
  background-color: rgba(255, 255, 255, 0) !important;
  overflow: hidden !important;
}

.et_pb_accordion_item_25 .et_pb_toggle_title {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #0A87A2 !important;
}

.et_pb_accordion_item_25 .et_pb_toggle_content {
  color: rgba(7, 63, 75, 0.85) !important;
  font-size: 16px !important;
  text-align: justify !important;
}

.et_pb_accordion_item_25 .et_pb_toggle_content a {
  color: #DA8374 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* Nouveau bloc "Les publics" (page Accompagnement) : liste de cartes
   extensible, même identité visuelle (carte sable arrondie) que les
   thématiques et les outils, pour que la page reste cohérente si
   d'autres publics sont ajoutés plus tard. */
.publics-block {
  padding-top: 8px;
}

.publics-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
}

.public-card {
  display: block;
  flex: 1 1 280px;
  max-width: 360px;
  border-radius: 20px;
  border: 3px solid #f1e7dc;
  padding: 24px 27px;
  background-color: rgba(255, 255, 255, 0);
  text-decoration: none !important;
  transition: border-color .15s ease, background-color .15s ease;
}

.public-card:hover {
  border-color: #0A87A2;
  background-color: rgba(10, 135, 162, 0.04);
}

.public-card h3 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #0A87A2 !important;
  margin: 0 0 10px 0 !important;
}

.public-card p {
  color: rgba(7, 63, 75, 0.85);
  font-size: 16px;
  margin: 0 0 14px 0 !important;
  padding-bottom: 0 !important;
}

.public-card-arrow {
  color: #DA8374;
  font-weight: 700;
  font-size: 15px;
}

.public-card-arrow:after {
  content: " \2192";
}

/* Texte d'intro en haut de la page Accompagnement : même taille et
   même police que les autres paragraphes du site (il était resté à
   14px et à la police par défaut de Divi pour cette page, "Chiron Hei
   HK", au lieu de la police standard sans-serif — var(--et_global_
   body_font) ne suffit pas ici car une section de cette page
   redéfinit localement la variable, donc on fixe la police en dur,
   comme pour les autres cas similaires sur ce site). Espacements
   ajoutés aussi : plus d'air entre le titre et le texte, et entre le
   texte et l'encart pratique en dessous. */
.intro-accompagnement p {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
}

.intro-accompagnement h1 {
  margin-bottom: 18px !important;
}

.intro-accompagnement {
  margin-bottom: 30px !important;
}

/* Cartouche "FAQ" (accueil) : même couleur de titre que ses 3
   voisines (Thématiques/Pour qui/Outils), qui ont chacune une règle
   générée par page réservée à leurs propres classes numérotées. */
.et_pb_text_18 h3 {
  color: #0A87A2 !important;
}

/* Même chose pour les bords arrondis de sa photo (règle générée par
   page réservée à et_pb_image_1/2/3, absente pour la nouvelle 4e
   image et_pb_image_4). Limité à la page d'accueil (body.home) car
   la classe et_pb_image_4 est réutilisée sur d'autres pages du site
   pour des images sans rapport. */
body.home .et_pb_image_4 .et_pb_image_wrap {
  border-radius: 20px !important;
  box-shadow: 6px 6px 18px -10px rgba(0, 0, 0, 0.3) !important;
  overflow: hidden !important;
}

body.home .et_pb_image_4 .et_pb_image_wrap img {
  border-radius: inherit !important;
}

/* Titre "POUR QUI ?" (page Accompagnement) : même style que ses
   voisines LES THÉMATIQUES / MES OUTILS / FAQ (taille, majuscules,
   couleur teal) — son bloc n'a pas de classe numérotée de page comme
   les autres, donc il n'héritait pas de leur règle générée. */
.publics-block h2 {
  font-size: 20px !important;
  text-transform: uppercase !important;
  color: #0A87A2 !important;
  text-align: left !important;
  margin-bottom: 10px !important;
}

/* Sous-titre "Vous vous reconnaissez peut-être..." : même taille que
   ses équivalents Thématiques/Outils (16px), au lieu de rester à la
   taille par défaut de 14px faute de classe numérotée de page. */
.publics-block > .et_pb_row p {
  font-size: 16px !important;
}

/* Photos ajoutées pour "Pour qui" et "FAQ" (page Accompagnement), pour
   reprendre les mêmes visuels que sur l'accueil : même cadre-photo
   (bordure sable, coins arrondis) que les images déjà en place pour
   Thématiques/Outils sur cette page (et_pb_image_1/2), qui ne
   s'applique pas automatiquement à ces nouvelles images. */
.publics-block .et_pb_image .et_pb_image_wrap,
.faq-image .et_pb_image_wrap {
  border-radius: 20px !important;
  border: 11px solid #f1e7dc !important;
  overflow: hidden !important;
}

/* Nos propres lignes/rangées personnalisées (sans numéro de page, sur
   Accompagnement, Contact, Tarifs) héritaient malgré elles de la
   largeur par défaut de Divi pour une ligne (80% centrée) au lieu de
   la largeur de contenu standard du site (1080px, centrée) utilisée
   par les lignes générées par page — d'où les photos "Pour qui" /
   "FAQ" plus petites que leurs voisines. */
div[class="et_pb_row et_flex_row"],
div[class="et_pb_row et_block_row"],
.faq-intro-row {
  width: 100% !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Ces mêmes lignes personnalisées ajoutaient, en plus de l'espace
   déjà réservé par leur "gap" flex (5.5%, identique aux lignes
   générées par page), une marge supplémentaire sur la 1re colonne —
   d'où des photos "Pour qui" / "FAQ" plus étroites que leurs
   voisines Thématiques/Outils malgré la même largeur de ligne. */
div[class="et_pb_row et_flex_row"] > div.et_pb_column,
.faq-intro-row > div.et_pb_column {
  margin-right: 0 !important;
}

/* Espacement harmonisé entre chaque bloc d'intro (titre + texte +
   photo) et ce qui suit — accordéon ou cartes — pour retrouver le
   même souffle que Thématiques/Outils (environ 80px) sur "Pour qui"
   et la FAQ, qui en manquaient (24px, voire 0px pour la FAQ). */
.publics-block .publics-grid {
  margin-top: 80px !important;
}

.faq-intro-row {
  margin-bottom: 80px !important;
}

/* Titres des 4 blocs (Thématiques/Pour qui/Outils/FAQ) centrés
   verticalement par rapport à leur photo, plutôt que collés en haut. */
.et_pb_row_5,
.et_pb_row_7,
.publics-block .et_pb_row,
.faq-intro-row {
  align-items: center !important;
}

/* ===== Harmonisation de la page Blog avec le reste du site ===== */

/* Titre "Les derniers articles" : la taille par défaut (110px) est
   démesurée par rapport aux autres titres du site et le fait passer
   sur 3 lignes sur mobile/tablette. */
body.page-id-4069 .et_pb_heading_133 h2 {
  font-size: 48px !important;
}

/* Le carrousel des 3 derniers articles garde son fond sombre (photo +
   voile) pour la lisibilité du texte blanc, mais avec une teinte
   assortie au teal du site plutôt qu'un gris neutre générique. */
body.page-id-4069 .et_pb_slide_overlay_container {
  background-color: rgba(7, 63, 75, 0.6) !important;
}

body.page-id-4069 .et_pb_slide_content_body p {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

/* Bouton "Lire l'article" : reprend la couleur corail utilisée pour
   tous les boutons d'action du site (au lieu du blanc cassé neutre
   par défaut). */
body.page-id-4069 .et_pb_more_button {
  background-color: #DA8374 !important;
  color: #FFF7EF !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
}

/* ===== Harmonisation de la page Lectures avec le reste du site ===== */

/* Texte d'intro : même police/taille que le reste du site (résolvait
   à 14px/police par défaut faute de règle générée pour cette page). */
body.page-id-4604 .et_pb_text_1 p {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
}

/* Bouton de filtre ("Tout") : même style pilule que les boutons du
   site plutôt que le lien souligné par défaut du module Portfolio. */
body.page-id-4604 .et_pb_portfolio_filters li a {
  display: inline-block;
  border: 2px solid #0A87A2 !important;
  border-radius: 20px !important;
  padding: 6px 18px !important;
  text-decoration: none !important;
}

body.page-id-4604 .et_pb_portfolio_filters li a.active {
  background-color: #0A87A2 !important;
  color: #FFF7EF !important;
}

/* Couvertures de livres : même cadre-photo (bordure sable, coins
   arrondis) que les autres photos du site. */
body.page-id-4604 .et_portfolio_image {
  display: block;
  border-radius: 16px !important;
  border: 8px solid #f1e7dc !important;
  overflow: hidden !important;
}

/* Titre du livre : même teal vif que les autres titres du site,
   au lieu du teal plus sombre par défaut de ce module. */
body.page-id-4604 .et_pb_portfolio_item h2 a {
  color: #0A87A2 !important;
}

/* Titres dans les articles de blog et les fiches de lecture : bleu
   plus clair (#0A87A2, le teal vif utilisé partout ailleurs sur le
   site) au lieu du teal plus sombre par défaut (#2F5D62). Sur les
   articles, le H1 reste blanc (il est posé sur la photo d'en-tête) —
   seuls les sous-titres à l'intérieur du texte changent. Sur les
   fiches de lecture, le H1 est sur fond clair : il change aussi. */
body.single-post .et_pb_post_content h2,
body.single-post .et_pb_post_content h3,
body.single-post .et_pb_post_content h4,
body.single-project h1,
body.single-project h2,
body.single-project h3,
body.single-project h4 {
  color: #0A87A2 !important;
}

/* Page Blog : grille simple avec tous les articles (photo + titre),
   remplace le carrousel Divi qui ne montrait que les 3 derniers et
   ne permettait pas de parcourir les articles plus anciens. */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 32px 28px;
  margin-top: 30px;
}

.blog-card {
  display: block;
  text-decoration: none !important;
}

.blog-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 20px;
  border: 8px solid #f1e7dc;
}

.blog-card h3 {
  margin: 14px 0 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.4;
  color: #0A87A2 !important;
  text-transform: none !important;
}