/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Highlighter effect using brand green */

mark {
  background-color: #10ffbe !important;
}

.highlight {
  background: url(//s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=0FFFBE);
  margin: -2px -6px;
  padding: 2px 6px;
}

/* Carousel slide links */
.carousel-slide a {
  text-decoration: underline;
  color: inherit;
  transition: opacity 0.2s;
}

.carousel-slide a:hover {
  opacity: 0.8;
}

/* .highlight {
  display: inline;
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  background: transparent;
  background-image: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 5%,
    rgba(15, 255, 190, 1) 5%,
    rgba(15, 255, 190, 1) 95%,
    transparent 95%,
    transparent 100%
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: inherit;
} */