:root {
--bs-border-width: 1px;
--bs-border-color-translucent:rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-group > .card + .card, .card-group > .w-100 + .card  { margin-right: 3.5rem; border-left-width: 1px!important; border-left-style: solid!important; }
.card-group > .card:first-child { margin-right: 3.5rem }
@media (max-width: 992px) {
	.card-group > .card + .card, .card-group > .w-100 + .card  { margin-right: 1rem; }
	.card-group > .card:first-child { margin-right: 1rem }
}
@media (min-width: 992.02px) {
	.card-group > .card:last-child { margin-right: 0rem }
}

.bordoneutro{border-width:1px;border-color: rgba(0, 0, 0, 0.12); border-radius: 30px 30px 30px 30px; border-style:solid; padding:1.5rem; padding-top: 3rem; padding-bottom: 3rem; }
.bordoneutro > div { margin-bottom:0!important }
.bordocol {border-style:solid;}
.fuoco.bordocol,.fuoco .bordocol {border-width:1px;border-color:var(--bs-fuoco)!important}
.acqua.bordocol,.acqua .bordocol{border-width:1px;border-color:var(--bs-acqua)!important}
.terra.bordocol,.terra .bordocol{border-width:1px;border-color:var(--bs-terra)!important}
.aria.bordocol,.aria .bordocol{border-width:1px;border-color:var(--bs-aria)!important}
.elegrottefrasassi.bordocol, .elegrottefrasassi .bordocol {border-width:1px;border-color:var(--bs-grotte)!important}
.fuoco.sfondocol,.fuoco .sfondocol {background-image:linear-gradient(90deg,rgba(255,255,255,0) 30%,#ca2a15 30%)!important} /*#FDAC53*/
.acqua.sfondocol,.acqua .sfondocol{background-image:linear-gradient(90deg,rgba(255,255,255,0) 30%,#D7F9FB 30%)!important}
.terra.sfondocol,.terra .sfondocol{background-image:linear-gradient(90deg,rgba(255,255,255,0) 30%,#B4DC7F 30%)!important}
.aria.sfondocol,.aria .sfondocol{background-image:linear-gradient(90deg,rgba(255,255,255,0) 30%,#FDE486 30%)!important}
.testocol { text-align:center; padding-top:1.5rem; padding-bottom:1.5rem}
.fuoco .testocol, .fuoco .card-link, .fuoco .card-link:hover, .fuoco .card-link:focus {color:#E02B20}
.acqua .testocol, .acqua .card-link, .acqua .card-link:hover, .acqua .card-link:focus {color:#0C71C3}
.terra .testocol, .terra .card-link, .terra .card-link:hover, .terra .card-link:focus {color:#59923C}
.aria .testocol, .aria .card-link, .aria .card-link:hover, .aria .card-link:focus {color:#B68C39}
.titoloelemento { min-height: 3.5rem }
.titoloelemento h4 { font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif; font-weight: 600; font-size: 20px; color: #333; line-height: 1.2em; text-align: center; }
.fuoco.buttoncol,.fuoco .buttoncol {background-color:var(--bs-fuoco)!important;}
.acqua.buttoncol,.acqua .buttoncol{background-color:var(--bs-acqua)!important}
.terra.buttoncol,.terra .buttoncol{background-color:var(--bs-terra)!important}
.aria.buttoncol,.aria .buttoncol{background-color:var(--bs-aria)!important}
.buttoncol { margin-top: 0.5rem; min-height: 85px }
.buttoncol h6 { line-height: 1.4rem!important; }
.buttoncoltestoopen { color: #ffffff!important; }
.elegrottefrasassi .testocol, .elegrottefrasassi .card-link, .elegrottefrasassi .card-link:hover, .elegrottefrasassi .card-link:focus {color:#ff6600}
@media (max-width: 1199.98px) {
.elegrottefrasassi h5.testocol { font-size: 14px }
}
@media (max-width: 991.98px) {
.et_pb_row.et_pb_row_1 + .et_pb_row.et_pb_row_2 { padding-top:0!important}
}
.imageelemento { padding-top: 1.5rem; padding-left: 2rem; padding-right: 2rem; margin-bottom:0!important }
.imageelementoonbottom { }
.bordoneutro .imageelementoonbottom { padding-top: 0rem; margin-top: 1rem; margin-bottom: 1rem; }
.elegrottefrasassi .imageelemento { padding-top: 0rem; padding-left: 0rem; padding-right: 0rem; }
.card .card-body { padding-left: 0.2rem; padding-right: 0.2rem; }
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-immaginetitolo {
  --bs-aspect-ratio: 85.375%;
}
.immaginetitolo { background-size: cover; background-position: 50%; background-repeat: no-repeat; }
.acqua .immaginetitolo { background-image: url(/files/images/2024/09/impariamo-green-steel-grest-home.jpg); }
.fuoco .immaginetitolo { background-image: url(/files/images/2024/10/inquinamento-atmosferico.jpg); }
.terra .immaginetitolo { background-image: url(/files/images/2024/10/RACCOLTA-DIFFERENZIATA.jpg); }
.aria .immaginetitolo { background-image: url(/files/images/2024/10/economia-circolare.desk_.jpg); }
@media (max-width: 576px) {
	.altrielementi .card-group { padding-top:0 }
}
@media (max-width: 992px) {
.altrielementi .card {
	margin-bottom: 1rem!important;
}
}