.beefup {
  margin: 0.5em 0;

}
.beefup h4{
  background-color: transparent;
  margin: 10px 0;
  color:#003398 !important;
  position: relative;
  padding-left:30px;
z-index:1;
}
h4.beefup__head{
  color:#003398 !important;

}
.beefup__body ul{
	position:relative;
	left:-65px;
}


.beefup:first-child {
  margin-top: 0;
}

.beefup__head {
  padding: 15px 50px 0px 50px;
}
.beefup__body {
  padding: 0px 40px 0px 40px;
  color:#000;
}

.beefup__head {
  background-color:transparent;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding-right: 50px;
}

button.beefup__head,
.beefup__head > button {
  position: relative;
z-index:2;
  cursor: pointer;
  display: block;
  width: 100%;
  background: none;
  border: 0;
  font: inherit;
  text-align: inherit;
  color:#003398 !important;
}

button.beefup__head[aria-disabled],
.beefup__head > button[aria-disabled] {
  cursor: default;
  outline: 0;
}

.beefup__head > button {
  position: relative;
  top:-5px;
  z-index: 2;
  margin: -20px -50px -10px -20px;
  padding: inherit;
  width: calc(100% + 70px);

}

.beefup__head::after {
  transition: transform 0.2s ease-out;
  content: '';
  transform: translate(0, -50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 0;
  margin-top: -2px;
  padding: 3px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  color: #003398;
}

.beefup.is-open > .beefup__head::after {
  transform: translate(0, -50%) rotate(45deg);
  margin-top: -2px;
}