/*------------------------------------------------------------
SHOW HIDE
====================================*/

/* Variables Custom */
$showHide-footer-padding-y: 15px;

$showHide-footer-font-size: 1.3rem;
$showHide-footer-text-decoration: underline;
$showHide-footer-color: $black;
$showHide-footer-text-decoration-hover: underline;
$showHide-footer-color-hover: $primary;
/***************************************/

.show-hide-body {
  position: relative;
  overflow: hidden;
  transition: height 0.3s;
}
.show-hide-footer {
  position: relative;
  text-align: center;
}
.show-hide-footer-link {
  display: block;
  position: relative;
  padding: $showHide-footer-padding-y 0;
  text-decoration: none;
  font-size: $showHide-footer-font-size;
  color: $showHide-footer-color;
  outline: none;
  span {
    text-decoration: $showHide-footer-text-decoration;
  }
  &:hover {
    color: $showHide-footer-color-hover;
    span {
      text-decoration: $showHide-footer-text-decoration-hover;
    }
  }
  .hidden {
    display: none;
  }
}
.show-hide-footer-container {
  position: relative;
  z-index: 9;
}

/* RESPONSIVE */
/***************************************/
@include media-breakpoint-up(md) {
  .show-hide:not([data-height-md]) {
    .show-hide-body {
      height: auto !important;
    }
    .show-hide-footer {
      display: none;
    }
  }
}

@include media-breakpoint-up(lg) {
  .show-hide:not([data-height-lg]) {
    .show-hide-body {
      height: auto !important;
    }
    .show-hide-footer {
      display: none;
    }
  }
}
