/** Lista Corsi **/

.post-grid-items.courses-items .thumb_ctn {
  position: relative;
}

.courses-items .thumb_ctn::after {
  content: '';
  background-image: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .05) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  transition: .2s;
  opacity: .5;
}
.courses-items .thumb_ctn:hover::after {
  opacity: 1;
}

.post-grid-items .thumb_ctn > .tags {
  position:absolute;
  right: .5em;
  /* top: .4em; */
  bottom: .4em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: end;
  user-select: none;
  pointer-events: none;
  z-index: 1;
}

.thumb_ctn > .tags > .tag {
  display: inline-block;
  font-size: .8em;
  line-height: 1;
  background: #2c3e50;
  color: #fff;
  padding: .5em .8em;
  white-space: nowrap;
  border-radius: 3em;
  box-shadow: 0 0 0 1px #fff8;
}
.tags > .tag + .tag {
  margin-top: .3em;
}


.course-grid-filters .searchflag {
  margin: 0 25px 1em 0;
  display: flex;
  align-self: stretch;
  align-items: center;
  border: 1px solid #2A4F9F;
  color: #2A4F9F;
  padding: 0 .4em;
  transition: .3s;
  background-color: #ebeced;
  height: 37px;
}
.course-grid-filters .searchflag:hover {
  color: #fff;
  background-color: var(--color-dark);
}
.searchflag > label {
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  gap: .2em;
  align-items: center;
  align-self: stretch;
  letter-spacing: -.03em;
}
.searchflag > label > input[type="checkbox"] {
  transform: scale(1.4);
  vertical-align: middle;
}

@media ( max-width: 767px ) {
  .course-textsearch.text-filter {
    flex: 1 1 100%;
    margin-right: 0;
  }
}


:root {
  --color-t_corso-on-line-in-diretta: #cc005f;
  --color-t_corso-on-line-on-demand: #21c2f7;
  --color-t_corso-in-presenza: #8cc63f;
  --color-t_webinar-in-diretta: #ee9525;
  --color-t_webinar-on-demand: #2179c0;
  --color-t_workshop: #ffc814;
}

.tags > .tag.t_corso-on-line-in-diretta {
  background-color: #cc005d;
}
.tags > .tag.t_corso-on-line-on-demand {
  background-color: #21c2f7;
}
.tags > .tag.t_corso-in-presenza {
  background-color: #8cc63f;
}
.tags > .tag.t_webinar-in-diretta {
  background-color: #ee9525;
}
.tags > .tag.t_webinar-on-demand {
  background-color: #2179c0;
}
.tags > .tag.t_workshop {
  background-color: #FFC814;
}
.tags > .tag.t_evento-digitale {
  background-color: rgb(231, 47, 114);
}
.corso-tipologia > ul > li {
	font-size: 1.1em;
  line-height: 1.1;
}


/* "Tag" selezionati */
.selected-tags {
  flex: 1 0 100%;
  flex-wrap: wrap;
  display: flex;
  height: 64px;
  align-items: center;
  align-content: center;
  margin: -20px 0 20px;
  gap: 0.3em 0.4em;
  padding: 0;
}
.selected-tags > .tag {
  font-size: .75rem;
  line-height: 1;
  height: 1.6em;
  padding: .3em .5em;
  border: 1px solid var(--color-primary);
  border-radius: 1em;
  padding-left: 2em;
  user-select: none;
  color: var(--color-titles);
  background: var(--color-bg);
  opacity: .75;
  cursor: pointer;
  position: relative;
}
.selected-tags > .tag::before {
  content: "\00d7";
  position: absolute;
  font-size: 2em;
  line-height: .8;
  font-weight: 100;
  display: inline-block;
  width: .8em;
  height: .8em;
  box-sizing:border-box;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  left: -1px;
  top: -1px;
  background: var(--color-dark);
  color: #fff;
  text-rendering: geometricPrecision;
}


.post-grid .course_meta > div {
  display: inline;
}
.post-grid .course_meta > div + div:before {
  content: '|';
  margin: 0 .5em 0 0;
}
.post-grid .post_meta.course_meta {
  text-transform: none;
}
.post-grid .course_meta .topics-tags {
  text-transform: uppercase;
}



.course_meta.course_meta--top {
  display: flex; 
}
.course_meta--top .course_cert-ico {
  margin: -4px 0 0 1em;
  width: 24px;
  height: 24px;
  background: url(../img/ico/certificato.svg) no-repeat 50% 50%;
  background-size: contain;
}
.course_meta--top > .course_cert-ico::before {
  content: none!important;
}

/* Icone. TODO: Spostare in tema? Sprite? */
.aside-content .features > ul > li {
  background: transparent none 0 50%/32px no-repeat;
}
.aside-content .features > ul > li.c--iscrizione {
  background-image: url(../img/ico/iscrizione.svg);
}
.aside-content .features > ul > li.c--certificato {
  background-image: url(../img/ico/certificato.svg);
}
.aside-content .features > ul > li.c--durata {
  background-image: url(../img/ico/durata.svg);
}
.aside-content .features > ul > li.c--target {
  background-image: url(../img/ico/rivolto-a.svg);
}
.aside-content .features > ul > li.c--prodotto {
  background-image: url(../img/ico/prodotto.svg);
}
.aside-content .features > ul > li.c--argomento {
  background-image: url(../img/ico/argomento.svg);
}


.courses-items > .vc_row > .element {
  border: 1px solid #2A4F9F;
  display: flex;
  flex-direction: column;
}
.courses-items > .vc_row > .element > .item_details {
  display: flex;
  flex-direction: column;
  margin: 0;
  flex-basis: 100%;
}
.courses-items .img {
  padding: 10px 10px 0;
}
.courses-items .read-more {
  flex: 1 1 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 0;
}
.courses-items .read-more > .btn {
  border: 1px solid var(--color-accent);
  color: var(--color-accent);
  font-size: .875rem;
  line-height: 1;
  min-width: 7.5rem;
  max-width: 100%;
  display: inline-block;
  padding: .625rem 1rem;
  transition: .2s;
}
.courses-items .read-more > .btn:hover {
  background-color: var(--color-accent);
  color: #fff;
}
.courses-items .course_excerpt {
  margin-top: 0;
  font-size: .85em;
}


.speaker-list .element.element {
  display: flex;
  align-items: center;
  font-size: .95em;
}
.speaker-list .thumb_ctn,
.relatori .vc_single_image-wrapper {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}