/**
 * Styling for Read More functionality
 */

/* Style for read more/less buttons */
.read-more-btn,
.read-less-btn {
  display: inline-block;
  margin-left: 5px;
  padding: 2px 8px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #0074bd;
  text-decoration: none;
  font-size: 0.85em;
  transition: all 0.2s ease;
}

.read-more-btn:hover,
.read-less-btn:hover {
  background-color: #e0e0e0;
  color: #2c5fad;
  text-decoration: none;
}

/* Add ellipsis styling when text is truncated */
.field-content-truncated:after {
  content: "";
  display: inline;
}

/* Container styling */
.has-read-more {
  position: relative;
}

/* Animation for expanding/collapsing */
.field-content-full,
.field-content-truncated {
  transition: opacity 0.3s ease;
}