/*
Theme Name:         ÖªÒõÊÓƵ theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme.
Version:            9.0.9
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

.discolor-overlay {
  --progress: calc((-100 * var(--overlay-index)) + (var(--scroll-progress) * var(--line-count)));
  position: absolute;
  display: block;
  top: var(--overlay-top);
  right: calc(100% - var(--overlay-width));
  height: var(--overlay-height);
  width: var(--overlay-width);
  max-width: clamp(0px, calc((1 - (var(--progress) / 100)) * var(--overlay-width)), var(--overlay-width));
  color: #606466;
  background-color: rgba(0,0,0,0.9);
  overflow: hidden;
}

.discolor-text {
  white-space: nowrap;
  width: var(--overlay-width);
  margin-left: clamp(calc(-1 * var(--overlay-width)), calc(var(--progress) / 100 * -1 * var(--overlay-width)), 0px);
}

.transition-text-zoom > * {
  top: calc(min(var(--scroll-progress, 0) * (var(--screen-height) - 50vh) / 100, var(--screen-height) - 105vh));
}

@media (min-width: 782px) {
  .pbd-journey-step {
    gap: min(80px, 8vw) !important;
  }
}

.wp-block-cover.fade-on-bottom .wp-block-cover__background {
  background: linear-gradient(180deg,rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%);
  opacity: 1 !important;
}

.wp-block-cover.faded .wp-block-cover__background {
  background: linear-gradient(180deg,rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 100%);
  opacity: 1 !important;
}

.pbg-news-item {
  border-radius: 5px;
}