/* --- RM UTILITY CLASSES --- */
.rm-text-accent-test {
  position: relative;
  overflow: hidden;
  padding-bottom: 0.6em;
}
.rm-text-accent-test::before {
  content: url("/wp-content/uploads/line2.svg");
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
}
.rm-text-accent-test::after {
  content: "";
  display: flex;
  width: 100%;
  height: 0.6em;
  background-color: var(--white);
  position: absolute;
  bottom: 0;
  right: 0;
  animation: textunderline1 5s infinite;
}
@keyframes textunderline1 {
  0%, 100% {
    width: 100%;
  }
  50% {
    width: 0%;
  }
}
.rm-heading-accent-test, :where(.fr-accent-heading) {
  display: flex;
  position: relative;
  line-height: 1;
}
.rm-heading-accent-test::before, :where(.fr-accent-heading)::before {
  content: "";
  background-color: var(--primary);
  width: 3rem;
  height: 2px;
  margin-right: 1rem;
}
.rm-heading-accent-test::after, :where(.fr-accent-heading)::after {
  content: "";
  background-color: var(--primary);
  position: absolute;
  margin-top: 6px;
  margin-left: 1rem;
  width: 2rem;
  height: 2px;
}
/* ANIMATIONS */
/* move element left>right, up>down */
.rm-service-card-4__accent-img {
  --trans-from-x: 0%;
  --trans-from-y: 0%;
  --trans-to-x: 0%;
  --trans-to-y: 20%;
  --animate-time: 8s;
  transform: translate(var(--trans-from-x), var(--trans-from-y));
  animation: updown1 var(--animate-time) infinite;
}
.rm-menu-links-1__title::before {
  --trans-from-x: 0%;
  --trans-from-y: 0%;
  --trans-to-x: 400%;
  --trans-to-y: 0%;
  --animate-time: 12s;
  transform: translate(var(--trans-from-x), var(--trans-from-y));
  animation: updown1 linear var(--animate-time) infinite;
}
@keyframes updown1 {
  0%, 100% {
    transform: translate(var(--trans-from-x), var(--trans-from-y));
  }
  50% {
    transform: translate(var(--trans-to-x), var(--trans-to-y));
  }
}
/* BACKGROUND IMAGE CONTROL FOR TEMPLATES
 Control background position on template-generated pages */
[data-bg-position="Left Top"] {
  object-position: 20% 20%;
}
[data-bg-position="Left Center"] {
  object-position: 20% 50%;
}
[data-bg-position="Left Bottom"] {
  object-position: 20% 80%;
}
[data-bg-position="Center Top"] {
  object-position: 50% 20%;
}
[data-bg-position="Center Center"] {
  object-position: 50% 50%;
}
[data-bg-position="Center Bottom"] {
  object-position: 50% 80%;
}
[data-bg-position="Right Top"] {
  object-position: 80% 20%;
}
[data-bg-position="Right Center"] {
  object-position: 80% 50%;
}
[data-bg-position="Right Bottom"] {
  object-position: 80% 80%;
}