/* SecurityTalent 1.8.3 — Cybersecurity Communities (module 430 / ea-sidebar). */
.com-easysocial .st-easysocial-sidebar-card.mod-es-groups {
  padding: 16px !important;
  border: 1px solid var(--st-sidebar-border, #c4d9d3) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #f8fbfa 0%, #e8f4f1 100%) !important;
  box-shadow: 0 8px 24px rgba(16, 42, 46, .065) !important;
  overflow: hidden !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-list--vertical {
  display: grid !important;
  gap: 12px !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-item {
  margin: 0 !important;
  padding: 13px !important;
  border: 1px solid #cbded9 !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .74) !important;
  box-shadow: 0 3px 10px rgba(16, 42, 46, .035) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-item:hover {
  transform: translateY(-2px) !important;
  border-color: #8fbdb5 !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(8, 119, 121, .1) !important;
}

.com-easysocial .st-easysocial-sidebar-card .o-flag {
  align-items: flex-start !important;
}

.com-easysocial .st-easysocial-sidebar-card .o-avatar-v2 {
  width: 48px !important;
  height: 48px !important;
  border: 2px solid #8fc9c0 !important;
  box-shadow: 0 3px 9px rgba(8, 119, 121, .15) !important;
}

.com-easysocial .st-easysocial-sidebar-card .o-avatar-v2 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-title {
  display: inline-block !important;
  padding: 0 !important;
  color: #0b6f72 !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-title:hover {
  color: #9a5a2f !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-meta {
  margin-top: 5px !important;
  color: #64736f !important;
  font-size: .875rem !important;
  line-height: 1.45 !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-meta ol,
.com-easysocial .st-easysocial-sidebar-card .mod-es-meta li {
  display: block !important;
  margin: 0 0 3px !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-meta a {
  padding: 0 !important;
  color: #3f6662 !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-action {
  margin-top: 10px !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-item .mod-es-action .btn,
.com-easysocial .st-easysocial-sidebar-card > .mod-es-list--vertical > .mod-es-action .btn {
  min-height: 38px !important;
  padding: 8px 15px !important;
  border: 1px solid #087779 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #087779, #2e9b91) !important;
  color: #fff !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  box-shadow: 0 5px 14px rgba(8, 119, 121, .16) !important;
}

.com-easysocial .st-easysocial-sidebar-card .mod-es-item .mod-es-action .btn:hover,
.com-easysocial .st-easysocial-sidebar-card > .mod-es-list--vertical > .mod-es-action .btn:hover {
  border-color: #9a5a2f !important;
  background: #9a5a2f !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.com-easysocial .st-easysocial-sidebar-card > .mod-es-list--vertical > .mod-es-action {
  margin-top: 2px !important;
}

.com-easysocial .st-easysocial-sidebar-card > .mod-es-list--vertical > .mod-es-action .btn-block {
  width: 100% !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 767.98px) {
  .com-easysocial .st-easysocial-sidebar-card.mod-es-groups {
    padding: 13px !important;
  }

  .com-easysocial .st-easysocial-sidebar-card .mod-es-item {
    padding: 12px !important;
  }
}