/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Base table styles */
.table-dark {
    width: 100%;
    border-collapse: collapse;
    background-color: #1a1a1a; /* Dark background */
    color: #f2f2f2; /* Light text */
    font-family: Arial, sans-serif; /* Example font */
}

/* Table headers */
.table-dark thead {
    background-color: #333; /* Darker shade for header */
}

.table-dark th,
.table-dark td {
    padding: 12px 15px;
    border: 1px solid #4e4e4e; /* Slightly lighter border for distinction */
}

/* Hover effects for rows */
.table-dark tbody tr:hover {
    background-color: #2a2a2a; /* Slightly lighter than base for hover effect */
}

/* Striped rows for better readability */
.table-dark tbody tr:nth-child(odd) {
    background-color: #242424; /* Slightly darker for striped effect */
}

/* Adjusting text alignment and font weight for headers */
.table-dark th {
    text-align: left;
    font-weight: bold;
}

/* Adjusting the border radius for the corners of the table */
.table-dark {
    border-radius: 8px;
    overflow: hidden; /* Ensures the border radius clips the content */
}

/* Optional: Responsive table design */
@media screen and (max-width: 600px) {
    .table-dark {
        display: block;
        overflow-x: auto; /* Allows table to scroll horizontally on small screens */
    }
}