/*!
*/
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap");
.titolo-sezione {
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  text-transform: uppercase;
  color: #002845;
  position: relative;
  margin-top: 30px;
  margin-bottom: 50px;
}
@media (min-width: 1250px) {
  .titolo-sezione {
    font-size: 30px;
    line-height: 36px;
  }
}
.titolo-sezione:after {
  content: "";
  width: 90px;
  height: 1px;
  background-color: #05a552;
  position: absolute;
  bottom: -10px;
  left: 0px;
}

.titolo_dettaglio {
  color: #002845;
  font-size: 48px;
  line-height: 110%;
  margin: 16px 0px 12px;
}
.titolo_dettaglio a {
  text-decoration: none;
  color: inherit;
}
.titolo_dettaglio a:hover {
  text-decoration: underline;
}

.entry-meta_dettaglio {
  font-size: 14px;
  color: #323232;
}

.freccia-dx {
  width: 15px;
  height: 10px;
  background-color: #002845;
  clip-path: polygon(0% 45%, 90% 45%, 71% 10%, 76% 0%, 100% 50%, 76% 100%, 71% 90%, 90% 55%, 0% 55%);
  -webkit-clip-path: polygon(0% 45%, 90% 45%, 71% 10%, 76% 0%, 100% 50%, 76% 100%, 71% 90%, 90% 55%, 0% 55%);
}

.freccia-sx {
  width: 15px;
  height: 10px;
  background-color: #002845;
  clip-path: polygon(0% 45%, 90% 45%, 71% 10%, 76% 0%, 100% 50%, 76% 100%, 71% 90%, 90% 55%, 0% 55%);
  -webkit-clip-path: polygon(0% 45%, 90% 45%, 71% 10%, 76% 0%, 100% 50%, 76% 100%, 71% 90%, 90% 55%, 0% 55%);
  transform: rotate(180deg);
}

.freccia-sx-up {
  width: 15px;
  height: 15px;
  background-color: #002845;
  clip-path: polygon(20% 0%, 20% 10%, 83% 10%, 0% 93%, 7% 100%, 90% 17%, 90% 80%, 100% 80%, 100% 0%);
  -webkit-clip-path: polygon(20% 0%, 20% 10%, 83% 10%, 0% 93%, 7% 100%, 90% 17%, 90% 80%, 100% 80%, 100% 0%);
  transform: rotate(-90deg);
}

.freccia-dx-up {
  width: 15px;
  height: 15px;
  background-color: #002845;
  clip-path: polygon(20% 0%, 20% 10%, 83% 10%, 0% 93%, 7% 100%, 90% 17%, 90% 80%, 100% 80%, 100% 0%);
  -webkit-clip-path: polygon(20% 0%, 20% 10%, 83% 10%, 0% 93%, 7% 100%, 90% 17%, 90% 80%, 100% 80%, 100% 0%);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
.fascia-categorie-iniziative {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 20px;
  margin: 40px 0px;
}
@media (min-width: 768px) {
  .fascia-categorie-iniziative {
    grid-template-columns: calc((100% - 20px) / 2) calc((100% - 20px) / 2);
    column-gap: 20px;
    row-gap: 20px;
  }
}
@media (min-width: 1024px) {
  .fascia-categorie-iniziative {
    grid-template-columns: calc((100% - 40px) / 3) calc((100% - 40px) / 3) calc((100% - 40px) / 3);
    column-gap: 20px;
    row-gap: 20px;
  }
}
.fascia-categorie-iniziative div {
  background-color: #007c3d;
  background: rgb(2, 41, 70);
  background: -moz-linear-gradient(45deg, rgb(2, 41, 70) 0%, rgb(0, 165, 81) 100%);
  background: -webkit-linear-gradient(45deg, rgb(2, 41, 70) 0%, rgb(0, 165, 81) 100%);
  background: linear-gradient(45deg, rgb(2, 41, 70) 0%, rgb(0, 165, 81) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#022946",endColorstr="#00a551",GradientType=1);
  height: 145px;
  position: relative;
}
.fascia-categorie-iniziative div a {
  display: grid;
  align-items: center;
  position: absolute;
  color: #ffffff;
  height: 100%;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  background-position: 25px center;
  background-repeat: no-repeat;
  background-size: 120px;
}
.fascia-categorie-iniziative div a:hover {
  color: #ffffff;
}
.fascia-categorie-iniziative div a::after {
  content: ">";
  color: #ffffff;
  position: absolute;
  right: 10px;
}
.fascia-categorie-iniziative div:hover {
  opacity: 0.9;
}
.fascia-categorie-iniziative div.empty {
  display: none;
}
@media (min-width: 768px) {
  .fascia-categorie-iniziative div.empty-1 {
    display: block;
  }
}
@media (min-width: 1024px) {
  .fascia-categorie-iniziative div.empty {
    display: block;
  }
}

/*# sourceMappingURL=fascia-categorie-iniziative.css.map */