/* Experiences */
ul.experiences {
    padding-left: 5px;
    margin-top: -1px;
}
ul.experiences li {
    padding-left: 5px;
    margin-bottom: 1.5em;
    list-style: none;
    background: url('../img/misc/list-bullet-darkgray.png') no-repeat;
}
ul.experiences li.gray {
color:#333545;
}
ul.experiences li.green {
color:#0fdab1;
}
ul.experiences li.orange {
color:#ff7200;
}
ul.experiences li.blue {
color:#3399ff;
}
ul.experiences li.pink {
color:#ff0078;
}
.where {
    font-size: 14px; /* 18/16 -> 18px */
    font-weight: 400;
    display: inline;
    margin-right: 0.5em;
}

/* BORDERS AND BULLETS */

ul.experiences li {
    position:relative; /* so that pseudoelements are positioned relatively to their "li"s*/
    /* use padding-bottom instead of margin-bottom.*/ 
    margin-bottom: 0; /* This overrides previously specified margin-bottom */
    padding-bottom: 1.5em;
}

ul.experiences li:after {
    /* bullets
    content: '•';
	font-size:60px;
    position: absolute;
    left: -26px;/
    top: 0px; */
}

ul.experiences li:before {
    /* lines */
    content:"";
    position: absolute;
    left:10px; /* adjust manually */
    border-left: 1px solid #cccccc;
    height: 150%;
    width: 1px;
	z-index:-1;
}

ul.experiences li:first-child:before {
   /* first li's line */
   top: 6px; /* moves the line down so that it disappears under the bullet. Adjust manually */
}

ul.experiences li:last-child:before {
    /* last li's line */
   height: 6px; /* shorten the line so it goes only up to the bullet. Is equal to first-child:before's top */
}