/* Current match time div */
.match_summary_row .current_time_match{
    width: 100%;
    max-width: 56px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 14px;
    padding-right: 14px;
}

.match_summary_row > div:first-child .body2{
    text-align: right;
}

/* Match time text */
.match_summary_row .h4{
    color: var(--white1); 
}

/* Event row div */
.match_summary_row{
    display: flex;
    gap: 40px;
}

/* Player name */
.summary_player_name{
    gap: 10px;
}

/* Player name + empty div */
.summary_player_name, .summary_empty_div{
    width: 100%;
    display: flex;
    align-items: center;
}

/* Player name */
.match_summary_row div .body2{
    color: var(--white1);
}

/* First team player name */
.first_team_row .summary_player_name{
    justify-content: end;
}

/* Second team player name */
.second_team_row .summary_player_name{
    justify-content: start;
}

/* Current match time (zalgiris team) */
.match_summary_row.zalgiris_team_class .current_time_match{
    background-color: var(--green2);
}

/* Current match time (other team) */
.match_summary_row .current_time_match{
    background-color: var(--grey2);
}

/* Current match time div */
.current_time_match{
    position: relative;
}

/* Triangle at match time */
.first_team_row .current_time_match .h4::after, .second_team_row .current_time_match .h4::after{
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -8px;
    border-width: 8px;
    border-style: solid;
}

/* Match time (first team player) */
.match_summary_row.zalgiris_team_class.first_team_row .current_time_match .h4::after{
    border-color: transparent var(--green2) transparent transparent;
    right: 100%;
}

/* Match time (second team player) */
.match_summary_row.first_team_row .current_time_match .h4::after{
    border-color: transparent  var(--grey2) transparent transparent;
    right: 100%;
}

/* Match time (first team player) */
.match_summary_row.zalgiris_team_class.second_team_row .current_time_match .h4::after{
    border-color: transparent transparent transparent var(--green2);
    left: 100%;
}

/* Match time (second team player) */
.match_summary_row.second_team_row .current_time_match .h4::after{
    border-color: transparent transparent transparent var(--grey2);
    left: 100%;
}

/* Player name div */
.summary_player_name div{
    display: flex;
    align-items: center;
    position: relative;
}

/* Goal icon */
.goal_icon{
    width: 17.4px;
    height: 17.4px;
}

/* Substitute icon */
.substitute_icon{
    width: 19px;
    height: 18px;
}

/* Yellow/red card icon */
.yellow_card_icon, .red_card_icon{
    width: 13.5px;
    height: 18px;
}

/* Event tooltip (on hover) */
.summary_player_name div:hover .event_tooltip{
    visibility: visible;
}

/* Event tooltip */
.event_tooltip{
    visibility: hidden;
    background-color: var(--green2);
    color: var(--white1);
    text-align: center;
    padding: 8px 12px;
    position: absolute;
    z-index: 1;
    bottom: 31px;
}

/* Own goal tooltip */
.own_goal_div .event_tooltip{
    width: 121px;
}

/* Adds pointy figure at event tooltip */
.event_tooltip::after{
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--green2) transparent transparent transparent;
}

/* Goal tooltip */
.goal_div .event_tooltip{
    right: -27px;
}

/* Own goal tooltip */
.own_goal_div .event_tooltip{
    right: -51px;
}

/* Yellow card tooltip */
.yellow_card_div .event_tooltip{
    right: -58px;
    white-space: nowrap;
}

/* Substitute tooltip */
.substitute_div .event_tooltip{
    right: -32px;
}

/* Red card tooltip */
.red_card_div .event_tooltip{
    right: -62px;
    white-space: nowrap;
}

/* Substitute player div */
.sub_player_div{
    display: flex;
    flex-direction: column;
}

/* Substituted player */
.sub_player_div .body6{
    color: var(--grey1);
    width: 100%;
}

/* Substituted player (first team) */
.first_team_row .body6{
    text-align: right;
}

/* Substituted player (second team) */
.second_team_row .body6{
    text-align: left;
}

/* Extra added match time */
.current_time_match .h8{
    color: var(--white1);
}

@media screen and (max-width:769px) {

    /* Event row div */
    .match_summary_row{
        gap: 15px;
    }

    .match_summary_row > div{
        flex: 1;
    }

    /* Current match time div */
    .match_summary_row .current_time_match{
        max-width: 40px;
        height: 38px;
    }

    .current_time_match .h4{
        font-size: 18px;
        line-height: 22px;
        font-weight: 600;
    }

    .summary_player_name .body2{
        font-size: 12px;
        line-height: 17px;
        font-weight: 400;
    }

    /* Yellow card tooltip */
    .yellow_card_div .event_tooltip{
        right: -52px;
    }

    /* Goal tooltip */
    .goal_div .event_tooltip{
        right: -24px;
    }
}

@media screen and (max-width:479px) {

    /* Current match time div */
    .match_summary_row .current_time_match{
        max-width: 32px;
        height: 30px;
    }

    .current_time_match .h4{
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
    }

    /* Triangle at match time */
    .first_team_row .current_time_match .h4::after, .second_team_row .current_time_match .h4::after{
        margin-top: -5px;
        border-width: 5px;
    }
}