.matchcenter-player {
width: 100%;
}
.matchcenter-player > h1 {
display: flex;
align-items: center;
padding: 30px;
background-color: #ffed00;
color: #1a1818;
font-size: 60px;
font-weight: bold;
line-height: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.matchcenter-player > h1 small {
display: block;
font-size: 30px;
font-weight: normal;
}
.matchcenter-player > h1 span {
margin: 20px;
color: #ffed00;
font-size: 60px;
-webkit-text-stroke: 0.5px #1a1818;
}
@media only screen and (max-width: 959px) {
.matchcenter-player > h1 {
font-size: 30px;
}
.matchcenter-player > h1 small {
font-size: 15px;
}
.matchcenter-player > h1 span {
font-size: 30px;
}
}
.matchcenter-player .matchcenter-player-intro {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-text {
order: 1;
padding-left: 50px;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-text dl dd,
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-text dl dt {
display: block;
margin: 0;
color: #FFED00;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-text dl dt {
font-weight: 400;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-text dl dd {
font-weight: 700;
font-size: 30px;
line-height: normal;
margin-bottom: 20px;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-text dl dd:last-child {
margin-bottom: 0;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-image {
order: 2;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-image img {
max-height: 300px;
max-width: 100%;
}
@media only screen and (max-width: 959px) {
.matchcenter-player .matchcenter-player-intro {
flex-direction: column;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-text {
order: 2;
padding-left: 0px;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-text dl dd,
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-text dl dt {
text-align: center;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-image {
order: 1;
}
.matchcenter-player .matchcenter-player-intro .matchcenter-player-intro-image img {
max-height: 200px;
max-width: 100%;
}
}
.matchcenter-player .matchcenter-player-stats {
margin-top: 20px;
}
.matchcenter-player .matchcenter-player-stats .matchcenter-player-stats-header {
background-color: #ffed00;
color: #1a1818;
padding: 22px 27px;
line-height: 1.2;
font-size: 19px;
font-weight: bold;
text-transform: uppercase;
}
.matchcenter-player .matchcenter-player-stats table {
margin-bottom: 0;
}
.matchcenter-player .matchcenter-player-stats table thead th {
background-color: #262626;
color: #fff;
font-size: 19px;
text-align: center;
vertical-align: middle;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.matchcenter-player .matchcenter-player-stats table tbody td {
vertical-align: middle;
text-align: center;
font-size: 16px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}