// Taken from Bootstrap dark button .timeline-toggle {

background: #343a40;
border-color: #343a40;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
cursor: pointer;
float: none;
font-size: 16px;
margin-right: 0;
padding: 6px 12px;
white-space: nowrap;

}

.timeline-wrapper h2 span {

// background: lighten($color-grey, 30);

background:
linear-gradient(
  to bottom right,
  rgba(lighten($color-grey, 35%), 1),
  rgba(lighten($color-grey, 40%), .90)
);
border: 2px solid lighten($color-grey, 35%);

font-family: $header-font-family;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: darken($color-grey, 30%);
letter-spacing: 0.1em;
line-height: 1.7em;
padding: 3px 20px 1px;
// width: 100%;
// display: inline-block;
// text-align: right;

} .timeline-event-content p{

width:100%;

}

.timeline-series dt {

background: url(/assets/images/timeline_decade_tick.gif) left center no-repeat;
clear: left;
font-size: 1.6em;
list-style-type: none;
line-height: 1.2em;
margin: 0 0 12px;
padding: 0 0 0 24px;
white-space: nowrap;
text-transform: none;
color: darken($color-grey, 25%);

}

.timeline-event-content .media img {

border: 2px solid lighten($color-grey, 10%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0;

}

.timeline-container, .timeline-wrapper, .timeline-series{

width: inherit;

}

.border-top{

border-top: solid #ccc 2px!important;

}