.player-header { position: relative; background-image: url(/media/com_basketmanager/images/player_bg.jpg); min-height: 450px; }
.player-header::before {
    content: ""; display: block; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 24px; background-repeat: repeat-x; z-index: 1;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.20) 4px, transparent 4px), linear-gradient(to right, rgba(255, 255, 255, 0.20) 4px, transparent 4px), linear-gradient(to right, rgba(255, 255, 255, 0.20) 4px, transparent 4px), linear-gradient(to right, rgba(255, 255, 255, 0.20) 4px, transparent 4px), linear-gradient(to right, rgba(255, 255, 255, 0.20) 4px, transparent 4px), linear-gradient(to right, rgba(255, 255, 255, 0.20) 4px, transparent 4px), linear-gradient(to right, rgba(0, 0, 0, 0.1) 4px, transparent 4px), linear-gradient(to right, rgba(0, 0, 0, 0.11) 4px, transparent 4px);
    background-size: 36px 12px, 36px 15px, 36px 17px, 36px 20px, 36px 18px, 36px 15px, 72px 15px, 108px 18px;
    background-position: 0px 100%, 6px 100%, 12px 100%, 18px 100%, 24px 100%, 30px 100%, 6px 100%, 24px 100%;
}
.player-header > div { position: relative; z-index: 2; }
.player-navigation { background-color: #C8102E; height: 80px; }
.player-navigation .uk-grid > a { border-left: 2px solid rgba(0,0,0,0.2); min-height: 80px; justify-content: center; display: flex; align-items: center; color: #fff; }
.player-navigation .uk-grid > a > div::before { content: ''; display: block; width: 100%; height: 80px; position: absolute; top: 0px; left: 0px; }
.player-navigation .uk-grid { border-right: 2px solid rgba(0,0,0,0.2); }
.player-navigation a { color: #fff; text-decoration: none; position: relative; }
.player-navigation a:hover::before { content: ''; height: 2px; background-color: #000; width: 100%; position: absolute; top: 0px; left: 0px; }
.player-navigation a.uk-active::before { content: ''; height: 2px; background-color: #fff; width: 100%; position: absolute; top: 0px; left: 0px; }
.player-navigation a:hover { color: #000; text-decoration: none; }
.player-navigation a.uk-active:hover { color: #fff; }
.player-navigation .label { font-size: 10px; line-height: 10px; color: rgba(255,255,255,.6); display: none; }
.player-navigation .title { line-height: 16px; font-size: 16px; font-weight: 600; display: none; }
.player-navigation .icon { display: block; }
.player-navigation .icon .uk-text-small { font-size: 10px; line-height: 12px; height: 22px; }
@media screen and (min-width: 640px) {
    .player-navigation .label { display: block; }
    .player-navigation .title { display: block; }
    .player-navigation .icon { display: none; }
}

.player-image-wrap { text-align: center; }
.player-name-wrap { display: flex; align-items: center; gap: 10px; justify-content: center; }
@media screen and (min-width: 640px) {
    .player-name-wrap { margin-left: -80px; justify-content: flex-start; }
}
.player-number { font-size: 100px; line-height: 80px; color: #fff; text-align: center; font-weight: 900; }
.player-firstname { font-size: 30px; line-height: 26px; color: #fff; font-weight: 400; text-transform: uppercase; }
.player-surname { font-size: 50px; line-height: 44px; color:#C8102E; font-weight: 800; text-transform: uppercase; }
.player-info-wrap .label { font-size: 11px; line-height: 14px; color: rgba(255,255,255,.6); text-transform: uppercase; }
.player-info-wrap .value { font-size: 18px; line-height: 20px; color: #fff; font-weight: 600; }

.single-chart { align-items: center; display: flex; gap: 10px; }
.single-chart .circular-chart { width: 90px; display: block; }
.single-chart .circle-bg { fill: none; stroke: rgba(255,255,255,0.3); stroke-width: 2.2; }
.single-chart .circle { fill: none; stroke-width: 3.4; stroke-linecap: round; animation: progress 1s ease-out forwards; }
@keyframes progress { 0% { stroke-dasharray: 0 100; } }
.single-chart .circular-chart .circle { stroke: #C8102E; }
.single-chart .percentage { fill: #fff; font-family: sans-serif; font-size: 10px; text-anchor: middle; }
.single-chart .label { fill: rgba(255,255,255,0.5); font-family: sans-serif; font-size: 4px; text-anchor: middle; }
.single-chart .info .label { font-size: 12px; line-height: 15px; color: rgba(255,255,255,.4); font-weight: 600; text-transform: uppercase; }
.single-chart .info .value { font-size: 12px; line-height: 15px; color: #fff; font-weight: 600; text-transform: uppercase; }
@media screen and (max-width: 1200px) {
    .single-chart { flex-direction: column; text-align: center; }
}

.player-stats-quick th { color: #fff; font-size: 16px; line-height: 16px; font-weight: 600; text-align: right; padding: 8px 5px !important; }
.player-stats-quick td { color: rgba(255,255,255,0.6); font-size: 15px; line-height: 16px; font-weight: 300; padding: 8px 5px !important; }

.player .uk-card-primary { background: 0 0 }
.player .uk-card-primary .uk-card-header { padding: 0; }
.player .uk-card-primary .uk-card-title { background-color: #e9e9e9; width: calc(100% - 110px); color: #000; float: right; padding-left: 30px; position: relative; height: 46px; line-height: 50px; font-size: 18px; text-transform: uppercase; font-weight: 600; }
.player .uk-card-primary .uk-card-title::before { content: ''; width: 10px; background-color: #292c31; height: 46px; position: absolute; left: 0; right: 0; margin-left: -20px; transform: skew(-20deg); z-index: 10; }
.player .uk-card-primary .uk-card-title::after { content: ''; width: 20px; background-color: #C8102E; height: 50px; position: absolute; top: -4px; left: 0; right: 0; margin-left: -10px; transform: skew(-20deg); z-index: 11; }
.player .uk-card-primary .uk-card-body { background-color: #fff; border: 4px solid #e9e9e9; color: #000; padding: 20px; clear: both; }
.player .uk-card-primary .uk-card-body .uk-card-media { margin-top: -20px; margin-left: -20px; margin-right: -20px; }

.glossary > .glossary-item { padding: 4px 0; font-size: 14px; color: #999; font-weight: 400; }
.glossary .glossary-abbr { display: inline-block; font-weight: bold; color: #000; width: 50px; text-align: right; margin-right: 6px; }

.player-stats thead th { color: #000 !important; font-weight: 600; }
.player-stats thead tr { border: none !important; }
.player-stats td, .player-stats th { font-size: 14px !important; line-height: 16px !important; padding: 8px 6px !important; color: #666; }
.player-stats tr.uk-text-bold td { color: #111; }
.uk-card-primary .player-stats td.uk-text-muted { color: #ccc !important; }
.player-stats tbody tr { border-top: 1px solid #eee !important; }
.player-stats tbody tr:hover { background-color: #f2f2f2; }
.player .uk-text-bold { color: #000 !important; font-weight: 600 !important; }

.player-news .uk-h4 { letter-spacing: 0; font-weight: 600; }
.player-news .uk-card-body .body { font-size: 14px; }

.player-social > a { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 10px; height: 60px; border-radius: 6px; overflow: hidden; }
.player-social > a:hover { text-decoration: none; }
.player-social > a > span { height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; background-color: #000; color: #fff; }
.player-social > a > div { flex: 1; height: 60px; display: flex; justify-content: flex-start; align-items: center; background-color: #333; color: #fff; padding: 0 20px; text-transform: uppercase; font-size: 14px; transition: 0.3s ease-in-out; }
.player-social > a:hover > div { background-color: #666; }

.player-social a.facebook > span { background-color:rgb(24, 48, 100); }
.player-social a.facebook > div { background-color:rgb(40, 69, 129); }
.player-social a.facebook:hover > div { background-color: #3b5998; }

.player-social a.twitter > span { background-color: rgb(13, 149, 232); }
.player-social a.twitter > div { background-color: rgb(29, 168, 255); }
.player-social a.twitter:hover > div { background-color: rgb(62, 181, 255); }

.player-social a.instagram > span { background-color: rgb(152, 0, 163) }
.player-social a.instagram > div { background-color:#b304c1 }
.player-social a.instagram:hover > div { background-color:rgb(211, 0, 226) }