/*
 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:      1.1
 Text Domain:  bricks
*/


/* work thumbnails with hover video */


.project-thumb {
  position: relative !important;
  width: 100% !important;
}

/* Aspect ratio (3:4) */
.video-wrapper {
  position: relative !important;
  width: 100% !important;
  padding-top: 133.33% !important;
  overflow: hidden !important;
}

/* Image and video fill wrapper */
.project-thumbnail-image,
.hover-video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
  transition: opacity 0.3s ease !important;
}

/* Show image by default */
.project-thumbnail-image {
  opacity: 1 !important;
  z-index: 1 !important;
}

/* Hide video by default */
.hover-video {
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* On hover: show video, hide image */
.project-thumb .video-wrapper.has-video:hover .hover-video {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.project-thumb .video-wrapper.has-video:hover .project-thumbnail-image {
  opacity: 0 !important;
}