﻿.container--cover {
  padding: 40px 0px;
}

.container--cover .box-overlayWrap {
  background: var(--verde-chiaro-bcc) 0% 0% no-repeat padding-box;
  background: #009671 0% 0% no-repeat padding-box;
  opacity: 1;
  text-align: left;
  position: absolute;
  padding: 40px;
  top: 60px;
  left: 0;
}
.container--cover .box-overlay {
  max-width: 250px;
}
.container--cover .box-overlayTitle {
  font-size: 2rem !important;
 /* font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold)
    var(--unnamed-font-size-32) / var(--unnamed-line-spacing-29)
    var(--unnamed-font-family-merriweather);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--bianco);*/
  text-align: left;
 
  letter-spacing: 0px;
  color: #ffffff;
  margin: 0;
}
.container--cover .box-overlayTitleSub {
line-height:1.5em !important;
 font-size: 1.5rem !important;
  /*
   trovato cosi - commentato da S.C.
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold)
    var(--unnamed-font-size-24) / var(--unnamed-line-spacing-29)
    var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--bianco);*/
  text-align: left;
  font: normal normal bold 24px/29px Montserrat;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 0;
}

.container--cover {
  position: relative;
}

.container--cover .box {
  padding: 40px 0px;
  position: relative;
}

.box-content {
  padding-left: 15%;
}

.container--cover img.box-top {
  width: 100%;
}

.container--cover .box-text {
 /* font: var(--unnamed-font-style-normal) normal
    var(--unnamed-font-weight-normal) var(--unnamed-font-size-16) /
    var(--unnamed-line-spacing-22) var(--unnamed-font-family-montserrat);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--text-202020);*/
  text-align: left;
  font: normal normal normal 16px/22px Montserrat;
  letter-spacing: 0px;
  color: #202020;
  opacity: 1;
  font-size: 1rem;
  padding-top: 20px;
}

@media (max-width: 990px) {
  .container--cover {
    padding-right: 15px;
    padding-left: 15px;
  }
  .box-overlayWrap {
    position: relative !important;
  }
  .box-content {
    padding-left: 0;
  }
  .container--cover .box-overlay {
    max-width: 100%;
  }
  .container--cover .box-overlayWrap {
    padding: 20px;
    top: 0;
  }
}
