.elementor-490 .elementor-element.elementor-element-f266f88{--display:flex;}.elementor-490 .elementor-element.elementor-element-3f719e0 > .elementor-widget-container{background-color:#161616E6;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}/* Start custom CSS for html, class: .elementor-element-3f719e0 */$line-contrast: 100%;
$photo-brightness: 90%;
$photo-contrast: 100%;
$photo-blur: 3px;
$blend-mode: screen;
$point-size: 0px;
$point-color: #333;
$point-spacing: 8px;


html, body 
h1{
  position: relative;
  font-family: 'Khand', sans-serif;
  font-size: calc(1vw + 1vh + .5vmin);
  text-transform: uppercase;
  padding-bottom:10px;
  color:black;
}
.container{
  padding: 10px;
  margin: 0 auto;
  width: 90vw;
}
.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 80vh;
  border-radius:6px;
}

.item {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  overflow:hidden;
  margin:2px;
  mix-blend-mode: $blend-mode;
  filter: grayscale(60%);
  transition: flex 0.4s cubic-bezier(.32,.79,.38,.99), filter 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
  &:hover {
    flex: 7;
    filter:grayscale(0) saturate(1) blur(0px);
  }
  &:hover .caption {
    opacity:1;
  }
  &:before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: radial-gradient(circle closest-side, $point-color $point-size, transparent $point-size);
   
    filter: contrast($line-contrast);
    transition: opacity .2s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    opacity:.3;
    pointer-events:none;
  }
  &:hover:before {
    opacity:0;
  }
}
.caption {
  position:fixed;
  left:.5rem;
  right:.5rem;
  bottom:0;  
  margin:.5rem;
  padding:.5rem;
  color:white;
  border-radius: 6px;
  backdrop-filter: blur( 2.0px );
  transition: opacity 0.2s ease, backdrop-filter 3s cubic-bezier(0.860, 0.000, 0.070, 1.000);
  /*
  transition-delay:1s;
  */
  opacity:0;
  
  & p {
    width:100%;
  }
  & h1 {
    color:white;
    padding:0px;
  }
}


.item-1 { 
  border-radius:6px;
  background-image: url('https://www.chronosynthesis-official.com/wp-content/uploads/2024/07/CS-Paolo_booklet-scaled.jpg');
}
.item-2 { 
  border-radius:6px;
  background-image: url('https://www.chronosynthesis-official.com/wp-content/uploads/2024/07/CS-Roberto_booklet-scaled.jpg');
}
.item-3 { 
  border-radius:6px;
  background-image: url('https://www.chronosynthesis-official.com/wp-content/uploads/2024/07/CS-Fabio_booklet-scaled.jpg');
}
.item-4 { 
  border-radius:6px;
  background-image: url('https://www.chronosynthesis-official.com/wp-content/uploads/2024/07/CS-Matteo_booklet-scaled.jpg');
}
.item-5 { 
  border-radius:6px;
  background-image: url('https://www.chronosynthesis-official.com/wp-content/uploads/2024/07/CS-Moreno_logo.jpg');
}/* End custom CSS */