/*Followins is the CodePen accordion example*/

/** =======================
 * Contenedor Principal
 ===========================*/
h1 a {
  color: #c12c42;
  font-size: 16px;
}

/*Below from CodePen sample*/
.accordion .link {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/*below substituted by JR*/
.accordion .link {
  padding: 0 1em;
  text-align: center;
  color: #782d20;
}

.accordion li.open .link {
  color: #b63b4d;
}

.accordion li.open i {
  color: #b63b4d;
}

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-align: center;
}

/*End CodePen accordion example*/

/*Seek arrow solution for .fa-chevron-down*/
.link:after {
  content: '\25BC';
  /* Unicode character for "plus" sign (+) is \02795 */
  font-size: 13px;
  float: right;
  margin-left: 5px;
}

.open .link:after {
  content: '\25B2';
  /* Unicode character for "minus" sign (-) is \2796 */
}

.accordion .linktwo {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/*below substituted by JR*/
.accordion .linktwo {
  padding: 0 1em;
  text-align: center;
  color: #782d20;
}

.accordion li.open .linktwo {
  color: #b63b4d;
}

.linktwo:after {
  content: '\25BC';
  /* Unicode character for "plus" sign (+) is \02795 */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.open .linktwo:after {
  content: '\25B2';
  /* Unicode character for "minus" sign (-) is \2796 */
}