.content-top {
  line-height: 50px;
  border-bottom: 1px solid #ebebeb;
}

@media(min-width:651px) {
  .content-top {
    margin: -30px -30px 30px;
    padding: .1px 30px;
  }
}

@media(max-width:650px) {
  .content-top {
    margin: -25px -25px 25px;
    padding: .1px 25px;
  }
}

.content-top:last-child {
  margin-bottom: 0;
}

.content-top__title {
  display: inline-block;
  font-size: inherit;
}

.content-top__title:after {
  content: ":";
}

.content-top__sticky {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
}

.content-top__with-shadow {
  position: relative;
  border-bottom: none;
}

.content-top__with-shadow::after {
  display: block;
  content: "";
  left: 0;
  right: 0;
  top: 100%;
  height: 10px;
  position: absolute;
  background: linear-gradient(to bottom,#000,rgba(255,255,255,0));
  opacity: .15;
}

@media print {
  .content-top {
    display: none;
  }
}