/* ***************** *******************************************************************
* WordPress Theme  | LanteasOpenSoclePremiumThemeChild [Slider FX] - Lanteas.
* ***************** *******************************************************************
*/

/* Required custom declaration for Lanteas Slider FX */
:root{
	--showcase-hover-background-color: #093ea4;
	--showcase-hover-blend-mode: overlay;
}

/* Grayscale/desaturate the source image */
.avia-slideshow li img{
  filter: grayscale(86%);
}

/* Basis declaration for Lanteas Slider FX */
.avia-slideshow li .avia-slide-wrap::before {
  content: "";
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var( --showcase-hover-background-color);
  mix-blend-mode: var( --showcase-hover-blend-mode );
  /* Full browsers support fx animation */
  -webkit-transition: background-color 0.33s linear 0s;
     -moz-transition: background-color 0.33s linear 0s;
       -o-transition: background-color 0.33s linear 0s;
          transition: background-color 0.33s linear 0s;
}

/* Restore Lanteas Slider FX */
.avia-slideshow li .avia-slide-wrap:hover::before {
  background-color: transparent;
}
.avia-slideshow li .avia-slide-wrap:hover img {
  filter: grayscale(0%);
}