/* xl - DESKTOP STYLES */
/* Blurb styling with rounded corners and cut corner on top right */
.director-hover {
  position: relative;
  height: 300px;
  /* Fixed height as per your requirement */
  clip-path: polygon(80px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 80px);
  /* Cut top-right corner */
  border-radius: 12px;
  /* Rounded corners */
  overflow: hidden;
  /* Ensure everything stays within bounds */
  transition: clip-path 0.4s ease;
  /* Smooth transition for the cut corner */
}
/* Change the cut corner effect on hover */
.director-hover:hover {
  clip-path: polygon(50px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 50px);
  /* Make the cut more pronounced on hover */
}
/* Styling for the overlay effect */
.director-hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  /* Semi-transparent dark overlay */
  opacity: 0;
  /* Hidden initially */
  transition: opacity 0.4s ease;
  /* Smooth fade-in effect */
  z-index: 1;
  /* Make sure the overlay sits above the background but below the text */
}
/* Show the overlay on hover */
.director-hover:hover::before {
  opacity: 1;
  /* Display overlay */
}
/* Overlay text styling */
.director-hover .et_pb_blurb_description {
  position: absolute;
  top: 120px;
  /* Positioned 150px from the top */
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  /* Ensures text is centered horizontally */
  z-index: 2;
  /* Make sure the text sits above the overlay */
  transition: opacity 0.4s ease;
  /* Smooth fade-in effect */
  opacity: 0;
  /* Hidden initially */
}
/* Show the text on hover */
.director-hover:hover .et_pb_blurb_description {
  opacity: 1;
  /* Display text */
}
/* md - TABLET PORTRAIT STYLES */
@media (max-width: 965px) {
  /* Image styling with rounded corners and a cut top-right corner */
  .director-hover img {
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
    border-radius: 12px !important;
    /* Adds rounded corners */
    clip-path: polygon(80px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 80px);
    /* Initial cut corner effect */
    transition: clip-path 0.4s ease, transform 0.4s ease;
    /* Smooth transition for clip-path and zoom */
  }
  .director-hover:hover img {
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 50px) !important;
    /* Adjust cut corner on hover */
    transform: scale(1.05);
    /* Slight zoom effect on hover */
  }
  /* Container styling for hover effect */
  .director-hover {
    position: relative;
    overflow: hidden;
  }
  /* Overlay text styling */
  .director-hover .et_pb_blurb_description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    /* Semi-transparent dark overlay */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* Ensures text is centered horizontally */
    opacity: 0;
    /* Hidden initially */
    transition: opacity 0.4s ease;
    /* Smooth fade-in effect */
    clip-path: polygon(80px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 80px);
    /* Apply the same cut corner effect */
    border-radius: 12px !important;
    /* Consistent rounded corners */
  }
  /* Show the overlay on hover */
  .director-hover:hover .et_pb_blurb_description {
    opacity: 1;
    /* Display overlay */
  }
}
/* xs - SMARTPHONE PORTRAIT STYLES */
@media (max-width: 767px) and (orientation: portrait) {
  .awsm-modal-on .awsm-modal-item {
    margin-top: 100px;
    max-height: calc(100% - 150px);
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F9515-scss-desktop.scss%22%2C%22wp-content%2Fcustom_codes%2F9515-scss-tablet-p.scss%22%2C%22wp-content%2Fcustom_codes%2F9515-scss-mobile-p.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BACCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADDA%3BACWA%3BAAAA%3BAAAA%3BAAAA%3BADXA%3BACgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADhBA%3BAC8BA%3BAAAA%3BAAAA%3BAAAA%3BAD9BA%3BACmCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADnCA%3BACgDA%3BAAAA%3BAAAA%3BAAAA%3BADhDA%3BAAIA%3BAAAA%3BAEHA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFNA%3BAEYA%3BAAAA%3BAAAA%3BAAAA%3BAFZA%3BAEkBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFlBA%3BAEqCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFzCA%3BAASA%3BAGRC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */