search.e-filter {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* SDG */
.sdg {
  color: #FFF;
  content: "";
  display: inline-block;
  position: relative;
  background-color: #f1f1f1;
  background-position: 50% 50%;
  background-size: 100%;
  transition: all ease-in-out 0.1s;
  box-sizing: border-box;
}

/* Backend */
#sdg ul.acf-checkbox-list.acf-bl {
  display: flex !important;
  flex-wrap: wrap !important;
}
#sdg ul.acf-checkbox-list.acf-bl > li {
  display: inline-flex !important;
}
#sdg .sdg {
  top: 6px;
  left: -25px;
  width: 100px;
  height: 100px;
  margin-right: -10px;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
#sdg .selected .sdg {
  border: 4px solid #ffffff;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

/* Post */
.sdg-post {
  color: transparent !important;
  font-size: 0px;
}
.sdg-post .sdg {
  width: 100px;
  height: 100px;
}

/* Homepage */
.sdg-fe {
  color: transparent !important;
  font-size: 0px;
}
.sdg-fe .sdg {
  width: 50px;
  height: 50px;
}

ul.acf-radio-list li span,
ul.acf-checkbox-list li span {
  float: none;
}

.sdg-1 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-01.svg);
}

.sdg-2 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-02.svg);
}

.sdg-3 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-03.svg);
}

.sdg-4 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-04.svg);
}

.sdg-5 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-05.svg);
}

.sdg-6 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-06.svg);
}

.sdg-7 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-07.svg);
}

.sdg-8 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-08.svg);
}

.sdg-9 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-09.svg);
}

.sdg-10 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-10.svg);
}

.sdg-11 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-11.svg);
}

.sdg-12 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-12.svg);
}

.sdg-13 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-13.svg);
}

.sdg-14 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-14.svg);
}

.sdg-15 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-15.svg);
}

.sdg-16 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-16.svg);
}

.sdg-17 {
  background-image: url(https://socialfare.org/wp-content/themes/hello-theme-child-master/assets/sdg/sdg-17.svg);
}

/* GALLERY */
.single-impact_design .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container,
.post-template-default .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 5vw);
  grid-gap: 0.7rem;
}
.single-impact_design .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a,
.post-template-default .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a {
  position: relative;
  display: flex;
  /* Utilizza Flexbox */
  align-items: center;
  /* Centra verticalmente */
  justify-content: center;
  /* Centra orizzontalmente */
}
.single-impact_design .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:nth-child(n+5),
.post-template-default .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:nth-child(n+5) {
  display: none;
}
.single-impact_design .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:first-child,
.post-template-default .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:first-child {
  grid-column: 1/span 2;
  grid-row: 1/span 4;
}
.single-impact_design .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:nth-child(2),
.post-template-default .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:nth-child(2) {
  grid-column: 3/span 1;
  grid-row: 1/span 2;
}
.single-impact_design .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:nth-child(3),
.post-template-default .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:nth-child(3) {
  grid-column: 4/span 1;
  grid-row: 1/span 2;
}
.single-impact_design .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:nth-child(4),
.post-template-default .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a:nth-child(4) {
  grid-column: 3/span 2;
  grid-row: 3/span 2;
}
.single-impact_design .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a .e-gallery-image,
.post-template-default .elementor-widget-gallery .elementor-widget-container .elementor-gallery__container a .e-gallery-image {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  /* Assicurati che l'immagine occupi tutta l'altezza del contenitore */
  transform-origin: center top;
  transition: var(--animation-duration);
}/*# sourceMappingURL=style.css.map */