:root {
    --border-color: #E0E0E0;
    --bg-white: #FFF;
    --social-instagram-gradient: radial-gradient(circle farthest-corner at 28% 120%, #fcdf8f -16%, #fbd377 16%, #fa8e37 32%, #f73344 48%, transparent 64%), linear-gradient(0deg, #f73344 16%, transparent 72%), linear-gradient(145deg, #3051f1 -48%, #c92bb7 24%);
    --social-twitter-bg: #1DA1F2;
    --card-radius: 1rem;
    --bio-radius: 1.25rem;
    --profile-pic-height: 13rem;
    --profile-gap: 1.25rem;
    --bio-gap: 1.5rem;
    --details-gap: 0.625rem;
    --details-padding: 2rem;
    --details-padding-x: 1rem;
}

/* latin-ext */
@font-face {
    font-family: 'Faster One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/fasterone/v19/H4ciBXCHmdfClFb-vWhf-LKYh563.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Faster One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/fasterone/v19/H4ciBXCHmdfClFb-vWhf-LyYhw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.px-2 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py-2 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pt-2 {
    padding-top: 30px;
}

.py-30 {
    padding: 30px 0px;
}

.pr-20 {
    padding-right: 20px !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.cusd-flex {
    display: inline-flex;
}

.cusd-vflex {
    display: flex;
}

.m-1 {
    margin: 15px !important;
}

.my-1 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mx-1 {
    margin: 0 15px;
}

.text-right {
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.border-0 {
    border: 0 !important;
}

.limited {
    color: transparent;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.fl-row-fixed-widthtable {
    max-width: 1600px !important;
}

.fl-row-content {
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
}

.fl-row-content.card-body {
    margin: 10px 75px 0;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

table#dynamicDataTable {
    font-size: 16px;
    background-color: transparent;
    border-collapse: collapse !important;
    border-spacing: 0;
    clear: both;
    margin: 0 auto;
    table-layout: auto;
    margin-bottom: 10px;
    overflow: auto;
    border: none;
}


.goodtimefont {
    font-family: good-times, Verdana, Arial, sans-serif;
}

.leagueTitle {
    font-family: good-times, Verdana, Arial, sans-serif;
    color: #fff;
}

ul.playerprofiletab li a {
    font-family: good-times, Verdana, Arial, sans-serif;
}

.leagueBg {
    margin: 0;
    background: #000;
}

.yearLeagueBg h1 {
    font-weight: 900;
    font-size: 72px;
    text-align: center;
    font-style: normal;
}

.yearLeagueBg h2 {
    font-weight: 600;
    font-size: 42px;
    text-align: center;
}

.teamText {
    font-family: "DinPro Regular", Verdana, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 5px;
}

.teamIdsTxt {
    font-family: "DinPro Regular", Verdana, Arial, sans-serif;
    font-weight: 100;
    font-size: 18px;
    letter-spacing: 2px;
}

.teamRankBox {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #000;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.teamRankBoxTitle {
    font-family: "DinPro Regular", Verdana, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 5px;
    text-align: center;
}

.rankBoxHeader {
    background-color: #000 !important;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 5px;
}


.profileTabsLink li button {
    background: #000 !important;
    color: #fff;
    font-size: 18px;
    font-family: "proxima-nova", Verdana, Arial, sans-serif;
    padding: 10px 15px;
}

.profileStatslinks li button {
    color: #000;
    padding: 10px 15px;
}

.profileTabsLink li button:hover,
.profileStatslinks li button:hover {
    background: #000;
    color: #fff;
}

.teamProfileTabs .tab-content {
    margin-top: 15px;
}

.teamProfileTabs .tab-content .teamText {
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 2px;
}

.leagueBg h2,
.bxBlack h2:first-child {
    color: #fff !important;
}

.bxBlack {
    background-color: #000;
}

.bxBlackRank {
    color: #f7ca00 !important;
}

img.title-logo {
    max-height: 250px;
}

ul.nav.nav-tabs.profileTabsLink,
ul.nav.nav-tabs.profileStatslinks {
    gap: 20px;
    border-bottom: 1px solid #ddd;
}

ul.nav.nav-tabs.profileTabsLink .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: #000;
    color: #fff;
}

/* #alliance_container .leagueBg{background-color: #000;} */

/*#hfl_container .leagueBg{background-color: rgb(5, 8, 109);}
#hfl_container .teamText{color: rgb(5, 8, 109);}
#hfl_container .teamProfileTabs li.active a{background-color: rgb(5, 8, 109); color: #fff;}

#nefl_container .leagueBg{background-color: rgb(21, 87, 63);}
#nefl_container .teamText{color: rgb(21, 87, 63);}
#nefl_container .teamProfileTabs li.active a{background-color: rgb(21, 87, 63); color: #fff;}

#pcfl_container .leagueBg{background-color: rgb(171, 35, 39);}
#pcfl_container .teamText{color: rgb(171, 35, 39);}
#pcfl_container .teamProfileTabs li.active a{background-color: rgb(171, 35, 39); color: #fff;}

#rmfl_container .leagueBg{background-color: rgb(8, 22, 66);}
#rmfl_container .teamText{color: rgb(8, 22, 66);}
#rmfl_container .teamProfileTabs li.active a{background-color: rgb(8, 22, 66); color: #fff;}

#sefl_container .leagueBg{background-color: rgb(0, 76, 140);}
#sefl_container .teamText{color: rgb(0, 76, 140);}
#sefl_container .teamProfileTabs li.active a{background-color: rgb(0, 76, 140);color: #fff;}

#tfl_container .leagueBg{background-color: rgb(8, 22, 66);}
#tfl_container .teamText{color: rgb(8, 22, 66);}
#tfl_container .teamProfileTabs li.active a{background-color: rgb(8, 22, 66); color: #fff;}

#acfl_container .leagueBg{background-color: rgb(214, 86, 0);}
#acfl_container .teamText{color: rgb(214, 86, 0);}
#acfl_container .teamProfileTabs li.active a{background-color: rgb(214, 86, 0); color: #fff;}

#nwfl_container .leagueBg{background-color: rgb(75, 46, 131);}
#nwfl_container .teamText{color: rgb(75, 46, 131);}
#nwfl_container .teamProfileTabs li.active a{background-color: rgb(75, 46, 131); color: #fff;}*/

/* Player Profile */
.jerseyNo {
    text-align: center;
    color: #f2cd26;
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 10px;
}

.playerProfileInfoTitle {
    font-family: "DinPro Regular", Verdana, Arial, sans-serif;
    font-weight: 100;
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
}

.playerProfileInfoValue {
    font-family: "DinPro Regular", Verdana, Arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    text-transform: uppercase;
}

/* Trophy Cases */

.trophy-case {
    text-align: center;
    border-top: none;
    padding: 5px;
    clear: both;
}

.trophy-header {
    position: absolute;
    left: 50%;
    width: 55%;
    transform: translate(-50%, -100%);
}

.trophy-shelves {
    padding-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}

.trophy {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    position: relative;
    z-index: 1;
}

.trophy-icon {
    max-height: 100px;
    max-width: 100px;
    margin-bottom: 5px;
    width: 100%;
}

/* trophy drop shadow: */
.trophy:before {
    content: '';
    display: block;
    width: 10%;
    height: 1em;
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
    position: absolute;
    /* -webkit-filter: blur(5px); */
    filter: blur(10px);
    z-index: 0;
}

/* shelf graphic */
/* upper surface: */
.trophy-shelf,
.pp-trophy-shelf {
    border-bottom: 20px solid #c2c2c2;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    margin-top: -15px;
    z-index: 0;
    position: relative;
}

/* front surface: */
.trophy-shelf:after {
    content: '';
    background: #333;
    height: 5px;
    width: 106%;
    position: absolute;
    margin-top: 20px;
    right: -15px;
    z-index: 1;
}


@media only screen and (max-width: 992px) {
    .trophy-case {
        padding-top: 15%;
    }

    .trophy-icon {
        max-height: 75px;
        max-width: 75px;
    }
}

/* End Trophy Cases */

.dataTables_length {
    float: left;
    padding-top: 8px !important;
}

.dataTables_info {
    float: left;
    margin-left: 15px;
}

.dt-buttons {
    float: inline-start;
}

.dt-length {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.dt-info {
    float: left;
    margin-left: 15px;
}

.dt-paging {
    float: right;
}

.dt-buttons {
    display: flex;
    margin-bottom: 10px;
    border: 1px solid;
    border-radius: 5px;
}

button.dt-button:hover {
    border: none !important;
    background: #000 !important;
    color: #fff;
}

div.dt-buttons>.dt-button {
    margin: 0 !important;
    border: none;
}

div.dt-search {
    display: inline-flex;
    float: inline-end;
    align-items: center;
}

table#dynamicDataTable thead tr td,
table#dynamicDataTable thead tr th {
    background: #000;
    color: #ffffff;
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    font-weight: 700;
    padding: 7px 10px;
    cursor: pointer;
    text-align: center;
}

table#dynamicDataTable tbody tr td {
    border: 1px solid;
    border-color: #e0e0e0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    height: 25px;
    vertical-align: middle;
}

table#dynamicDataTable tbody tr.odd td.sorting_1 {
    background-color: #eee;
}

table#dynamicDataTable tbody tr.odd td {
    background-color: #f5f5f5;
}

table#dynamicDataTable tr td:first-child {
    border-left-color: #c6c6c6;
}

table#dynamicDataTable td {
    padding: 3px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    vertical-align: middle;
}

table#statsTable {
    font-size: 16px;
    background-color: transparent;
    border-collapse: collapse !important;
    border-spacing: 0;
    clear: both;
    margin: 0 auto;
    table-layout: auto;
    margin-bottom: 10px;
    overflow: auto;
    border: none;
}

table#statsTable thead tr td,
table#statsTable thead tr th,
table.statsTable thead tr td,
table.statsTable thead tr th {
    background: #000;
    color: #ffffff;
    padding: 7px 10px;
    border: none !important;
    cursor: pointer;
    text-align: center;
}

table#statsTable tbody tr td,
table.statsTable tbody tr td {
    border: none !important;
}

table#statsTable tbody tr td:nth-child(1),
table#statsTable tbody tr td:nth-child(2),
table#statsTable tbody tr td:nth-child(3),
table.statsTable tbody tr td:nth-child(1),
table.statsTable tbody tr td:nth-child(2),
table.statsTable tbody tr td:nth-child(3) {
    border-right: 1px solid !important;
}

.card {
    margin-bottom: 0px;
}

div#dynamicDataTable_wrapper,
.dynamicTable {
    width: 100%;
    overflow: auto;
    padding: 0;
}

#team_roster {
    margin-top: 20px;
}

.comntableborder table.table {
    border-collapse: collapse;
}

.comntableborder .comntableresponsive > table,
.comntableborder .comntableresponsive .table {
    width: 100%;
}

.comntableborder table.table thead tr td {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    background-color: #222;
    color: #fff;
    border-right: 1px solid #222 !important;
    border-left: 1px solid #222 !important;
    vertical-align: middle;
    text-align: center;
}

.comntableborder table.table tr {
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.comntableborder table.table tbody tr td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-top: 0px;
}

.redirectleguecont {
    padding: 150px 0px 120px;
}

.redirectleguesec p {
    font-size: 26px;
    color: #0a0a0a;
    font-weight: 700;
    line-height: 30px;
    padding: 0px 16%;
}

.redirectleguesec a.leagueBg {
    color: #ffffff;
    display: inline-block;
    width: 100%;
    max-width: 160px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}

.redirectleguesec a:focus {
    text-decoration: none;
}

.redirectleguesec a.leagueBg:hover {
    color: #f2cd26;
}

div#dynamicDataTable_paginate ul.pagination li a {
    color: #0A0A0A;
}

div#dynamicDataTable_wrapper div#dynamicDataTable_length select.form-control.input-sm {
    background: #fff;
    box-shadow: none;
    height: 36px;
}

div#dynamicDataTable_wrapper div#dynamicDataTable_info {
    padding-top: 7px;
    font-size: 16px;
}

div#dynamicDataTable_wrapper div#dynamicDataTable_paginate .pagination li a:focus {
    outline: none;
}

.bg-gray {
    background: #f2f2f2;
}

.bg-gray hr {
    border-top-color: #ccc;
}

div#record_rank .card-body .iconsec {
    width: 50px;
    margin-right: 20px;
    display: inline-block;
    float: inline-start;
}

div#record_rank .card-body .contsec {
    width: calc(100% - 70px);
}

a.teamratingcalc {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #000;
    border: 1px solid #000;
    padding: 12px 24px;
    margin-top: 20px;
    color: #fff;
}

.seo-body-text {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 20px 75px;
    border-bottom: 2px solid #000;
    text-wrap: balance;
    letter-spacing: 1px;
    color: #000;
}

.agl-data-disclaimer {
    margin: 1rem 0 0;
    font-size: 14px;
    font-weight: 400;
}

.teamprofilebox {
    padding: 25px;
}

.teamprofilebox p,
.teamprofilebox ul li {
    font-size: 14px;
}

a.teamratingcalc:focus {
    text-decoration: inherit;
    outline: none;
}

.teamprofilebox button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 26px;
    color: #fff;
    opacity: 1;
    z-index: 99;
}

.teamprofilebox button.close:hover {
    border: 0px;
}

a.coloryelow {
    color: #dbb323;
}

.team_roster_model a.coloryelow {
    cursor: pointer;
    text-decoration: none;
}

table.topheadingsection {
    margin-bottom: 0px;
}

table.topheadingsection th.stat-league-heading-slant {
    background-color: rgb(5, 8, 109);
    width: 20.43%;
    text-align: right;
}

table.topheadingsection th.stat-league-heading-background {
    width: 79.57%;
    background-color: #000;
}

table.topheadingsection tr th {
    padding: 20px !important;
    color: #fff;
}

table.topheadingsection tr {
    border: 0px !important;
}

.cusd-flex .btn-group a.btn-lg.btn-warning {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

div#dynamicDataTable_paginate ul.pagination li.active>a {
    color: #fff;
    background-color: #000;
}

.playerstatstable .col-md-3 .table tr td,
.playerstatstable .col-md-4 .table tr td {
    border: 1px solid;
    border-color: #e0e0e0;
    border-top: 1px solid #e0e0e0 !important;
}


/* div#dynamicDataTable_wrapper table#dynamicDataTable {
    width: auto !important;
} */

/* Player profile upcoming events cards */
.pp-events-list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.pp-event-card {
    background: #f3f1ef;
    border-radius: 14px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    padding: 24px 28px;
}

.pp-event-card-header {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 24px;
    align-items: center;
}

.pp-event-col {
    display: grid;
    gap: 8px;
}

.pp-event-label {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #8b8b8b;
    font-weight: 600;
}

.pp-event-value {
    font-size: 22px;
    font-weight: 800;
    color: #111;
    text-transform: uppercase;
}

.pp-event-subvalue {
    font-size: 12px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #111;
    font-weight: 700;
}

.pp-event-toggle {
    border: none;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pp-event-toggle-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pp-event-toggle-icon::before {
    content: '';
    width: 8px;
    height: 8px;
    border-right: 2px solid #111;
    border-bottom: 2px solid #111;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

.pp-event-toggle[aria-expanded="true"] .pp-event-toggle-icon::before {
    transform: rotate(-135deg);
}

.pp-event-card-body {
    margin-top: 20px;
    background: #fff;
    border-radius: 12px;
    padding: 16px 20px;
}

.pp-event-games {
    margin: 0;
    font-size: 15px;
}

.pp-event-games thead th {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    color: #8b8b8b;
    border: none;
    padding-bottom: 10px;
}

.pp-event-games tbody td {
    border-top: 1px solid #d9d6d2;
    padding: 12px 10px;
    font-weight: 600;
    color: #111;
}

.pp-events-empty {
    margin: 0;
    padding: 12px 0;
    color: #666;
    font-weight: 600;
}

div#dynamicDataTable_wrapper table#dynamicDataTable td {
    text-align: center;
    width: auto !important;
}

.tournamenthostingcont a {
    color: #fff;
    text-decoration: underline;
}

.tournamenthostingcont {
    background: #000000;
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
}

div#dynamicDataTable_wrapper table#dynamicDataTable thead tr td {
    padding-right: 30px;
}

.page-id-24445 .tournamenthostingcont {
    background: #f0d900;
}

.page-id-24445 .tournamenthostingcont a {
    color: #000000;
    text-decoration: inherit;
}

.page-id-24445 .tournamenthostingcont a:hover {
    text-decoration: underline;
}

.tournamentstatstable table tr td {
    border-bottom: 1px solid #f1f1f1;
    padding: 5px;
    text-align: center;
}

.tournamentstatstable table tr {
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}

.tournamentstatstable table thead tr td {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #222;
    color: #fff;
    border-right: 1px solid #222 !important;
    border-left: 1px solid #222 !important;
}

.tournamentstatstable .topheading p {
    margin: 0px;
}

.tournamentstatstable .topheading {
    padding: 20px;
    background: #000000;
    color: #fff;
    font-size: 18px;
}

table#dynamicDataTable thead,
.playerstatstable table thead {
    background: #000000;
}

.comntableresponsive {
    width: 100% !important;
    overflow: auto;
}

div#tournament_stats {
    padding: 0px 15px;
}


/* AFCS event profile page*/
.afcsLogoImg {
    width: 350px;
}

#afcs_container .leagueBg {
    background-color: #231f20;
}

.afcsTitle {
    color: #000 !important;
    text-align: center;
    font-style: normal;
}

.bgYellow {
    background-color: #f2cd26;
}

#afcs_container ul.afcsTabs li a {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}

#afcs_container ul.afcsTabs li.active {
    background: #fff;
}

#afcs_container ul.afcsTabs li a:hover {
    background: #fff;
}

/* #afcs_container ul.afcsTabs li {
    width: 17%;
} */
#afcs_container .sponserlogosec img.partnerSliderLogo {
    height: 55px;
}

.partnerslidersection .partnerSlider .sliderTitle {
    font-size: 16px;
    padding-left: 40px;
    font-weight: 600;
    font-family: good-times, Verdana, Arial, sans-serif;
}

.partnerslidersection .partnerSlider .titlesec {
    width: 20%;
    background: #f2cd26;
    align-items: center;
    -webkit-clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
}

.atGoLivesec p {
    width: 50px;
    background: #f2cd26;
    margin: 0px;
    -webkit-clip-path: polygon(0 0, 90% 0, 58% 100%, 0% 100%);
    clip-path: polygon(0 0, 90% 0, 58% 100%, 0% 100%);
    position: absolute;
    left: 0;
    height: 100%;
}

.atGoLivesec .col-md-10 {
    margin-left: 15px;
}

.atGoLivesec {
    border-top: 2px solid #f2cd26;
    position: relative;
}

.atGoLivesec .col-md-9 {
    justify-content: right;
}

.atGoLivesec .atGoLive {
    align-items: center;
}

.aboutpagedesc .eventdesc p {
    line-height: 34px;
}

.aboutpagedesc .eventdesc ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-top: 20px;
}

.aboutpagedesc .eventdesc ul li {
    line-height: 38px;
    font-size: 20px;
}

.faqsection .card-header h4 a {
    width: 100%;
    line-height: 46px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
}

.faqsection .card-header h4 {
    padding: 0px 20px;
}

.sponsorimage {
    border: 3px solid #ccc;
    padding: 40px 0px;
}

.faqsection .card-header {
    background: #0a0a0a;
    border-radius: 0px;
}

.faqsection .faqheadingtitle {
    background: #f2cd26;
    padding: 20px;
    margin-top: 40px;
}

.faqsection card {
    border: 0px;
}

.faqsection .card-body {
    padding: 15px 40px;
}

.sponserlogosec {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.sponserlogosec .owl-nav button span {
    background: #0a0a0a;
    color: #f2cd26;
    width: 20px;
    height: 20px;
    line-height: 17px;
    display: inline-block;
    border-radius: 20px;
}

.sponserlogosec .owl-nav button.owl-next {
    float: right;
}

.sponserlogosec .owl-nav {
    margin: -80px -30px 0px;
}

.sponserlogosec {
    margin: 50px 0px;
}

.atGoLivesec h4 {
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
    padding-top: 3px;
}

.partnerSlider .owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
}

.partnerSlider .owl-carousel .owl-nav button.owl-prev {
    margin-top: -65px;
    z-index: 1;
}

.partnerSlider .owl-carousel .owl-nav button.owl-next {
    margin-top: -65px;
    z-index: 1;
}

.partnerSlider .owl-carousel .owl-nav button span {
    background: #0a0a0a;
    color: #f2cd26;
    width: 20px;
    height: 20px;
    line-height: 17px;
    display: inline-block;
    border-radius: 20px;
}

.partnerSlider .partnerlogosection {
    padding: 13px 10px;
    width: 80%;
}

.atGoLivesec .col-md-2 {
    text-align: center;
    padding: 10px 0px;
}

.partnerlogosection .owl-item .item img {
    height: 60px;
    width: 140px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center center;
}

/* AFCS event profile page*/

.fa-plus.fa-minus::before {
    content: "\f068" !important;
}

.aboutpagedesc .eventdesc {
    text-align: justify;
    line-height: 28px;
}

.sponserlogotitle h5 {
    border-left: 3px solid #f2cd26;
}

hr.aboveslider {
    border: 2px solid #000;
    margin: 30px 0px 20px;
}

.bgyellowlight {
    background-color: #fbf5bf;
}

/* lacation tab style */

div#locations div#accordionlocation .card-header {
    background: #f2cd26;
    text-align: center;
    border-radius: 0px;
}

div#locations div#accordionlocation .card-header a {
    font-family: good-times, Verdana, Arial, sans-serif;
    font-size: 24px;
    color: #000;
}

div#locations div#accordionlocation table.table tr td,
div#locations div#accordionlocation table.table tr th {
    padding: 30px 8px;
    font-weight: 600;
    text-align: center;
}

div#locations div#accordionlocation .card {
    margin-bottom: 10px;
    border-radius: 0px;
    border: 2px solid #858585;
}

div#locations div#accordionlocation table.table tr th,
div#locations div#accordionlocation i.fas.fa-external-link-alt {
    color: #8b8b8b;
}

div#locations div#accordionlocation .card .card-body {
    padding: 0px 30px;
}

.tabsec .tabtitle p {
    text-align: center;
    background: #000;
    color: #fff;
    padding: 10px 15px;
    margin: 0px;
    border-bottom: 10px solid #f2cd26;
}

#afcs_container ul.afcsTabs li a:focus {
    background: #fff;
}

.rulespagecontent .tabsec a:hover,
.rulespagecontent .tabsec a:focus {
    text-decoration: none;
}

.rulespagecontent .tabsec .tabimg img {
    height: 130px;
}

span.playerbiotext a {
    color: #dbb323;
}

table#topPitchersTbl,
table#topHittersTbl {
    border: 1px solid #ddd;
}

.partnersection {
    position: relative;
}

.partnersection::before {
    content: '';
    position: absolute;
    width: 60%;
    height: 100%;
    background: #f2cd26;
}

.partnersection .fl-row-content.fl-row-fixed-widthtable {
    background: #fff;
    position: relative;
}

#afcs_container .partnerSliderLogo {
    height: 55px;
}

.contactinfosec {
    box-shadow: 0px 2px 10px -1px rgba(157.6962577819824, 155.29653212008267, 155.29653212008267, 0.5);
    padding: 25px 5px;
    margin: 20px 0px;
    display: flex;
    align-items: center;
}

.contactinfosec table td>i {
    margin-right: 10px;
}

.contactinfosec td h2 {
    margin: 0px;
}

.contactinfosec table.table tr td {
    border: 0px !important;
    word-break: break-all;
}

.watchbutton a {
    background: #000000;
    width: 100%;
    max-width: 250px;
    display: inline-block;
    text-align: center;
    padding: 15px 0px;
    text-transform: uppercase;
}

.watchbutton {
    text-align: center;
}

.eventdetailspanels .card-title>a:before {
    float: right !important;
    font-family: "Font Awesome 5 Free";
    content: "\f068";
}

.eventdetailspanels .card-title>a.collapsed:before {
    float: right !important;
    content: "\f067";
    font-family: "Font Awesome 5 Free";
}

.eventdetailspanels .card-title>a:hover,
.eventdetailspanels .card-title>a:active,
.eventdetailspanels .card-title>a:focus {
    text-decoration: none;
}

.card-title h1 {
    font-size: 72px;
}

div#header-sectioncenter #mega-menu-wrap-menumidheader #mega-menu-menumidheader>li.mega-menu-item>a.mega-menu-link:focus {
    background: transparent;
}

#mega-menu-wrap-menumidheader #mega-menu-menumidheader>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-menumidheader #mega-menu-menumidheader>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-menumidheader #mega-menu-menumidheader>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background: #fff0 !important;
}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.custmprofilepage .footersharebtn {
    display: none;
}

/* Stars of Tomorrow */

table.sot-events {
    margin: 0;
    text-align: center;
}

table.sot-events thead th {
    text-align: center;
    color: #000000;
    background: #f0ce27;
    font-family: good-times, Verdana, Arial, sans-serif;
    font-weight: 100;
    font-size: 26px;
    border: 1px solid #000000;
    padding: 15px;
}

table.sot-events tbody tr {
    color: #000000;
    background: #ffffff;
}

table.sot-events tbody td {
    border: 1px solid #000000;
    padding: 15px;
}

.fl-html table.sot-events a {
    color: #dbb323 !important;
}

.sot-leaderboards .tables-row {
    display: flex;
    flex-flow: row wrap;
}

.sot-metric-header {
    border-top: 1px solid #CCC;
    margin-top: 0;
    padding-top: 20px;
}

.sot-metric-link {
    font-size: 12px;
    white-space: nowrap;
}

.sot-leaderboards table {
    font-size: 14px;
    text-align: center;
}

.sot-leaderboards table thead {
    background-color: #000;
    color: #FFF;
}

.sot-leaderboards table tbody tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.sot-leaderboards table td {
    border: 1px solid #e0e0e0;
    vertical-align: middle !important;
}

.sot-leaderboards table td:first-child {
    white-space: normal !important;
}

.sot-player-pic {
    display: block;
    text-align: center;
    max-width: 50px;
    max-height: 60px;
    margin: 0 auto 5px;
    overflow: hidden;
}

.sot-player-pic img {
    max-height: 100%;
    max-width: 100%;
}

table.sotTable tbody td {
    white-space: nowrap;
    overflow: auto;
}

button#dropdownMenu1,
.topleveldropdown a {
    font-size: 20px;
    background: transparent;
    color: #000;
}

.topleveldropdown a:hover,
.topleveldropdown a:focus,
.topleveldropdown a:focus-visible,
.topleveldropdown a:active {
    background: transparent;
    color: #000;
    text-decoration: none;
}

.col-auto.btn-group.btn-group-justified>a {
    font-size: 20px;
    background: transparent;
    color: #000 !important;
}

.col-auto.btn-group.btn-group-justified>a.btn-warning {
    background: #000;
    color: #fff !important;
    border-color: #000;
}

.dropdown .dropdown-menu .dropdown-item {
    color: #000 !important;
    font-size: 18px;
    background-color: transparent;
}

.dropdown .dropdown-menu .dropdown-item.active,
.dropdown .dropdown-menu .dropdown-item:active {
    background-color: unset !important;
}

.toptypedropdown {
    gap: 20px;
    padding: 0px calc(var(--bs-gutter-x)* .5);
}

/* End Stars of Tomorrow */

/* Fall Leaderboards */
.fall-leaderboards .fall-leaderboard-player-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
}

.fall-leaderboards .fall-leaderboard-headshot {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.fall-leaderboards .fall-leaderboard-player-name {
    display: block;
}

.fall-leaderboards .fall-leaderboards-table,
.fall-leaderboards table.fall-leaderboards-table {
    font-size: 20px;
}

.fall-leaderboards .fall-leaderboards-table thead td,
.fall-leaderboards table.fall-leaderboards-table thead td {
    font-weight: bold;
    background-color: #000;
    color: #fff;
    border: 1px solid #e0e0e0;
}

.fall-leaderboards table.fall-leaderboards-table tbody tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.fall-leaderboards table.fall-leaderboards-table td {
    border: 1px solid #e0e0e0;
    vertical-align: middle !important;
}

.fall-leaderboards .fall-leaderboard-empty {
    padding: 1rem 1.25rem;
    background: #f9f9f9;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #666;
    font-style: italic;
    font-size: 20px;
}

/*------------*/

@media only screen and (max-width: 1600px) {
    .fl-row-fixed-widthtable {
        max-width: 1480px !important;
    }

    #afcs_container .partnerSliderLogo {
        height: 45px;
    }

    .atGoLivesec .col-md-10 {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 1480px) {
    .fl-row-fixed-widthtable {
        max-width: 1380px !important;
    }

    div#dynamicDataTable_wrapper table#dynamicDataTable td {
        width: inherit !important;
    }
}

@media only screen and (max-width: 1390px) {
    .fl-row-fixed-widthtable {
        max-width: 1200px !important;
    }

    .teamRankBox>div,
    .teamRankBox>h2 {
        display: flex;
        justify-content: center;
    }

    .teamRankBox h2:nth-child(2) {
        font-size: 26px;
    }
}

@media only screen and (max-width: 1220px) {
    .fl-row-fixed-widthtable {
        max-width: 100% !important;
        margin: 0px 20px;
    }

    .page-template-dynamicApiPage .fl-row-content.fl-row-fixed-widthtable {
        margin: 0px 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
    a.mega-menu-link {
        font-size: 13px !important;
    }
}

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

    .playerstatstable .col-md-3,
    .playerstatstable .col-md-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .profiledetailspage .pl-0,
    .profiledetailspage .pr-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .profiledetailspage .teamRankBox {
        margin: 0px;
    }

    .profiledetailspage .teamRankBox.bxBlack {
        margin-bottom: 20px;
    }

    .teamProfileTabs .tab-pane.active .col-md-6.pr-0 {
        margin-top: 20px;
    }

    .mobilehide {
        display: none;
    }

    .player_profile .m-1.py-1 {
        margin: 0px !important;
    }

    .player_profile .m-1.py-1 .col-md-7,
    .player_profile .m-1.py-1 .col-md-5 {
        padding: 0px;
    }

    .player_profile .teamProfileTabs .tab-content .col-md-6 {
        padding: 0px;
        margin-bottom: 20px;
    }

    .player_profile .teamProfileTabs .tab-content .col-md-4 {
        padding: 0px;
    }

    .player_profile .teamProfileTabs .tab-content .col-12 {
        padding: 0px;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    div#tournament_stats {
        padding: 0px 0px;
    }

    .sot-metric-header {
        text-align: center;
    }

    .owl-nav {
        justify-content: space-between !important;
    }
}

@media only screen and (max-width: 991px) {
    .yearLeagueBg h1 {
        font-size: 36px;
        padding: 15px 0px;
    }

    .playerstatstable h1 {
        font-size: 24px;
    }
}

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

    .toptypedropdown,
    .toptypedropdown div {
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-between;
        padding: 0;
    }

    .toptypedropdown .seasondropdown button#dropdownMenu1,
    .toptypedropdown .seasondropdown {
        width: 100%;
    }

    .toptypedropdown .typedropdown {
        width: 100%;
    }

    .toptypedropdown .typedropdown .dropdown {
        margin: 0px 0px 20px 0px;
    }

    .toptypedropdown .typedropdown .dropdown button#dropdownMenu1 {
        width: 100%;
    }

    .toptypedropdown .ml-20 {
        margin-left: 0px !important;
    }

    .toptypedropdown .seasondropdown button#dropdownMenu1 {
        margin-bottom: 20px !important;
    }

    .fl-button-wrap.fl-button-width-auto.fl-button-left.fl-button-has-icon a.fl-button {
        font-size: 14px;
        letter-spacing: normal;
    }

}

@media only screen and (max-width: 768px) {
    .teamProfileTabs {
        margin-top: 10px !important;
    }

    .teamRankBox h2>br {
        display: none;
    }

    .teamRankBox>div,
    .teamRankBox>h2 {
        width: 100%;
    }

    .teamprofilebox button.close {
        right: 10px;
        top: 0;
        color: #000;
    }

    .player_profile h1,
    .player_profile p.playerProfileInfoValue {
        font-size: 26px;
    }

    .eventprofilepage ul.afcsTabs li {
        width: 50% !important;
        display: inline-block;
        border: 1px solid #f2cd26;
    }

    .eventprofilepage ul.afcsTabs.px-2 {
        text-align: center;
        padding: 0px !important;
    }

    .eventprofilepage .px-2 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .eventprofilepage .partnerslidersection .cusd-vflex {
        display: block;
    }

    .eventprofilepage .partnerslidersection .partnerSlider .titlesec {
        width: 100%;
        clip-path: inherit;
        text-align: center;
        background: #fff;
    }

    .eventprofilepage .partnerSlider .partnerlogosection {
        width: 100%;
    }

    .eventprofilepage .partnerslidersection .partnerSlider .titlesec .sliderTitle {
        padding-top: 25px;
    }

    .eventprofilepage .atGoLivesec .col-md-10 p {
        clip-path: unset;
        background: #fff;
        width: 0px;
    }

    .afcsLogoImg {
        width: 200px !important;
    }

    .eventprofilepage .sponsorvideo iframe {
        width: 100%;
    }

    .eventprofilepage .sponsorvideo {
        text-align: center;
    }

    .eventprofilepage .atGoLivesec h4 {
        font-size: 14px;
    }

    .eventprofilepage h1.goodtimefont {
        padding-left: 15px;
        padding-right: 15px;
    }

    .eventprofilepage .faqsection .card-body {
        padding: 15px 5px;
    }

    .eventprofilepage .slidertopcont h5 {
        font-size: 12px;
    }

    .agedevisionbutton a.btn {
        padding: 10px 0px;
        font-size: 14px;
    }

    .page-template-dynamicApiPage .player_profile .col-md-2 .float-right.profilelogo img {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    div#dynamicDataTable_wrapper div#dynamicDataTable_filter {
        text-align: left;
    }

    div#dynamicDataTable_wrapper div.dt-search {
        text-align: left;
        margin-bottom: 10px;
        float: inline-start;
    }

    .teamProfileTabs .profileTabsLink li {
        padding: 0px;
        margin: 0px;
    }

    .player_profile .teamProfileTabs .profileTabsLink li {
        padding: 0px;
    }

    .eventprofilepage .slidertopcont {
        text-align: center;
    }

    .eventprofilepage .slidertopcont h5,
    .eventprofilepage .slidertopcont p {
        text-align: center;
        float: none !important;
        line-height: 20px;
        display: inline-block;
        margin: 15px 0px;
    }

    div#locations div#accordionlocation table.table tr td,
    div#locations div#accordionlocation table.table tr th {
        padding: 10px 5px !important;
        font-size: 14px;
    }

    div#locations div#accordionlocation .card-header a {
        font-size: 16px !important;
    }

    div#locations div#accordionlocation .card .card-body {
        padding: 20px 0px !important;
    }

    div#locations div#accordionlocation .card .card-body table.table {
        border-left: 0px;
        border-right: 0px;
    }
}

@media only screen and (max-width: 640px) {
    .cusd-flex {
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-between;
    }

    .cusd-flex .ml-20 {
        margin-left: 0px !important;
    }

    .cusd-flex .seasondropdown button#dropdownMenu1 {
        width: 100%;
    }

    .cusd-flex .seasondropdown {
        width: 100%;
    }

    .profiledetailspage h1,
    .profiledetailspage h2 {
        font-size: 26px;
    }

    h2.teamText {
        font-size: 12px !important;
    }

    .comntableresponsive table tbody tr td {
        font-size: 14px;
    }

    .eventprofilepage .faqsection .faqheadingtitle {
        padding: 20px;
    }

    .eventprofilepage .faqsection .card-header h4 a {
        font-size: 14px;
    }

    .eventprofilepage .atGoLivesec {
        text-align: center;
    }

    .eventprofilepage .atGoLivesec .cusd-vflex {
        display: block;
    }

    .eventprofilepage .atGoLivesec .pl-0 {
        padding: 0px;
    }

    .eventprofilepage .atGoLivesec .ml-20 {
        margin-left: 0px !important;
    }

    .eventprofilepage .atGoLivesec h4 {
        font-weight: 600;
        padding: 15px 10px;
    }

    div.dt-buttons {
        float: left !important;
        width: auto !important;
    }
}

@media only screen and (max-width: 560px) {
    .yearLeagueBg h1 {
        font-size: 26px;
        padding: 10px;
        letter-spacing: 1px;
    }

    .playerstatstable h1,
    .playerstatstable h3 {
        font-size: 18px;
    }

    .profiledetailspage h1,
    .profiledetailspage h2 {
        font-size: 18px;
    }

    .teamRankBox h2:nth-child(2) {
        font-size: 18px;
    }

    .teamProfileTabs ul.nav li a {
        font-size: 14px;
    }

    .teamProfileTabs .tab-pane.active .col-md-6 .col-xs-8,
    .teamProfileTabs .tab-pane.active .col-md-6 .col-xs-4,
    .teamProfileTabs .tab-pane.active .col-12 .col-xs-8,
    .teamProfileTabs .tab-pane.active .col-12 .col-xs-4 {
        font-size: 12px;
    }

    .teamProfileTabs div#recent_games .col-md-12 p.text-right {
        font-size: 14px;
    }

    .eventprofilepage .faqsection .card-header h4 {
        padding: 10px 20px;
    }

    .eventprofilepage .faqsection .card-header h4 a {
        font-size: 12px;
        line-height: 18px;
    }

    .faqsection .card-body p {
        font-size: 14px;
    }

    .eventprofilepage .sponsorvideo iframe {
        height: 200px;
    }

    div#dynamicDataTable_wrapper div#dynamicDataTable_length {
        font-size: 0px;
        float: unset;
        width: 25%;
        display: inline-block;
        text-align: left;
    }

    div#dynamicDataTable_wrapper div#dynamicDataTable_info {
        float: unset;
        display: inline-block;
    }

    div#dynamicDataTable_wrapper div#dynamicDataTable_paginate ul.pagination {
        width: 100%;
        display: block;
        float: inherit;
    }

    .fl-row-content.card-body {
        margin: 10px;
    }
}

/*************************  Player of the month  *************************/

.testimonial .container-fluid {
    max-width: 1920px;
    /* padding: 100px; */
}


.testimonial .testimonial-inner .testimonial-box {
    display: flex !important;
    justify-content: space-between;
    max-width: 1440px;
    align-items: center;
}

.testimonial .testimonial-inner .testimonial-box .award-head {
    color: #000;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    background: #F0CE11;
    padding: 16px;
    width: 100%;
}


.testimonial .testimonial-inner .testimonial-box h3 {
    color: #0A0A0A;
    font-family: "good-times-bad-times",
        Verdana,
        Arial,
        sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    margin: 0;
}

.testimonial .testimonial-inner .testimonial-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 0;
}

.testimonial .testimonial-inner .testimonial-left p {
    color: #0A0A0A;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.testimonial .testimonial-inner .testimonial-left .history-btn {
    display: inline-flex;
    gap: 13.72px;
    padding: 0px 0px 0.5px 20px;
    align-items: center;
    background-color: #000;
    border: none;
    color: #F7F7F7;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.testimonial .testimonial-inner .testimonial-left .history-btn::after {
    background-color: #F0CE11;
    padding: 10px;
    content: "\2192";
    font-size: 20px;
    font-weight: 900;
    color: #000;
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);

}

.testimonial-inner .owl-nav {
    display: flex;
    column-gap: 100px;
    justify-content: right;
}

.testimonial-inner .owl-nav button.owl-prev,
.testimonial-inner .owl-nav button.owl-next {
    background: #F0CE11 !important;
    width: 50px;
    height: 50px;
    border-radius: 0;
    display: inline-block;
}

.testimonial-inner .owl-theme .owl-nav [class*=owl-]:hover {
    color: #000 !important;
}

.testimonial-inner .owl-theme .owl-dots .owl-dot,
.testimonial-inner .owl-carousel .owl-nav button.owl-next,
.testimonial-inner .owl-carousel .owl-nav button.owl-prev,
.testimonial-inner .owl-carousel button.owl-dot {
    outline: none;
}

.testimonial-inner .owl-dots {
    text-align: right !important;
    margin-right: 70px;
    margin-top: -40px;
}


.testimonial-inner .owl-dot.active span {
    width: 30px !important;
    background: #0A0A0A !important;
}

.testimonial-inner .slick-dots li.slick-active {
    width: fit-content;
}

.testimonial-inner .slick-dots li.slick-active button:before {
    height: 50px;
}

.testimonial-inner .testimonial-right {
    border-radius: 24px;
    border: 6px solid #F0D900;
    background: #111;
    overflow: hidden;
    max-width: 690px;
    width: 100%;
    height: 630px;
    padding: 0;
}

.testimonial-inner .testimonial-right .banner-img {
    width: 100%;
    height: 190px;
    background-image: url('../image/head.png');
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 4.5px solid #F2CD26;
}

.testimonial-inner .testimonial-right .banner-img span {
    color: #FFE700;
    text-align: center;
    -webkit-text-stroke-color: #000;
    font-family: "Faster One";
    font-size: 30.977px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.78px;
    letter-spacing: 1.372px;
    width: 145px;
}

.testimonial-inner .testimonial-right .content {
    display: flex;
    justify-content: space-between;
    padding: 0 30px 0 60px;
}

.testimonial-inner .testimonial-right .content .profile {
    background: #F0D900;
    border-radius: 2013.57px;
    overflow: hidden;
    border: 8.06px #111111 solid;
    display: inline-flex;
    position: relative;
    top: -43px;
}

.testimonial-inner .testimonial-right .content .profile .profile-pic {
    width: 220px;
    height: 220px;
    object-fit: cover;
    object-position: 100% 0;
}

.testimonial-inner .testimonial-right .content .details {
    row-gap: 15px;
    display: flex;
    flex-direction: column;
}

.testimonial-inner .testimonial-right .content .details a {
    text-decoration: underline !important;
}

.testimonial-inner .testimonial-right .content .details h2 {
    color: #F2CD26;
    font-family: "Inter", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: 136.023%;
    text-transform: uppercase;
    margin: 0;
}

.testimonial-inner .testimonial-right .content .details h3 {
    color: #DDD;
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 136.023%;
    text-transform: uppercase;
    margin: 0;
}

.testimonial-inner .testimonial-right .content .details h3 span {
    color: #F2CD26;
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

.testimonial-inner .testimonial-right .content .league-info {
    margin-top: 10px;
}

.testimonial-inner .testimonial-right .content .league-info .league-logo {
    height: 33px;
    filter: invert(1);
}

.testimonial-inner .testimonial-right .content .league-info .month {
    color: #F2CD26;
    text-align: right;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 136.023%;
}

@media (max-width: 768px) {
    /* .testimonial .container-fluid {
        padding: 20px;
    } */

    .testimonial .testimonial-inner .testimonial-box {
        flex-direction: column;
        gap: 30px;
    }

    .testimonial .testimonial-inner .testimonial-left {
        align-items: baseline;
        gap: 15px;
    }

    .testimonial .testimonial-inner .testimonial-box .award-head {
        font-size: 20px;
    }

    .testimonial .testimonial-inner .testimonial-box h3 {
        font-size: 30px;
    }

    .testimonial .testimonial-inner .testimonial-box p {
        font-size: 14px;
    }


    .testimonial-inner .testimonial-right {
        height: 100%;
    }

    .testimonial-inner .testimonial-right .banner-img {
        height: 108px;
    }

    .testimonial-inner .testimonial-right .banner-img span {
        font-size: 25px;
    }

    .testimonial-inner .testimonial-right .content {
        padding: 0 10px 30px 10px;
    }

    .testimonial-inner .testimonial-right .content .profile {
        top: -25px;
    }

    .testimonial-inner .testimonial-right .content .profile .profile-pic {
        width: 160px;
        height: 160px;
    }

    .testimonial-inner .testimonial-right .content .details {
        gap: 10px;
    }

    .testimonial-inner .testimonial-right .content .details h2 {
        font-size: 20px;
    }

    .testimonial-inner .testimonial-right .content .details h3 {
        font-size: 18px;
    }

    .testimonial-inner .testimonial-right .content .details h3 span {
        font-size: 18px;
    }

    .testimonial-inner .testimonial-right .content .league-info .month {
        font-size: 16px;
    }
}

/*************************  Player of the month  *************************/

/*************************  League  *************************/

.league .container-fluid {
    max-width: 1720px;
    padding: 100px 12px;
}

.league .award-headline {
    color: #0A0A0A;
    font-family: "good-times-bad-times",
        Verdana,
        Arial,
        sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
    text-align: center;
}

.league .nav.nav-tabs {
    display: flex;
    justify-content: center;
    border: none;
    --bs-nav-tabs-border-width: 0;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.league .nav.nav-tabs .nav-item button {
    padding: 16px;
    color: #fff;
    background-color: #000;
    border-radius: 0;
    width: 300px;
    text-transform: uppercase;
    font-weight: bold;
}

.league .nav.nav-tabs .nav-link.active {
    color: #000;
    background-color: #F0CE11;
}

.league .owl-carousel {
    margin-top: 60px;
}


.league .league .owl-carousel a {
    text-decoration: none;
}

.league .award-desc {
    color: #0A0A0A;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 24px;
}

.no-award {
    padding: 20px;
    text-align: center;
}

.no-award a {
    color: #000 !important;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
}


.league .history-btn {
    display: inline-flex;
    gap: 13.72px;
    padding: 0px 0px 0.5px 20px;
    align-items: center;
    background-color: #000;
    border: none;
    color: #F7F7F7;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    z-index: 9;
}

.league .history-btn::after {
    background-color: #F0CE11;
    padding: 10px;
    content: "\2192";
    font-size: 20px;
    font-weight: 900;
    color: #000;
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);

}

.league .history-wrap {
    position: absolute;
    display: inline-block;
    height: auto;
    width: 100%;
    bottom: 10px;
    left: 25px;
}

.league .owl-carousel .owl-nav {
    display: flex;
    column-gap: 95px;
    justify-content: right;
    margin-top: 20px;
    margin-right: 25px;
    width: 100%;
    bottom: 0;
}

.league .owl-carousel .owl-nav button.owl-prev,
.league .owl-carousel .owl-nav button.owl-next {
    background: #F0CE11 !important;
    width: 50px;
    height: 50px;
    border-radius: 0;
    display: inline-block;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #000 !important;
}

.league .owl-theme .owl-dots .owl-dot,
.league .owl-carousel .owl-nav button.owl-next,
.league .owl-carousel .owl-nav button.owl-prev,
.league .owl-carousel button.owl-dot {
    outline: none;
}

.league .owl-theme .owl-dots {
    margin-right: 85px;
    margin-top: -40px;
    position: absolute;
    right: -22px;
    width: auto;
    left: auto;
}

.league .gap-bottom:after {
    content: '';
    clear: both;
    display: table;
    width: 100%;
    height: 60px;
}

.league .owl-carousel .owl-dot.active span {
    width: 30px !important;
    background: #0A0A0A !important;
}

.league .owl-carousel .owl-stage {
    display: flex;
    justify-content: space-around;
}

.league .owl-carousel .owl-stage .owl-item {
    max-width: 340px;
    width: 100% !important;
    margin: 0 25px;
}

.league .owl-carousel .league-box {
    border-radius: 16px;
    background: #FFF;
    overflow: hidden;
    padding: 16px;
}

.league .owl-carousel .league-box .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    min-height: 400px;
}

.league .owl-carousel .league-box .content .profile {
    background: #FFF;
    border-radius: 2013.57px;
    overflow: hidden;
    display: inline-flex;
    position: relative;
}

.league .owl-carousel .league-box .content .profile .profile-pic {
    width: 187px;
    height: 187px;
    object-fit: cover;
    object-position: 100% 0;
}

.league .owl-carousel .league-box .content .details {
    row-gap: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 10px 20px;
    border-radius: 12px;
    width: 100%;
}

.league .owl-carousel .league-box .content .details h2 {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 136.023%;
    text-transform: uppercase;
    margin: 0;
}

.league .owl-carousel .league-box .content .details h3 {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 136.023%;
    text-transform: uppercase;
    margin: 0;
}

.league .owl-carousel .league-box .content .details h3 span {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.league .owl-carousel .league-box .content .league-info {
    margin-top: 10px;
}

.league .owl-carousel .league-box .content .league-info .league-logo {
    height: 33px;
}

.league .owl-carousel .league-box .content .month {
    color: #736700;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 136.023%;
    position: absolute;
    right: 16px;
    top: 16px;
}

/* Mobile screen */
@media (max-width: 768px) {
    .league .container-fluid {
        padding: 0;
    }

    .league .award-headline {
        font-size: 20px;
    }

    .league .nav.nav-tabs {
        padding: 0px;
    }

    .league .nav.nav-tabs .nav-item button {
        width: 170px;
        padding: 12px;
    }

    .league .owl-carousel .owl-stage .owl-item {
        margin: 0;
    }


    .league .owl-carousel {
        margin-top: 20px;
    }

    .league .owl-carousel .league-box {
        padding: 0;
    }

    .league .history-btn {
        position: relative;
        margin-top: 30px;
    }

    .league .owl-carousel .league-box {
        height: 100%;
    }


    .league .owl-carousel .league-box .content {
        padding: 10px;
    }


    .league .owl-carousel .league-box .content .profile .profile-pic {
        width: 160px;
        height: 160px;
    }

    .league .owl-carousel .league-box .content .details {
        gap: 10px;
    }

    .league .owl-carousel .league-box .content .details h2 {
        font-size: 20px;
    }

    .league .owl-carousel .league-box .content .details h3 {
        font-size: 18px;
    }

    .league .owl-carousel .league-box .content .details h3 span {
        font-size: 18px;
    }

    .league .owl-carousel .league-box .content .league-info .month {
        font-size: 16px;
    }

    .league .owl-carousel .owl-nav {
        justify-content: space-between;
        margin-right: 0;
    }

    .league .owl-theme .owl-dots {
        margin-right: 0px;
        text-align: center !important;
    }

    .seo-body-text {
        padding: 20px 30px;
    }
}

/*************************  End League  *************************/
/*************************  Awards Widget  *************************/
.awards .award-carousel .award-box {
    align-items: center;
    gap: 120px;
}


.awards .award-carousel .award-box h3 {
    color: #0A0A0A;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    margin: 0;
}

.award-carousel .history-btn {
    display: inline-flex;
    gap: 13.72px;
    padding: 0px 0px 0.5px 20px;
    align-items: center;
    background-color: #000;
    border: none;
    color: #F7F7F7;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.award-carousel .history-btn::after {
    background-color: #F0CE11;
    padding: 10px;
    content: "\2192";
    font-size: 20px;
    font-weight: 900;
    color: #000;
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);

}

.award-carousel .owl-nav {
    display: flex;
    /* column-gap: 280px;
    width: fit-content; */
    justify-content: space-between;
}

.award-carousel .owl-nav button.owl-prev,
.award-carousel .owl-nav button.owl-next {
    background: #F0CE11 !important;
    width: 50px;
    height: 50px;
    border-radius: 0;
    display: inline-block;
}

.award-carousel .owl-theme .owl-nav [class*=owl-]:hover {
    color: #000 !important;
}

.award-carousel .owl-theme .owl-dots .owl-dot,
.award-carousel .owl-carousel .owl-nav button.owl-next,
.award-carousel .owl-carousel .owl-nav button.owl-prev,
.award-carousel .owl-carousel button.owl-dot {
    outline: none;
}

.award-carousel .owl-dots {
    /* margin-left: 4.1%; */
    margin-top: -40px;
    /* width: fit-content; */
}


.award-carousel .owl-dot.active span {
    width: 30px !important;
    background: #0A0A0A !important;
}

.award-carousel .awards-left {
    border-radius: 24px;
    border: 5px solid #F0D900;
    background: #000;
    overflow: hidden;
    text-align: center;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}


.award-carousel .awards-left .profile {
    background: #FFF;
    border-radius: 50%;
    overflow: hidden;
    /* display: inline-flex; */
    max-width: 305px;
    width: 100%;
    max-height: 305px;
    height: 100%;
}

.award-carousel .awards-left .profile .profile-pic {
    object-fit: cover;
    object-position: 100% 0;
}

.award-carousel .awards-left .details {
    display: flex;
    background: #FFF;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.award-carousel .awards-left .details .player-details {
    padding: 20px;
    width: fit-content;
}

.award-carousel .awards-left .details a {
    text-decoration: underline;
}



.award-carousel .awards-left .details h2 {
    color: #000;
    font-family: Inter;
    font-size: 29.966px;
    font-style: normal;
    font-weight: 800;
    line-height: 136.023%;
    text-transform: uppercase;
    margin-bottom: 25px;
    border-bottom: 0.468px dashed #666;
}

.award-carousel .awards-left .details h3 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 22.475px;
    font-style: normal;
    font-weight: 500;
    line-height: 136.023%;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.award-carousel .awards-left .details h3 span {
    color: #000;
    font-family: Inter;
    font-size: 22.475px;
    font-style: normal;
    font-weight: 800;
    line-height: 136.023%;
    text-transform: uppercase;
}

.awards .award-carousel .award-box .awards-right .award-logo {
    width: 275px;
    margin: 0 auto;

}

.awards .award-carousel .award-box .awards-right .award-desc {
    margin-bottom: 100px;

}

@media (max-width: 768px) {

    .awards .owl-carousel .owl-nav {
        justify-content: space-between;
        gap: 0;
        width: 100%;
    }

    .award-carousel .owl-dots {
        margin-left: 0px;
        width: 100%;
    }

    .awards .award-carousel .award-box {
        flex-direction: column;
        gap: 30px;
    }

    .awards .award-carousel .awards-left {
        gap: 15px;
        width: 100%;
    }

    .awards .award-carousel .awards-left .profile {
        max-width: 200px;
        max-height: 200px;
    }

    .awards .award-carousel .award-box h3 {
        font-size: 30px;
    }


    .award-carousel .awards-left {
        height: 100%;
    }

    .award-carousel .awards-left {
        padding: 15px;
    }


    .award-carousel .awards-left .details {
        gap: 10px;
    }

    .award-carousel .awards-left .details h2 {
        font-size: 20px;
    }

    .award-carousel .awards-left .details h3 {
        font-size: 18px;
    }

    .award-carousel .awards-left .details h3 span {
        font-size: 18px;
    }

    .awards .award-carousel .award-box .awards-right {
        width: 100%;
    }

    .awards .award-carousel .award-box .awards-right .award-logo {
        width: 150px;
        margin: 0 auto 20px auto;
    }

    .awards .award-carousel .award-box .awards-right .award-desc {
        font-size: 14px;
        margin-bottom: 20px;
    }
}

/*************************  End Awards Widget  *************************/
/*************************  Featured Awards  *************************/
.featured-awards .container-fluid {
    max-width: 1420px;
}

.featured-awards .banner {
    display: flex;
    justify-content: center;
    align-items: center;
    background:
        radial-gradient(71% 71% at 50% 50%, rgb(255, 255, 255, 0) 0%, #000 100%),
        url("../image/head.png") no-repeat;
    border-bottom: 5px solid #F2CD26;
    background-size: cover;
}

.featured-awards .banner img {
    padding: 40px;
    width: 450px;
}

.featured-awards .award-head {
    text-align: center;
    margin: 40px;
}

.featured-awards .award-head .heading-secondary {
    color: var(--Text-Dark, #0A0A0A);
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
}

.featured-awards .award-head .paragraph {
    color: var(--Text-Dark, #0A0A0A);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.awards-carousel .award {
    max-width: 445px;
    width: 100%;
    padding: 32px;
    border-radius: 12px;
    background: #F6F6F6;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.awards-carousel .award.active {

    background: #F0D900;
}

.awards-carousel .award.item img {
    width: 230px;
    padding: 20px;
    border: 3px solid #F2CD26;
    background: #fff;
}

.awards-carousel .award .award-details .award-name {
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.awards-carousel .award .award-details .description {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 90px;
    overflow: auto;
}

.awards-carousel .award .award-history-btn {
    color: #0A0A0A;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-left: 0px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.awards-carousel .award .award-history-btn::after {
    content: "";
    width: 8px;
    height: 8px;
    text-indent: -9999px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(135deg);
}

.awards-carousel .owl-nav {
    display: flex;
    gap: 190px;
    justify-content: center;
}

.awards-carousel .owl-nav button.owl-prev,
.awards-carousel .owl-nav button.owl-next {
    background: #F0CE11 !important;
    width: 50px;
    height: 50px;
    border-radius: 0;
    display: inline-block;
}

.awards-carousel .owl-theme .owl-nav [class*=owl-]:hover {
    color: #000 !important;
}

.awards-carousel .owl-theme .owl-dots .owl-dot,
.awards-carousel .owl-carousel .owl-nav button.owl-next,
.awards-carousel .owl-carousel .owl-nav button.owl-prev,
.awards-carousel .owl-carousel button.owl-dot {
    outline: none;
}

/* .owl-theme .owl-dots {
    margin-top: -37px;
} */

.awards-carousel .owl-dot.active span {
    width: 30px !important;
    background: #0A0A0A !important;
}

.awards-carousel .slick-dots li.slick-active {
    width: fit-content;
}

.awards-carousel .slick-dots li.slick-active button:before {
    height: 50px;
}

.awards-carousel .owl-dots {
    margin-top: -40px;
}

/* media queries */
@media (max-width: 768px) {
    .featured-awards .banner {
        background-position: center;
    }

    .featured-awards .banner img {
        margin: 20px;
        width: 150px;
    }

    .awards-carousel .owl-nav {
        justify-content: space-between;
    }

    .featured-awards .award-head {
        margin: 20px 0;
    }

    .featured-awards .award-head .heading-secondary {
        font-size: 30px;
        line-height: 36px;
    }

    .featured-awards .award-head .paragraph {
        font-size: 14px;
        line-height: 22px;
    }

    .awards-carousel .award img {
        width: 100px;
    }

    .awards-carousel .award .award-details .award-name {
        font-size: 16px;
        line-height: 24px;
    }

    .awards-carousel .award .award-details .description {
        font-size: 14px;
        line-height: 22px;
    }

    .awards-carousel .award .award-history-btn {
        font-size: 14px;
        line-height: 22px;
    }
}

/*************************  End Featured Awards  *************************/

/*************************  Award Archive  *************************/
.award-archive .container-fluid {
    padding: 0 100px;
}

.award-archive .banner {
    text-align: center;
    background:
        radial-gradient(71% 71% at 50% 50%, rgb(255, 255, 255, 0) 0%, #000 100%),
        url("head.png") no-repeat;
    border-bottom: 5px solid #F2CD26;
    background-size: cover;
}

.award-archive .banner img {
    height: 335px;

}

.award-archive .award-head {
    text-align: center;
    margin: 40px auto;
}

.award-archive .award-head .heading-secondary {
    color: var(--Text-Dark, #0A0A0A);
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
}

.award-type,
.league-type {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.award-archive .award-type a,
.award-archive .league-type a {
    flex: 1 1 auto;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
    text-align: center;
    font-family: Inter;
}

.award-type {
    gap: 20px;
    padding: 0 200px;
}

.award-archive .award-type a {
    background: #000;
    padding: 16px;
    color: #fff;
    font-size: 16.453px;
    font-style: normal;
    font-weight: 800;
    line-height: 25.2px;
}

.award-archive .award-type a.active {
    color: #000;
    background-color: #F0CE11;
}

.league-type {
    gap: 24px;
    padding: 0 100px;
}

.award-archive .league-type a {
    background: #F2F2F2;
    padding: 12px;
    border-bottom: 2px solid #F0D900;
    color: #000;
    font-size: 24px;
    font-style: italic;
    font-weight: 900;
    line-height: 33px;

}

.award-archive .league-type a.active {
    color: #000;
    background-color: #F2CD26;
}

/* All-star page: same centered width + overflow pattern as teams / award archive */
.allstar-page .allstar-empty-message {
    margin: 1rem 0 0;
    padding: 0.75rem 1rem;
    text-align: center;
    color: #333;
    background: #f5f5f5;
    border: 1px solid #ddd;
}

.allstar-page {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-bottom: 2rem;
}

.allstar-page .card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
}

.allstar-page .fl-row-content.card-body {
    width: 100%;
    max-width: 1600px;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible;
    margin: 0 auto !important;
    padding-left: 0;
    padding-right: 0;
}

.allstar-page .allstar-nav-block {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 1rem;
    padding: 0;
    overflow: visible;
}

.allstar-page .allstar-main-tabs,
.allstar-page .allstar-league-tabs {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    gap: 0;
    box-sizing: border-box;
}

.allstar-page .allstar-league-tabs {
    margin-top: 0;
}

.allstar-page .allstar-main-tabs > a,
.allstar-page .allstar-league-tabs > a {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    margin: 0;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.25;
    text-decoration: none;
    border-radius: 0;
    white-space: normal;
    text-align: center;
    padding: 12px 6px;
    box-sizing: border-box;
    box-shadow: none;
}

.allstar-page .allstar-main-tabs > a {
    font-size: 14px;
    padding: 14px 8px;
    border: 0;
    border-right: 1px solid #333;
}

.allstar-page .allstar-main-tabs > a:last-child {
    border-right: 0;
}

.allstar-page .allstar-league-tabs > a {
    font-size: 15px;
    padding: 10px 6px;
    border: 0;
    border-right: 1px solid #f0d900;
    border-bottom: 2px solid #f0d900;
}

.allstar-page .allstar-league-tabs > a:last-child {
    border-right: 0;
}

.allstar-page .allstar-main-tabs > a.btn-secondary {
    background: #000 !important;
    color: #fff !important;
}

.allstar-page .allstar-main-tabs > a.btn-warning {
    background: #F0CE11 !important;
    color: #000 !important;
}

.allstar-page .allstar-league-tabs > a.btn-secondary {
    background: #f2f2f2 !important;
    color: #000 !important;
}

.allstar-page .allstar-league-tabs > a.btn-warning {
    background: #F0CE11 !important;
    color: #000 !important;
}

.allstar-page .allstar-table-block,
.allstar-page .allstar-nav-block + .allstar-table-block,
.allstar-page .allstar-nav-block ~ div#dynamicDataTable_wrapper,
.allstar-page .allstar-table-block div.dataTables_wrapper,
.allstar-page .allstar-table-block div#dynamicDataTable_wrapper,
.allstar-page div#dynamicDataTable_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    clear: both;
}

.allstar-page .allstar-table-block .dynamicTable {
    width: 100% !important;
    max-width: 100% !important;
}

.allstar-page .allstar-table-block table#dynamicDataTable {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    margin: 0 !important;
}

.allstar-page .allstar-table-block table#dynamicDataTable thead tr td,
.allstar-page .allstar-table-block table#dynamicDataTable tbody tr td {
    width: auto !important;
}

/* American / National Team roster tables */
.allstar-page table.allstar-american-table thead tr td,
.allstar-page table.allstar-national-table thead tr td {
    background: #1a1a1a !important;
    color: #fff !important;
    font-weight: 600;
    vertical-align: middle;
    padding: 10px 8px;
}

.allstar-page table.allstar-american-table tbody tr:nth-child(odd) td,
.allstar-page table.allstar-national-table tbody tr:nth-child(odd) td {
    background: #fff;
}

.allstar-page table.allstar-american-table tbody tr:nth-child(even) td,
.allstar-page table.allstar-national-table tbody tr:nth-child(even) td {
    background: #f5f5f5;
}

.allstar-page table.allstar-american-table .allstar-photo-cell,
.allstar-page table.allstar-national-table .allstar-photo-cell {
    width: 72px;
    text-align: center;
    vertical-align: middle;
}

.allstar-page table.allstar-american-table .allstar-player-photo,
.allstar-page table.allstar-national-table .allstar-player-photo {
    width: 52px;
    height: 52px;
    object-fit: cover;
    object-position: top center;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
}

.allstar-page table.allstar-american-table .allstar-player-name-cell,
.allstar-page table.allstar-national-table .allstar-player-name-cell {
    font-weight: 600;
}

.allstar-page table.allstar-american-table .allstar-player-name-link,
.allstar-page table.allstar-national-table .allstar-player-name-link {
    color: inherit;
    text-decoration: none;
}

.allstar-page table.allstar-american-table .allstar-player-name-link:hover,
.allstar-page table.allstar-national-table .allstar-player-name-link:hover {
    text-decoration: underline;
}

.allstar-page table.allstar-american-table .allstar-league-cell,
.allstar-page table.allstar-national-table .allstar-league-cell {
    text-align: center;
    vertical-align: middle;
}

.allstar-page table.allstar-american-table .allstar-league-logo,
.allstar-page table.allstar-national-table .allstar-league-logo {
    height: 15px;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}

.allstar-page div#dynamicDataTable_wrapper .top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.allstar-page div#dynamicDataTable_wrapper .dt-buttons {
    flex-wrap: wrap;
    max-width: 100%;
}

.allstar-page div#dynamicDataTable_wrapper div.dt-search,
.allstar-page div#dynamicDataTable_wrapper div#dynamicDataTable_filter {
    float: none;
    margin-bottom: 0.5rem;
}

.allstar-page div#dynamicDataTable_wrapper .bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    clear: both;
}

.allstar-page div#dynamicDataTable_wrapper .bottom .dt-length,
.allstar-page div#dynamicDataTable_wrapper .bottom div#dynamicDataTable_length,
.allstar-page div#dynamicDataTable_wrapper .bottom .dt-info,
.allstar-page div#dynamicDataTable_wrapper .bottom div#dynamicDataTable_info,
.allstar-page div#dynamicDataTable_wrapper .bottom .dt-paging,
.allstar-page div#dynamicDataTable_wrapper .bottom div#dynamicDataTable_paginate {
    float: none;
    margin-left: 0;
}

@media (max-width: 992px) {
    .allstar-page .allstar-main-tabs,
    .allstar-page .allstar-league-tabs {
        flex-wrap: wrap;
    }

    .allstar-page .allstar-main-tabs > a {
        flex: 1 1 50%;
        width: auto;
    }

    .allstar-page .allstar-league-tabs > a {
        flex: 1 1 33.333%;
        width: auto;
    }
}

@media (max-width: 576px) {
    .allstar-page .allstar-league-tabs > a {
        flex: 1 1 50%;
    }
}

@media (max-width: 768px) {
    .allstar-page .allstar-table-block .dynamicTable {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .allstar-page .allstar-table-block table#dynamicDataTable {
        width: auto !important;
        max-width: none !important;
        min-width: 800px;
        table-layout: auto !important;
    }

    .allstar-page .allstar-table-block table#dynamicDataTable thead tr td {
        white-space: nowrap !important;
        font-size: 11px;
        padding: 8px 6px;
    }

    .allstar-page table.allstar-american-table tbody tr td,
    .allstar-page table.allstar-national-table tbody tr td {
        font-size: 13px;
        padding: 6px 8px;
    }

    .allstar-page table.allstar-american-table .allstar-photo-cell,
    .allstar-page table.allstar-national-table .allstar-photo-cell {
        width: 72px;
        min-width: 72px;
    }

    .allstar-page table.allstar-american-table .allstar-player-name-cell,
    .allstar-page table.allstar-national-table .allstar-player-name-cell {
        white-space: nowrap;
        min-width: 110px;
    }
}

@media only screen and (max-width: 1220px) {
    .allstar-page .fl-row-content.card-body {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.award-archive #dynamicDataTable_wrapper table#dynamicDataTable {
    width: 100% !important;
}

/* media queries */
@media (max-width: 768px) {
    .award-archive .container-fluid {
        padding: 0 15px;
    }

    .award-archive .banner {
        background-size: cover;
        background-position: center;
    }

    .award-archive .banner img {
        margin: 20px;
        width: 150px;
    }

    .award-archive .award-head .heading-secondary {
        font-size: 30px;
        line-height: 36px;
    }
}

.trophy-shelves .award {
    padding: 15px;
    text-align: center;
    border: 2px solid #f0cc00;
    border-radius: 10px;
    width: 300px;
    position: absolute;
    z-index: 999;
    background: #fff;
    display: none;
    transform: translate(-100px, -70px);
}

.trophy-shelves .award h2.award-name {
    font-size: 16px;
    color: #f0cc00;
    line-height: 1;
    margin: 10px;
}

.trophy-shelves .award p.award-description {
    font-size: 14px;
}

.trophy-shelves .trophy:hover .award {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.trophy-shelves .trophy:hover,
.trophy-shelves .trophy:focus-within,
.trophy-shelves .trophy.trophy-active {
    z-index: 101;
}

.trophy-shelves .trophy .award .trophy-award {
    width: 180px;
    margin-bottom: 5px;
}

.event-title {
    text-align: center;
    font-size: 40px;
    font-family: good-times, Verdana, Arial, sans-serif;
    font-weight: 700;
    padding: 20px;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
    content: none !important;
}

.qualified-teams .row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.qualified-teams h2 {
    font-size: 42px;
    font-weight: 700;
    color: #dbb323;
    font-family: 'good-times', Verdana, Arial, sans-serif;
    text-align: center;
    font-style: italic;
    margin: 0;
}

.qualified-teams .age-buttons {
    display: flex;
    gap: 10px;
    width: 100%;
}

.qualified-teams .age-buttons .age-button {
    background-color: #f2f2f2 !important;
    border-radius: 0;
    border: 0;
    border-bottom: 3px solid;
}

.qualified-teams .age-buttons .btn-primary.age-button {
    background: #000 !important;
    color: #fff !important;
    border-bottom: 3px;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 1px solid #ddd !important;
}

.owl-prev.disabled,
.owl-next.disabled {
    pointer-events: none;
    opacity: 0.5;
}

@media (max-width: 1100px) {
    .league .owl-theme .owl-dots {
        left: calc(50% - 117px);
        width: auto;
        right: auto;
    }

    .league .history-wrap {
        position: relative;
        height: 50px;
    }
}

/* Hides the carousel container if it's empty, instead of using inline display:none */
#headshot-carousel:empty {
    display: none;
}

/* Removes the top margin from the bio when there is no headshot carousel */
.profile--no-headshots .roster-bio {
    margin: 0 !important;
}

section.profile,
section.profile-tabs {
    border-radius: var(--card-radius);
    overflow: hidden;
    border: 1px solid var(--border-color);
    background-color: var(--bg-white);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    margin: 1.5rem auto;
    max-width: 1100px;
}

div.headshot-carousel {
    max-height: 620px;
    height: 100%;
    overflow: hidden;
}

/* Roster Bio Styles */
section.profile .roster-bio {
    display: flex;
    gap: var(--bio-gap, 2rem);
    margin: -5rem 2rem 2rem 2rem;
    align-items: center;
    border-radius: var(--bio-radius, 1.2rem);
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: var(--bg-white);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.07);
}

section.profile .roster-bio .profile-pic {
    height: var(--profile-pic-height, 13rem);
    min-width: 13rem;
    max-width: 15rem;
    overflow: hidden;
    flex-shrink: 0;
}

section.profile .roster-bio .profile-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* Social Icons */
.social {
    display: flex;
    align-items: center;
    gap: var(--profile-gap, 1rem);
}

.social a {
    padding: 0.8rem;
    border-radius: 0.6rem;
    transition: box-shadow 0.2s, transform 0.15s;
    display: flex;
    align-items: center;
}

.social a.instagram {
    background: var(--social-instagram-gradient, linear-gradient(45deg, #fa8e37, #f2cd26));
    color: #fff;
    box-shadow: 0 1px 6px #fa8e3754;
}

.social a.instagram:hover {
    box-shadow: 0 2px 12px #fa8e37;
    transform: scale(1.07);
}

.social a.twitter {
    background-color: var(--social-twitter-bg, #1c9cea);
    color: #fff;
}

.social a.twitter:hover {
    box-shadow: 0 2px 12px var(--social-twitter-bg, #1c9cea);
    transform: scale(1.07);
}

.social-icon,
.tab-icons {
    width: 3rem;
    height: 3rem;
}

/* Details Section */
section.profile .details {
    display: grid;
    gap: var(--details-gap, 1.5rem);
    grid-template-columns: 1fr 1fr;
}

section.profile .details>p {
    padding: 0 var(--details-padding-x, 2rem);
    margin: 0;
}

/* Profile Tabs Styling */
section.profile-tabs .tabs-main-tabs {
    display: flex;
    flex-direction: column;
    gap: var(--bio-gap, 2rem);
    margin: 2rem;
    overflow: hidden;
    background: var(--bg-white);
}

.tab-pane.active.show#stats {
    display: flex;
    flex-direction: column;
    gap: var(--bio-gap, 2rem);
    overflow: hidden;
    background: var(--bg-white);
}

/* .player-profile-tabs {
    gap: 1rem;
    border: none;
    background-color: #f1f1f1;
    padding: 20px;
} */

.player-profile-tabs .tabs-main-tabs .nav-tabs .nav-item .nav-link {
    color: #adabab;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.24s cubic-bezier(.63, -0.37, .34, 1.6);
    padding: 15px 30px;
    text-transform: uppercase;
    border: none;
}

.player-profile-tabs .tabs-main-tabs .nav-tabs .nav-item .nav-link.active,
.player-profile-tabs .tabs-main-tabs .nav-tabs .nav-item .nav-link:hover {
    border-radius: 15px 15px 0 0;
    border: none;
    color: #000;
    background-color: #FFF;
    font-weight: 700;
    box-shadow: 0 -8px 10px 0px rgba(0, 0, 0, 0.1)
}

.player-profile-tabs .tabs-stats-tabs {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--bg-white);
}

.tab-icons {
    fill: currentColor;
}

.awards-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    padding: 1.5rem 0;
    justify-content: center;
}

.award-item {
    display: flex;
    gap: 1rem;
    box-shadow: 0px 0 10px 2px #d0caca;
    padding: 1rem;
    max-width: 330px;
    max-height: 330px;
    aspect-ratio: 1 / 1;
    flex: 1 1 320px;
    /* margin-bottom: 0.5rem; */
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.award-item img {
    width: 195px;
    height: 195px;
}

.award-name {
    font-size: 1.08rem;
    font-weight: 700;
}

.award-description {
    font-size: 0.97rem;
    color: #776a2e;
    margin: 0;
    line-height: 1.5;
}

.award-history-btn {
    padding: 0.35rem 1rem;
    font-size: 0.97rem;
    border-radius: 0.6rem;
    background: #ffe34d;
    color: #856400;
    border: none;
    font-weight: 600;
    box-shadow: 0 1px 6px #ffe34d5e;
    cursor: pointer;
    transition: background .14s, transform .14s;
}

.award-history-btn:hover {
    background: #f2cd26;
    color: #3e3214;
    transform: scale(1.07);
}

/* ============================================================================
   PLAYER PROFILE PAGE STYLES
   ============================================================================ */

.player-profile-page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

/* Hero Section with Photo and Info */
.player-profile-hero {
    background-color: #f1f1f1;
    padding: 5rem 0;
    margin: 0;
}

.player-profile-hero--has-actionshot {
    position: relative;
    overflow: hidden;
    background-color: #2a2a2a;
    min-height: 320px;
}

.player-profile-actionshot-parallax {
    position: absolute;
    inset: -20% 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.player-profile-actionshot-parallax::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.14) 0%,
        rgba(0, 0, 0, 0.07) 30%,
        rgba(255, 255, 255, 0.62) 72%,
        rgba(255, 255, 255, 0.96) 100%
    );
}

.player-profile-actionshot-parallax img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transform: translate3d(0, var(--actionshot-parallax-y, 0px), 0) scale(1.15);
    will-change: transform;
}

.player-profile-hero--has-actionshot .profile-content-wrapper {
    position: relative;
    z-index: 2;
}

.player-profile-hero--has-actionshot .profile-photo-section {
    position: relative;
    z-index: 3;
}

.player-profile-hero--has-actionshot .player-info-section::before {
    top: 130px;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

@media (min-width: 768px) {
    .player-profile-hero--has-actionshot {
        min-height: 380px;
    }
}

/* For actionshot background */
.player-profile-hero--has-actionshot .player-header {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 1rem 1.5rem;
    border-radius: 6px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 2;
}

.player-profile-hero--has-actionshot .player-social-share {
    margin-top: 0;
}

.profile-content-wrapper {
    display: flex;
    gap: 3rem;
    align-items: flex-start;
    margin: 0;
}

/* Profile Photo Section */
.profile-photo-section {
    flex: 0 0 auto;
    max-width: 400px;
    width: 100%;
    min-height: 400px;
    outline: 3px solid #000;
    border-radius: 5px;
}

.headshot-carousel,
.profile-pic-single {
    width: 100%;
    height: 100%;
    /* border-radius: 8px; */
    overflow: hidden;
}

.headshot-carousel .item {
    height: 400px;
}

.headshot-carousel .item img,
.profile-pic-single img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* Add Headshot Overlay Styles */
.profile-pic-no-headshot {
    position: relative;
}

.add-headshot-overlay {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-headshot-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.85rem;
    background: #FFE700;
    color: #000;
    border: none;
    border-radius: 999px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.add-headshot-btn:hover {
    background: #FFF200;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    color: #000;
    text-decoration: none;
}

.add-headshot-btn .tab-icons {
    width: 18px;
    height: 18px;
}

.add-headshot-text {
    font-size: 12px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

/* Player Info Section */
.player-info-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    position: relative;
}

.player-info-section::before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: -80px;
    right: 0;
    bottom: -10px;
    top: 130px;
    z-index: 0;
    pointer-events: none;
}

.player-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 15px;
}

.jersey-number {
    flex-shrink: 0;
    width: 50px;
    padding: 30px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    border-radius: 5px;
}

.jersey-name-wrapper {
    display: flex;
    gap: 1rem;
    position: relative;
    z-index: 1;
}


.player-first-name {
    font-size: 48px;
    font-weight: 600;
    margin: 0;
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
}

.player-last-name {
    font-size: 68px;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.player-position-label {
    font-size: 24px;
    text-transform: uppercase;
    color: #888;
    margin: 8px 0 0 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.social-share-section {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.share-label {
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.social-icons {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f0f0f0;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-icons a:hover {
    background: #e0e0e0;
    transform: scale(1.1);
}

.social-icons a.instagram {
    background: var(--social-instagram-gradient);
    color: white;
}

.social-icons a.twitter {
    background: var(--social-twitter-bg);
    color: white;
}

/* Player Social Share - Simplified */
.player-social-share {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.player-social-share .share-label {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.player-social-share .share-buttons {
    display: flex;
    gap: 0.5rem;
}

.player-social-share .share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f5f5f5;
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
}

.player-social-share .share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.player-social-share .share-btn svg {
    width: 16px;
    height: 16px;
}

.player-social-share .share-facebook {
    background: #1877f2;
    color: white;
    border-color: #1877f2;
}

.player-social-share .share-facebook:hover {
    background: #0d65d9;
    border-color: #0d65d9;
}

.player-social-share .share-twitter {
    background: #000;
    color: white;
    border-color: #000;
}

.player-social-share .share-twitter:hover {
    background: #333;
    border-color: #333;
}

/* Player Details Grid */
.player-details-grid {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px 0;
}

.detail-column {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    z-index: 1;
}

.detail-item {
    display: flex;
    flex-direction: column;
}

.detail-item label {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.detail-item p {
    font-size: 15px;
    color: #999797;
    margin: 0;
    font-weight: 500;
}

.player-trophy-section .pp-trophy-case {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.player-trophy-section .trophy-case img.pp-trophy-header {
    width: 200px;
}

.pp-trophy-shelf::after {
    content: '';
    background: #333;
    height: 5px;
    position: absolute;
    margin-top: 20px;
    right: -15px;
    left: -15px;
    z-index: 1;
}

.social-icons-small a {
    width: 28px;
    height: 28px;
    font-size: 14px;
}

/* Tabs Section */
.player-profile-tabs .tabs-main-tabs .nav.nav-tabs#profile_nav {
    margin: 0 auto;
    display: flex;
    gap: 1rem;
    padding: 0 2rem;
    background: #f1f1f1;
    border-bottom: none;
}

/* Tab Content */
.tabs-main-tabs .tab-pane {
    padding: 4rem;
    animation: fadeIn 0.3s ease-in;
    margin: 0 auto;
}


.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane,
.player-profile-tabs .tabs-main-tabs .tab-content #schedule-pane {
    width: 85%;
}

.player-profile-tabs .tabs-main-tabs .tab-content h3.tab-pane-header {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 30px;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-bio {
    font-size: 16px;
    line-height: 1.8;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio,
.player-profile-page .player-allstar-bio {
    margin-top: 2.5rem;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .allstar-bio-title,
.player-profile-page .player-allstar-bio .allstar-bio-title {
    margin: 0 0 1.25rem;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-block;
    border-left: 3px solid #eccf44;
    padding-left: 0.5rem;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .player-allstar-bio-accordion,
.player-profile-page .player-allstar-bio .player-allstar-bio-accordion {
    display: grid;
    gap: 0.6rem;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .allstar-bio-item,
.player-profile-page .player-allstar-bio .allstar-bio-item {
    border: 1px solid #efefef;
    background: #fafafa;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .allstar-bio-item summary,
.player-profile-page .player-allstar-bio .allstar-bio-item summary {
    list-style: none;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
    padding: 1rem 1rem 1rem 2.5rem;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .allstar-bio-item summary::-webkit-details-marker,
.player-profile-page .player-allstar-bio .allstar-bio-item summary::-webkit-details-marker {
    display: none;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .allstar-bio-item summary::before,
.player-profile-page .player-allstar-bio .allstar-bio-item summary::before {
    content: "+";
    position: absolute;
    left: 0.95rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .allstar-bio-item[open] summary::before,
.player-profile-page .player-allstar-bio .allstar-bio-item[open] summary::before {
    content: "\2212";
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .allstar-bio-answer,
.player-profile-page .player-allstar-bio .allstar-bio-answer {
    background: #fff;
    padding: 0 1rem 1rem 2.5rem;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .allstar-bio-answer p,
.player-profile-page .player-allstar-bio .allstar-bio-answer p {
    margin: 0;
    font-size: 16px;
    line-height: 1.55;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-allstar-bio .allstar-bio-answer p a,
.player-profile-page .player-allstar-bio .allstar-bio-answer p a {
    color: inherit;
    text-decoration: underline;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-profile-overview-actionshot,
.player-profile-page .player-profile-overview-actionshot {
    margin: 2.5rem auto 0;
    width: 100%;
    max-width: 960px;
    overflow: hidden;
    border-radius: 6px;
}

.player-profile-tabs .tabs-main-tabs .tab-content #overview-pane .player-profile-overview-actionshot img,
.player-profile-page .player-profile-overview-actionshot img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.tabs-main-tabs .tab-pane#season-pane {
    padding: 20px 0;
    min-height: 300px;
}


.player-profile-tabs .tabs-stats-tabs .nav-tabs,
.stats-controls .stats-tabs {
    gap: 1rem;
    align-items: center;
    width: 50%;
    justify-content: center;
    background-color: transparent;
    padding: 10px 0;
    border-bottom: 2px solid #dee2e6;
    margin: 0 auto;
}


.player-profile-tabs .tabs-stats-tabs .nav-tabs .nav-item .nav-link,
.stats-controls .stats-tabs .nav-item .nav-link {
    padding: 0;
    border-bottom: 2px solid;
    border-radius: 0;
}

.player-profile-tabs .tabs-stats-tabs .nav-tabs .nav-item .nav-link.active,
.player-profile-tabs .tabs-stats-tabs .nav-tabs .nav-item .nav-link:hover,
.stats-controls .stats-tabs .nav-item .nav-link.active,
.stats-controls .stats-tabs .nav-item .nav-link:hover {
    box-shadow: none;
    color: #eccf44;
    border-bottom: 2px solid;
}

.dropdown .season_dropdown,
.dropdown .stats_dropdown {
    font-size: 20px;
    background: transparent;
    color: #000;
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* ==========================================================
   RESPONSIVE DESIGN (Clean 3-Breakpoint System)
   Mobile → Tablet → Desktop
   ========================================================== */

/* ---------------- Mobile: 0 - 767 ---------------- */
@media (max-width: 767px) {
    .player-profile-hero {
        padding: 0;
    }

    .profile-content-wrapper {
        flex-direction: column;
        gap: 0.75rem;
    }

    .profile-photo-section {
        max-width: 100%;
        width: 100%;
        min-height: 0;
        max-height: 420px;
        aspect-ratio: 4 / 5;
        height: auto;
        overflow: hidden;
    }

    .headshot-carousel,
    .profile-pic-single {
        height: 100%;
        max-height: 420px;
    }

    .headshot-carousel .item {
        height: 100%;
        max-height: 420px;
    }

    .player-info-section {
        width: 100%;
        gap: 1rem;
    }

    .jersey-name-wrapper {
        padding: 0;
        justify-content: space-between;
        width: 100%;
    }

    .player-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 0 15px;
    }

    .player-profile-hero--has-actionshot .player-header {
        padding: 0.85rem 1rem;
        width: calc(100% - 30px);
        margin: 0 15px;
        box-sizing: border-box;
    }

    .player-social-share {
        z-index: 1;
    }

    #profile_dropdown {
        font-size: 1.3rem;
    }

    .jersey-number {
        font-size: 18px;
        width: 30px;
        height: 30px;
        padding: 20px;
    }

    .player-position-label {
        font-size: 18px;
    }

    /* .player-name-with-jersey {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }

    .player-name-group {
        text-align: center;
    } */

    .player-first-name {
        font-size: 18px;
    }

    .player-last-name {
        font-size: 28px;
    }

    .player-info-section::before {
        top: 50px;
        bottom: 0;
        left: 0;
    }

    .player-details-grid {
        justify-content: center;
    }

    .detail-column {
        gap: 0.5rem;
        padding: 0 20px;
        width: 50%;
    }

    .detail-item label {
        font-size: 12px;
    }

    .detail-item p {
        font-size: 11px;
    }

    .pp-trophy-shelf::after {
        left: 0px;
    }

    .trophy-case {
        padding-top: 40px;
        overflow: visible;
    }

    .trophy-shelves .award {
        left: 50%;
        width: min(280px, calc(100vw - 2rem));
        transform: translate(-50%, calc(-100% - 10px));
    }

    .trophy-shelves .trophy.trophy-active {
        z-index: 10001;
    }

    .trophy-shelves .trophy:hover .award,
    .trophy-shelves .trophy.trophy-active .award,
    .trophy-shelves .trophy:focus-within .award {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .player-profile-tabs .tabs-main-tabs .nav.nav-tabs#profile_nav {
        padding: 1rem 0.5rem 0;
        gap: 0.25rem;
        flex-wrap: wrap;
        background-color: #f1f1f1;
    }

    .tabs-dropdown {
        padding: 1rem;
        margin-top: 10px;
        background-color: #f1f1f1;
    }

    .tabs-main-tabs .nav-link {
        font-size: 12px;
    }

    .tabs-main-tabs .tab-pane {
        padding: 0.75rem;
    }

    .tabs-main-tabs .tab-pane#season-pane {
        padding: 5px;
        min-height: 200px;
    }

    .player-profile-tabs .tabs-stats-tabs .nav-tabs,
    .stats-controls .stats-tabs {
        width: 100%;
    }

    .dropdown .season_dropdown,
    .stats-controls .stats-tabs .dropdown button {
        font-size: 16px !important
    }

    .player-profile-tabs .tabs-main-tabs .tab-content h3.tab-pane-header {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .awards-list {
        gap: 2rem;
        padding: 1rem 0;
    }

    .award-item {
        max-width: 150px;
        max-height: 150px;
    }

    .award-item img {
        width: 70px;
        height: 70px;
    }

    .award-name {
        font-size: 0.8rem;
        font-weight: 700;
    }

    .player-profile-tabs .tabs-main-tabs .tab-content #overview-pane,
    .player-profile-tabs .tabs-main-tabs .tab-content #schedule-pane {
        width: 90%;
    }

    /* Events Cards - Mobile */
    .pp-events-list {
        gap: 2rem;
    }

    .pp-event-card {
        padding: 16px 18px;
        border-radius: 12px;
    }

    .pp-event-card-header {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .pp-event-col {
        gap: 6px;
    }

    .pp-event-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .pp-event-value {
        font-size: 16px;
    }

    .pp-event-subvalue {
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .pp-event-toggle {
        justify-self: right;
        margin-top: 4px;
    }

    .pp-event-toggle-icon {
        width: 26px;
        height: 26px;
    }

    .pp-event-toggle-icon::before {
        width: 7px;
        height: 7px;
    }

    .pp-event-card-body {
        padding: 12px 14px;
        margin-top: 14px;
        border-radius: 10px;
        overflow-x: auto;
    }

    .pp-event-games {
        font-size: 13px;
    }

    .pp-event-games thead th {
        font-size: 9px;
        letter-spacing: 1.5px;
        padding-bottom: 8px;
    }

    .pp-event-games tbody td {
        padding: 8px 6px;
        font-size: 12px;
    }
}

/* ---------------- Tablet: 768 - 1024 ---------------- */
@media (min-width: 768px) and (max-width: 1024px) {
    .player-profile-hero {
        padding: 0;
    }

    .profile-content-wrapper {
        flex-direction: column;
        gap: 1rem;
    }

    .profile-photo-section {
        max-width: 100%;
        width: 100%;
        min-height: 0;
        max-height: 420px;
        aspect-ratio: 4 / 5;
        height: auto;
        overflow: hidden;
    }

    .headshot-carousel,
    .profile-pic-single {
        height: 100%;
        max-height: 420px;
    }

    .headshot-carousel .item {
        height: 100%;
        max-height: 420px;
    }

    .player-info-section {
        width: 100%;
    }

    .jersey-number {
        transform: none;
        right: 0;
        width: 70px;
        height: 70px;
        padding: 24px;
        font-size: 18px;
    }

    .jersey-name-wrapper {
        padding: 0;
        justify-content: space-between;
        width: 100%;
    }

    .player-first-name {
        font-size: 20px;
    }

    .player-last-name {
        font-size: 30px;
    }

    .player-position-label {
        font-size: 18px;
    }

    .player-info-section::before {
        left: 0;
        top: 45px;
        bottom: -10px;
    }

    .detail-column {
        gap: 0.5rem;
        padding: 0 20px;
        width: 50%;
    }

    .detail-item label {
        font-size: 14px;
    }

    .detail-item p {
        font-size: 12px;
    }

    .player-details-grid {
        justify-content: center;
    }

    .player-profile-tabs .tabs-main-tabs .nav.nav-tabs#profile_nav {
        padding: 1.5rem 1rem 0;
    }

    .player-profile-tabs .tabs-stats-tabs .nav-tabs,
    .stats-controls .stats-tabs {
        width: 100%;
    }

    .tabs-main-tabs .nav-link {
        padding: 0.75rem 1rem;
        font-size: 12px;
    }

    .tabs-main-tabs .tab-pane {
        padding: 1.25rem;
    }

    .tabs-main-tabs .tab-pane#season-pane {
        padding: 8px;
        min-height: 250px;
    }

    .player-profile-tabs .tabs-main-tabs .tab-content #overview-pane,
    .player-profile-tabs .tabs-main-tabs .tab-content #schedule-pane {
        width: 90%;
    }

    /* Events Cards - Tablet */
    .pp-events-list {
        gap: 2.5rem;
    }

    .pp-event-card {
        padding: 20px 22px;
    }

    .pp-event-card-header {
        grid-template-columns: 1fr;
    }

    .pp-event-value {
        font-size: 18px;
    }

    .pp-event-subvalue {
        font-size: 11px;
    }

    .pp-event-toggle {
        justify-self: right;
        margin-top: 8px;
    }

    .pp-event-card-body {
        padding: 14px 16px;
        margin-top: 16px;
    }

    .pp-event-games {
        font-size: 14px;
    }

    .pp-event-games thead th {
        font-size: 10px;
    }

    .pp-event-games tbody td {
        padding: 10px 8px;
    }
}

/* ---------------- Desktop: 1025+ ---------------- */
/* @media (min-width: 1025px) {
    .profile-content-wrapper {
        gap: 2.75rem;
    }

    .profile-photo-section {
        max-width: 300px;
        min-height: 300px;
    }

    .headshot-carousel .item {
        height: 300px;
    }

    .player-details-grid {
        align-items: end;
    }

    .player-info-section {
        gap: 1.5rem;
    }

    .player-info-section::before {
        top: 140px;
    }

    .player-first-name {
        font-size: 42px;
    }

    .player-last-name {
        font-size: 60px;
    }

    .jersey-number {
        transform: translate(265px, -25px);
    }
} */