.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;
  /* 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 .figen h2 {
  margin-bottom:7px;
}

.paragraph--type--cluster-of-figures .figen .label {
  background: #c5e3ed;
  padding: 3px 7px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 70%;
}


.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; */
/* } */
figure.effect-sarah h2 {
  position: relative;
  overflow: hidden;
  padding: 0.5em 0;
  font-size: 20px;
  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);
}

/*added filter by taxonomy tags*/


.tagfilter {
  display: block;
  overflow: hidden;
}

.branch {
  /* display: inline-block; */
}

.atagfilter,
.tagreset{
  border: none;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  position: relative;
  padding: 2px 7px 2px 7px !important;
  background: #e9f0fa none repeat scroll 0 0;
  text-decoration: none;
  color: #1E64C8;
  white-space: nowrap;
  margin: 7px 1%;
}

.tagreset{
  float:right;
}

.atagfilter.active {
  background: #444 none repeat scroll 0 0;
  color: #fff;

}

.atagfilter .cnt {
  display: none;
  margin-left: 3px;
  padding: 1px 5px;
  font-size: 10px;
  background: #fff;
  color: #000;
  border-radius: 500px;
}

.zero {
  cursor: default;
  opacity: 0.2;
  color: #000 !important;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}