.custom-tabs .timeline {
  flex-wrap: wrap;
  border-bottom: none;
  box-shadow: 0 0 10px #bbb;
}

.custom-tabs .timeline .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  flex-basis: 100%;
  border-radius: 0;
  color: var(--phddeib-dark-grey);
  border-bottom: 1px solid var(--phddeib-dark-grey);
}

.custom-tabs .timeline .nav-link:last-child {
	border-bottom: none;
}

.custom-tabs .timeline .nav-link .title {
  height: 90px;
  display: flex;
  align-items: center;
}

.custom-tabs .timeline .nav-link.active {
	background: var(--phddeib-primary);
	color: #f2f2f2;
}

.custom-tabs .timeline .nav-link.active .title {
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 0 0.8em;
}

.custom-tabs .tab-content {
	padding: 4em 2em;
	color: var(--phddeib-dark-grey);
}

.custom-tabs .tab-content *:last-child {
	margin-bottom: 0;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.custom-tabs .timeline {
	  flex-wrap: nowrap;
	}
	
	.custom-tabs .timeline .nav-link {
		border-bottom: none;
		border-right: 1px solid var(--phddeib-dark-grey);
	}
	
	.custom-tabs .timeline .nav-link:last-child {
		border-right: none;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
}