/**
 *
 * Hover Cards General Style
 *
 */

 /* Hide Overflow */
 .hover-card-wrapper {
    overflow: hidden !important;
    position: relative;
    z-index: 4;
  }

 /* General Card Layout */
  .hover-card-wrapper .card-link {
    overflow: hidden;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 1;
  }
  .hover-card-wrapper .card-image {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 0;
  }
  .hover-card-wrapper .hover-card-inner-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
  }
  .hover-card-wrapper .card-overlay {
    z-index: 6 !important;
  }
  .hover-card-wrapper .hidden-overlay-wrapper {
    height: 100%;
    position: relative;
  }
  .hover-card-wrapper .hidden-overlay {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    transition: all 0.5s ease-out;
  }
  .hover-card-wrapper .card-overlay {
    display: flex;
    flex: 0;
    flex-direction: column;
    position: relative;
    transition: all 0.8s ease-in-out;
    width: 100%;
    z-index: 2;
  }
  .hover-card-wrapper .hovertoshow:hover, .hover-card-wrapper .card-overlay.active {
    flex: 1;
  }
  .hover-card-wrapper .hovertoshow:hover .hidden-overlay, .hover-card-wrapper .card-overlay.active .hidden-overlay {
    opacity: 1;
    transition: all 0.5s ease-in;
  }

 /* Make Title and Icons Inline */
  .hover-card-wrapper .overlay-title-container, .hover-card-wrapper .overlay-title-icons-wrapper, .hover-card-wrapper .overlay-title-icon {
    align-items: center;
    display: flex;
  }
  .hover-card-wrapper .overlay-title {
    margin-bottom: 0;
    margin-top: 0;
  }

 /* Remove Extra Margins */
  .hover-card-wrapper .overlay-body-text {
    margin: 0 !important;
  }

 /* Make Cursor Pointer on Overlay Hover */
  .hover-card-wrapper .card-overlay:hover {
    cursor: pointer;
  }

 /* Button Styles */
  .hover-card-wrapper .text-link-wrapper {
    display: flex;
    z-index: 7;
  }
  .hover-card-wrapper .text-link:hover, .hover-card-wrapper .text-link:focus {
    background: none;
  }
  .hover-card-wrapper .text-link, .hover-card-wrapper .text-link .btn-text, .hover-card-wrapper .text-link .button-icon-wrapper {
    align-items: center;
    display: flex;
  }
  .hover-card-wrapper .text-link .button-icon-wrapper svg path {
    stroke-width: 0.1px !important;
  }
  .hover-card-wrapper a.text-link .button-icon-wrapper .background,
  .hover-card-wrapper a.text-link:hover .button-icon-wrapper .border, .hover-card-wrapper a.text-link:focus .button-icon-wrapper .border {
    fill-opacity: 0 !important;
  }
  .hover-card-wrapper a.text-link .button-icon-wrapper .border, 
  .hover-card-wrapper a.text-link:hover .button-icon-wrapper .background, .hover-card-wrapper a.text-link:focus .button-icon-wrapper .background {
    fill-opacity: 1 !important;
  }
  .hover-card-wrapper a.text-link:hover .button-icon-wrapper > svg path.arrow, .hover-card-wrapper a.text-link:focus .button-icon-wrapper > svg path.arrow {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
  }

 /* Hide And Show Icons in Title Based on Hover or Click */
  .hover-card-wrapper .showhover.invisible, .hover-card-wrapper .showclick.invisible,
  .hover-card-wrapper .hideclick.invisible, .hover-card-wrapper .hidehover.invisible,
  .hover-card-wrapper .card-overlay.active .hideclick, .hover-card-wrapper .hovertoshow:hover .hidehover {
    max-height: 0;
    max-width: 0;
    opacity: 0 !important;
    transition: opacity 0.2s ease-in-out;
    visibility: hidden !important;
  }
  .hover-card-wrapper .showhover.visible, .hover-card-wrapper .showclick.visible,
  .hover-card-wrapper .hideclick.visible, .hover-card-wrapper .hidehover.visible {
    max-height: 100%;
    max-width: 100%;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    visibility: visible;
  }