/* =========================
   TEKSTER OG MUSIK ACCORDION
========================= */

.tekstmusik-accordion {

  position: relative;

  padding: 30px;

  border-radius: 14px;

  overflow: hidden;

  color: black;
}

.tekstmusik-accordion::before {

  content: "";

  position: absolute;

  inset: 0;

  background-image: url('../img/tekstmusik-bg.jpg');

  background-size: 1400px auto;

  background-position: top center;

  background-repeat: no-repeat;

  z-index: 0;

  transform: translateZ(0);
}

.tekstmusik-accordion .overlay {

  position: absolute;

  inset: 0;

  background: rgba(255,255,255,0.35);

  z-index: 1;
}


.accordion-item {

  position: relative;

  z-index: 2;

  border-bottom: 1px solid rgba(0,0,0,0.2);
}


.accordion-title {

  width: 100%;

  background: none;

  border: none;

  color: black;

  text-align: left;

font-size: 18px !important;

  padding: 24px 0;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  align-items: center;

  transition: opacity 0.3s ease;
}


.accordion-title:hover {

  opacity: 0.75;
}


.icon {

  font-size: 22px;

  transition: transform 0.35s ease;
}


.accordion-item.active .icon {

  transform: rotate(45deg);
}


.accordion-content {

  max-height: 0;

  overflow: hidden;

  opacity: 0;

  transition:
    max-height 0.7s ease,
    opacity 0.4s ease;
}


.accordion-inner {

  padding-bottom: 28px;
}


.accordion-item.active .accordion-content {

  opacity: 1;
}


/* =========================
   HARD RESET: TEKST I ACCORDION
========================= */

.ssa-toc .tekstmusik-accordion {
  color: #000 !important;
}



/* Overskriver specifikt titler */
.ssa-toc .tekstmusik-accordion .accordion-title {
  color: #000 !important;
}

.ssa-toc .tekstmusik-accordion a:not(:hover) {
  color: #000 !important;
}
.title {
  cursor: pointer;
  position: relative;
  z-index: 20;
}






.title{
  cursor:pointer;
  position:relative;
  z-index:20;
}


.tekstmusik-accordion a:hover {
  color: #3496d8 !important;
}

.tekstmusik-accordion a:active {
  color: #000000 !important;
}


.ssa-toc .tekstmusik-accordion a:hover,
.ssa-toc .tekstmusik-accordion a:hover * {
  color: #3496d8 !important;
}