div.whatsnew {
  margin: 8px;
  font-size: 100%;
  word-break: break-all;
  overflow: scroll;
  overflow-x:hidden;
  background-color:#fffefc;
  height: 320px;
}

div.whatsnew a {
  padding: 8px 0px;
  display: block;
  text-decoration: none;
  box-shadow: none;
  color:#8f6552;
}

div.whatsnew a:hover {
  background-color: rgba(255,149,89,0.2);
  text-decoration: none;
  box-shadow: none;

/*background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,149,89,0.3) 50%);*/
/*background-position:0 0;*/
/*background-size:200% auto;*/
/*transition:0.3s;*/
}

div.whatsnew hr {
  margin: 0px;
  padding: 0px;
  border:none;
}

div.whatsnew .newmark {
  font-size: 11px;
  padding: 2px 4px;
  vertical-align: middle;
  color: White;
  /*background-color: #ff4500;*/
  /*border-radius: 2px;*/
  background:linear-gradient(#fe5f95, #ff3f7f);
}

div.whatsnew dl {
  margin: 0px;
  padding: 0px;
  border:dotted #8f6552;
  border-width:0px 0px 1px 0px;
}

div.whatsnew dt {
  margin: 0px;
  padding: 4px 0px 4px 8px;
  color: Gray;
  font-weight: normal;
  white-space: nowrap;
}

div.whatsnew dd {
  margin: 0px;
  padding: 4px 8px 4px 8px;
}

@media screen and (min-width: 600px) {
  div.whatsnew dl {
    overflow: hidden;
  }
  div.whatsnew dt {
    float: left;
    width: 8.1em;
    overflow: hidden;
  }
  div.whatsnew dd {
    overflow: hidden;
  }
}