/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


#broker-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
  font-family: "Gilroy", Arial, sans-serif;
}

/* Table Cells */
#broker-table th,
#broker-table td {
  border: 1px solid #e6b72f;
  padding: 14px;
  text-align: center;
}

/* Table Header */
#broker-table thead {
  background-color: #1E272E;
  color: #ffffff;
}

#broker-table th {
  font-weight: 600;
}

/* Row Styling */
#broker-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

#broker-table tr:hover {
  background-color: #e6b72f;
  color: #1E272E;
}

/* Scroll Container */
.table-container {
  overflow-x: auto;
}

  .yellow-bullets {
    list-style: disc;
    padding-left: 20px;
    color: #1E272E;
  }
  .yellow-bullets li {
    list-style-position: outside;
    margin-bottom: 8px;
  }
  .yellow-bullets li::marker {
    color: #e6b72f; 
    font-size: 1.2em; 
  }


/* MEDIA QUERIES */

/* Tablet */
@media (max-width: 768px) {
  #broker-table {
    min-width: 100%;
  }
  #broker-table th,
  #broker-table td {
    padding: 12px 8px;
    font-size: 14px;
    text-align: center;     
    white-space: nowrap;    
  }
}

/* Mobile */
@media (max-width: 480px) {
  #broker-table th,
  #broker-table td {
    padding: 10px 6px;
    font-size: 13px;
  }
}