/* ===================================
Text clampable - Important inside cards! 
====================================== */
         .clampable {
  display: -webkit-box;
  -webkit-line-clamp: 2;    
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
  transition: all .3s ease;
  text-align: left;
}

 @media (hover: hover) {
  .clampable:hover {
    -webkit-line-clamp: unset;
    overflow: visible;
    white-space: normal;
  }
}

 .clampable.expanded {
  -webkit-line-clamp: unset;
  overflow: visible;
  white-space: normal;
}