
.paragraph--type--cluster-of-figures .inner{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-evenly;
	box-sizing: border-box;
	padding:3%;
}

.paragraph--type--cluster-of-figures .figen {
  position: relative;
  float: left;
  overflow: hidden;
  max-width: 350px;
  /* min-width: 210px; */
  /* max-width: 210px; */
  /* max-height: 210px; */
  /* width: 48%; */
  /* background: #000; */
  text-align: center;

  /* box-shadow:4px 4px 4px #5ea4dd; */
}

.paragraph--type--cluster-of-figures figure {
	  cursor: pointer;
	box-shadow:4px 4px 4px #444;
}

.paragraph--type--cluster-of-figures figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 1;
  
}

.paragraph--type--cluster-of-figures figure figcaption::before, .clustercontent figure figcaption::after {
  pointer-events: none;
}


.paragraph--type--cluster-of-figures figure figcaption,
.paragraph--type--cluster-of-figures figure figcaption a{
  position: absolute;
  top: 0;
  left: 0;
  width: -webkit-calc(100% - 42px);
  width: calc(100% - 42px);
  height: 100%;
  text-decoration:none !important;
}

.paragraph--type--cluster-of-figures figure figcaption {
    padding:21px;
  color: #fff;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.paragraph--type--cluster-of-figures figure {
	cursor: pointer;
	margin: 0 0 2% 0;
}



/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
  /* background: #000; */
}

figure.effect-sarah img {
  max-width: none;
  /* -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; */
  /* transition: opacity 0.35s, transform 0.35s; */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-sarah:hover img {
  /* opacity: 0.7; */
  /* -webkit-transform: translate3d(0,0,0); */
  /* transform: translate3d(0,0,0); */

}

figure.effect-sarah figcaption {
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  /* max-height:150px; */
}

/* figure.effect-sarah h2 { */
  /* position: relative; */
  /* overflow: hidden; */
  /* padding: 0.5em 0; */
  /* font-size: 20px; */
  /* margin-bottom: 0px; */
  /* text-transform: uppercase; */
  /* color: #fff; */
  /* text-shadow: -2px 1px #5ea4dd; */
  /* font-weight:lighter; */
/* } */
.figen h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	font-size: 20px !important;
	margin-bottom: 0px;
	text-transform: uppercase;
	color: #444 !important;

	font-weight: 800;
	  background-color:rgba(255,255,255,0.8);
padding:7px;  
}

figure.effect-sarah h2::after {
  /* position: absolute; */
  /* bottom: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 3px; */
  /* background: #fff; */
  /* content: ''; */
  /* -webkit-transition: -webkit-transform 0.35s; */
  /* transition: transform 0.35s; */
  /* -webkit-transform: translate3d(-100%,0,0); */
  /* transform: translate3d(-100%,0,0); */
}

figure.effect-sarah:hover h2::after {
  /* -webkit-transform: translate3d(0,0,0); */
  /* transform: translate3d(0,0,0); */
}

figure.effect-sarah span {
  padding: 14px;
  color:#444 !important;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  font-size:17px;
  text-align:left;
  display:block;
	background:rgba(255,255,255,0.8);
}

figure.effect-sarah span * {
  color:#444 !important;
}

figure.effect-sarah:hover span {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
