/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* CUSTOM CSS - Responsive Table */
.sp-responsive_table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.sp-responsive_table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}

.sp-responsive_table th,
.sp-responsive_table td {
  border: 1px solid var(--bricks-color-border);
  padding: 8px 12px;
  text-align: left;
  vertical-align: top;
}

.sp-responsive_table th {
  background-color: #f5f5f5;
  font-weight: 600;
}

.sp-responsive_table tbody tr:nth-child(even) {
  background-color: var(--bricks-color-grey);
}

.sp-responsive_table tbody tr:hover {
  background-color: var(--bricks-color-grey) !important;
}

.sp-responsive_table tbody tr:nth-child(odd):hover {
  background-color: var(--bricks-color-grey);
}

.sp-responsive_table tbody tr:nth-child(even):hover {
  background-color: var(--bricks-color-grey);
}