/*
 Theme Name: Twenty Twenty-Four Child
 Theme URI: https://example.com/
 Description: A child theme for the Twenty Twenty-Four theme.
 Author: Your Name
 Author URI: https://yourwebsite.com/
 Template: twentytwentyfour
 Version: 1.0
*/

/* Import the parent theme's stylesheet */
@import url("https://wordpress.org/themes/twentytwentyfour/style.css"); 

@media (max-width: 768px) {
    .wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex {
        display: none !important;
    }
}

/* Hide the navigation for larger screens */
.wp-block-navigation__responsive-container-open {
    display: none !important;
}

/* Show navigation only on mobile screens */
@media screen and (max-width: 768px) {
    .wp-block-navigation__responsive-container-open {
        display: none !important;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
    }
}

.doctor-degree {
    font-size: 12px !important;
    margin-top: -5px !important;
	font-weight: bold;
    color: #000000 !important;
}

.filter-container {
  margin-bottom: 20px;
}

.filter-dropdown {
  padding: 8px 12px;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

#doctor-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.doctor-card {
  width: calc(33.33% - 20px);
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
@media (max-width: 768px) {
  #doctor-list {
    flex-direction: column;
    gap: 10px;
  }

  .doctor-card {
    width: 100%;
    padding: 12px;
  }

  .filter-container {
    text-align: center;
    margin-bottom: 15px;
  }

  .filter-dropdown {
    width: 100%;
    font-size: 14px;
  }

  .doctor-degree {
    font-size: 12px; !important;
  }
}

.doctor-department {
    font-size: 10px !important;  /* Increased readability */
    font-weight: bold;
    margin-top: 5px !important;  /* Adjusted spacing */
    color: #333333 !important;  /* Darker text for better visibility */
}

/* FlexSlider Base Styles */
.flexslider { margin: 0; padding: 0; list-style: none; }
.flexslider .slides > li { display: none; position: relative; }
.flexslider .slides img { width: 100%; height: auto; }

/* Slide Caption Styling */
.slide-caption {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 15px;
    text-align: center;
}
.slide-caption h3 { margin: 0 0 5px 0; font-size: 22px; }
.slide-desc { font-size: 16px; }