/****************************** ****************************** 
                        Media Block
****************************** *****************************/
/*If Video*/
.zdcb-media-block .images__play, .zdcb-media-block.has-crop--landscape .images__play {
  background-color: var(--bs-shades-0);
  border: 2px solid var(--bs-primary-100);
  color: var(--bs-primary);
  box-shadow: 0 8px 16px rgba(var(--bs-shades-100-rgb), 0.1);
  box-sizing:border-box;
  border-radius:50%;
  width:72px;
  height:72px;
  padding:5px;
  transition:border-color .25s ease-out,color .25s ease-out,background-color .25s ease-out;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
/*
.zdcb-media-block .images__play-circle, .zdcb-media-block.has-crop--landscape .images__play-circle {
  text-align:center;
  border-radius:50%;
  align-items:center;
  width:100%;
  height:100%;
  display:flex;
  position:relative;
  left:28%
}
.zdcb-media-block .images__play-circle .icon, .zdcb-media-block.has-crop--landscape .images__play-circle .icon {
  width:2rem;
  height:2rem
}
*/
.zdcb-media-block .images a:hover .images__play, .zdcb-media-block.has-crop--landscape .images a:hover .images__play {
  background-color: var(--bs-primary-500);
  border-color: var(--bs-primary-200);
  color: var(--bs-primary-100);
}
.zdcb-media-block figure figcaption {
  color: var(--bs-neutral-500);
  margin-top: 0.5rem;
}
/**/
@media (min-width: 1200px) {
  .zdcb-media-block.is-layout-50_50 .image--1, .zdcb-media-block.is-layout-50_50 .image--2 {
    width: calc(50% - 1.5rem);
  }
}