h1, h2, h3, p, ul, li, a, span{
  font-family: $lato;
  font-weight: lighter;
}

header{
  a{
    font-size: $txt-figli;
    line-height: $Flhome;
  }
}

a, button{
  border: none;
  outline: none!important;
}

.title-menu{
  h2{
    font-family: $rammetto;
  }
}
.home{
  h2, p{
    font-size: $txt-figli;
    line-height: 3rem;
  }
  #text_figli{
    strong{
      position: relative;
      &::after{
        display: block;
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: black;
        bottom: 0;
      }
    }
    a{
      position: relative;
      &#publique{
        font-family: $playfair;
      }
      &#sociale{
        font-family: $syne;
      }
      &#culturelle{
        font-family: $avara;
      }
      &#commanditaires{
        font-family: $moche;
      }
      &#figureslibres{
        font-family: $rammetto;
      }
      &#logiciels-libres{
        font-family: $rumeur;
      }
    }
    #item{
      .e-content{
        p{
          font-size: 1.5rem;
          line-height: 3rem;
          strong{
            font-weight: bold!important;
          }
          a{
            text-decoration: underline;
          }
          em{
            font-style: italic;
          }
        }
      }
    }
    #item_list{
      &.commanditaires{
        flex-direction: column;
        .card-title{
          line-height: normal;
        }
      }
      &.figureslibres{
        p{
          strong{
            margin-top: 10px;
            font-family: $rammetto;
            display: block;
            &::after{
              display: none;
            }
          }
        }
      }
      &.logiciels-libres{
        p{
          margin-top: 10px;
          strong{
            display: block;
            font-weight: bold;
            &::after{
              display: none;
            }
          }
        }
      }
      &.figureslibres{
        p{
          margin-top: 10px;
          strong{
            display: block;
            font-weight: bold;
            &::after{
              display: none;
            }
          }
        }
      }
    }
  }
}

#item{
  h2{
    width: auto;
    line-height: 4rem!important;
    font-size: 4rem!important;
    font-weight: normal!important;
  }
  span{
    font-size: 1rem;
 }
 &.publique{
   h2{
     font-family: $playfair;
   }
   span{
     font-family: $playfair;
     font-weight: normal;
   }
 }
 &.sociale{
   h2{
     font-family: $syne;
   }
   span{
     font-family: $syne;
     font-weight: normal;
   }
 }
  &.culturelle{
    h2{
      font-family: $avara;
    }
    span{
      font-family: $avara;
      font-weight: normal;
    }
  }
}

a.publique, span.publique{
  font-family: $playfair;
}

a.sociale, span.sociale{
  font-family: $syne;
}

a.culturelle, span.culturelle{
  font-family: $avara;
}

.sidebar-right{
  h2{
    margin: .5rem 0rem 0rem 0rem;
  }
  ul > span{
    font-size: 0.8rem;
    line-height: 1rem!important;
    text-decoration: underline;
    margin-bottom: 0.5rem;
  }
  ul > li{
    font-size: 1.7rem;
    line-height: 2.5rem;
     a{
      font-size: 1.7rem;
      line-height: 2rem;
      border-radius: 50px;
    }
  }
  .informations{
    padding: 1rem;
    &> div{
      margin-bottom: 1rem;
    }
    h3{
      font-size: 1.5rem;
      line-height: 2rem;
      margin: 0;
    }
    p{
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
}

.other_projets{
  h3{
    font-size: $txt-figli;
    margin: 0;
  }
}

.card{
  h2{
    margin: 0;
    font-size: 1rem;
  }
}
