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




/*Header nav*/
.header-nav {
  display: flex;
  align-items: center;
}
.logo-header-nav {
  width:100px;
  transition: width 200ms ease;
}

.header-nav.et_pb_sticky--top .logo-header-nav {
  width: 80px !important;
}


/*
icone svg 
*/

.icons-menu {
  display: flex;
  gap: 12px;
  justify-content:center;
}

.icon-menu {
  width: 24px;
  height: 24px;
  justify-content:center;   
  align-items:center; 
}

/*h1 homepage*/
.title-home {
  font-weight: 700;
  line-height: 1.5em;
  font-size: 30px;
}


/*4carré page accueil "je souhaite"*/

.dashboard-cards{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:25px;
}

.dashboard-card{
  min-height:240px;
  padding:43px 5px;
  background-color:#f7fbff ;
  border-radius:15px;
  border: 1px solid rgba(30, 115, 190, 0.08);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}


.dashboard-card-btn{
  margin-top:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:5px 14px;
  background:#1b76bc;
  border-radius:999px;
  color:white;
  text-align:center;
  font-size:16px;
  font-weight:700;
  line-height:1.5em;
}
.picto-souhait {
  width: 50px;
  height: auto;
}

.user-name{
  color:#2BAAE0;
}



.logo-vit {
  width:200px;
  height: auto;
}

.entreprise-name{
  color:black;
  font-weight:600;
}




.label-with-help {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.help-trigger {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.help-trigger svg {
  width: 18px;
  height: 18px;
}


/*Footer*/
.logo-footer {
  width: 100px !important;
}
.wrapp-picto-footer {
  display:flex;
  align-items: center;
  gap:5px;
  flex-wrap: wrap;

  & .picto-footer-network {
    width: 30px;
    height: auto;
  }
}


/*Responsive*/
@media (max-width: 980px){
  .dashboard-cards{
    grid-template-columns:repeat(3, 1fr);
  }
  .title-home{
    font-size:24px;
  }
  .logo-vit {
    width:200px !important;
  }
  .wrapp-picto-footer {
    justify-content: center;
  }
  .header-nav {
    display: block;
  }
}

@media (max-width: 767px){
  .dashboard-cards{
    grid-template-columns:1fr;
  }
}