.elementor-1615 .elementor-element.elementor-element-70c3d01{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1615 .elementor-element.elementor-element-2b653b9 > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-1615 .elementor-element.elementor-element-2b653b9{text-align:center;}.elementor-1615 .elementor-element.elementor-element-2b653b9 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:28px;font-weight:600;}.elementor-1615 .elementor-element.elementor-element-70ad1af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}#elementor-popup-modal-1615{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1615 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1615 .dialog-close-button{display:flex;}#elementor-popup-modal-1615 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-1615 .elementor-element.elementor-element-70c3d01{--width:90%;}}/* Start custom CSS for shortcode, class: .elementor-element-70ad1af *//* Table container styling */
.loyalty-activity-table {
    width: 100%; /* Full width */
    border-collapse: collapse; /* Remove spacing between table borders */
    font-family: 'Arial', sans-serif; /* Clean, modern font */
    font-size: 14px;
    margin: 20px 0; /* Add space above and below the table */
    text-align: center; /* Center-align text */
}

/* Header row styling */
.loyalty-activity-table thead th {
    background-color: #f5f5f5; /* Light grey background */
    color: #333; /* Dark text */
    font-weight: bold; /* Emphasise headers */
    text-transform: uppercase; /* Make headers uppercase */
    padding: 10px; /* Add padding */
    border: 1px solid #ddd; /* Border for header */
}

/* Body row styling */
.loyalty-activity-table tbody td {
    padding: 10px; /* Space inside cells */
    border: 1px solid #ddd; /* Border for cells */
    color: #666; /* Softer text colour */
}

/* Alternate row background */
.loyalty-activity-table tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Light grey for alternate rows */
}

/* Hover effect for rows */
.loyalty-activity-table tbody tr:hover {
    background-color: #eaeaea; /* Slightly darker grey on hover */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

/* Bold first column (optional, for "size" or key identifiers) */
.loyalty-activity-table tbody td:first-child {
    font-weight: bold; /* Highlight first column */
    color: #333; /* Darker text */
}

/* Add responsive design for smaller screens */
@media screen and (max-width: 768px) {
    .loyalty-activity-table {
        font-size: 12px; /* Adjust font size */
    }

    .loyalty-activity-table tbody td {
        padding: 8px; /* Adjust padding */
    }
}/* End custom CSS */