.penci-prankings-grid {
--pcbd-gap: 15px;
--pcbd-radius: 15px;
--pctop-border-radius: 15px;
margin-inline: auto;
display: flex;
gap: var(--pcbd-gap);
}
.penci-prankings-grid + .penci-prankings-grid {
padding-top: 0;
}
.penci-prankings-box-wrapper,
.penci-prankings-box-wrapper.penci-prankings-item {
min-height: min(20dvw, 20dvh);
border-radius: var(--pcbd-radius);
flex: 1;
display: flex;
gap: var(--pcbd-gap);
}
.penci-prankings-box-wrapper.penci-prankings-item:hover {
background: white;
} .penci-prankings-box-wrapper.penci-prankings-col {
flex-direction: column;
} @media (max-width: 50em) {
.penci-prankings-grid {
flex-direction: column;
}
.penci-prankings-grid .penci-prankings-box-wrapper {
min-height: min(30dvw, 20dvh);
}
} .penci-prankings-col.penci-prankings-col-wide {
flex: 2;
}
.penci-prankings-wide {
flex: 2;
}
.penci-prankings-item {
background-color: var(--pcbg-cl);
font-size: 15px;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
.hidden {
display: none;
} .penci-prankings-grid {
padding: 0;
}
.penci-prankings-box-wrapper,
.penci-prankings-box-wrapper.penci-prankings-item {
min-height: unset;
}
@media (max-width: 50em) {
.penci-prankings-grid .penci-prankings-box-wrapper {
min-height: unset;
}
} .display-filters form {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: start;
padding: 15px 0;
}
.display-filters .filter-container {
box-shadow: unset;
font-size: 15px;
padding: 5px 20px;
background: white;
color: black;
border: 1px solid var(--pcborder-cl);
border-radius: 5px;
display: flex;
gap: 15px;
align-items: center;
}
.display-filters .filter-container[data-type="checkbox"] {
border-radius: 15px;
flex-direction: column;
align-items: start;
width: 100%;
padding: 20px;
}
.filter-label {
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
}
.display-filters select {
font-size: 15px;
padding: 5px 20px;
background: inherit;
color: inherit;
border: 0;
}
.display-filters .checkbox {
display: flex;
gap: 15px;
align-items: center;
}
.display-filters label {
padding: 0;
margin: 0;
}
.display-filters input {
padding: 15px 5px;
}
.no-results {
display: none;
}
.no-results .no-results-inner {
background: white;
color: black;
text-align: center;
border-radius: 15px;
padding: 30px;
overflow: hidden;
height: 100%;
display: grid;
place-items: center;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
.no-results.show {
display: block;
position: absolute;
width: 100%;
} .penci-prankings-cabinet {
background-color: transparent;
}
.penci-prankings-cabinet[data-filtertype="checkbox"] {
display: grid;
gap: 15px;
grid-template-columns: 300px 1fr;
}
.penci-prankings-cabinet .display {
position: relative;
width: 100%;
height: fit-content;
display: grid;
gap: 15px;
justify-content: center;
grid-template-columns: repeat(auto-fill, calc(300px - 15px));
grid-template-columns: repeat(auto-fill, calc(max(360px, 33%) - 15px));
}
.penci-prankings-cabinet .display[data-type="news"] {
gap: 20px;
grid-template-columns: repeat(auto-fill, calc(max(360px, 33%) - 10px));
}
.penci-prankings-cabinet .display[data-type="events"] {
--col: 2;
--gap: 20px;
gap: var(--gap);
grid-template-columns: repeat(
auto-fill,
calc(max(360px, 100% / var(--col)) - var(--gap))
);
justify-content: space-between;
}
.penci-prankings-cabinet .penci-prankings-item,
.penci-prankings-cabinet .penci-prankings-item .penci-prankings-item-inner {
display: flex;
flex-direction: column;
height: 100%;
}
.penci-prankings-cabinet .penci-prankings-item.card-news .title {
font-size: 15px;
font-weight: 600;
line-height: 1.25;
}
.penci-prankings-item.card-news:not(.card-textonly) {
border-radius: var(--pctop-border-radius) 0 0 0;
overflow: clip;
height: 100%;
}
.penci-prankings-item .penci-prankings-item-image {
border-radius: var(--pctop-border-radius) 0 0 0;
overflow: clip;
}
.penci-prankings-item .penci-prankings-item-image img {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
object-fit: cover;
object-position: center;
}
.penci-prankings-item .penci-prankings-item-content-detail {
width: 100%;
height: 100%;
}
.penci-prankings-item .penci-prankings-item-image.event-brand {
width: 100%;
aspect-ratio: 16/9;
display: flex;
align-items: center;
justify-content: center;
}
.penci-prankings-item .penci-prankings-item-image.event-brand img {
width: 70%;
height: 70%;
aspect-ratio: 16/9;
object-fit: contain;
object-position: center;
} .penci-prankings-item.hide {
display: none;
visibility: collapse;
}
.penci-prankings-item {
box-shadow: none;
}
.penci-prankings-item .penci-prankings-item-inner {
gap: 5px;
}
.penci-prankings-item
.penci-prankings-item-inner
.penci-prankings-item-content {
flex: 1;
padding: 15px;
display: flex;
flex-direction: column;
gap: 15px;
align-items: start;
} .penci-prankings-item.card-event {
flex: 1;
box-shadow: none;
border: solid var(--pcborder-cl);
border-radius: var(--pctop-border-radius);
border-width: 1px;
color: var(--pcheading-cl);
}
.penci-prankings-item.card-event .penci-prankings-item-inner {
display: flex;
flex-direction: row;
gap: 15px;
align-items: center;
justify-content: start;
height: 100%;
padding: 10px;
text-decoration: none;
}
.penci-prankings-item.card-event
.penci-prankings-item-inner
.penci-prankings-item-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 15px;
align-items: start;
border-left: 1px solid var(--pcborder-cl);
padding-right: 5px;
background-image: url(//www.magaradakiler.com/wp-content/plugins/penci-player-rankings/assets/icons/arrow-main.svg);
background-size: 20px;
background-position: bottom right;
background-repeat: no-repeat;
}
.penci-prankings-item.card-event
.penci-prankings-item-inner
.penci-prankings-item-content
> * {
flex: 1;
width: 100%;
}
.penci-prankings-item .penci-prankings-item-content-support {
display: flex;
justify-content: space-between;
align-items: center;
}
.penci-prankings-item.card-main {
border-radius: var(--pctop-border-radius) 0 0 0;
overflow: clip;
}
.penci-prankings-item.card-main .support-content {
display: flex;
gap: 5px;
align-items: center;
}
@media (max-width: 50em) {
.penci-prankings-item .penci-prankings-item-content-support {
flex-direction: column;
gap: 5px;
align-items: start;
}
.penci-prankings-item.card-main .penci-prankings-item-content-support,
.featured .penci-prankings-item .penci-prankings-item-content-support {
flex-direction: row;
gap: 0;
}
.penci-prankings-item.card-main .support-content {
align-items: start;
}
}
.penci-prankings-item.card-event .support-content {
font-style: italic;
font-size: 12px;
display: flex;
gap: 5px;
align-items: center;
}
.penci-prankings-item.card-event .event-image {
width: 150px;
}
.penci-prankings-item.card-event .title {
font-size: 14px;
}
.penci-prankings-item.card-event .venue {
font-size: 12px;
}
.penci-prankings-item.card-event .prize-fund {
font-size: 12px;
line-height: 1;
}
.penci-prankings-item .support-content strong {
color: var(--pcaccent-cl);
font-style: normal;
font-weight: 400;
font-size: 10px;
border: 1px solid var(--pcaccent-cl);
border-radius: 5px;
padding: 5px 5px;
}
@media (max-width: 767px) {
.penci-prankings-item.card-event .event-image {
width: 100px;
}
}
@media (max-width: 60em) {
.penci-prankings-item.card-event .support-content {
flex-direction: column;
align-items: start;
}
}
@media (max-width: 40em) {
.penci-prankings-item.card-main .support-content {
flex-direction: column;
align-items: start;
}
} .penci-prankings-item.card-main .penci-prankings-item-inner {
display: flex;
flex-direction: column;
gap: 5px;
}
.penci-prankings-item.card-main .penci-prankings-item-content {
flex: 1;
box-shadow: none;
border: solid var(--pcborder-cl);
border-radius: 0 0 0 15px;
border-width: 0 0 1px 1px;
color: var(--pcheading-cl);
}
.penci-prankings-item.card-main .penci-prankings-item-content-support {
width: 100%;
display: flex;
justify-content: space-between;
}
.penci-prankings-item.card-main .title {
font-size: 20px;
font-weight: 600;
line-height: 1.25;
}
.penci-prankings-item.card-main .penci-prankings-item-content .button-row {
padding: 0;
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.penci-prankings-item-content-row {
display: flex;
gap: 20px;
align-items: center;
width: 100%;
}
.penci-prankings-item-content-row .penci-prankings-item-content-image {
width: 200px;
}
.penci-prankings-item-content-row .penci-prankings-item-content-block {
flex: 1;
display: flex;
flex-direction: column;
gap: 5px;
width: 100%;
}
@media (max-width: 767px) {
.penci-prankings-item-content-row {
flex-direction: column;
}
.button-row,
.penci-prankings-item.card-main .penci-prankings-item-content .button-row {
flex-wrap: wrap;
}
}
.penci-prankings-item.card-player {
--max-height: unset;
--min-height: fit-content;
--image-height: 250px;
--background-color: transparent;
--text-color: grey;
--shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
padding: 0;
max-height: var(--max-height);
height: var(--max-height);
box-shadow: unset;
overflow: unset;
}
.penci-prankings-item.card-player .penci-prankings-item-inner {
display: flex;
flex-direction: column;
gap: 5px;
text-decoration: none;
justify-content: end;
}
.penci-prankings-item.card-player .penci-prankings-item-inner:hover {
text-decoration: none;
}
.penci-prankings-item.card-player .penci-prankings-item-content-detail {
flex-direction: column;
}
.penci-prankings-item.card-player .image {
width: 100%;
max-width: 100%;
flex: 1;
}
.image img {
width: 100%;
}
.penci-prankings-t3 {
flex-wrap: wrap;
gap: 10px;
padding-top: 32px;
flex-direction: row;
justify-content: space-between;
}
.penci-prankings-t3 > .penci-prankings-box-wrapper {
--col: 3;
align-items: end;
justify-content: end;
flex: 1 1 calc(100% / var(--col) - 10px);
}
@media (max-width: 767px) {
.penci-prankings-t4 {
flex-direction: column;
}
.penci-prankings-t3 {
max-width: 800px;
margin: 0 auto;
}
.first .penci-prankings-item.card-player,
.penci-prankings-item.card-player {
max-height: unset;
height: unset;
max-width: 400px;
margin: 0 auto;
}
}
@media (max-width: 50em) {
.penci-prankings-t3 {
padding-top: 0;
}
.penci-prankings-t3 > .penci-prankings-box-wrapper {
justify-content: center;
}
}
@media (max-width: 50em) {
.first .penci-prankings-item.card-player,
.penci-prankings-item.card-player {
max-height: unset;
height: unset;
}
}
.penci-prankings-item.card-player .player-image {
display: grid;
overflow: clip;
}
.penci-prankings-item.card-player .player-image > * {
grid-column: 1;
grid-row: 1;
z-index: 2;
}
.penci-prankings-item.card-player .player-image svg {
fill: #32435c;
}
.penci-prankings-item.card-player .player-image img {
width: 100%;
height: auto;
}
.penci-prankings-item.card-player .player-image .player-image-content {
place-self: end;
height: 75%;
width: 100%;
background-color: #f1f1f1;
overflow: clip;
z-index: 1;
display: flex;
align-items: start;
justify-content: space-between;
padding: 5px 5px;
border-radius: 5px 0 0 0;
}
.penci-prankings-item.card-player .player-image img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
overflow: hidden;
}
.penci-prankings-item.card-player .player-image .flag .img-flag {
width: auto;
height: 20px;
background-color: white;
border-radius: 5px;
overflow: clip;
}
.penci-prankings-item.card-player .player-image .rank {
font-size: 28px;
text-align: end;
font-weight: 700;
line-height: 1;
color: var(--pcheading-cl);
}
.penci-prankings-item.card-player .player-image .rank span {
font-size: 60%;
}
.penci-prankings-item.card-player.rank1 .player-image .player-image-content {
height: 80%;
}
.penci-prankings-item.card-player.rank1 .penci-prankings-item-inner {
gap: 5px;
}
.penci-prankings-item.card-player.rank1 .player-image .player-image-content {
padding: 15px;
border-radius: var(--pctop-border-radius) 0 0 0;
}
.penci-prankings-item.card-player.rank1 .player-image .rank {
font-size: 32px;
}
.penci-prankings-item.card-player.rank1 .player-image .rank span {
font-size: 60%;
}
.penci-prankings-item.card-player.rank1 .player-image .flag .img-flag {
height: auto;
border-radius: 5px;
max-width: 75px;
width: 100%;
}
.penci-prankings-item.card-player .player-image .rank-band {
place-self: end;
width: 100%;
height: 9px;
background: var(--pcaccent-cl);
z-index: 3;
}
.penci-prankings-item.card-player.rank1 .player-image .rank-band {
height: 18px;
}
.penci-prankings-item.card-player.rank1 .player-image .rank-band {
background-color: #e19a00;
}
.penci-prankings-item.card-player.rank2 .player-image .rank-band {
background-color: #033870;
}
.penci-prankings-item.card-player.rank3 .player-image .rank-band {
background-color: #af0020;
}
.penci-prankings-item.card-player.rank4 .player-image .rank-band {
background-color: #f93556;
}
.penci-prankings-item.card-player.rank5 .player-image .rank-band {
background-color: #4f31a1;
}
.penci-prankings-item.card-player.rank6 .player-image .rank-band {
background-color: #118f63;
}
.penci-prankings-item.card-player.rank7 .player-image .rank-band {
background-color: #753513;
}
.penci-prankings-item.card-player.rank8 .player-image .rank-band {
background-color: #0d0d0d;
}
.penci-prankings-item.card-player.rank9 .player-image .rank-band {
background-color: #d9a700;
background-image: linear-gradient(
to right,
#101010 30%,
#ad8500 30% 70%,
#101010 70%
);
background-size: cover;
background-repeat: no-repeat;
} .penci-prankings-item.card-player .player-image {
height: 170px;
width: 186px;
}
@media (max-width: 50em) {
.penci-prankings-item.card-player .player-image {
height: 170px;
width: 170px;
}
}
@media (max-width: 767px) {
.penci-prankings-item.card-player .player-image {
height: 170px;
width: 170px;
}
}
.penci-prankings-item.card-player.rank1 {
height: 100%;
width: 100%;
}
.penci-prankings-item.card-player.rank1 .penci-prankings-item-inner {
height: 100%;
width: 100%;
}
.penci-prankings-item.card-player.rank1 .player-image {
max-height: unset;
height: 380px;
width: 100%;
}
.penci-prankings-item.card-player .player-bio,
.penci-prankings-item.card-player .player-bio .title {
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.first .penci-prankings-item.card-player .player-bio,
.first .penci-prankings-item.card-player .player-bio .title {
font-size: 15px;
}
.penci-prankings-item.card-player .player-bio .title .first {
font-weight: 400;
}
.penci-prankings-item.card-player .player-bio .title .last {
font-size: 18px;
margin-top: 4px;
}
.penci-prankings-item.card-player.rank1 .player-bio .title .first {
font-size: 20px;
}
.penci-prankings-item.card-player.rank1 .player-bio .title .last {
font-size: 30px;
}
.penci-prankings-item.card-player .player-bio {
align-items: start;
padding: 10px 0 10px 15px;
border: solid var(--pcborder-cl);
border-radius: 0 0 0 5px;
border-width: 0 0 1px 1px;
display: grid;
width: 100%;
background: #fff;
margin-top: -5px;
}
.penci-prankings-item.card-player.rank1 .player-bio {
border-radius: 0 0 0 var(--pctop-border-radius);
padding-bottom: 15px;
}
.penci-prankings-item.card-player .player-bio > * {
grid-column: 1;
grid-row: 1;
z-index: 1;
}
.penci-prankings-item.card-player .player-bio .title {
z-index: 2;
}
.penci-prankings-item.card-player .player-bio .title span {
display: block;
}
.penci-prankings-item.card-player .player-bio .icon-container {
display: none;
}
.penci-prankings-item.card-player.rank1 .player-bio .icon-container {
width: 32px;
height: 32px;
place-self: end end;
display: flex;
align-items: end;
justify-content: end;
}
.penci-prankings-item.card-player .icon-container .icon {
--_icon-width: 20px;
--_icon-height: 20px;
background-size: 100% 100%;
filter: var(--wnt25-filter-light);
}
.icon-link {
display: flex;
height: 100%;
width: fit-content;
align-items: center;
justify-content: end;
color: inherit;
font-size: 14px;
font-style: italic;
font-weight: normal;
padding-right: 40px;
}
.icon-link .icon-container {
width: 32px;
height: 32px;
margin-left: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.icon-link .icon-container .icon {
--_icon-width: 20px;
--_icon-height: 20px;
background-size: 100% 100%;
}
.background-dark .icon-link .icon-container .icon {
filter: var(--wnt25-filter-light);
}
.mobile-only {
display: none !important;
}
.highlights h2 {
margin: 0;
}
@media (max-width: 767px) {
.mobile-only {
display: flex !important;
}
.icon-link {
padding-right: 0;
}
}
.penci-prankings-cabinet .display[data-type="players"] {
--col: 3;
--gap: 15px;
position: relative;
width: 100%;
height: fit-content;
display: grid;
gap: var(--gap);
justify-content: space-between;
grid-template-columns: repeat(
auto-fill,
calc(100% / var(--col) - var(--gap))
);
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player {
background-color: #f1f1f1;
color: var(--pcheading-cl);
height: 115px;
max-height: unset;
overflow: hidden;
padding: 5px 5px 0 0;
border-radius: var(--pctop-border-radius) 0 0 0;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content {
display: grid;
place-items: center start;
padding: 0;
height: 100%;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content
> * {
grid-column: 1;
grid-row: 1;
z-index: 0;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.rank {
font-size: 16px;
text-align: end;
font-weight: 600;
line-height: 1;
padding: 0;
border-radius: 0;
place-self: start end;
z-index: 1;
height: unset;
color: var(--pcheading-cl);
opacity: 0.5;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.rank
span {
font-size: 14px;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail {
display: flex;
flex-direction: row;
gap: 5px;
overflow: hidden;
}
.penci-prankings-item-content-detail svg {
width: 100%;
height: auto;
fill: #32435c;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
> * {
flex: 1;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.image {
height: 100%;
max-width: unset;
overflow: hidden;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.image
img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.image
img.default {
height: 100%;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.bio {
height: 100%;
padding-top: 10px;
display: flex;
gap: 5px;
flex-direction: column;
align-items: start;
justify-content: center;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.title {
color: var(--pcheading-cl);
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.title
span {
display: block;
padding: 0;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.title
.first {
font-size: 13px;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.title
.last {
font-size: 16px;
font-weight: 600;
margin-top: 4px;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.country {
font-size: 12px;
width: 100%;
padding-top: 6px;
border-top: 1px solid var(--pcborder-cl);
color: var(--pcmeta-cl);
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.prize-money {
width: 100%;
text-align: end;
font-size: 30px;
font-weight: 400;
line-height: 1;
}
.background-dark .display-filters .filter-container {
background: transparent;
color: var(--pcaccent-cl);
}
.display-filters .filter-container option {
color: var(--pcheading-cl);
}
.display-filters input[type="text"] {
background: transparent;
border: 0;
border-bottom: 1px solid var(--pcborder-cl);
}
@media (max-width: 767px) {
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.rank {
font-size: 14px;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.title
.first {
font-size: 12px;
}
.penci-prankings-cabinet
.display[data-type="players"]
.penci-prankings-item.card-player
.penci-prankings-item-content-detail
.title
.last {
font-size: 12px;
}
} .champions-list {
--pcbd-gap: 15px;
--pcbd-radius: 15px;
margin: 0;
padding-inline: 0;
list-style: none;
}
.champions-list li {
padding: 15px;
text-wrap: nowrap;
border-radius: 5px;
width: 300px;
}
.content-scroller {
max-width: 100%;
}
.content-scroller-inner {
--_item-gap: 5px;
display: flex;
flex-wrap: wrap;
gap: var(--_item-gap);
padding-block: 15px;
}
.content-scroller[data-animated="true"] {
--_animation-duration: 60s;
--_animation-direction: forwards;
--_gradient: linear-gradient(
90deg,
transparent,
white 20%,
white 80%,
transparent
);
overflow: hidden;
-webkit-mask: var(--_gradient);
mask: var(--_gradient);
}
.content-scroller[data-animated="true"] .content-scroller-inner {
width: max-content;
flex-wrap: nowrap;
animation: scroll-horizontal var(--_animation-duration, 60s)
var(--_animation-direction, forwards) linear infinite;
}
.content-scroller[data-animated="true"] .content-scroller-inner:hover {
animation-play-state: paused;
}
@keyframes scroll-horizontal {
to {
transform: translate(calc(-50% - calc(var(--_item-gap) * 0.5)));
}
}
.champions-list
.penci-prankings-item.card-champion
.penci-prankings-item-inner
.penci-prankings-item-content {
padding: 5px 0 0 0;
gap: 5px;
border: 0;
}
.champions-list
.penci-prankings-item.card-champion
.penci-prankings-item-inner
.penci-prankings-item-image
img {
border-radius: var(--pctop-border-radius);
}
.background-image {
width: 100%;
height: 100%;
} .hub-player .player-image {
display: grid;
place-items: center;
}
.hub-player .player-image > * {
grid-row: 1;
grid-column: 1;
z-index: 1;
height: 100%;
width: 100%;
}
.hub-player .player-image svg {
fill: #32435c;
}
.hub-player .player-image .foreground {
z-index: 2;
}
.hub-player .player-image .background {
display: none;
}
.hub-player .player-image img {
object-fit: cover;
object-position: bottom center;
width: 100%;
height: 100%;
}
.hub-player .player-namecard {
border: solid var(--pcborder-cl);
border-width: 0 0 1px 1px;
border-radius: 0 0 0 var(--pctop-border-radius);
padding: 15px 30px;
align-items: end;
justify-content: space-between;
}
.hub-player .player-namecard .title {
display: flex;
flex-direction: column;
gap: 5px;
line-height: 1;
}
.hub-player .player-namecard .title .first {
font-size: 30px;
}
.hub-player .player-namecard .title .last {
font-size: 18px;
font-weight: 600;
}
.hub-player .player-namecard .rank {
font-size: 30px;
font-weight: 600;
line-height: 1;
}
.hub-player .player-namecard .rank span {
font-size: 90%;
}
.hub-player .player-stats {
background-color: #f1f1f1;
color: var(--pcheading-cl);
border-radius: var(--pctop-border-radius) 0 0 0;
padding: 15px;
overflow: clip;
gap: 0;
}
.hub-player .player-stats .penci-prankings-box-wrapper:nth-child(n + 2) {
border: solid var(--pcborder-cl);
border-radius: 0;
border-width: 0 0 0 1px;
padding: 0 0 0 15px;
}
.hub-player
.grid-stack
.player-stats
.penci-prankings-box-wrapper:nth-child(n + 2) {
border: 0;
}
.hub-player
.grid-stack
.player-stats-data
.penci-prankings-box-wrapper:nth-child(n + 2) {
border: solid var(--pcborder-cl);
border-radius: 0;
border-width: 0 0 0 1px;
padding: 0 0 0 15px;
}
.hub-player .player-stats .player-stats-data {
gap: 0;
}
.hub-player .player-stats .player-bio-data,
.hub-player .player-stats .wnt-stats {
width: 100%;
}
.hub-player .player-stats table {
display: table;
height: auto;
border-collapse: separate;
border-spacing: 15px 5px;
}
.hub-player .player-stats .stat-label {
padding: 0;
}
.hub-player .player-stats .stat-value {
font-weight: 600;
}
.grid-stack {
display: grid;
place-items: center;
}
.grid-stack > * {
grid-row: 1;
grid-column: 1;
z-index: 1;
}
.grid-stack .layer {
width: 100%;
height: 100%;
}
.grid-stack .layer2 {
z-index: 2;
}
.hub-player .penci-prankings-grid {
height: 100%;
}
.hub-player .player-namecard .player-namecard-data {
align-items: end;
justify-content: space-between;
}
@media (max-width: 50em) {
.hub-player .player-namecard {
padding-inline: 15px;
}
.hub-player .player-namecard .title {
gap: 0;
line-height: 0.9;
}
.hub-player .player-namecard .title .first {
font-size: 15px;
}
.hub-player .player-namecard .title .last {
font-size: 30px;
}
.hub-player .player-namecard .rank {
font-size: 30px;
}
.hub-player .player-namecard .rank span {
font-size: 60%;
}
.hub-player .player-image .background {
display: flex;
}
.hub-player .player-stats {
padding: 0 15px 15px 15px;
}
.hub-player :not(.grid-stack) .player-stats {
flex-direction: column;
gap: 5px;
}
.hub-player .player-stats .player-stats-data {
flex-direction: column;
gap: 5px;
}
.hub-player .player-stats table {
width: 100%;
}
.hub-player .player-stats .stat-label {
width: 50%;
}
.hub-player .grid-stack .player-data .player-namecard {
border: 0;
padding-bottom: 0;
}
.hub-player .grid-stack .player-namecard .player-namecard-data {
padding: 15px;
}
.hub-player .grid-stack .spacer {
display: none;
}
.hub-player .player-stats .penci-prankings-box-wrapper:nth-child(n + 2),
.hub-player
.grid-stack
.player-stats-data
.penci-prankings-box-wrapper:nth-child(n + 1) {
border: solid var(--pcborder-cl);
border-radius: 0;
border-width: 1px 0 0 0;
padding: 15px 0 0 0;
}
.grid-stack {
display: flex;
flex-direction: column;
}
.grid-stack .layer1 {
order: 2;
color: var(--pcheading-cl);
}
.grid-stack .layer2 {
order: 1;
}
.grid-stack .player-data {
gap: 0;
}
} .penci-prankings-box-wrapper.team {
justify-content: space-between;
}
.penci-bm-user-desc {
margin-top: 30px;
}
@media only screen and (max-width: 1170px) {
.penci-bm-user-desc.entry-content {
padding-left: 20px;
padding-right: 20px;
}
}
.penci-match-meta-wrapper {
margin: 10px 0 30px;
padding-bottom: 30px;
border-bottom: 1px solid var(--pcborder-cl);
}
.penci-match-meta-wrapper ul li {
display: inline-block;
margin-right: 30px;
}
.penci-match-meta-wrapper ul li:last-child {
margin-right: 0;
}
.penci-prankings-related-match {
padding-top: 30px;
margin-top: 60px;
border-top: 1px solid var(--pcborder-cl);
}
.penci-prankings-box-wrapper.penci-billard-style-2 {
--gap: 30px;
--col: 4;
flex-wrap: wrap;
gap: var(--gap);
}
.penci-prankings-box-wrapper.penci-billard-style-2 .card-player {
flex: 0 0 calc((100% - (var(--gap) * (var(--col) - 1))) / var(--col));
}
.penci-prankings-box-wrapper.penci-billard-style-2
.penci-prankings-item.card-player
.player-image {
width: initial;
height: initial;
}
.mixitup-container-failed .no-results {
display: block;
}
.penci-prankings-box-wrapper + .penci-pagination {
margin-top: 60px;
}@font-face {
font-family: 'star';
src: url(//www.magaradakiler.com/wp-content/plugins/penci-review/fonts/star.eot);
src: url(//www.magaradakiler.com/wp-content/plugins/penci-review/fonts/star.eot?#iefix) format('embedded-opentype'),
url(//www.magaradakiler.com/wp-content/plugins/penci-review/fonts/star.woff) format('woff'),
url(//www.magaradakiler.com/wp-content/plugins/penci-review/fonts/star.ttf) format('truetype'),
url(//www.magaradakiler.com/wp-content/plugins/penci-review/fonts/star.svg#star) format('svg');
font-weight: normal;
font-style: normal;
}
.wrapper-penci-review {
margin-bottom: 25px;
margin-top: 20px;
border: 1px solid #dedede;
}
.wrapper-penci-review.el {
margin-top: 0;
margin-bottom: 0;
}
.penci-review-container {
padding: 25px;
}
.penci-review-thumb {
float: left;
width: 80px;
margin-right: 20px;
}
.penci-review-thumb img {
max-width: 100%;
height: auto;
}
.penci-review-metas {
display: block;
overflow: hidden;
}
.penci-review-metas .penci-review-meta {
margin-right: 15px;
display: inline-block;
color: #888;
font-size: 13px;
line-height: 1.5;
}
.penci-review-metas .penci-review-meta i {
font-size: 14px;
margin-right: 4px;
color: #aaa;
font-style: normal;
}
.penci-review-metas .penci-review-btnbuy {
float: left;
font-size: 12px;
font-weight: 700;
margin-top: 4px;
border: 1px solid;
padding: 0 12px;
height: 28px;
line-height: 26px;
color: var(--pcaccent-cl);
-moz-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.penci-review-metas .penci-review-btnbuy:hover {
background: var(--pcaccent-cl);
color: #fff;
border-color: var(--pcaccent-cl);
text-decoration: none;
}
.penci-review-container.penci-review-count {
border-bottom: 1px solid #dedede;
}
.penci-review-container.penci-review-count h4 {
font-size: 20px;
margin: 0;
}
.penci-review-container.penci-review-count h4 span,
.penci-review-container.penci-review-count h4 a {
font-family: inherit;
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
text-decoration: none !important;
}
.penci-review-schemas,
.penci-review-desc {
margin-top: 10px;
}
.post-entry .penci-review-desc p {
margin: 0;
}
.wrapper-penci-review .penci-review ul.penci-review-number {
padding: 0;
margin: 20px 0 0 0;
clear: both;
width: 100%;
}
.wrapper-penci-review .penci-review ul.penci-review-number li {
list-style: none;
margin-bottom: 18px;
}
.wrapper-penci-review .penci-review ul.penci-review-number li:last-child {
margin-bottom: 0;
}
.wrapper-penci-review .penci-review ul.penci-review-number li:before,
.wrapper-penci-review .penci-review ul.penci-review-number li:after,
ul.penci-review-number li .penci-review-text:before,
ul.penci-review-number li .penci-review-text:after,
.penci-review-row:before,
.penci-review-row:after,
.penci-review-point:before,
.penci-review-point:after {
content: '';
display: table;
}
.penci-review-text {
font-weight: bold;
}
.penci-review-point {
font-size: inherit;
display: inline-block;
}
.penci-review-container.penci-review-point {
display: block;
}
.penci-review-score {
float: right;
font-size: inherit;
}
.penci-review-process {
display: block;
height: 13px;
background: #e6e6e6;
width: 100%;
margin-top: 5px;
}
.penci-review-process span {
display: block;
height: 13px;
width: 0;
background: var(--pcaccent-cl);
}
.penci-review-number.star-rating .penci-review-process {
height: auto;
background: transparent;
width: fit-content;
position: relative;
}
.penci-review-number.star-rating .penci-review-process:before,
.penci-review-number.star-rating .penci-review-process span:before {
content: "SSSSS";
color: var(--pcborder-cl);
font-family: 'star';
letter-spacing: 0.05em;
font-size: 18px;
}
.penci-review-number.star-rating .penci-review-process span {
height: auto;
background: transparent;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.penci-review-number.star-rating .penci-review-process span:before {
color: #ffca00;
}
.penci-review-number.star-rating .penci-review-score {
display: none;
}
.penci-review-score-num.star-num-enable {
font-size: 28px;
}
.penci-review-score-num .pc-review-stars {
position: relative;
font-size: 28px;
display: inline-block;
vertical-align: top;
}
.penci-review-score-num .current-stars {
position: absolute;
top: 0;
left: 0;
color: #ffca00;
white-space: nowrap;
overflow: hidden;
}
body.rtl .penci-review-score-num .current-stars {
left: auto;
right: 0;
}
.wrapper-penci-review .penci-review ul.penci-review-number.star-rating li:before,
.wrapper-penci-review .penci-review ul.penci-review-number.star-rating li:after {
display: none;
}
.wrapper-penci-review .penci-review ul.penci-review-number.star-rating li {
overflow: hidden;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
border-bottom: 1px dotted var(--pcborder-cl);
}
.wrapper-penci-review .penci-review ul.penci-review-number.star-rating li:last-child {
border-bottom: 0;
}
.penci-review-row {
display: inline-block;
width: calc(100% + 24px);
margin-left: -12px;
margin-right: -12px;
vertical-align: top;
}
.penci-review-stuff,
.penci-review-average {
float: left;
display: inline-block;
width: 66.666%;
padding: 0 12px;
}
.penci-review-row.star-row-enable .penci-review-stuff {
margin-bottom: 20px;
}
.penci-review-row.star-row-enable .penci-review-stuff,
.penci-review-row.star-row-enable .penci-review-average {
float: none;
width: 100%;
}
.penci-review-average {
width: 33.333%;
}
.penci-review-average.full-w {
width: 100%;
margin: 0 !important;
}
.penci-review-stuff .penci-review-good {
width: 50%;
float: left;
display: inline-block;
padding: 0 12px;
}
.penci-review-stuff .penci-review-row.full-w .penci-review-good {
width: 100%;
}
.penci-review-stuff .penci-review-good h5 {
font-size: 15px;
margin-bottom: 15px;
}
.penci-review .penci-review-good ul {
padding: 0 0 0 0;
margin: 0;
}
.penci-review .penci-review-good ul li {
list-style: none;
padding-left: 18px;
margin-bottom: 7px;
}
.penci-review .penci-review-good ul li:last-child {
margin-bottom: 0;
}
.penci-review .penci-review-good ul li:before {
content: "\f058";
color: #22b162;
position: absolute;
left: 0;
top: 5px;
font-family: FontAwesome;
font-size: 14px;
line-height: 1;
background: none !important;
}
.penci-fawesome-ver5 .penci-review .penci-review-good ul li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.penci-review .penci-review-bad ul li:before {
content: "\f056";
color: #e03030;
}
.penci-review-score-total {
background: var(--pcaccent-cl);
color: #fff;
text-align: center;
padding: 16px 10px;
display: block;
}
.penci-review-score-total.only-score {
padding: 30px 10px;
}
.penci-review-score-num {
font-size: 56px;
font-family: 'Oswald', sans-serif;
line-height: 1;
font-weight: 400;
}
.penci-review-score-total span {
font-size: 12px;
}
.penci-piechart {
position: absolute;
display: inline-block;
vertical-align: top;
right: 20px;
top: 20px;
text-align: center;
width: 50px;
height: 50px;
z-index: 8;
}
body.rtl .penci-piechart {
right: auto;
left: 20px;
}
.penci-piechart.penci-piechart-small {
width: 34px;
height: 34px;
top: 7px;
right: 7px;
}
.penci-piechart.penci-piechart-small[data-size="28"] {
width: 28px;
height: 28px;
}
.penci-piechart.penci-piechart-small[data-size="28"] .penci-chart-text {
width: 28px;
height: 28px;
line-height: 28px;
}
.penci-chart-text {
width: 50px;
height: 50px;
font-size: 16px;
position: absolute;
left: 0;
top: 0;
line-height: 50px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
color: #fff;
}
body.rtl .penci-chart-text {
left: auto;
right: 0;
}
.penci-piechart-small .penci-chart-text {
width: 34px;
height: 34px;
font-size: 12px;
line-height: 34px;
}
.penci-rv-sm-show.stars-rating {
position: absolute;
top: 15px;
right: 15px;
z-index: 9;
color: var(--pcborder-cl);
line-height: 1;
}
.penci-rv-sm-show.stars-rating.penci-stars-small{
top: 7px;
right: 7px;
left: auto;
}
.penci-rv-sm-show.stars-rating .star-progress {
display: inline-block;
overflow: hidden;
white-space: nowrap;
font-size: 12px;
vertical-align: top;
}
.penci-rv-sm-show.stars-rating .normal-stars {
color: var(--pcborder-cl);
}
.penci-rv-sm-show.stars-rating .rate-stars {
position: absolute;
top: 0;
left: 0;
color: #ffca00;
}
body.rtl .penci-rv-sm-show.stars-rating .rate-stars {
left: auto;
right: 0;
}
.penci-rv-sm-show.stars-rating .star-progress:before {
content: "SSSSS";
display: inline-block;
font-family: 'star';
}
.penci-mega-post .penci-rv-sm-show.stars-rating {
right: 15px;
left: auto;
}
body.rtl .penci-mega-post .penci-rv-sm-show.stars-rating {
left: auto;
right: 10px;
}
@media only screen and (max-width: 767px) {
.penci-review-stuff, .penci-review-average,
.penci-review-stuff .penci-review-good {
width: 100%;
}
.penci-review-score-total,
.penci-review-stuff .penci-review-bad {
margin-top: 20px;
}
.penci-review-container.penci-review-count h4 {
font-size: 18px;
}
}
@media only screen and (max-width: 479px) {
.penci-review-thumb {
display: none;
}
.penci-review-metas .penci-review-meta {
display: block;
margin-bottom: 4px;
}
}
.penci-review-average .pc-review-stars .fa-star:before {
content: "S";
font-family: 'star';
}
body.rtl .penci-piechart.penci-piechart-small {
right: auto;
left: 7px;
}