:root{--page-title-display:none;}@media(max-width:767px){.elementor-7622 .elementor-element.elementor-element-69aa8d63{margin-top:-45px;margin-bottom:-26px;padding:0px 0px 0px 0px;}.elementor-7622 .elementor-element.elementor-element-1434f328{margin:-34px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for section, class: .elementor-element-69aa8d63 *//* Target the avatar with the class "avatar avatar-96 photo" */
.gamipress-leaderboard .avatar.avatar-96.photo {
    width: 40px !important; /* Adjust the width as needed */
    height: 40px !important; /* Adjust the height as needed */
    border-radius: 50%; /* Optional: Keep the avatar circular */
    object-fit: cover; /* Ensures the image fits well within the dimensions */
}

/* Default styles for all devices */
.gamipress-leaderboard table {
    width: 100% !important;
    max-width: 100%; /* Ensure the table takes full width */
    margin: 0 auto;
    table-layout: fixed; /* Ensures columns respect the specified widths */
    border-collapse: collapse; /* Remove spacing between cells */
}

.gamipress-leaderboard th,
.gamipress-leaderboard td {
    padding: 8px; /* Reduce padding for a more compact look */
    text-align: left;
    border-bottom: 1px solid #ddd; /* Add borders between rows */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add "..." for overflow text */
}

.gamipress-leaderboard th {
    background-color: #f9f9f9; /* Light background for headers */
    font-weight: bold;
}

/* Set specific widths for columns */
.gamipress-leaderboard .column-position {
    width: 15% !important; /* Narrow width for the position column */
}

.gamipress-leaderboard .column-display_name {
    width: 45% !important; /* Wider width for the name column */
}

.gamipress-leaderboard .column-hobbist_coins {
    width: 40% !important; /* Wider width for the coins column */
}

/* Optional: Add hover effect for rows */
.gamipress-leaderboard tr:hover {
    background-color: #f1f1f1;
}

/* Optional: Add alternating row colors */
.gamipress-leaderboard tr:nth-child(even) {
    background-color: #f9f9f9;
}
 
/* Make leaderboard rows more narrow */
.gamipress-leaderboard table {
    width: 100% !important;
    max-width: 100%; /* Ensure the table takes full width */
    margin: 0 auto;
    table-layout: fixed; /* Ensures columns respect the specified widths */
    border-collapse: collapse; /* Remove spacing between cells */
}

.gamipress-leaderboard th,
.gamipress-leaderboard td {
    padding: 6px 8px !important; /* Reduce padding (top/bottom, left/right) */
    font-size: 14px !important; /* Reduce font size */
    line-height: 0.5 !important; /* Reduce line height */
    border-bottom: 1px solid #ddd; /* Add borders between rows */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add "..." for overflow text */
}

/* Mobile responsiveness */
@media (max-width: 767px) {
    .gamipress-leaderboard th,
    .gamipress-leaderboard td {
        padding: 4px 6px !important; /* Further reduce padding for mobile */
        font-size: 12px !important; /* Further reduce font size for mobile */
        line-height: 0.5 !important; /* Further reduce line height for mobile */
    }


.gamipress-leaderboard th {
    background-color: #f9f9f9; /* Light background for headers */
    font-weight: bold;
}

/* Optional: Add hover effect for rows */
.gamipress-leaderboard tr:hover {
    background-color: #f1f1f1;
}

/* Optional: Add alternating row colors */
.gamipress-leaderboard tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Make the leaderboard title font smaller */
.gamipress-leaderboard-title {
    font-size: 18px !important; /* Adjust the font size as needed */
    font-weight: bold; /* Optional: Adjust font weight */
    margin-bottom: 10px; /* Optional: Adjust spacing below the title */
}/* End custom CSS */