@charset "utf-8";

/* -- .slide-down -------------------------------------------------------------------------------------------- */
.slide-down::before {
  content: "―";
  padding-right: 0.35rem;
}

.slide-down:hover {
  cursor: pointer;
  /* opacity: 0.7; */
  background: #1A2B77;
  color:#fff !important;
}

.slide-down:hover::before {
  content: "▼";
}

.active::before {
  content: "▲";
}

.active:hover::before {
  content: "▲";
}

/* -- div.slide-* -------------------------------------------------------------------------------------------- */

div[class^="slide-"] {
  display: none;
}

/* div.slide-1,
div.slide-2,
div.slide-3,
div.slide-4,
div.slide-5,
div.slide-6,
div.slide-7,
div.slide-8 {
	display: none;
} */

.slide-down {
  margin: 10px auto 4px;
  padding: 15px 20px;
  background: #fff;
  color: #333;
  font-weight: 500;
  border: solid 1px #ccc;
}

div[class^="slide-"] {
  margin: 0 auto 25px;
  padding: 0;
  background: #ffffff;
  border: solid 10px #e5e7eb;
}

div[class^="slide-"] > section{
padding: 25px 20px;
}

/* div.slide-1,
div.slide-2,
div.slide-3,
div.slide-4,
div.slide-5,
div.slide-6,
div.slide-7,
div.slide-8 {
  margin: 0 auto 25px;
  padding: 25px 20px;
  background: #ffffff;
  border: solid 10px #e5e7eb;
} */

@media (max-width: 420px) {
  .slide-down {
    margin: 10px auto 4px;
    padding: 15px 10px;
  }


  div[class^="slide-"] {
    margin: 0 auto;
    padding: 0 10px 30px;
    background: #ffffff;
    border: solid 5px #e5e7eb;
  }
  
  /* div.slide-1,
  div.slide-2,
  div.slide-3,
  div.slide-4,
  div.slide-5,
  div.slide-6,
  div.slide-7,
  div.slide-8 {
    margin: 0 auto;
    padding: 25px 7px;
    background: #ffffff;
    border: solid 5px #e5e7eb;
  } */

  div[class^="slide-"] > section{
    padding: 0 5px;
    }

    div[class^="slide-"] > section:last-child{
      padding: 25px 5px 0
      }

    div[class^="slide-"] > section.section-separator{
      padding: 25px 5px;
      }

}