/*
---------------------------------------------------------
FRÅGOR OCH SVAR (FAQ)
--------------------------------------------------------- */

.lp-decoration-faq {
  margin: 1rem 0 1rem;
}


/*
---------------------------------------------------------
# KNAPP/FRÅGA
--------------------------------------------------------- */

.lp-decoration-faq__toggler h2.subheading {
  font-size: 2rem;
}

.lp-decoration-faq > *:nth-child(odd) {
  background: #005a99;
  border: 0;
  box-sizing: border-box;
  display: block;
  margin-top: 1rem;
  padding: 1.5rem 2rem;
  text-align: left;
  transition: 0.2s linear;
  width: 100%;
}

.lp-decoration-faq > *:nth-child(odd):hover {
  background: #214676;
}

.lp-decoration-faq > *:nth-child(odd):focus {
  background: #214676;
  color: #fff;
  text-decoration: underline;
}

.lp-decoration-faq > *:nth-child(odd) .subheading,
.lp-decoration-faq > *:nth-child(odd) .normal {
  color: #fff;
  font-weight: normal;
  margin-bottom: 0;
}

.lp-decoration-faq > button > .lp-toggler-icon {
  float: right;
  margin-left: 1rem;
  transition: 0.2s linear;
}

.lp-decoration-faq > button > .lp-icon {
  color: #fff;
  height: 2.5rem;
  margin: 2px 0 0;
  width: 2.5rem;
}

.lp-decoration-faq > button .lp-icon-wrap {
  background: #00537f;
  border-radius: 50%;
  float: left;
  height: 1.5rem;
  margin-right: 0.5rem;
  padding: 0.75rem;
  width: 1.5rem;
}

.lp-decoration-faq > button .lp-icon-desc {
  color: #e1eaef;
  height: 1.5rem;
  width: 1.5rem;
}



/*
---------------------------------------------------------
# SVAR
--------------------------------------------------------- */

.lp-decoration-faq > *:nth-child(even) {
  background: #fff;
  margin-bottom: 1rem;
  padding: 2rem;
}


/*
---------------------------------------------------------
AVVIKANDE
--------------------------------------------------------- */

/* Knapp vid fokus */

/* Stängd/Öppen */
.lp-decoration-faq__toggler[aria-expanded='false'] .lp-toggler-icon--close {
  display: none;
}

.lp-decoration-faq__toggler[aria-expanded='true'] .lp-toggler-icon--open {
  display: none;
}