/*
Theme Name: Medicate Child
Theme URI: http://example.com/medicate-child/
description: > Medicate Child Theme
Author: Peacefulqode
Author URI: https://peacefulqode.com
Template: medicate
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, business, clinic, dental, dentist, doctor, doctor appointment, health theme, healthcare, hospital, medic, medical, Medical Tourism, medicine, physician, veterinary.
Use it to make something cool, have fun, and share what you've learned with others.
Text Domain: medicate-child
*/


/* Chairmen table */
/* Styling for our responsive ACF table */
.acf-responsive-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}

.acf-responsive-table th,
.acf-responsive-table td {
  padding: 8px 12px;
  border: 1px solid #ddd;
  text-align: left;
}

.acf-responsive-table th {
  background-color: #f4f4f4; /* Light grey header */
  font-weight: bold;
}

/* The Responsive Magic - for tablets and mobile */
@media screen and (max-width: 768px) {
  /* Hide the desktop table header */
  .acf-responsive-table thead {
    display: none;
  }

  /* Make each table row a block element */
  .acf-responsive-table tr {
    display: block;
    margin-bottom: 1em;
    border: 1px solid #ccc;
  }
  
  /* Make cells display as blocks, taking up full width */
  .acf-responsive-table td {
    display: block;
    text-align: right; /* Align cell content to the right */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%; /* Create space for the label */
  }
  
  .acf-responsive-table td:last-child {
    border-bottom: 0;
  }

  /* Add the header label before the cell content */
  .acf-responsive-table td::before {
    content: attr(data-label); /* This uses the data-label from our PHP */
    position: absolute;
    left: 10px;
    width: calc(50% - 20px);
    padding-right: 10px;
    font-weight: bold;
    text-align: left; /* Align the label to the left */
  }
}
/* Chairmen table end */