/* Card styling */
.card {
  border: 1px solid #ddd;       /* subtle border */
  background-color: #f9f9f9;    /* light background */
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Card title */
.card-title {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}


/* Optional spacing */
.card-text p, .card-text br {
  margin-bottom: 0.3rem;
}

.editorial-card {
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
}

.editorial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.card-title {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.card-text a {
  text-decoration: none;

  font-weight: 500;
  position: relative;
  padding-left: 20px;
}




/* Card hover effect and equal height */
.editorial-card {
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
}

.editorial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Bold card titles */
.card-title {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.align-items-stretch{
    padding-bottom:10px;
}


.tab-content {
  background-color: #f9f9f9;
  border-radius: 4px;
}

.nav-tabs > li > a {
  color: #337ab7; /* Bootstrap primary color */
}

.nav-tabs > li.active > a {
  font-weight: bold;
  color: #23527c;
}