Popsu-coloque/web/themes/custom/popsu_colloque/css/typography.scss

@font-face {
    font-family: 'dukefill';
    src: url('../fonts/duke_fill-webfont.woff2') format('woff2'),
         url('../fonts/duke_fill-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cormorantBold';
    src: url('../fonts/Cormorant-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Cormorant-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cormorantBoldItalic';
    src: url('../fonts/Cormorant-BoldItalic-webfont.woff2') format('woff2'),
         url('../fonts/Cormorant-BoldItalic-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'truenoregular';
    src: url('../fonts/truenorg-webfont.woff2') format('woff2'),
         url('../fonts/truenorg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

main{
  h2{
    font-family: 'dukefill';
    font-size: 3.5rem;
    line-height: 3rem;
    letter-spacing: $letter_spacingH;
  }
  h2, a{
    color: $color2;
  }
  &.home{
    h2{
      font-size: 2rem;
    }
  }

  h3{
    text-transform: uppercase;
    margin: 2rem 0;
    font-family: 'dukefill';
    font-size: 3rem;
    letter-spacing: $letter_spacingH;
    color: $lightgrey;
  }
  .__ressources{
    h4{
      text-transform: uppercase;
      margin: 2rem 0;
      font-family: 'dukefill';
      font-size: 2rem;
      letter-spacing: $letter_spacingH;
      color: $color2
    }
  }

blockquote{
  p{
    font-family: 'cormorantBold';
    font-size: 3rem;
    line-height: 3rem;
    font-weight: lighter;
  }
}

p{
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: 'truenoregular';
}

a{
  color: black;
  &:hover{
    color: black;
  }
}
.__wrap_content{
  p{
    a{
      display: inline;
      background: $underline;
    }
  }
}

.thumbnails_participants{
  *{
    color: $color2;
  }
  .__name{
    font-family: 'truenoregular';
    font-size: 1rem;
  }
  .__qualite{
    font-family: 'truenoregular';
    font-size: 1rem;
    font-style: italic;
  }
}



.programme{
  h3{
    font-size: 1.5rem;
    font-family: 'truenoregular';
  }
}

.thumbnails{
  time, .type_moment{
    font-family: 'truenoregular';
    font-size: 0.9rem;
    text-transform: uppercase;
  }

  .__content{
    a{
      font-family: 'truenoregular';
      font-weight: bold;
      font-size: 1rem;
      text-transform: uppercase;
    }
  }
}

.paragraph--type--role-de-l-intervenant{
  .___title_inter{
    div{
      font-family: 'truenoregular';
      font-weight: bold;
      font-size: 0.8rem;
      text-transform: uppercase;
    }
  }
}

article{
  .__head{
   div{
     font-family: 'truenoregular';
     font-size: 1rem;
     text-transform: uppercase;
   }
  }
}
  .blue, #txt_present{
    // color: $color2;
  }

  #block-views-block-slide-programme-block-1{
    .thumbnails a{
      // color: $col_black;
    }
  }
}

#block-popsu-colloque-submenu{
  ul{
    li{
      a{
        font-size: 2rem;
        font-family: 'dukefill';
        letter-spacing: 0.05rem;
        text-transform: uppercase;
      }
    }
  }
}


.more_link{
  span{
    padding-left: 0.5rem;
  }
}