/*====================================================
                     INTERVENANTS
====================================================*/

.intervenant-fiche h3 {
  color:var(--desert-sand);
}

.liste-intervenants {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding:1.25em;
}

.intervenant {
  margin-top:16px;
  width:49%;
  height:250px;
  background-color:rgba(245,245,245,0.9);
  color:var(--brique);
  display:flex;
  overflow:hidden;
}

.intervenant:hover {
  box-shadow:4px 4px 8px var(--brique);
  transition: var(--short-transition);
}

.intervenant h4 {
  text-align:center;
  margin-top:8px;
  color:var(--brique);
}

.info {
  margin:8px 16px;
  color:var(--jet);
  flex-grow:1;
}

.intervenant h4, .intervenant span.title {
  font-weight:bold;
  text-transform:uppercase;
}

.intervenant span.title:after {
  content:" : ";
}

.intervenant img {
  min-width:33%;
  object-fit:cover;
}

.intervenant .cat-title {
	font-weight:bold;
}

.intervenant-fiche article {
  padding-left:32px;
}


@media (max-width: 578px) {
  .liste-intervenants {
	padding:0;
  }
	
  a.intervenant {
    width:100%;
  }
	
  .intervenant img {
	min-width:45%;
  }

  .intervenant h2 {
	font-size:24px;
	margin:8px 0;
  }

  .intervenant .cat-title {
	margin:8px 0;
  }

  .info {
    margin:8px;
  }

  .wrap.intervenant-fiche {
    flex-direction:column;
  }

  .wrap.intervenant-fiche aside,
  .wrap.intervenant-fiche article {
    width:100%;
  }
}

@media (max-width:768px) {
  .intervenant {
    width:100%;
  }

}