.elementor-2110 .elementor-element.elementor-element-6370016{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2110 .elementor-element.elementor-element-1bba5e5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2110 .elementor-element.elementor-element-1bba5e5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2110 .elementor-element.elementor-element-cc77c96{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-2110 .elementor-element.elementor-element-cc77c96 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2110 .elementor-element.elementor-element-cc77c96.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2110 .elementor-element.elementor-element-cc77c96 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-2110 .elementor-element.elementor-element-138e544{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-2110 .elementor-element.elementor-element-6370016{--content-width:100%;}}@media(max-width:1024px){.elementor-2110 .elementor-element.elementor-element-cc77c96 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-2110 .elementor-element.elementor-element-cc77c96 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for heading, class: .elementor-element-cc77c96 */#san{
    color:#9c4100;
    
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a941eb7 *//* General Table Styling */
.shop_table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: 'Orbitron', sans-serif; /* Gaming font */
    background: #c5c8b9; /* Soft grey-green background to match the design */
    color: #333; /* Darker text for contrast */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* Table Header Styling */
.shop_table thead th {
    background-color: #e3e4d8; /* Slightly lighter grey-green for headers */
    color: #9c4100 !important; /* Reddish-orange to match the "TOTAL PARTICIPANT" color */
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px;
    border-bottom: 2px solid #d1d2c1; /* Light border for the header */
    text-align: center;
    letter-spacing: 0.05em;
}

/* Table Row Styling */
.shop_table tbody tr {
    transition: background 0.3s ease;
}

.shop_table tbody tr:nth-child(odd) {
    background-color: #e0e1d1; /* Slightly lighter background for alternating rows */
}

.shop_table tbody tr:hover {
    background-color: #d1d2c1; /* Light hover effect */
    cursor: pointer;
}

/* Table Cell Styling */
.shop_table td {
    padding: 12px;
    border-bottom: 1px solid #d1d2c1;
    color: #333; /* Dark grey for text */
    text-align: center;
}

/* Status Column Styling */
.shop_table__cell-order-status {
    color: #007bff; /* Blue for status */
    font-weight: bold;
}

/* Date Column Styling */
.shop_table__cell-order-date {
    color: #ff4500; /* Reddish-orange for date */
}

/* Billing Name Column Styling */
.shop_table__cell-order-billing {
    color: #005f73; /* Deep teal for team names or manager names */
}

/* Responsive Design for Mobile */
@media (max-width: 768px) {
    .shop_table thead {
        display: none;
    }

    .shop_table tbody tr {
        display: block;
        margin-bottom: 10px;
        background: none;
    }

    .shop_table tbody tr td {
        display: block;
        padding: 10px;
        font-size: 14px;
        position: relative;
        text-align: right;
        border: none;
        border-bottom: 1px solid #ddd;
    }

    .shop_table tbody tr td:before {
        content: attr(data-title);
        position: absolute;
        left: 10px;
        font-weight: bold;
        text-transform: uppercase;
        color: #888;
    }

    .shop_table tbody tr td:last-child {
        border-bottom: 0;
    }
}

.shop_table tbody td {
    padding: 12px;
    text-align: center;
    font-size: 14px;
}/* End custom CSS */