.timeline > .entry > .date > .badge {
	 padding: .5em .8em;
}
 .timeline > .divider div {
	 padding: 0;
	 height: 40px;
}
 .timeline > .divider hr {
	 border-top: 3px solid #007dba;
	 margin: 0;
	 top: 17px;
	 position: relative;
}
 .timeline > .divider .col-2 {
	 display: flex;
	 overflow: hidden;
}
 .timeline > .divider .corner {
	 border: 3px solid #007dba;
	 width: 100%;
	 position: relative;
	 border-radius: 15px;
}
 .timeline > .divider .left-bottom {
	 left: 50%;
	 top: -50%;
}
 .timeline > .divider .left-top {
	 left: 50%;
	 top: calc(50% - 3px);
}
 .timeline > .divider .right-bottom {
	 left: -50%;
	 top: -50%;
}
 .timeline > .divider .right-top {
	 left: -50%;
	 top: calc(50% - 3px);
}
 @media (max-width: 576px) {
	 .timeline > .entry > .date > .badge {
		 width: 100%;
		 margin-bottom: 1rem;
		 font-size: 1.15rem;
	}
	 .timeline > .divider {
		 display: none;
	}
}
 @media (min-width: 576px) {
	 .timeline > .entry > .date {
		 display: inline-flex;
		 justify-content: center;
		 align-items: center;
		 text-align: center;
		 align-self: stretch;
	}
	 .timeline > .entry > .date::before {
		 content: " ";
		 position: absolute;
		 border-left: 3px solid #007dba;
	}
	 .timeline > .entry > .date.top::before {
		 height: 50%;
		 left: 50%;
		 top: 0;
	}
	 .timeline > .entry > .date.full::before {
		 height: 100%;
		 left: 50%;
	}
	 .timeline > .entry > .date.bottom::before {
		 height: 50%;
		 left: 50%;
		 top: 50%;
	}
	 .timeline > .entry.right > .date.top::before {
		 height: 50%;
		 left: calc(50% - 3px);
		 top: 0;
	}
	 .timeline > .entry.right > .date.full::before {
		 height: 100%;
		 left: calc(50% - 3px);
	}
	 .timeline > .entry.right > .date.bottom::before {
		 height: 50%;
		 left: calc(50% - 3px);
		 top: 50%;
	}
	 .timeline > .entry.right > .date {
		 order: 2;
	}
	 .timeline > .entry.right > .content {
		 order: 1;
		 text-align: right;
	}
}