/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1753687056
Updated: 2025-07-28 15:17:36

*/

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 300px;
  max-height: 300px;
  background: white;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 1;
}

.circle {
  fill: none;
  stroke-width: 1;
  stroke: #1185eb;
  stroke-linecap: round;
  transition: stroke-dasharray 0.6s ease;
}

.percentage {
  fill: #333;
  font-size: 0.5em;
  font-weight: bold;
  text-anchor: middle;
}



/* 🔁 Equal height post settings */
.equal-height-posts .et_pb_post {
  height: 160px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: left;
  padding-top: 40px;
  position: relative; /* Needed for clickable overlay */
  transition: box-shadow 0.3s ease; /* Smooth hover transition */
  cursor: pointer;
}

/* 🌟 Hover effect: amplify shadow */
.equal-height-posts .et_pb_post:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
}/* 🔁 Equal height + base card style */
.equal-height-posts .et_pb_post {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px;
  position: relative;
  background-color: white;
  color: #333;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}

/* ✨ Hover effect: background + text */
.equal-height-posts .et_pb_post:hover {
  background-color: #800000; /* Maroon */
  color: #ffcc00; /* Yellow */
}

/* 🔁 Equal height post settings + default style */
.equal-height-posts .et_pb_post {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px;
  position: relative;
  background-color: white;
  color: #333;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}

/* ✨ Hover effect */
.equal-height-posts .et_pb_post:hover {
  background-color: #800000; /* maroon */
  color: #ffcc00; /* yellow */
}

/* 🎨 Make sure inner elements change color smoothly */
.equal-height-posts .et_pb_post h2,
.equal-height-posts .et_pb_post a,
.equal-height-posts .et_pb_post .post-meta,
.equal-height-posts .et_pb_post p {
  transition: color 0.3s ease;
  position: relative;
  z-index: 2;
  color: inherit; /* Inherit from parent (for hover to work cleanly) */
}

/* Hover text color */
.equal-height-posts .et_pb_post:hover h2,
.equal-height-posts .et_pb_post:hover a,
.equal-height-posts .et_pb_post:hover .post-meta,
.equal-height-posts .et_pb_post:hover p {
  color: #ffcc00 !important;
}




/*For Search textbox */
#ongoing-search-wrapper {
  max-width: 500px;
  margin: 30px auto;
}

#ongoing-search {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
}

.ongoing-search-results {
  margin-top: 15px;
  list-style: none;
  padding-left: 0;
}

.ongoing-search-results li {
  padding: 6px 0;
}

.ongoing-search-results li a {
  color: #800000;
  text-decoration: none;
}

.ongoing-search-results li a:hover {
  text-decoration: underline;
}