@charset "UTF-8";
#kcb-body-content {
  /* Note ce sont bien des classes car peuetre que à terme ca pourrait passer à N vips ? */
  /* Liens Autres signes */
}
#kcb-body-content h2#kcb-title-page-title-sign {
  text-align: center;
  font-size: clamp(34px, 3cqw, 131px); /* 3cqw = 30,6px pour un écran de 1024px, 131px = 98pt */
  margin: 0;
  color: #1F2A44;
  font-weight: 900;
  letter-spacing: clamp(4px, 0.2rem, 10px);
}
#kcb-body-content #kcb-image-sign {
  display: flex;
  flex-direction: column;
  justify-content: end;
  background-color: #EAEDF1;
}
#kcb-body-content #kcb-image-sign img {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: block;
  width: 100%;
  padding: clamp(15px, 1cqw, 43px);
  box-sizing: border-box; /* Important sinon le width va logiquement dépasser toute la taille disponible! */
}
#kcb-body-content #kcb-image-sign #kcb-sign-peridocity-navigation {
  background-color: #D4AC77;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  display: flex;
  justify-content: space-around;
  padding: clamp(15px, 1cqw, 43px) 0;
}
#kcb-body-content #kcb-image-sign #kcb-sign-peridocity-navigation a {
  font-size: clamp(15px, 1cqw, 43px); /* 1cqw = 10,24px pour un écran de 1024px */
  color: #FFFFFF;
  text-decoration: none;
}
#kcb-body-content .kcb-sign-prediction-texts {
  background-color: #EAEDF1;
  align-items: center;
  border-radius: 6px;
}
@media (min-width: 768px) {
  #kcb-body-content .kcb-sign-prediction-texts {
    display: flex;
    gap: 3cqw;
  }
}
#kcb-body-content .kcb-sign-prediction-texts .kcb-sign-prediction-text-title {
  margin: 0 0 1rem 0;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (min-width: 768px) {
  #kcb-body-content .kcb-sign-prediction-texts .kcb-sign-prediction-text-title {
    flex: 0 0 40%;
    margin: 0;
  }
}
#kcb-body-content .kcb-sign-prediction-texts .kcb-sign-prediction-text-title img {
  width: clamp(32px, 12cqw, 288px);
  height: clamp(32px, 12cqw, 288px);
  object-fit: contain;
  flex: 0 0 auto;
}
#kcb-body-content .kcb-sign-prediction-texts .kcb-sign-prediction-text-title div {
  display: flex;
  align-items: center;
  font-size: clamp(20px, 2cqw, 86px); /* 1cqw = 10,24px pour un écran de 1024px */
  font-weight: bold;
}
#kcb-body-content .kcb-sign-prediction-texts .kcb-sign-prediction-text-data {
  color: #1F2A44;
  line-height: 1.2;
}
@media (min-width: 768px) {
  #kcb-body-content .kcb-sign-prediction-texts .kcb-sign-prediction-text-data {
    flex: 1 1 auto;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  #kcb-body-content {
    /** cas spécial de la santé ou il faut la replacer à droite pour etre iso avec la maquette quand on est en version tablet/PC. */
  }
  #kcb-body-content #kcb-sign-prediction-texts-health {
    grid-column-start: 3;
  }
}
#kcb-body-content #kcb-sign-lucky-number,
#kcb-body-content #kcb-sign-mood,
#kcb-body-content #kcb-sign-advise {
  background-color: #EAEDF1;
  border-radius: 6px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
#kcb-body-content #kcb-sign-lucky-number #kcb-sign-lucky-number-title,
#kcb-body-content #kcb-sign-lucky-number #kcb-sign-mood-title,
#kcb-body-content #kcb-sign-lucky-number #kcb-sign-advise-title,
#kcb-body-content #kcb-sign-mood #kcb-sign-lucky-number-title,
#kcb-body-content #kcb-sign-mood #kcb-sign-mood-title,
#kcb-body-content #kcb-sign-mood #kcb-sign-advise-title,
#kcb-body-content #kcb-sign-advise #kcb-sign-lucky-number-title,
#kcb-body-content #kcb-sign-advise #kcb-sign-mood-title,
#kcb-body-content #kcb-sign-advise #kcb-sign-advise-title {
  color: #1F2A44;
  font-weight: bold;
  font-size: clamp(20px, 2cqw, 86px); /* 1cqw = 10,24px pour un écran de 1024px */
  line-height: 1;
}
#kcb-body-content #kcb-sign-lucky-number #kcb-sign-mood-data,
#kcb-body-content #kcb-sign-lucky-number #kcb-sign-advise-data,
#kcb-body-content #kcb-sign-mood #kcb-sign-mood-data,
#kcb-body-content #kcb-sign-mood #kcb-sign-advise-data,
#kcb-body-content #kcb-sign-advise #kcb-sign-mood-data,
#kcb-body-content #kcb-sign-advise #kcb-sign-advise-data {
  font-style: italic;
  color: #1F2A44;
}
#kcb-body-content #kcb-sign-lucky-number #kcb-sign-lucky-number-data,
#kcb-body-content #kcb-sign-mood #kcb-sign-lucky-number-data,
#kcb-body-content #kcb-sign-advise #kcb-sign-lucky-number-data {
  display: inline-grid;
  place-items: center;
  min-width: 1.45em;
  min-height: 1.45em;
  padding-inline: 0.28em;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #74778C;
  font-size: clamp(34px, 3cqw, 131px); /* 3cqw = 30,6px pour un écran de 1024px, 131px = 98pt */
  font-weight: bold;
  line-height: 1;
  box-sizing: border-box;
  white-space: nowrap;
}
#kcb-body-content #kcb-sign-advise {
  background: #EAEDF1 url("../../images/default/text-type/advice-0a5e18d26e3860985392df31ff51a6d1.png") no-repeat;
  background-size: contain;
  background-origin: content-box; /* permet de l'avoir à l'intérieur du content et ne pas coller le padding */
}
#kcb-body-content #kcb-sign-advise #kcb-sign-advise-data {
  padding-left: max(70px, 7cqw);
}
#kcb-body-content #kcb-sign-people-birthday-title {
  text-align: center;
  font-size: clamp(24px, 2.1cqw, 91px); /* 3cqw = 30,6px pour un écran de 1024px, 131px = 98pt */
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 1rem;
}
#kcb-body-content .kcb-sign-people {
  background-color: #EAEDF1;
  border-radius: 6px;
}
#kcb-body-content .kcb-sign-people .kcb-sign-people-infos .kcb-sign-people-data .kcb-sign-people-surname,
#kcb-body-content .kcb-sign-people .kcb-sign-people-infos .kcb-sign-people-data .kcb-sign-people-name {
  color: #1F2A44;
  font-size: clamp(20px, 1.4cqw, 40px);
  font-weight: bold;
}
#kcb-body-content .kcb-sign-people .kcb-sign-people-infos .kcb-sign-people-data .kcb-sign-people-age {
  color: #989AAA;
}
#kcb-body-content .kcb-sign-people .kcb-sign-people-infos .kcb-sign-people-data .kcb-sign-people-bio {
  margin-top: 1rem;
}
#kcb-body-content .kcb-sign-people .kcb-sign-people-infos .kcb-sign-people-photo {
  text-align: right;
}
#kcb-body-content .kcb-sign-people .kcb-sign-people-infos .kcb-sign-people-photo img {
  width: 100%;
  max-width: 300px;
  height: auto; /* garde les proportions */
}
#kcb-body-content #kcb-horoscope-astro-signs-list {
  padding-top: 0;
  padding-bottom: 0;
}
#kcb-body-content #kcb-horoscope-astro-signs-list h3 {
  color: #C0C2C8;
  text-align: center;
  margin-top: 0;
}

/*# sourceMappingURL=sign-81e9209e64.output.css.map */