.resource-card-container {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;

}

.resource-card-container .resource-card {
  margin: 0;
  width: 280px;
  padding-bottom: 0;
  margin-bottom: 2%;
}

.resource-card-container .resource-card.document img{
  max-height: 190px !important;
  width: auto;
}

.resource-card-container .resource-card .resource-card-content {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
  min-height: 325px;
  text-align: center;
  vertical-align: middle;
  color: var(--c-card-text);
  text-decoration: none;
  cursor: pointer;
  flex: 0 0 auto;
  /* background-color: var(--c-card-bg); */
  height: 8em;
  margin-top: 8px;
  box-shadow: 0px 0px 20px rgba(191, 191, 191, 0.6);
  overflow: hidden;
  /*transition: background-color 0.5s ease;*/
  display: -ms-flexbox;
  /*min-width: 240px;*/
  width: 240px;
}

html[data-browser='edge'] .resource-card-container .resource-card .resource-card-content,
html[data-browser='waterfox'] .resource-card-container .resource-card .resource-card-content {
  display: block;
}

.resource-card-container .resource-card .deadline,
.resource-card-container .resource-card .title {
  text-align: center;
  font-size: 21px;
  margin: 0 auto;
  max-height: calc(100% - 40px);
  /*transition: .4s;*/
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
}

.resource-card-container .resource-card .deadline,
.resource-card-container .resource-card .file-size {
  font-size: 16px;
}

.resource-card-container .resource-card .deadline {

}

.resource-card-container .resource-card .deadline .deadline_title {
  font-weight: bold;
  padding-right: 5px;
}

.resource-card-container .resource-card .resource-card-content .title_container {
  /*transition: height .4s linear .4s;*/
  display: inline-flex;
  min-height: 263px;
  flex-direction: column;
  justify-content: space-between;
}

.resource-card-container .resource-card .resource-card-content .title_container:not(:has(img)) {
  justify-content: center;
}
.resource-card-container .resource-card .resource-card-content:not(.no-onHover):hover .title_container {
  height: 0;
}

.resource-card-container .resource-card .resource-card-content:not(.no-onHover):hover .title {
  line-height: 1em;
  width: 0;
  max-height: 0;
}

.resource-card-container .resource-card .resource-card-content:not(.no-onHover):hover .deadline,
.resource-card-container .resource-card .resource-card-content:not(.no-onHover):hover .title:not(img) {
  font-size: 0;
  width: 100%;
}

.resource-card-container .resource-card .resource-card-content .description {
  text-align: left;
  font-size: 15px;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  min-height: 230px;
  height: 230px;
  overflow-y: hidden;
}

html[data-browser='edge'] .resource-card-container .resource-card .resource-card-content .description,
html[data-browser='waterfox'] .resource-card-container .resource-card .resource-card-content .description {
  display: inline-block;
  top: -289px;
}

html[data-browser='edge'] .resource-card-container .resource-card .resource-card-content .read_more_container,
html[data-browser='waterfox'] .resource-card-container .resource-card .resource-card-content .read_more_container {
  display: inline-block;
  top: -278px
}

.resource-card-container .resource-card .resource-card-content .read_more_container {
  width: 100%;
}

.resource-card-container .resource-card .resource-card-content .read_more_container hr {
  margin: 15px 0 7px;
}

.resource-card-container .resource-card .resource-card-content:not(.no-onHover):hover .onHover_visible {
  visibility: visible;
  position: relative;
  top: -263px;
}

.onHover_visible {
  visibility: hidden;
  font-size: 70%;
  text-align: right;
}

.events-ic .resource-card-container .resource-card img {
  max-height: calc(100% - 200px);
  width: auto;
}

.events-ic .resource-card-container .resource-card .resource-card-content .title_container {
  justify-content: space-between;
}

.ongoing-opportunities {
  .resource-card-container {
    .resource-card {
      width: 80%;
      /*max-height: 80px;*/

      .resource-card-content {
        width: 100%;
        height: 50px;
        display: block;
        min-height: 80px;

        img {
          display: none;
        }

        .description {
          display: none;
        }

        .read_more_container {
          display: none;
        }

        .title {
          font-size: larger;
          padding: 0 20px;
        }

        .title_container {
          min-height: 40px;
        }

        &:hover {
          height: 100%;

          .title {
            font-size: larger;
            margin: 15px 0;
            padding: 0 20px;
          }

          .title_container {
            min-height: 150px;
            flex-direction: row;
            width: 100%;
            justify-content: flex-start;
            align-items: center;
            display: inline-flex;
            align-content: center;
            flex-wrap: nowrap;

            img.title {
              max-height: 100px;
              display: inline-flex;
            }

            img + .title {
              height: 100px;
              font-size: 36px;
              margin: 15px 0;
              /* display: flex; */
              flex-direction: column;
              justify-content: center;
            }
          }

          .description {
            font-size: large;
            padding-top: 15px;
            height: 100%;
            overflow-y: visible;
            display: inline-flex;
            margin: 0 26px;
          }

          .read_more_container {
            display: block;
          }
        }
      }
    }
  }
}