/* ------
SOMMAIRE
---------*/
/*

00 - COULEURS
01 - POLICES
02 - ICONES


*/

/* ------
00 - COULEURS
---------*/

.color-primary{
  color: var(--color-primary);
}
.color-secondary{
  color: var(--color-secondary);
}

/* FOND */
.bg-white {
  background-color: var(--white);
}
.bg-risk {
  background-color: var(--color-risk);
}
.bg-life *::before,
.bg-risk *::before,
.bg-art *::before {
    border-color: var(--white) !important;
}
.bg-risk *,
.bg-art *,
.bg-life *{
  color: var(--white);
}
.bg-art {
  background-color: var(--color-art);
}
.bg-life {
  background-color: var(--color-life);
}
.bg-light-grey {
  background-color: var(--color-secondary);
}
.bg-dark-grey {
  background-color: var(--color-primary);
}
.bg-dark-grey *{
  color: var(--white);
}

/* ------
01-POLICES
---------*/


.font-primary {
  font-family: var(--font-primary);
}
.font-secondary {
  font-family: var(--font-secondary);
}


/* ------
03-ICONES
---------*/
.fa::before,
.ico-login > a:after{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ico-login > a:after {
    content: "\e912";
}
.fa-linkedin:before {
    content: "\e910";
}
.fa-facebook:before {
    content: "\e905";
}
.fa-twitter:before {
    content: "\e90d";
}

/* ----------

ICONES SOCIALES
*/
.jssocials-share{

}
.jssocials-share-email{

}
.jssocials-share-twitter{

}
.jssocials-share-facebook{

}
.jssocials-share-googleplus{

}
.jssocials-share a{

}
    .jssocials-share .jssocials-share-logo{
        display: block;
    }
    .jssocials-share .jssocials-share-label{
        display: none;
    }