.matchcenter-schedule .matchcenter-schedule-header {
background-color: #ffed00;
color: #1a1818;
padding: 22px 27px;
line-height: 1.2;
font-size: 19px;
font-weight: bold;
text-transform: uppercase;
}
.matchcenter-schedule .matchcenter-schedule-list {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem {
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
background-color: #F3F3F3;
margin-bottom: 3px;
padding: 15px;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem .matchcenter-schedule-listitem-main {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem .matchcenter-schedule-listitem-main .matchcenter-schedule-team {
flex: 1 1 calc(100% / 3);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem .matchcenter-schedule-listitem-main .matchcenter-schedule-team .matchcenter-schedule-logo {
display: flex;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem .matchcenter-schedule-listitem-main .matchcenter-schedule-team .matchcenter-schedule-logo img {
object-fit: contain;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem .matchcenter-schedule-listitem-main .matchcenter-schedule-team > span {
font-size: 16px;
font-weight: bold;
color: #3d3d3d;
text-align: center;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
height: 40px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem .matchcenter-schedule-listitem-main .matchcenter-schedule-score {
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.15);
flex: 1 1 calc(100% / 3);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #ffed00;
font-weight: bold;
font-size: 19px;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem .matchcenter-schedule-listitem-other {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
color: #3d3d3d;
font-size: 12px;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem.matchcenter-schedule-listitem-highlight {
height: 300px;
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem.matchcenter-schedule-listitem-highlight .matchcenter-schedule-listitem-main .matchcenter-schedule-team > span {
font-size: 23px;
color: #fff;
}
@media only screen and (max-width: 959px) {
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem.matchcenter-schedule-listitem-highlight .matchcenter-schedule-listitem-main .matchcenter-schedule-team > span {
font-size: 16px;
}
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem.matchcenter-schedule-listitem-highlight .matchcenter-schedule-listitem-main .matchcenter-schedule-score {
font-size: 50px;
}
@media only screen and (max-width: 959px) {
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem.matchcenter-schedule-listitem-highlight .matchcenter-schedule-listitem-main .matchcenter-schedule-score {
font-size: 32px;
}
}
.matchcenter-schedule .matchcenter-schedule-list .matchcenter-schedule-listitem.matchcenter-schedule-listitem-highlight .matchcenter-schedule-listitem-other {
color: #ffed00;
}
.matchcenter-schedule.matchcenter-schedule-style-sidebar .matchcenter-schedule-listitem {
background: transparent;
margin-bottom: 0;
border-bottom: 1px solid #e6e6e6;
}
.matchcenter-schedule.matchcenter-schedule-style-sidebar .matchcenter-schedule-listitem .matchcenter-schedule-listitem-main .matchcenter-schedule-team .matchcenter-schedule-logo {
height: 48px;
width: 48px;
}
.matchcenter-schedule.matchcenter-schedule-style-sidebar .matchcenter-schedule-listitem .matchcenter-schedule-listitem-main .matchcenter-schedule-team > span {
font-size: 15px;
}