#divTimelineEvents>.header {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	padding: .5rem;
    margin-top: 1rem;
}

.header>.period-score {
    padding: 0px .5rem;     
    font-weight: bold;
}

.period-score {    
    font-weight: bold;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}


.timeline-section>div {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-top: .5rem;
    padding-bottom: .25rem;        
}

.injury-time-shown{
    background-color: rgb(248,249,250);
    text-align: center;
    font-size: 1rem;
    background-color: var(--web-wash);
        border-radius: 8px;
        border: solid 1px rgba(0, 0, 0, .2);
}

.vs{
    font-size: 1rem;
    font-weight: bold;
}

.home .time::after {
    content: '|';
    margin-left: .5rem;
    margin-right: .75rem;
    font-weight: bold;
}

.away .time::before{
    content: '|';
    margin-left: .75rem;
    margin-right: .5rem;
    font-weight: bold;
}

.event-icon{
    font-size: .85rem;    
}
.event-icon>i{
    font-size: 1rem;
}

.home .event-icon>i {
    margin-right: .5rem;
}

.away .event-icon>i {
    margin-left: .5rem;
}


.event-icon.goal>i{
    color: #0bb32a;
}

.home .event-icon>svg {
    margin-left: -5px;
}

.away .event-icon>svg {
    margin-right: -5px;
}

.event-icon.injury-time>i{
    margin-right: .5rem;
}