.rtmkit-sticky-content-enabled {
  position: sticky;
  --sticky-offset: 0px;
  height: min-content !important;
}

.rtmkit-sticky-content-enabled.rtmkit-sticky-content-position-top {
  top: var(--sticky-offset);
}

.rtmkit-sticky-content-enabled.rtmkit-sticky-content-position-bottom {
  bottom: var(--sticky-offset);
}

.rtmkit-sticky-header-enabled {
    /* opacity: 1; */
    transition: transform 0.3s ease-in-out;
}

.rtmkit-sticky-header-enabled.rtmkit-sticky-active {
  position: fixed;
  z-index: 999;
}

.rtmkit-sticky-header-enabled.rtmkit-sticky-active.rtmkit-sticky-header-full-width-enabled {
  left: 0 !important;
  animation: toFullWidth 0.3s ease-in-out;
  width: 100% !important;
}

.rtmkit-sticky-header-enabled.rtmkit-sticky-active.rtmkit-sticky-on-scroll-enabled {
    transition: transform 0.3s ease-in-out background 0.4s opacity 0.3s  !important;

}

.rtmkit-sticky-header-enabled.rtmkit-sticky-active.rtmkit-sticky-on-scroll-enabled.rtmkit-sticky-on-scroll-hidden {
  transform: translateY(-150%);
  opacity: 0;
  animation: toHide 0.3s ease-in-out;
}

.rtmkit-sticky-header-enabled.rtmkit-sticky-active.rtmkit-sticky-on-scroll-enabled.rtmkit-sticky-on-scroll-shown {
  transform: unset;
  opacity: 1;
}
.rtmkit-sticky-sentinel {
  width: 100% !important;
}

@keyframes toFullWidth {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes toHide {
  from {
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    transform: translateY(-150%);
    opacity: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rtmkit-sticky-content-enabled {
    position: static;
  }
}