/*
Theme Name: Rife Free Enfant
Description: Theme enfant de Rife Free. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: rife-free
Version: 1.0
*/

/* GENERAL */

p {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* LISTE */

.legende ol {
  list-style: none;
  counter-reset: legende-counter;
  padding-left: 0;
}

.legende ol li {
  counter-increment: legende-counter;
  display: grid;

  column-gap: 16px;
  margin-bottom: 16px;

  /* Correctifs de césure */
  word-break: normal;
  overflow-wrap: normal;
  white-space: normal;
}


.legende ol li::before {
  content: counter(legende-counter);
  width: 28px;
  height: 28px;
  border: 1px solid #4553B4;
  border-radius: 50%;
  color: #4553B4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
 position: absolute;
    left: -35px;
}

.legende ol li strong,
.legende ol li, .legende ol li br {
  word-break: normal;
  overflow-wrap: normal;
}

.legende ol li strong{
    color: #4553B4;
}

.legende ol li strong + br {
  display: none;
}

/* HEADER */

body#top {
    padding-top: 0px !important;
}
.home header#header.desktop_menu{
    display: none !important;    
}
.home header#header.sticky-values {
    display: block !important;
}

/* FOOTER VAGUE */
/*
#footer {
  position: relative;
  overflow: hidden;
}
#footer::before {
  content: "";
  position: absolute;
  top: -1px; 
  left: 0;
  width: 100%;
  height: 140px; 
  background-image: url("https://www.thesianbio.com/wp-content/uploads/2025/12/vague-scaled.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  z-index: 0;
}
#footer .foot-widgets,
#footer .foot-items {
  position: relative;
  z-index: 1;
}
.foot-widgets .foot-content {
    padding: 55px 0 60px !important;
}
*/
/* FOOTER */

#footer #media_image-2 {
  width: 15%;
}

.foot-items {
  background-color: #3D4596 !important;
}

footer#footer {
    background-image: url(https://www.thesianbio.com/wp-content/uploads/2025/11/background-header.jpg) !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.foot-items {
    background-color: transparent;
}
#footer h2, #footer p {
    color: #fff;
}
#footer .icons {
  display: inline-flex !important;
  gap: 12px;
}

/* Style commun aux deux icônes */
#footer .icon-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;      /* taille du fond */
  height: 40px;
  border-radius: 50%; /* rond, tu peux mettre 8px si tu préfères carré arrondi */
  background-color: #f0f0f0;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Couleur spécifique LinkedIn */
#footer .icon-in .icon-link {
  background-color: #0A66C2;
}

/* Couleur spécifique Email */
#footer .icon-mail .icon-link {
  background-color: #888888;
}

/* Couleur du SVG (icône) */
#footer .icon-link svg path {
  fill: #ffffff;
}

/* Hover global */
#footer .icon-link:hover {
  transform: translateY(-2px);
  background-color: #333333;
}

/* Si tu veux un hover différent par icône : */
#footer .icon-in .icon-link:hover {
  background-color: #084482;
}

#footer .icon-mail .icon-link:hover {
  background-color: #555555;
}

/* gradient */

.thesian-gradient {
    background: linear-gradient(270deg, #d4a3f9, #86a0f8);
    background-size: 400% 400%;

    -webkit-animation: thesian-gradient 30s ease infinite;
    -moz-animation: thesian-gradient 30s ease infinite;
    animation: thesian-gradient 30s ease infinite;
}

@-webkit-keyframes thesian-gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes thesian-gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes thesian-gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/* TEAM */

.mfp-content .modal-dialog .ekit-team-modal-img {
    display: none;
}

/* DEGRADE TEAM PHOTO */

/* Supprime l’overlay violet d’Elementskit */
.image-degrade .profile-header.ekit-team-img {
  background: none !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* supprime aussi la pseudo-couche interne du widget */
.image-degrade .profile-header.ekit-team-img::after {
  display: none !important;
}

.image-degrade .profile-header.ekit-team-img {
  position: relative;
  display: inline-block;
  border-radius: 50%;
    margin:20px !important;
}
.elementor-2 .elementor-element .ekit-team-img.profile-header > img {    margin: 20px  !important;
}

/* Animation fluide */
.image-degrade .profile-header.ekit-team-img img {
  transition: transform 0.3s ease;
}

/* Zoom léger au survol */
.image-degrade .profile-header.ekit-team-img:hover img {
  transform: scale(1.05);
}

/* Halo dégradé */
.image-degrade .profile-header.ekit-team-img::before {
  content: "";
  position: absolute;
  inset: -15px;
  border-radius: 50%;
  background: linear-gradient(135deg, #D4A3F9, #86A0F8);
  z-index: 0;

  transition: background 0.4s ease;

  -webkit-mask: radial-gradient(circle, transparent 60%, black 55%);
  mask: radial-gradient(circle, transparent 60%, black 55%);
}

/* Image au dessus du halo */
.image-degrade .profile-header.ekit-team-img img {
  position: relative;
  z-index: 1;
  border-radius: 50%;
  display: block;
}

.ekit-wid-con .ekit-promo-popup>.mfp-container>.mfp-content, body .ekit-promo-popup>.mfp-container>.mfp-content {
    max-width: 800px;
}
ul.ekit-team-social-list {
    padding: 0px;
}

/* POST GRID */

.ekit-wid-con .elementskit-blog-block-post .entry-title {
    margin-bottom: 10px !important;
}
.ekit-wid-con .elementskit-blog-block-post {
    -webkit-box-shadow: 9.899px 9.899px 30px 0 rgba(0, 0, 0, 0) !important;
    border-radius: 0px !important;
}

/* RESPONSIVE 1200 PX */

@media screen and (max-width: 1024px){
#footer #media_image-2 {
    width: 20%;
}
#footer #block-5, #footer #block-6 {
    width: 40%;
}
}


/* RESPONSIVE 1024 PX */


@media screen and (max-width: 1024px) {
.home header#header.mobile-menu{
    display: none !important;    
}
.home header#header.mobile-menu.sticky-values {
    display: block !important;
}
.header-horizontal #header-tools::before, .header-horizontal .head .socials::before {
    width: 0px !important;
}
#header-tools .tool:hover, #header-tools .tool a:hover, #header-tools .tool.highlight, #header-tools .tool.active {
    color: #4553B4 !important;
}
.mobile-menu .navigation-bar .menu-container {
    background-color: #fff !important;
}
}

/* RESPONSIVE 900 PX */


@media screen and (max-width: 900px){
.visu-header {
    display: none  !important;
}
.visu-header-mobile {
min-height: 366px !important;
    }
#footer.centered .foot-widgets .widget {
    display: block; !important
    text-align: center !important;
    margin: 0 auto !important;
    padding-bottom: 15px !important;
}
#footer #media_image-2, #footer #block-5, #footer #block-6 {
    display: block;
    margin: 0 auto !important;
    }
#footer #block-5, #footer #block-6 {
    width: 60%;
}
#footer #media_image-2{
    width: 40%;
    padding-bottom: 0px !important;
    }
footer#footer {
    background-image: url("https://www.thesianbio.com/wp-content/uploads/2025/12/background-mobile-footer1.png") !important;
    background-size: contain;
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
.foot-widgets .foot-content {
    padding: 15px 0 10px !important;
}
}