#prev-next-story {
  margin-top: 25px;
  margin-bottom: 50px;
}

#prev-next-story .prev-next-story > .row {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#prev-next-story .prev-next-story .prev-story,
#prev-next-story .prev-next-story .next-story {
  padding: 1em;
  position: relative;
  margin: 0;
  color: white;
  font-size: 14px;
  border: 1px solid #ECEBEB;
}

#prev-next-story .prev-next-story .next-story:only-child {
  border-color: #ECEBEB;
}

#prev-next-story .prev-next-story .prev-story {
  text-align: left;
  border-right: 1px solid #ECEBEB;
}

#prev-next-story .prev-next-story .next-story {
  text-align: right;
  border-left: 1px solid transparent;
}

#prev-next-story .prev-next-story .prev-story:hover,
#prev-next-story .prev-next-story .next-story:hover {
  border-color: #BDC3C7 !important;
}

#prev-next-story .prev-next-story .prev-story:hover a,
#prev-next-story .prev-next-story .next-story:hover a {
  color: #cb2027;
}

#prev-next-story .prev-next-story .faux-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#prev-next-story .prev-next-story .prev-box > h4,
#prev-next-story .prev-next-story .next-box > h4 {
  color: #2980b9;
  font-size: 18px;
  text-transform: uppercase;
}

#prev-next-story .prev-next-story .prev-box > h3,
#prev-next-story .prev-next-story .next-box > h3 {
  margin: 0;
  font-size: 16px;
}

#prev-next-story .prev-next-story .prev-box > * > a,
#prev-next-story .prev-next-story .next-box > * > a {
  color: #34495e;
  margin-top: 11px;
  margin-bottom: 11px;
  font-size: 16px;
  font-weight: bold;
}

.floatlinks .prev-story,
.floatlinks .next-story {
  background-color: #bdc3c7;
  padding: 5px 4em;
  position: fixed;
  top: 50%;
  width: 350px;
  background-repeat: no-repeat;
  min-height: 100px;
  -webkit-transition: -webkit-transform 300ms ease, background-position 300ms 300ms ease;
  -ms-transition: -ms-transform 300ms ease, background-position 300ms 300ms ease;
  transition: transform 300ms ease, background-position 300ms 300ms ease;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 100;
}

.floatlinks .prev-story {
  background-image: url(../images/chevron-left-white.png);
  background-position: right center;
  right: calc(100% - 4em);
}

.floatlinks .prev-story:hover {
  background-position: left center;
  -webkit-transform: translateX(286px);
  -ms-transform: translateX(286px);
  transform: translateX(286px);
}

.floatlinks .next-story {
  background-image: url(../images/chevron-right-white.png);
  background-position: left center;
  left: calc(100% - 4em);
}

.floatlinks .next-story:hover {
  background-position: right center;
  -webkit-transform: translateX(-286px);
  -ms-transform: translateX(-286px);
  transform: translateX(-286px);
}

.floatlinks h4,
.floatlinks h5 {
  margin: 0;
}

.floatlinks h4 {
  color: #2980b9;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 8px;
}

.floatlinks h3 {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
}

.floatlinks h5 a {
  color: #2c3e50;
}

.floatlinks .faux-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#prev-next-story > .prev-next-story > .row > div:only-child {
  width: 100%;
}

@media (max-width: 991px) {
  .floatlinks {
    display: none !important;
  }
}