/*
@import "styles/_colors.css";
@import "styles/_animations.css";
@import "styles/_forms.css";
*/


a {
  text-decoration: none;
}


.block-matchgiving b {
  color: var(--e-global-color-accent);
}


/* project bar */
.bar {
  --liquid-color: #007B81;
  --container-border-color: #007B81;
  --container-bg-color: #cc000080;
  --liquid-top: calc((var(--progress, 0) - 25)* 1%);
  position: relative;
  border: 4px solid var(--container-border-color);
  border-color: var(--container-border-color);
  width: 100%;
  height: 20rem;
  border-radius: .5rem;
  /* box-shadow: inset 0 0 0 5px #000000; */
}

.wave {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--liquid-color, #007B81);
  /* box-shadow: inset 0 0 0 3px var(--container-border-color); */
  border-radius: .25rem;
  overflow: hidden;

  --c1: calc(var(--capacity) * 1%);
  --c2: calc(var(--c1) + 0.5%);
  background: linear-gradient(0deg, var(--liquid-color, #007B81) 0%, var(--liquid-color, #007B81) var(--c1), white var(--c2));
  animation: filling 3.2s linear forwards;
  animation-delay: 2s;
}

.wave:before,
.wave:after {
  content: '';
  position: absolute;
  width: 290%;
  height: 50%;

  --liquid-top: 25%;

  top: calc(67.5% - var(--capacity) * 1%);
  left: -50%;
  transform: translate(-50%, -75%);
  background: var(--container-bg-coloddr, white);
  animation: animate 3.2s linear infinite, filling 7.2s forwards;
  animation-delay: 2s;
}

.wave:before {
  border-radius: 45%;
  background: rgba(255, 255, 255, 1);
}

.wave:after {
  border-radius: 40%;
  background: rgba(255, 255, 255, 0.5);
}

@keyframes animate {
  0% {
    transform: translate(-10%, -25%) rotate(0deg);
  }

  100% {
    transform: translate(-10%, -25%) rotate(360deg);
  }
}

@property --capacity {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

@keyframes filling {
  0% {
    --capacity: 0;
  }

  100% {
    --capacity: var(--progress, 50);
  }
}


/* elementor - goal list */
.elementor-widget-goals {
  container: list-goals / inline-size;
}

@container list-goals (min-width: 400px) {
  ul {
    --items-gap: 3rem;

    li {
      --goal-size: 5.5rem;
    }
  }
}

@container list-goals (max-width: 400px) {
  ul {
    --items-gap: 1.5rem;

    li {
      --goal-size: 3.5rem;
    }
  }
}


/* project content */

.project__content {
  & h2 {
    /* clamp(2rem, 1.6676rem + 1.0638vw, 2.625rem) */
    font-family: var(--e-global-typography-025ba03-font-family), Sans-serif;
    font-size: var(--e-global-typography-025ba03-font-size);
    font-weight: var(--e-global-typography-025ba03-font-weight);
    line-height: var(--e-global-typography-025ba03-line-height);
    color: var(--e-global-color-accent);

    &:not(:first-child) {
      margin-top: 2rem;
    }

    &>b {
      font-weight: inherit;
    }
  }

  & :is(p, p>span, ul, li>span) {
    font-size: clamp(1rem, 0.9199rem + 0.2564vw, 1.125rem);
    font-weight: 500;
    line-height: 1.4;
    color: #3B3C3B;
  }

  p:is(.MsoNoSpacing, .MsoNormal) span {
    color: #007B81;
    font-family: "Montserrat";
    font-size: clamp(1.5rem, 0.4265rem + 3.4351vw, 2.625rem);
    font-style: normal;
    font-weight: 900;
    line-height: 1.4;
  }

  img,
  p>img {
    object-fit: scale-down;
    object-position: top;
    margin: 1rem 0;
    border-radius: 0.75rem;
  }
}

/* filtri progetti */

button.e-filter-item:before {
  content: '';
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  position: relative;
  display: inline-block;
  margin-right: 0.5rem;
  border: 1px solid #0c0d0e;
  box-shadow: inset 0 0 0 2px white;
}

button.e-filter-item[aria-pressed='true']:before {
  border-color: #007B81;
  background-color: #007B81;
}

#filtri_elenco {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

#filtri_elenco>span {
  background: #ededed;
  border-radius: 50rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}

#filtri_goals search {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: start;
  justify-items: start;
  align-items: center;
  align-content: center;
}

#filtri_goals search button {
  font-size: 0.875rem;
}

#filtri_goals search button:before {
  width: 32px;
  height: 32px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

#filtri_goals search button[data-filter="sconfiggere-la-poverta"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_1_0.svg);
}

#filtri_goals search button[data-filter="sconfiggere-la-fame"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_2_0.svg);
}

#filtri_goals search button[data-filter="salute-e-benessere"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_3_0.svg);
}

#filtri_goals search button[data-filter="istruzione-di-qualita"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_4_0.svg);
}

#filtri_goals search button[data-filter="parita-di-genere"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_5_0.svg);
}

#filtri_goals search button[data-filter="acqua-pulita-e-servizi-igienico-sanitari"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_6_0.svg);
}

#filtri_goals search button[data-filter="energia-pulita-e-accessibile"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_7_0.svg);
}

#filtri_goals search button[data-filter="lavoro-dignitoso-e-crescita-economica"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_8_0.svg);
}

#filtri_goals search button[data-filter="imprese-innovazione-e-infrastrutture"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_9_0.svg);
}

#filtri_goals search button[data-filter="ridurre-le-disugualianze"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_10_0.svg);
}

#filtri_goals search button[data-filter="citta-e-comunita-sostenibili"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_11_0.svg);
}

#filtri_goals search button[data-filter="consumo-e-produzione-responsabili"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_12_0.svg);
}

#filtri_goals search button[data-filter="lotta-contro-il-cambiamento-climatico"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_13_0.svg);
}

#filtri_goals search button[data-filter="la-vita-sottacqua"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_14_0.svg);
}

#filtri_goals search button[data-filter="la-vita-sulla-terra"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_15_0.svg);
}

#filtri_goals search button[data-filter="pace-giustizia-e-istituzione-solide"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_16_0.svg);
}

#filtri_goals search button[data-filter="partnership-per-gli-obiettivi"]:before {
  background-image: url(https://objective-meninsky.217-64-201-58.plesk.page/wp-content/uploads/2025/03/sdgs_17_0.svg);
}