/* =========================
   ACCORDION HEADER
========================= */
.sopaccordion {
  font-family: 'helveticamedium';
  color: black !important;
  font-size: 15px;
  text-transform: normal;
  font-weight: normal;
  background-color: #F2F5FA;
  cursor: pointer;
  padding: 6px 14px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-radius: 10px; position: relative;
}

.sopaccordion-item { border-radius: 10px; border: 1px solid #004994; margin-bottom: 20px; }

/* =========================
   ACCORDION PANEL
========================= */
.accordion-panel {
    padding: 0 20px;
    background-color: white;
    height: 0;
    overflow: hidden;
    transition: height .35s cubic-bezier(.4,0,.2,1);
    color: #404040 !important;
    border-radius: 0 0 10px 10px;
}

.accordion-panel p { margin-top: 10px; }

.accordion-panel ul { margin-top:10px; padding-inline-start: 20px; }

.active .sopaccordion:before {
    content: url(minus.svg);
    width: 25px;
    height: 25px;
    float: right;
    margin: 0;
	margin-left:10px;
}

.sopaccordion:before {
    content: url(plus.svg);
    width: 25px;
    height: 25px;
    float: right;
    margin: 0;
	margin-left:10px;
}

.active .sopaccordion { border-radius: 10px 10px 0 0; }

/* =========================
   FOCUS FIX
========================= */
button:focus { outline: none !important; }


/* =========================
   DESKTOP
========================= */
@media (min-width: 1140px) {
.sopaccordion { font-size: 17px; }
}