.beefup {
  /* border: 1px solid rgba(0, 0, 0, .1); */
  border-radius: 0px; /* 3px */
  margin: 0 0 2px 0;
  -webkit-transition: border .2s ease;
  transition: border .2s ease;
  background-color: #f0f3f780;
  background-color: #f0f3f7;
  font-family: 'Roboto Condensed', sans-serif;
}
.beefup.is-open {
  background-color: rgba(0, 0, 0, .0);
  /* background-image: linear-gradient( -180deg, rgba(0, 0, 0, .09), rgba(0, 0, 0, .02) ); */
  background-color: #f0f3f780;
  background-color: #f0f3f7;
}
.beefup:first-child {
  margin-top: 0;
}
.beefup:hover {
  border-color: #aaa;
}
.beefup__head, .beefup__body {
  padding: 10px 10px;
}
.beefup__head {
  font-size: 80%;
}
@media(max-width: 768px) {
  .beefup__head, .beefup__body {
    padding: 14px 10px;
  }
  .beefup__head {
    font-size: 100%;
  }
}
.beefup__head {
  cursor: pointer;
  margin-bottom: 0;
  overflow: hidden;
  padding-right: 35px;
  position: relative;
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  color: #000;
  text-transform: uppercase;
  border-left: solid 11px rgba(1, 153, 77, 0);
}
.beefup.is-open .beefup__head {
  /* text-overflow: clip; */
  white-space: normal;
}
.col-12 > .beefup > .beefup__head {
  color: rgb(36, 26, 28);
}
.beefup__head::after {
  border-style: solid;
  border-width: 8px 4px 0;
  border-color: rgba(0, 0, 0, .6) transparent transparent;
  content: '';
  position: absolute;
  right: 10px;
  height: 0;
  margin-top: -5px;
  top: 18px;
  -webkit-transition: border .2s ease;
  transition: border .2s ease;
  width: 0;
}
.beefup__body {
  padding-top: 0;
}
.beefup.is-open > .beefup__head::after {
  border-width: 0 4px 8px;
  border-color: transparent transparent rgba(0, 0, 0, .6);
}
.beefup.is-open > .beefup__head {
  border-left: solid 5px rgb(1, 153, 77);
  margin-left: 6px;
  /* color: #FFF; */
}
.sub {
  font-size: .8rem;
  font-style: italic;
  padding-left: .5rem;
}
.beefup__body ul {
  border-left: solid 1px rgb(1, 153, 77);
}
.beefup__body ul li {
  border-top: solid 1px rgba(255, 255, 255, .98);
}
.beefup__body ul li:first-child {
  border-top: none;
}
.beefup__body ul li a {
  display: block;
  padding: 12px 0;
  font-size: .9rem;
  line-height: .94rem;
}
@media(max-width: 758px) {
  .beefup__body ul li a {
    font-size: 1rem;
  }
}