/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
* CLEARFIX ARTICLES BLOCKS............
* ARTICLES BLOCKS.....................
* ARTICLES DETAILS PAGES BLOCKS.......
* SIDEBAR ARTICLES BLOCKS.............
* FONT AWESOME BLOCKS.................
* RESPONSIVE BLOCKS...................
*/

/* ------------------------------------ *\
  ==CLEARFIX ARTICLES BLOCKS
\* ------------------------------------ */
.news {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5rem;
}

.current-path-news .wrapper {
  background-color: #eee;
}

.block__content__articles a p,
.block__content-articles--page a p {
  color: #222;
}

.block__content__articles .more-link {
  text-align: center;
  margin-top: 1.5rem;
  padding: 0 1rem;
}

.block__content__articles .more-link a:hover {
  background-color: #931111;
  color: #fff;
}

.block--content-articles--page .news__fields--content p {
  line-height: 1.5;
}

.article .views-element-container .field-content,
.sidebar .article .news__fields--photo {
  position: relative;
}

.sidebar .block__content__articles .grid-container {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.article .views-element-container .field-content,
.article .sidebar .news__fields--photo {
  position: relative;
}

.article .views-element-container .field-content article::before,
.article .sidebar .news__fields--photo article::before {
  background-image: linear-gradient(to top, rgb(85 85 85 / 30%), rgb(85 85 85 / 30%));
  content: "";
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.article__content .card__fields--tags {
  background-color: #ddd;
  display: inline-block;
  margin-right: 1rem;
  padding: .25rem .75rem;
}

.article__content .block-page-title-block__content h1 {
  color: #222;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.article__content .block__title::after,
.article__content .block-page-title-block__content h1::after {
  border: 2px solid #222;
  border-radius: 4px;
  content: "";
  display: block;
  margin: 0 auto;
}

.page-node-type-article .block-pagetitle-2__content h1 {
  margin-top: 0;
  text-align: left;
}

.page-node-type-article .block-pagetitle-2__content h1::after {
  margin: initial;
}

.page-node-type-article .article__content .card__fields--date {
  color: #222;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  vertical-align: middle;
}

.article--layout-full .block__title::after,
.article--layout-full .block-page-title-block h1::after {
  border: 0;
  content: none;
  display: initial;
  margin: 0;
  width: 0;
}

/* Clearfix */
.block__content__articles .views-row a {
  background-color: #fff;
  display: block;
}

.block__content-articles--page .news__fields {
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 1.5rem;
}

.block__content__articles .card {
  margin-bottom: 2rem;
}

.block__content__articles .card__img,
.block__content-articles--page .news__fields--photo {
  position: relative;
}

.block__content__articles .card__img::before,
.block__content-articles--page .news__fields--photo article::before {
  background-image: linear-gradient(to top, rgb(85 85 85 / 20%), rgb(85 85 85 / 20%));
  content: "";
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.block-views-block-articles-block-4 .card .views-row .card__content {
  display: flex;
}

.block-views-block-articles-block-4 .card__content .card__content-wrapper {
  align-self: flex-start;
}

.block-views-block-articles-block-4 .card__content .cell:last-child {
  align-self: flex-end;
}

.block__content__articles .views-row::before,
.block__content__articles .views-row::after {
  content: " ";
  display: table;
}

.block__content__articles .views-row::after {
  clear: both;
}

/* ------------------------------------ *\
  ==ARTICLES BLOCKS
\* ------------------------------------ */

.block__content__articles .article__title > a {
  color: #222;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.block__content__articles .views-field-title a {
  margin-bottom: .5rem;
}

.block__content__articles .card .card__content {
  padding: 1.5rem;
}

.block__content__articles .article__content > div {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

.block__content__articles .field-content a {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
}

/* Lien de l'articles */
.block__content__articles .article__title a,
.block__content__articles .article__title span {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.article--layout-full h2 {
  margin-top: 0;
}

.article__content .card__fields--tags > div > h2 {
  margin: 0;
  padding: 0;
}

.block__content__articles .news__fields--content {
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.8;
}

.article__content .card__fields--tags > div > h2 > a {
  color: #222;
  font-size: .85rem;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
}

.article--layout-full .article__content > div {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}

.block__content__articles .card .card__tag > div {
  background-color: #ccc;
  color: #222;
  display: inline-block;
  float: right;
  font-size: .85rem;
  padding: .25rem .75rem;
}

.block__content__articles .card .card__fields--tags > a {
  color: #222;
  font-size: .85rem;
}

.block__content__articles .card .card__fields--date {
  color: #222;
  font-size: .85rem;
  font-weight: 600;
  margin-top: .5rem;
  vertical-align: middle;
}

/* Titre de l'article */
.block__content__articles .article__title > a:hover,
.block__content-articles--page a:hover .news__fields--title {
  color: #931111;
  text-decoration: underline;
}

.block__content__articles .news__fields--title,
.block__content-articles--page .news__fields--title {
  color: #222;
  display: inline-block;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  margin-top: .75rem;
}

.block__content__articles .article__title span {
  margin-bottom: 1.5rem;
}

.card:hover .views-field-title > span {
  color: #931111;
  text-decoration: underline;
}

.card {
  border: 1px solid #ccc;
}

.block__content__articles .field-content a:hover,
.block--content--articles a:hover .news__fields--title,
.block__content__articles .article__title a:hover,
.block__content__articles .article__title span:hover,
.block__content-articles--page .article__title a:hover {
  color: #931111;
  text-decoration: underline;
}

.block__content__articles .card .views-field-title span {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: .5rem;
  margin-top: 1rem;
}

/* Date de l'article */
.block__content__articles .views-field-field-event-date {
  color: #222;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  vertical-align: middle;
}

/* Corp de l'article */
.block__content__articles .views-field-body {
  display: block;
  float: left;
  width: 73%;
}

.block__content__articles .views-field-body p {
  font-size: 1rem;
  line-height: 1.5;
  padding-right: 1rem;
}

.block__content__articles .news__fields img {
  width: 100%;
}

.block__content__articles .news__fields--title a:hover {
  color: #931111;
  text-decoration: underline;
}

.block__content__articles .news__fields--date time,
.article__content .news__fields--date,
.block__content-articles--page .news__fields--date {
  color: #222;
  font-size: .85rem;
  font-weight: 600;
  padding-top: .5rem;
}

.block__content-articles--page .news__fields__content .news__fields--tag {
  float: right;
}

/* Date et lieu de l'article */
.block__content__articles .field-content {
  display: inline;
  vertical-align: middle;
}

.block__content__articles .views-field-field-event-location {
  margin-top: 1.25rem;
}

/* Date et lieu de l'article */
.news__fields--tag {
  background-color: #ddd;
  display: inline-block;
  font-size: .85rem;
  font-weight: 500;
  padding: .25rem .5rem;
}

.news__fields .news__fields--tag {
  background-color: #ddd;
  padding: .25rem .75rem;
}

/* ------------------------------------ *\
  ==ARTICLES DETAILS PAGES BLOCKS
\* ------------------------------------ */

.article main {
  background-color: #fff;
  margin-left: -15px;
  margin-right: -15px;
  z-index: 10;
}

/* Titre */
.page-node-type-article .block__title {
  margin-top: 1.5rem;
}

/* Hero section */
.article .views-field-field-article-image {
  display: block;
  margin-top: 1.5rem;
}

.article--layout-full .article__content img {
  margin-bottom: -5rem;
}

.article--layout-full .article__content figure img {
  margin-bottom: initial;
}

/* Corp de la page */
.page-node-type-article .block__content__articles .field-content {
  margin-bottom: 0;
  margin-top: 1.5rem;
}

.article--layout-full .article__content time {
  margin-right: 1.5rem;
}

.block__content__articles .article__content p {
  font-size: 1rem;
  line-height: 1.5;
}

.block__content__articles .article__content img {
  margin-bottom: 1rem;
}

/* ------------------------------------ *\
  ==SIDEBAR ARTICLES BLOCKS
\* ------------------------------------ */

/* Titre */
.article .sidebar .block__title,
.article .sidebar .block-pagetitle__content h1 {
  text-align: left;
}

.article .sidebar .block__title::after {
  margin: .5rem 0;
}

.article .sidebar .block-pagetitle__content h1::after {
  margin: 0;
}

.sidebar .block__content__articles .views-field-title {
  display: block;
  padding: 1rem 1rem 0;
}

.sidebar .block__content__articles .news__fields__content {
  background-color: #eee;
}

/* Corp de la page */
.sidebar .block__content__articles .field-content {
  display: inline;
  vertical-align: middle;
}

.sidebar .block__content__articles .article__content .links {
  list-style-type: none;
  margin: 0;
}

.sidebar .block__content__articles .news__fields--link,
.block__content__articles .news__fields--link {
  color: #931111;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1.5rem;
  text-transform: uppercase;
}

.sidebar .block__content__articles .views-field-field-image {
  margin: 0 auto;
}

.sidebar .block__content__articles .views-field-field-event-date,
.sidebar .article__content .news__fields--date {
  display: block;
  margin-bottom: 0;
  padding: 1rem;
}

.sidebar--second {
  margin-bottom: 1.5rem;
}

.sidebar .button {
  width: 100%;
}

.sidebar .news__fields .news__fields--tag {
  margin-bottom: 1rem;
}

.sidebar .news__fields--date {
  clear: both;
}

/* ------------------------------------ *\
  ==FONT AWESOME BLOCKS
\* ------------------------------------ */

.block__content__articles .views-field-field-event-location::before,
.block__content__articles .views-field-field-event-start-date::before,
.block__content__articles .views-field-field-event-end-date::before,
.block__content__articles .views-field-field-event-date::before,
.article__content .news__fields--date::before,
.sidebar .news__fields--date::before {
  font-family: "Font Awesome 5 Pro", sans-serif;
  font-size: 1.5rem;
  margin-right: .5rem;
  vertical-align: middle;
}

.block__content__articles .views-field-field-event-start-date::before,
.block__content__articles .views-field-field-event-date::before,
.article__content .news__fields--date::before {
  content: "\f073";
}

.block__content__articles .views-field-field-event-location::before {
  content: "\f3c5";
}

.block__content__articles .views-field-field-event-location,
.block__content__articles .views-field-field-event-start-date,
.block__content__articles .views-field-field-event-end-date,
.sidebar .news__fields--date::before {
  font-weight: 500;
}

/* ------------------------------------ *\
  ==RESPONSIVE BLOCKS
\* ------------------------------------ */

/* Small only */
@media screen and (max-width: 63.9375em) {

  .block-views-block-articles-block-1__content .views-field-title {
    padding: 1.5rem;
  }

  .block__content__articles .news__fields__content,
  .block__content-articles--page .news__fields__content {
    padding: 1rem;
  }

  .block-views-block-articles-block-1__content .field-content a {
    width: 100%;
  }

  .block-views-block-articles-block-1__content .field-content a img {
    height: auto;
    width: 100%;
  }

  .block-views-block-articles-block-1__content .views-field-field-event-date {
    float: left;
    padding-left: 1.5rem;
  }

  .news__fields .news__fields--tag {
    margin-top: 0;
  }
}

/* Medium down */
@media screen  and (max-width: 63.9375em) {
  main {
    order: 1;
  }

  /* Side bar */
  .sidebar {
    order: 2;
  }
}

/* Medium and up */
@media screen and (min-width: 75em) {
  .block-views-block-articles-block-1__content .views-field-field-image {
    display: block;
    float: left;
    margin-right: 2%;
    width: 25%;
  }

  .block-views-block-articles-block-1__content .views-field-title,
  .block-views-block-articles-block-1__content .views-field-field-event-date {
    display: block;
    float: left;
    width: 73%;
  }

  .block__content__articles .news__fields__content,
  .block__content-articles--page .news__fields__content {
    padding: 1rem 0 0 .5rem;
    margin: 0;
  }

  .news__fields__content .news__fields--tag {
    margin-top: 0;
  }
}

/* Medium and up */
@media screen and (min-width: 64em) {

  .article main .grid-container {
    padding: 0;
  }

  .article main {
    margin-top: -8rem;
    padding: 2rem 1.5rem;
  }

  .sidebar .block__content__articles .news__fields__content {
    padding: 1.5rem;
  }
}