.single-post-title {
  color: #24354b;
}

.date-n-time {
  color: #7c7c7c;
}

.the-content {
  overflow-wrap: anywhere;
}

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

.cat-name a {
  color: #3b3b3a;
}

.cat-name a:hover {
  opacity: 0.5;
}

.cat-name,
.date-n-time {
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .date-n-time {
    border: none;
  }

  .cat-name {
    border-bottom: 1px solid;
    width: 100%;
  }
}

/* singles from cpts discover - municipality - service-center*/
.category-name-header {
  background-image: url('/wp-content/themes/cityportal-v4/assets/images/inner-page-header.svg') !important;
  background-size: cover !important;
  background-position: center !important;
}

.dropdown-button {
  padding: 12px;
  background: #eaeaea;
  border: none;
  color: #2b2b29;
  font-weight: 500;
  font-size: 19px;
  width: 100%;
  text-align: left;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropdown-menu {
  list-style: none;
  padding: 0 !important;
  margin-bottom: 20px !important;
  background: #fff;
  width: 100% !important;
  display: none;
  position: relative !important;
  box-shadow: 0px 2px 4px #0000004f;
}

.dropdown-menu.active {
  display: block;
}

.dropdown-menu li {
  max-width: 100%;
  width: 100%;
  border: none;
  background: none;
  font-size: 17px;
  font-weight: 500;
  border-bottom: 2px solid #3e3a32;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}

.dropdown-menu li:hover {
  background: #eaeaea;
}

.dropdown-menu a:hover li span {
  color: #2b2b29;
}

.dropdown-menu.active + .dropdown-button::after {
  transform: translateY(-50%) rotate(270deg);
}

.post-link {
  border-bottom: 1px solid #7c7c7c;
  color: #2b2b29;
}

.post-link:hover,
.post-link.active {
  background: #eaeaea;
  color: #2b2b29 !important;
}

.subline {
  color: #715419;
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: sans-serif;
  font-size: 15px;
  margin-bottom: 1.5rem;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 3px 10px #285ca71a;
}

table th {
  background-color: #3a2e25;
  color: #fff;
  font-weight: bold;
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #eee;
  line-height: 1.5;
}

table tr:nth-child(even) td {
  background-color: #f9f5f0;
}

table tr:nth-child(odd) td {
  background-color: #fff;
}

table td:last-child,
table td:nth-last-child(2) {
  text-align: center;
  font-weight: bold;
  color: #9c4934;
}

table td br + span,
table td br + em,
table td br + small {
  color: #9c4934;
  display: inline-block;
  margin-top: 4px;
}

table td:has(a[href^='tel:']) {
  color: #c12323;
  font-weight: bold;
  text-align: center;
}