/* -- */


.quali_caption
{
  width: 90%;
  margin-top: 40px;
  line-height: 30px;
  font-size: 20px;
  font-weight: 600;
}


/* -- */

.badges
{
  padding-top: 10px;
  padding-bottom: 10px;
}

.badge
{
  float: left;
  width: max(250px, 30%);
  padding-top: 110px;
  padding-bottom: 40px;
  text-align: center;

  background-image: none;
  background-size: 60px;
  background-position: top 40px center;
  background-repeat: no-repeat;
}

.badge1 { background-image: url("../img/badge/gzpsycholoog.png"); border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;  }
.badge2 { background-image: url("../img/badge/psychotherapie.png"); border-bottom: 1px solid #E6E6E6; }
.badge3 { background-image: url("../img/badge/gedragstherapeut.png"); border-right: 1px solid #E6E6E6; }
.badge4 { background-image: url("../img/badge/supervisor.png"); }

.badge_title
{
  color: var(--accent-color);
  font-size: 18px;
  font-weight: 600;
}

.badge_description
{
  font-size: 13px;
}

.badge_separator
{
  clear: both;
  width: 100%
  height: 0px;
}


/* -- */


.timeline, .memberships, .publications
{
  width: 90%;
  margin-top: 24px;
}

.timeline_segment
{
  width: 100%;
  height: auto;
}

.timeline_segment_caption
{
  float: left;
  width: 60px;
  color: var(--accent-color);
  font-size: 16px;
  font-weight: 600;
}

.timeline_segment_image
{
  float: left;
  width: 16px;

  background-image: url("../img/timeline.jpg");
  background-size: 16px auto;
  background-position: top center;
  background-repeat: no-repeat;
}

.timeline_segment_content
{
  float: left;
  width: calc(100% - 91px);
  padding-left: 30px;

  background-image: url("../img/timeline.jpg");
  background-size: 16px;
  background-position: top left;
  background-repeat: no-repeat;
}

.timeline_segment_content .pad
{
  height: 20px;
}


/* -- */

.publications
{
  width: 80%;
}

.publication
{
  padding: 0px 0px 20px 60px;

  background-image: url("../img/misc/publication.png");
  background-size: 40px;
  background-position: top 4px left;
  background-repeat: no-repeat;
}

.membership
{
  padding: 0px 0px 0px 30px;
  line-height: 40px;

  background-image: url("../img/misc/membership.png");
  background-size: 20px;
  background-position: top 10px left;
  background-repeat: no-repeat;
}


/* -- */