/**
 * CUSTOM CSS
 *
 * Here you can add your custom CSS code.
 */

/* Mobile portfolio fix */
@media (max-width: 1023px) {

  /* Pull content out of the overlay and display it below the image */
  .c-image-overlay {
    overflow: visible;
  }

  .c-image-overlay__content {
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
    max-width: 100%;
    padding: 1rem 0;
  }

  /* Show the deco line */
  .c-image-overlay .c-image-overlay__deco-line {
    width: 15%;
  }

}

/* Prevent touch-triggered hover fade on touch devices */
@media (hover: none) {
  .t-image-overlay img,
  .t-image-overlay:hover img,
  .c-image-overlay:hover img {
    opacity: 1 !important;
    transform: none !important;
  }
}