/*











 Theme Name:   Bricks Child Theme











 Theme URI:    https://bricksbuilder.io/











 Description:  Use this child theme to extend Bricks.











 Author:       Bricks











 Author URI:   https://bricksbuilder.io/











 Template:     bricks











 Version:      2.0-directorist











 Text Domain:  bricks











*/











/* Elenya Match-Finder home cards: clickable + premium hover effect */





#matchfinder-cards > *,





#matchfinder-cards > * * {





  cursor: pointer !important;





}











#matchfinder-cards > *,





.elenya-matchfinder-clickable {





  position: relative;





  overflow: hidden;





  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;





  will-change: transform;





}











#matchfinder-cards > *::after,





.elenya-matchfinder-clickable::after {





  content: "";





  position: absolute;





  inset: 0;





  pointer-events: none;





  border-radius: inherit;





  opacity: 0;





  transition: opacity 0.22s ease;





  background: linear-gradient(135deg, rgba(239, 73, 45, 0.08), rgba(255, 255, 255, 0));





}











#matchfinder-cards > *:hover,





#matchfinder-cards > *:focus-visible,





.elenya-matchfinder-clickable:hover,





.elenya-matchfinder-clickable:focus-visible {





  transform: translateY(-4px);





  border-color: #ef492d !important;





  box-shadow: 0 18px 38px rgba(25, 18, 15, 0.14);





}











#matchfinder-cards > *:hover::after,





#matchfinder-cards > *:focus-visible::after,





.elenya-matchfinder-clickable:hover::after,





.elenya-matchfinder-clickable:focus-visible::after {





  opacity: 1;





}











#matchfinder-cards img {





  transition: transform 0.28s ease, filter 0.28s ease;





}











#matchfinder-cards > *:hover img,





.elenya-matchfinder-clickable:hover img {





  transform: scale(1.04);





  filter: saturate(1.05) contrast(1.02);





}











#matchfinder-cards > *:focus-visible,





.elenya-matchfinder-clickable:focus-visible {





  outline: 2px solid #ef492d;





  outline-offset: 4px;





}