#posts-list { list-style-type: none; margin: 20px 0 20px 120px; padding-left: 30px; border-left: 8px solid #4183c4; }
#posts-list li { position: relative; margin: 40px 0; }
#posts-list .posts-content { position: relative; }
#posts-list .posts-content:hover .circle { background: #4183c4; }
#posts-list .posts-content .posts-list-name { font-size: 25px; text-decoration: none; opacity: 0.9; color: #4183c4; }
#posts-list .posts-content .posts-list-name:hover { text-decoration: none; opacity: 1; }
#posts-list .posts-content .posts-list-meta { position: absolute; top: 50%; left: -158px; margin-top: -10px; font-size: 0.95em; line-height: 20px; }

#blog-categories li { text-transform: capitalize; }

.circle { display: block; position: absolute; top: 50%; left: -44px; width: 20px; height: 20px; margin-top: -10px; background: #fff; border: 6px solid #4183c4; border-radius: 50%; }

.bubble-float-left { display: inline-block; position: relative; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #fff transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.bubble-float-left:hover, .bubble-float-left:focus, .bubble-float-left:active { border-color: transparent #4183c4 transparent transparent; -webkit-transform: translateX(10px); transform: translateX(10px); }
.bubble-float-left:hover:before, .bubble-float-left:focus:before, .bubble-float-left:active:before { border-color: transparent #4183c4 transparent transparent; -webkit-transform: translateX(-20px); transform: translateX(-20px); }