footer {
  color: var(--icc-neutral-white);
}
.footer1 > div,
.footer2 > div {
  --icc-footer-max-width: var(--icc-max-width);
  --icc-footer-padding: var(--icc-mobile-padding);

  display: grid;
  gap: 2rem;
  width: min(
    var(--icc-footer-max-width),
    100% - (var(--icc-footer-padding) * 2)
  );
  margin-inline: auto;
}

footer h5 {
  color: var(--icc-primary-500);
  font-weight: var(--icc-font-bold);
  text-transform: var(--icc-uppercase);
  font-family: var(--icc-font-sans);
}
footer a {
  text-decoration: none;
  color: inherit;
}
.footer1 {
  padding-block: var(--icc-spacing-8);
  background-color: var(--icc-tertiary-900);
}
@media screen and (width > 900px) {
  .footer1 > div {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: var(--icc-spacing-7);
    padding-inline: var(--icc-spacing-9);
  }
}
.footer-giornale {
  display: grid;
  gap: var(--icc-spacing-7);
}

.footer-nav {
  display: grid;
  gap: var(--icc-spacing-7);
  font-size: var(--icc-text-md);
  line-height: var(--icc-leading-6);
}
@media screen and (width > 900px) {
  .footer-nav {
    grid-template-columns: repeat(4, 1fr);
    justify-self: end;
  }
}
.footer-nav > div {
  display: grid;
  gap: var(--icc-spacing-4);
}
@media screen and (width > 900px) {
  .footer-nav > div {
    grid-template-rows: repeat(6, min-content);
  }
}
.footer-nav_contenuti {
  grid-template-columns: repeat(2, 1fr);

  h5 {
    grid-column: span 2;
  }
}
@media screen and (width > 900px) {
  .footer-nav_contenuti {
    grid-template-columns: 1fr;

    h5 {
      grid-column: span 1;
    }
  }
}
.footer-social {
  display: grid;
  gap: var(--icc-spacing-8);
  text-align: center;
}
@media screen and (width > 900px) {
  .footer-social {
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr);
    text-align: start;
  }
}
.footer-social [type="button"] {
  width: 100%;
}
@media screen and (width > 900px) {
  .footer-social [type="button"] {
    width: auto;
  }
}
.footer-social_icons {
  display: flex;
  column-gap: var(--icc-spacing-3);
  margin-inline: auto;
}
@media screen and (width > 900px) {
  .footer-social_icons {
    margin-inline-start: auto;
    margin-inline-end: 0;
  }
}
.footer2 {
  padding-block: var(--icc-spacing-8);
  background-color: var(--icc-tertiary-950);
}
@media screen and (width > 900px) {
  .footer2 > div {
    display: grid;
    gap: var(--icc-spacing-7);
    padding-inline: var(--icc-spacing-9);
    grid-template-columns: 1fr 1fr 2fr;
  }
}
.footer-partner {
  /* display: grid;
  gap: 1rem;
  grid-template-columns: min-content; 
  display: flex;
  flex-wrap: wrap;
  gap: var(--icc-spacing-1);*/

  h3 {
    display: none;
  }
}

.footer-partner-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.footer-partner h5 {
  /* grid-column: 1 / -1; */
  width: 100%;
}
@media screen and (width > 900px) {
  .footer-partner {
    /* grid-template-columns: repeat(5, min-content);
    grid-template-rows: repeat(2, min-content); */
  }
}
.footer-partner img {
  /*   max-height: 70px;
  width: 70px; */
  max-width: 65px !important;
  height: auto;
}
.footer-sponsor {
  grid-column: 1 / -1;
  justify-self: center;
}
.footer-legal {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, min-content);
}

.prefooter .newsletter {
  display: grid;
  gap: var(--icc-spacing-6);
  color: var(--icc-neutral-white);
  padding: var(--icc-spacing-6) var(--icc-spacing-4);
  margin-block: var(--icc-spacing-7);
  background-color: var(--icc-tertiary-900);
  border-radius: var(--icc-spacing-3);
  text-align: center;
}
.prefooter .newsletter svg {
  display: block;
  margin-inline: auto;
  height: var(--icc-spacing-9);
  width: var(--icc-spacing-9);
}
.prefooter .newsletter h3 {
  font-size: var(--icc-text-2xl);
  font-weight: var(--icc-font-bold);
}
.prefooter .newsletter p {
  font-size: var(--icc-text-md);
}
@media screen and (width > 700px) {
  .prefooter .newsletter h3 {
    font-size: var(--icc-text-4xl);
  }
  .prefooter .newsletter p {
    max-width: 40%;
    margin-inline: auto;
    font-size: var(--icc-text-lg);
  }
  .prefooter .newsletter button {
    margin-inline: auto;
    padding-inline: var(--icc-spacing-9);
  }
}

.prefooter .chisiamo {
  display: grid;
  gap: var(--icc-spacing-2);
  padding: var(--icc-spacing-6) var(--icc-spacing-4);
  margin-block: var(--icc-spacing-7);
  background-color: var(--icc-primary-200);
  border-radius: var(--icc-spacing-3);
  text-align: center;
}
.prefooter .chisiamo .scroller-redazione {
  margin-block: var(--icc-spacing-4);
  overflow: hidden;
}
.prefooter .chisiamo h3 {
  font-size: var(--icc-text-3xl);
  color: var(--icc-tertiary-800);
  font-weight: var(--icc-font-bold);
}
.prefooter .chisiamo h4 {
  font-size: var(--icc-text-2xl);
  color: var(--icc-tertiary-600);
  font-weight: var(--icc-font-medium);
}
.prefooter .chisiamo p {
  font-size: var(--icc-text-md);
}
.prefooter .chisiamo .icc-btn-chisiamo {
  --icc-btn-background: var(--icc-tertiary-700);
  --icc-btn-border-color: var(--icc-tertiary-700);
  --icc-btn-color: var(--icc-neutral-white);
}
@media screen and (width > 700px) {
  .prefooter .chisiamo {
    grid-template-columns: repeat(2, 1fr);
  }
  .prefooter .chisiamo :is(h3, h4, p, div) {
    grid-column: 1 / -1;
  }
  .prefooter .chisiamo p {
    max-width: 864px;
    margin-inline: auto;
  }
  .prefooter .chisiamo h3 {
    font-size: var(--icc-text-4xl);
  }
  .prefooter .chisiamo a:first-of-type {
    margin-inline-start: auto;
  }
  .prefooter .chisiamo a:last-of-type {
    margin-inline-end: auto;
  }
}