/* 
    Theme Name: DanferServices
    Theme URI: https://github.com/elementor/hello-theme-child/
    Description: DanferServices is a child theme of Hello Elementor
    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 */

ul.list {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.list li {
	padding-bottom: 30px;
  padding-left: 1em; 
  text-indent: -.7em;
}

ul.list li::before {
  content: "• ";
  color: var(--e-global-color-accent); /* or whatever color you prefer */
}



/*responsive table*/
/* Base styles for the table */
table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

/* Responsive styles for smaller screens */
@media (max-width: 768px) {
  table, thead, tbody, th, td, tr {
    display: block; /* Make all table elements block-level */
  }

  thead tr {
    position: absolute; /* Hide the original header visually */
    top: -9999px;
    left: -9999px;
  }

  tr {
    margin-bottom: 15px; /* Add spacing between "rows" */
    border: 1px solid #ccc; /* Add a border around each "row" */
  }

  td {
    border: none; /* Remove individual cell borders */
    position: relative;
    padding-left: 50%; /* Make space for the "header" label */
  }

  td:before {
    content: attr(data-label); /* Display the column header as a label */
/*     position: absolute;
    left: 6px; */
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
  }
}