/*
GPRO CSS: Loop Saturate Image
Description: Featured image starts desaturated, restores full colour on hover over the whole card. Built for Divi loop/blog module image elements (.et_pb_image).
Classes: .gpro-loop-saturate-image
Apply: Add .gpro-loop-saturate-image as a CSS Class on the loop item / card wrapper (e.g. a Divi Loop Builder row or module group), not on the image itself.
Version: 1.0
Order: 30
*/

/* Desaturated by default */
.gpro-loop-saturate-image .et_pb_image img {
    filter: grayscale(100%);
    transition: filter 0.35s ease;
}

/* Full colour on card hover */
.gpro-loop-saturate-image:hover .et_pb_image img {
    filter: grayscale(0%);
}