.view-tijdlijn h1, .view-tijdlijn h2, .view-tijdlijn h3, .view-tijdlijn h4 {
  margin-top: 0; }

.view-tijdlijn .views-row {
  position: relative;
  padding-bottom: 50px; }
  @media screen and (min-width: 768px) {
    .view-tijdlijn .views-row {
      padding-bottom: 100px; } }
  .view-tijdlijn .views-row .group-left .field--name-field-tli-afbeelding {
    position: relative; }
  .view-tijdlijn .views-row .group-left .tekst-over-afb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(calc(-50%));
    text-align: center;
    font-size: 130px;
    color: white;
    text-shadow: 4px 4px 20px black; }
    @media screen and (min-width: 1200px) {
      .view-tijdlijn .views-row .group-left .tekst-over-afb {
        transform: translateY(-50%) translateX(calc(-50% - 20px));
        font-size: 150px; } }
  @media screen and (min-width: 768px) {
    .view-tijdlijn .views-row:not(:last-child):after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      width: 3px;
      height: 100%;
      background-color: black;
      background-size: 100% auto;
      z-index: -1;
      left: 14.5%; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .view-tijdlijn .views-row:not(:last-child):after {
      left: 16.5%; } }
  .view-tijdlijn .views-row h2 {
    margin-top: 0; }
    @media screen and (max-width: 768px) {
      .view-tijdlijn .views-row h2 {
        text-align: center; } }
  .view-tijdlijn .views-row .img-responsive {
    border-radius: 50%; }
    @media screen and (max-width: 768px) {
      .view-tijdlijn .views-row .img-responsive {
        margin: 0 auto 20px auto; } }

.view-tijdlijn .field--name-field-til-full-body {
  display: none; }

.view-tijdlijn .tijdlijn-trigger {
  cursor: pointer; }

.datum-stappenplan {
  margin: 10px 0;
  font-style: italic;
  color: #76aad1;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .datum-stappenplan {
      text-align: left; } }
  .datum-stappenplan .datum-start:before {
    content: "\e023 ";
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-size: 13px;
    font-weight: 300; }

.cbe-agenda-past.views-row {
  opacity: 0.5; }

.cbe-agenda-future.views-row .btn-primary, .cbe-agenda-future.views-row .btn-default {
  display: inline-block; }