/*
 * 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 */

.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;
} */