/* Override Cards.css */
.GameHub .score-board .event-wrapper .card {
    display: block;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event:hover {
    z-index: 10000;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card {
    position: fixed;
    /*bottom: 100%;*/ /*FIX ISSUE WITH ICONS IN TIMELINE BEING TOO CLOSE*/
    /*left: 0;*/
    bottom: calc(100% + 20px);
    left: -20px;
    z-index: 100;
    width: calc(100vw - 30px);
    max-width: 100vw;
    height: auto;
    overflow: visible;
    pointer-events: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: 300ms;
}

@media screen and (min-width: 992px) {
    .GameHub .score-board .event-wrapper .card {
        display: block;
    }

    .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card {
        position: absolute;
        width: 450px;
    }

    /*.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card {
        width: 500px;
  
    }*/

}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event:hover .card {
    opacity: 1;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper {
    flex-direction: row;
    align-items: center;
    border-radius: 0;
    padding: 10px;
    overflow: hidden;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event.substitution .card .main-wrapper {
    align-items: flex-start;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper .substitution {
    width: 100%;
    flex-direction: row;
}

    .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper .substitution .player {
        width: 50%;
        margin-top: 0;
    }

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper .people {
    flex-shrink: 0;
    margin-right: 10px;
    margin-bottom: 0;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper img,
.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper .initials {
    width: 50px;
    height: 50px;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper svg {
    width: 15px;
    height: 10px;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper .info {
    text-align: left;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper h4,
.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper p {
    text-transform: unset;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper .initials p {
    margin: auto;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

.GameHub .score-board .outer-timeline-wrapper .scroll-container {
    margin-left: 40px;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[game-stage=SecondHalf] .card,
.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[game-stage=PostGame] .card,
.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[game-stage=Additional] .card {
    left: auto;
    /*right: 0; FIX ISSUE WITH ICONS IN TIMELINE BEING TOO CLOSE*/
    right: -20px;
}



    .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[game-stage=SecondHalf] .card:after,
    .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[game-stage=PostGame] .card:after,
    .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[game-stage=Additional] .card:after {
        left: auto;
        right: 20px;
        transform: translate(-25%, 50%) rotate(45deg);
    }



@media screen and (min-width: 992px) {
    .GameHub .score-board .event-wrapper .card {
        display: block;
    }

    /*.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card {
        width: 500px;
  
    }*/

}
/* End Override Cards.css */

.GameHub .score-board {
    padding-bottom: 30px;
}

    .GameHub .score-board p.observation {
        font-size: 14px;
        line-height: 16px;
        margin-top: 20px;
        padding-left: 15px;
        z-index: 1;
        position: relative;
    }

    .GameHub .score-board .comp-channel {
        padding-left: 15px;
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 18px;
        color: #888888;
        text-transform: uppercase;
    }

    .GameHub .score-board .game-info {
        position: relative;
        padding-top: 192px;
        width: 100%;
        display: flex;
        row-gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
        font-family: Roboto;
        color: #242424;
    }

        .GameHub .score-board .game-info .game-status {
            width: 100%;
            order: -1;
            position: relative;
            align-self: start;
        }

        .GameHub .score-board .game-info .competition-wrapper {
            position: absolute;
            transform: translateY(-100%);
            text-align: center;
            width: 100%;
        }

            .GameHub .score-board .game-info .competition-wrapper p {
                font-size: 16px;
                line-height: 21px;
            }

                .GameHub .score-board .game-info .competition-wrapper p.competition {
                    text-transform: uppercase;
                    color: #888888;
                }

        .GameHub .score-board .game-info .date {
            display: flex;
            flex-direction: column;
            align-items: center;
            order: 0;
            width: 100%;
            height: 82px;
            overflow: hidden;
        }

            .GameHub .score-board .game-info .date .day {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .GameHub .score-board .game-info .date .hours,
            .GameHub .score-board .game-info .date .minutes {
                position: relative;
            }

                .GameHub .score-board .game-info .date .hours .emphasise:after,
                .GameHub .score-board .game-info .date .minutes .emphasise:after {
                    content: ':';
                    position: absolute;
                    right: -11px;
                    font-size: 38px;
                }

            .GameHub .score-board .game-info .date .countdown {
                display: flex;
            }

                .GameHub .score-board .game-info .date .countdown div {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    margin: 0 6px;
                }

            .GameHub .score-board .game-info .date.translated .day,
            .GameHub .score-board .game-info .date.translated .countdown {
                transform: translateY(-100%);
                transition: transform 0.3s;
            }

            .GameHub .score-board .game-info .date .day {
                transform: translateY(0);
                transition: transform 0.3s;
            }

            .GameHub .score-board .game-info .date .countdown {
                transform: translateY(0);
                transition: transform 0.3s;
            }

            .GameHub .score-board .game-info .date .emphasise {
                margin: 0;
                font-size: 50px;
                line-height: 66px;
                font-weight: bold;
                color: #242424;
            }

                .GameHub .score-board .game-info .date .emphasise.textDefining {
                    color: aqua;
                }

            .GameHub .score-board .game-info .date p {
                font-size: 16px;
                line-height: 21px;
                /*margin-bottom: 15px;*/
                margin-top: -5px;
            }

.GameHub .keymessage.direto .score-board .game-info .team,
.GameHub .keymessage.terminado .score-board .game-info .team {
    align-items: flex-start;
}

.GameHub .score-board .game-info .team {
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
    height: auto;
    padding: 0 15px;
}

    .GameHub .score-board .game-info .team#team-1 {
        justify-content: flex-end;
        padding-right: 15px;
        text-align: end;
        align-self: start;
    }

    .GameHub .score-board .game-info .team#team-2 {
        justify-content: flex-start;
        padding-left: 15px;
        align-self: start;
    }

    .GameHub .score-board .game-info .team .team-name {
        padding: 14px 12px 0 12px;
    }

.score-board .game-info #team-1 h2 {
    margin: 0;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 48px;
    color: #242424;
    text-transform: none;
    padding-top: 15px;
    padding-right: 10px;
}

.score-board .game-info #team-2 h2 {
    margin: 0;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 48px;
    color: #242424;
    text-transform: none;
    padding-top: 15px;
    padding-left: 10px;
}


.GameHub .score-board .game-info .team .team-name p {
    font-size: 12px;
    line-height: 14px;
}

.GameHub .score-board .game-info .team#team-1 > div {
    align-self: flex-start;
}

.GameHub .score-board .game-info .team#team-2 > div {
    align-self: flex-start;
}

.GameHub .score-board .game-info .team img {
    align-self: flex-start;
    width: 50px;
    max-height: none;
    margin: unset;
}

.GameHub .keymessage.direto .score-board .game-info .team img,
.GameHub .keymessage.terminado .score-board .game-info .team img {
    align-self: flex-start;
}

.GameHub .score-board .game-info .buttons {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 20px;
}

    .GameHub .score-board .game-info .buttons.landing-game-button {
        flex-flow: column;
        align-items: center;
        margin-top: 0;
    }

    .GameHub .score-board .game-info .buttons .link {
        margin: 0 20px;
        font-family: Roboto;
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
    }

        .GameHub .score-board .game-info .buttons .link a {
            color: #242424;
            text-decoration: none;
        }

            .GameHub .score-board .game-info .buttons .link a svg {
                stroke: #242424;
            }




/* TEXT WRAPPER */




.GameHub .score-board .text-wrapper {
    position: absolute;
    top: 294px;
    left: -50%;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #888888;
    display: flex;
    opacity: 0.15;
    overflow: hidden;
}

    .GameHub .score-board .text-wrapper h6 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 200px;
        line-height: 150px;
        margin: 0;
    }

        .GameHub .score-board .text-wrapper h6:first-of-type {
            margin-right: 30px;
        }

.GameHub .score-board .timeline-placeholder {
    width: 100%;
    height: 84px;
    position: relative;
}


.GameHub .score-board .outer-timeline-wrapper {
    /*position: relative;*/
    position: absolute;
    width: 100%;
    /*top: -90px;*/
    bottom: 0;
}

    .GameHub .score-board .outer-timeline-wrapper > img {
        position: absolute;
        left: 12%;
        display: block;
        width: 20px;
        transform: translate(-50%, -50%);
    }

        .GameHub .score-board .outer-timeline-wrapper > img.home {
            top: 77%;
            z-index: 2;
        }

        .GameHub .score-board .outer-timeline-wrapper > img.away {
            top: 99%;
            z-index: 2;
        }

    .GameHub .score-board .outer-timeline-wrapper .inicio {
        position: absolute;
        left: 5%;
        transform: translate(-50%, -44%);
        top: 88%;
        margin-left: 14px;
        font-size: 14px;
    }

    .GameHub .score-board .outer-timeline-wrapper .final {
        position: absolute;
        transform: translate(-50%, -44%);
        top: 88%;
        font-size: 14px;
        padding-left: 45px;
    }

.live-timestamp {
    position: absolute;
    color: #c30000;
    transform: translate(-50%, -50%);
    font-size: 14px;
}


.GameHub .score-board .scroll-wrapper {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    padding-top: 275px; /*this is important for the cards*/
}

    .GameHub .score-board .scroll-wrapper .timeline-wrapper {
        padding: 0 15%;
        min-width: 1024px;
        display: flex;
    }

        .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline {
            position: relative;
            display: block;
            width: 100%;
            height: 84px;
        }

            .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .line {
                position: absolute;
                top: 50%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                height: 1px;
            }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .line .intervalo {
                    font-size: 14px;
                    position: absolute;
                    left: 47%;
                    margin-top: 30px;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .line i.background,
                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .line i.progress {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    width: 100%;
                    height: 0;
                    overflow: visible;
                    margin: auto;
                    background: transparent;
                    border-top: 1px solid #242424;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .line i.background {
                    border-top-style: dashed;
                    opacity: 0.3;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .line i {
                    display: block;
                    width: 1px;
                    height: 9px;
                    background-color: #242424;
                }

            .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event {
                position: absolute;
                display: flex;
                align-items: center;
                /*padding: 20px;*/

                transform: translate(-50%, -50%);
            }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=""] {
                    top: 50%;
                    flex-direction: column;
                    transform: translate(-50%, -50%);
                    padding: 0;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=home] {
                    top: 25%;
                    flex-direction: column-reverse;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=away] {
                    top: 90%;
                    flex-direction: column;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event span {
                    display: block;
                    font-family: Roboto;
                    font-weight: bold;
                    font-size: 16px;
                    line-height: 16px;
                    color: #242424;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=home] span {
                    margin-top: 10px;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=away] span {
                    margin-bottom: 10px;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event > svg {
                    max-width: 20px;
                    max-height: 15px;
                    fill: #242424;
                    stroke: #242424;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=""] > svg {
                    max-width: 34px;
                    max-height: 34px;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=""]:before,
                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=""]:after {
                    content: '';
                    display: block;
                    width: 10px;
                    height: 10px;
                    margin: auto;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 12px;
                    border-radius: 50%;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=""]:before {
                    background-color: #c30000;
                }

                .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=""]:after {
                    background-color: #c30000;
                    animation: pulse 1000ms infinite;
                }

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: 0.75;
    }

    100% {
        transform: scale3d(4, 4, 1);
        opacity: 0;
    }
}

.GameHub .score-board .game-info .date,
.GameHub .score-board .game-info .result {
    order: -1;
}

.GameHub .score-board .game-info .result {
    display: flex;
    width: 100%;
    justify-content: center;
}

    .GameHub .score-board .game-info .result div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .GameHub .score-board .game-info .result div:not(.absolute) {
            width: 50px;
            margin: 0px 20px;
        }

    .GameHub .score-board .game-info .result .absolute.home {
        align-items: flex-end !important;
    }

    .GameHub .score-board .game-info .result .absolute.away {
        align-items: flex-start !important;
    }

    .GameHub .score-board .game-info .result .absolute .penalties {
        margin: 0 !important;
        gap: 5px;
        width: fit-content !important;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

        .GameHub .score-board .game-info .result .absolute .penalties .circle {
            margin: 0 !important;
            height: 10px;
            width: 10px;
            background-color: white;
            border-radius: 50%;
        }

            .GameHub .score-board .game-info .result .absolute .penalties .circle.goal {
                background-color: #00b328;
            }

            .GameHub .score-board .game-info .result .absolute .penalties .circle.failed {
                background-color: #c30000;
            }

        .GameHub .score-board .game-info .result .absolute .penalties.home {
            direction: rtl;
        }

        .GameHub .score-board .game-info .result .absolute .penalties.away {
            justify-items: start !important;
        }

    .GameHub .score-board .game-info .result .emphasise {
        margin: 0;
        font-size: 50px;
        line-height: 66px;
        font-weight: bold;
        color: #242424;
    }

        .GameHub .score-board .game-info .result .emphasise sup {
            font-size: .55em;
            top: -0.65em;
            font-weight: 400;
        }

    .GameHub .score-board .game-info .result p {
        font-size: 16px;
        line-height: 21px;
        /*margin-bottom: 30px;*/
        margin-top: -5px;
    }

.GameHub .score-board .game-info p.goals {
    /*display: flex;*/
    font-family: Roboto;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.GameHub .score-board .game-info .team svg {
    width: 15px;
    height: 15px;
    fill: #242424;
}

.GameHub .score-board .game-info #team-1 p.goals {
    justify-content: flex-end;
}

.GameHub .score-board .game-info #team-1 svg {
    margin-left: 14px;
}

.GameHub .score-board .game-info #team-2 p.goals {
    justify-content: flex-start;
}

.GameHub .score-board .game-info #team-2 svg {
    margin-right: 14px;
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card:after {
    content: '';
    position: absolute;
    left: 20px;
    bottom: 0;
    display: block;
    width: 14px;
    height: 14px;
    background-color: #FFFFFF;
    transform: translate(25%, 50%) rotate(45deg);
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=home] .card .main-wrapper .info h4 {
    color: var(--gamehub-home-color);
}

.GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event[align=away] .card .main-wrapper .info h4 {
    color: var(--gamehub-away-color);
}

#team-1 .goals-wrapper {
    position: relative;
    right: -50px;
    padding: 10px 0;
}

#team-2 .goals-wrapper {
    position: relative;
    left: -50px;
    padding: 10px 0;
}

@media screen and (min-width: 992px) {

    #team-1 .goals-wrapper {
        right: 10px;
        padding: 0;
    }

    #team-2 .goals-wrapper {
        left: 10px;
        padding: 0;
    }

    .score-board .game-info #team-1 h2 {
        padding-top: 45px;
    }

    .score-board .game-info #team-2 h2 {
        padding-top: 45px;
    }
}



@media screen and (min-width: 992px) {
    .GameHub .score-board p.observation {
        padding-left: 40px;
    }

    .GameHub .score-board .comp-channel {
        padding-left: 3.148%;
    }

    .GameHub .score-board .outer-timeline-wrapper {
        position: relative;
        width: 100%;
        margin-top: 20px;
        top: 0;
    }

    .GameHub .keymessage.direto .score-board .game-info .team img,
    .GameHub .keymessage.terminado .score-board .game-info .team img {
        align-self: start;
    }

    .GameHub .keymessage.direto .score-board .game-info #team-1 img,
    .GameHub .keymessage.terminado .score-board .game-info #team-1 img {
        align-self: start;
        top: 15px;
    }

    .GameHub .keymessage.direto .score-board .game-info #team-2 img,
    .GameHub .keymessage.terminado .score-board .game-info #team-2 img {
        align-self: start;
        top: 30px; /* Adjust spacing if needed */
    }


    .GameHub .score-board .game-info .team img {
        width: 65px;
        margin: 0 !important;
    }

    .GameHub .score-board .game-info #team-1 {
        order: 0;
        justify-content: flex-end;
    }

    .GameHub .score-board .game-info #team-2 {
        justify-content: flex-start;
    }

    .GameHub .score-board .game-info .team {
        width: 0px;
        flex-grow: 1;
        gap: 20px;
    }

    .GameHub .score-board .game-info .date {
        order: unset;
        flex-shrink: 0;
        width: 220px;
        height: 82px;
        margin-top: 40px;
        margin-bottom: 25px;
    }

        .GameHub .score-board .game-info .date.landing-ticket {
            height: auto;
        }

    .GameHub .score-board .game-info .buttons {
        width: 100%;
        justify-content: center;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .GameHub .score-board .game-info .buttons.landing-game-button {
            flex-flow: row;
        }


    .GameHub .score-board .game-info .team h2 {
        /*padding: 0 20px 0;*/
        font-size: 50px;
        line-height: 66px;
    }

    .keymessage.direto .content-wrapper .game-info .team h2,
    .keymessage.terminado .content-wrapper .game-info .team h2 {
        padding: 0;
        padding-top: 37px;
    }

    .GameHub .score-board .game-info .date p {
        margin-bottom: 0;
    }

    .GameHub .score-board .game-info .buttons .link:first-of-type {
        margin-right: 20px;
    }

    .GameHub .score-board .game-info .buttons .link:last-of-type {
        margin-left: 20px;
    }

    .GameHub .score-board .text-wrapper {
        position: absolute;
        top: 175px;
        display: flex;
        width: 100%;
        justify-content: space-between;
        left: 0;
        padding: 0 20px;
    }

    /*.keymessage.direto .content-wrapper .text-wrapper,
  .keymessage.terminado .content-wrapper .text-wrapper {
    top: 115px;
  }*/

    .GameHub .score-board .game-info {
        position: relative;
        /*top: 65px;*/
        padding-top: 172px;
        align-items: center;
        row-gap: 0;
    }


        /*.keymessage.direto .content-wrapper .game-info,
  .keymessage.terminado .content-wrapper .game-info {
    top: 230px;
  }*/

        .GameHub .score-board .game-info .game-status {
            width: 220px;
            order: unset;
        }

        .GameHub .score-board .game-info .competition-wrapper {
            right: 50%;
            transform: translate(50%, calc(-100% + 40px));
            width: 100%;
        }

        .GameHub .score-board .game-info .result {
            /*padding: 5px 45px 0;*/
            height: 80px;
            margin-top: 40px;
            margin-bottom: 35px;
        }

            .GameHub .score-board .game-info .result div:not(.absolute) {
                margin: 0 18px;
            }


        .GameHub .score-board .game-info .team > div {
            position: relative;
            /*top: -10px;*/

            display: flex;
            flex-direction: column;
            /*padding: 0 38px;*/
        }

        .GameHub .score-board .game-info p.goals {
            display: flex;
            font-family: Roboto;
            font-size: 16px;
            line-height: 16px;
            flex-wrap: wrap;
        }

        .GameHub .score-board .game-info .team .goals-wrapper {
            display: flex;
            flex-direction: column;
        }

        .GameHub .score-board .game-info #team-1 .goals-wrapper {
            flex-direction: column;
        }

    /*  .GameHub .score-board .game-info #team-1 > div {
    right: 65px;
  }

  .GameHub .score-board .game-info #team-2 > div {
    left: 65px;
  }*/

    .GameHub .score-board .timeline-placeholder {
        width: 100%;
    }

    .GameHub .score-board .outer-timeline-wrapper {
        max-width: 1200px;
        margin: auto;
        /*margin-top: 30px;*/
    }

        .GameHub .score-board .outer-timeline-wrapper > img {
            width: 25px;
            left: 4%;
        }

            .GameHub .score-board .outer-timeline-wrapper > img.home {
                top: 20%;
            }

            .GameHub .score-board .outer-timeline-wrapper > img.away {
                top: 80%;
            }
}

@media screen and (min-width: 992px) { /* >= lg */
    .GameHub .score-board .scroll-wrapper {
        overflow: visible;
        padding-top: 0;
    }

    .GameHub .score-board .outer-timeline-wrapper .scroll-container {
        margin-left: 0;
    }

    .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .event .card .main-wrapper .substitution {
        flex-direction: row;
    }

    .GameHub .score-board .outer-timeline-wrapper .inicio {
        top: 50%;
        margin-left: 0px;
        left: 4%;
        transform: translate(-65%, -45%);
    }

    .GameHub .score-board .outer-timeline-wrapper .final {
        top: 50%;
        padding-left: 70px;
    }

    .GameHub .score-board .scroll-wrapper .timeline-wrapper {
        padding: 0 5%;
    }

        .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline {
            margin-left: 10px;
        }

            .GameHub .score-board .scroll-wrapper .timeline-wrapper .timeline .line .intervalo {
                transform: translate(10%, 0%);
            }
}