@import "../../../../themes/recast2025/style.css";

.card-widget__wrapper a {
  color: var(--neutrals-black);
}

.card-widget__clicktarget {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.card-widget__resource_link {
  position: relative;
  z-index: 2;
}

.card-widget__image-container {
  display: flex;
  height: auto;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  aspect-ratio: 1/1;
  overflow: hidden;
  width: 100%;
  min-width: 100%;
}

.card-widget__image {
  display: flex;
  height: auto;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  aspect-ratio: 1/1;
  overflow: hidden;
  width: 100%;
  object-fit: cover;
  transform: translate3d(0,0,1px); /* smooths out image scaling */
}

.card-widget__content {
  display: flex;
  padding: var(--margins-s);
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

.card-widget__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  gap: var(--gap-s);
}

.card-widget__main a {
  position: relative;
  z-index: 2;
}

.card-widget__meta, .card-widget__meta:hover {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--gap-xs);
  row-gap: 0px;
  color: var(--color-text-secondary);
  margin-bottom: var(--gap-xs);
}

.card-widget__category, .card-widget__date, .card-widget__date:hover {
  color: var(--color-text-secondary) !important;
}

.card-widget__resource_category {
  background: var( --primary-black, #161f5b);
  color: var(--neutrals-white, #ffffff);
  padding: var(--gap-xs);
  /* margin-bottom: var(--gap-xs); */
  margin: 0;
}

.card-widget__resource_category a {
  color: var(--neutrals-white);
  margin:0;
}

.card-widget__resource_category img {
    position: relative;
    top: 4px;
    height: 18px;
}

.card-widget__title {
  color: var(--neutrals-black);
  margin: 0;
}

.card-widget__description {
  color: var(--neutrals-black);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-clamp: 3;
  margin:0;
}

.card-widget__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-xs);
}

.card-widget__tag {
  background: var(--neutrals-grey-1, #e1e9f9);
	color: var(--neutrals-black, #161f5b);
	padding: var(--gap-xs);
  line-height: 110%;
  position: relative;
  z-index: 2;
}

.card-widget__tag a {
  color: var(--neutrals-black, #161f5b);
  font-weight: 400;
  text-decoration: none;
}

.card-widget__footer {
  justify-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}

.card-widget__author {
  display: flex;
  flex-direction: row;
  gap: var(--gap-xs);
  align-items: center;
}
.card-widget__author-link {
  display: flex !important;
  flex-direction: row;
  gap: var(--gap-xs);
  text-decoration: none;
  position: relative;
  z-index: 10;
}
.card-widget__author-avatar {
  margin-right: 0;
  max-height: 32px;
}
.card-widget__author-avatar img {
  border-radius: 50%;
  border: var(--neutrals-grey-1) 2px solid;
  height: 32px;
  width: 32px;
  max-height: 32px;
  max-width: 32px;
  position: relative;
}
.card-widget__author-name {
  color: var(--neutrals-black);
      position: relative;
    top: 7px;
}

.card-widget__button {
  display: block;
}

.card-widget__event-info {
  color: var(--neutrals-black);
}


.card-widget__event-icon svg {
  height: 20px;
  width: 20px;
  fill: var(--neutrals-black);
  position: relative;
  top: 4px;
}

.card-widget__inner-wrap {
    display: flex;
    gap: var(--gap-xs);
    flex-direction: column;
    flex: 1 0;
}

.elementor-widget-recast_card {
  flex: 1 0;
}

.elementor-widget-recast_card .elementor-widget-container {
  display: flex;
}
.card-widget__wrapper {
  flex: 1 0;
  display: flex;
}

.card-widget__wrapper .card {
  flex: 1 0;
  display: flex;
  flex-direction: column;
}

.card-widget__event-upper {
  display: flex;
  flex-direction: row;
  gap: var(--gap-m);
}
