// Silence is gold
.home header{
	//display: none;
}

#page-wrapper,
#wrapper-footer,
#single-wrapper {
 padding: 0 !important;
}

.entry-title,
.entry-meta,
.magazine .entry-header,
.magazine .wp-post-image,
.progetto .wp-post-image {
	display: none;
}

.post-navigation {
	width: 100vw;
	padding-right: 0 !important;
	padding-left: 0 !important;
	max-width: unset;
	.nav-links {
		margin: 10px 0;
		.nav-previous {
			padding: 20px 10px 20px 10px;
			width: 49.5%;
			//padding-right: 3rem;
			border-radius: 20px;
			background-color: rgb(245,244,237);
		}
		.nav-next {
			padding: 20px 10px 20px 10px;
			width: 49.5%;
			//padding-left: 3rem;
			text-align: right;
			border-radius: 20px;
			background-color: rgb(245,244,237);
		}
		a {
			font-size: .9rem;
			color: rgb(236,102,43);
			font-weight: 600;
		}
	}
}

.p-0 {
  padding: 0;
  .vc_column-inner {
    padding: 0 !important;
  }
}

.ps-5x2 {
  padding-left: 6rem !important;
	@media (max-width: 767.98px) {
		padding-left: 3rem !important;
	}
}

.pe-5x2 {
  padding-right: 6rem !important;
	@media (max-width: 767.98px) {
		padding-right: 3rem !important;
	}
}

.more-pad-left-25 {
  padding-left: 25%;
  padding-right: 4rem;
  @media (max-width: 767px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.more-pad-right-25 {
  padding-right: 25%;
  padding-left: 4rem;
  @media (max-width: 767px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.brd-0 {
  border: 0;
}

/*.post-navigation,
.entry-header,
.wp-post-image,
.entry-footer {
  display: none !important;
}*/

/*font*/
p {
  font-size: 1.2rem;
}

 .huge {
   font-size: 6.5rem;
   line-height: 1.1;
   h1, h2, h3, p {
     font-size: 6.5rem;
     line-height: 1.1;
   }
   @media (max-width: 1023px) {
     font-size: 4rem;
     h1, h2, h3, p {
       font-size: 4rem;

     }
   }
 }

 h2 {
   span {
     font-family: inherit;
   }
 }


 .bigga {
   font-size: 4.25rem;
   line-height: 1.2;
   h1, h2, h3, p {
     font-size: 4.25rem;
     line-height: 1.2;
   }
	 @media (max-width: 1399.98px) {
     font-size: 3.5rem;
     h1, h2, h3, p {
       font-size: 3.5rem;
     }
   }
   @media (max-width: 1199.98px) {
     font-size: 3rem;
     h1, h2, h3, p {
       font-size: 3rem;
     }
   }
	 @media (max-width: 991.98px) {
     font-size: 2.5rem;
     h1, h2, h3, p {
       font-size: 2.5rem;
     }
   }
	 @media (max-width: 767.98px) {
     font-size: 1.75rem;
     h1, h2, h3, p {
       font-size: 1.75rem;
     }
   }
 }

 .biggy {
   font-size: 3.75rem;
   line-height: 1.25;
   h1, h2, h3, p {
     font-size: 3.75rem;
     line-height: 1.25;
   }
   @media (max-width: 1023px) {
     font-size: 2.5rem;
     h1, h2, h3, p {
       font-size: 2.5rem;
     }
   }
 }

 .bigger {
   font-size: 2.2rem;
   line-height: 1.25;
   h1, h2, h3, p {
     font-size: 2.2rem;
     line-height: 1.25;
   }
   @media (max-width: 1023px) {
     font-size: 1.75rem;
     h1, h2, h3, p {
       font-size: 1.75rem;
     }
   }
 }

 .lil-bigger {
   font-size: 1.6rem;
     line-height: 1.4;
     font-weight: 300 !important;
   h1, h2, h3, p {
     font-size: 1.6rem;
     line-height: 1.4;
     font-weight: 300 !important;
   }
   @media (max-width: 1399.98px) {
    font-size: 1.25rem;
    h1, h2, h3, p{
      font-size: 1.25rem;
    }
  }
  a  {
 	 font-size: 1.6rem;
 	 line-height: 1.4;
  }
  @media (max-width: 1023px) {
  		a {
 		font-size: 1.25rem;
 	}
 }
 }

 .p-mb0 {
   p {
     margin-bottom: 0px;
   }
 }

 .smaller {
   font-size: .9rem !important;
   p, a, button {
     font-size: .9rem !important;
   }
 }

 .smallest {
   font-size: .7rem;
   p, a {
     font-size: .7rem;
   }
 }

strong {
	font-weight: 700 !important;
}

 .text-uppercase {
   text-transform: uppercase;
   button, p, a {
     text-transform: uppercase;
   }
 }

 .chonk {
   font-weight: 800 !important;
   h1, h2, h3, h4, p, a {
     font-weight: 800 !important;
   }
 }

 .fatty {
   font-weight: 700 !important;
   h1, h2, h3, p, a, button {
     font-weight: 700 !important;
   }
 }

 .mid-fatty {
   font-weight: 600 !important;
   h1, h2, h3, p, a, button {
     font-weight: 600 !important;
   }
 }


 .regular {
   font-weight: 400 !important;
   h1, h2, h3, p, a {
     font-weight: 400 !important;
   }
 }

 .lighty {
   font-weight: 300 !important;
   h1, h2, h3, p, a {
     font-weight: 300 !important;
   }
 }

 .letter-spaced {
   letter-spacing: 1px;
   p, h1, h2, h3, a {
     letter-spacing: 1px;
   }
 }

 .flat-button {
   .vc_btn3.vc_btn3-style-custom,
   a {
     background-image: none;
     font-size: 1.2rem;
     letter-spacing: 1px;
     opacity: 1;
     transition: all .3s;
 		&:hover {
 			opacity: .9;
 		}
   }
   &.letter-spaced {
     a {
       letter-spacing: 2px;
     }
   }
 }

 .no-deco {
   text-decoration: none !important;
   a, span, p {
     text-decoration: none;
   }
 }

 .invert-row-mobile {
   @media (max-width: 767px) {
     flex-direction: column-reverse;
   }
 }


 @media (min-width: 768px) {
   .hide-desktop {
     display: none !important
   }
 }

@media (min-width: 1024px) {
  .hide-desktop {display: none;}
}

@media (max-width: 1023.98px) {
	.hide-small-dk {
    display: none !important
  }

 }

@media (max-width: 1023.98px) {
	.hide-tablet {
    display: none !important
  }

 }

@media (max-width: 767px) {
  .navbar-toggler {
    border: 0 !important;
  }

  .hide-mobile {
    display: none !important
  }

}

.btn-close-white {
  filter: invert(0) grayscale(0%) brightness(0) !important;
  opacity: 1 !important;
}

/*menu*/
.navbar {
  -webkit-box-shadow: 0px 6px 14px 4px rgba(0,0,0,0.25);
box-shadow: 0px 6px 14px 4px rgba(0,0,0,0.2);
z-index: 1;
  .navbar-brand {
    max-width: 320px;
		@media (max-width: 1199.98px) {
			max-width: 220px;
		}
		@media (max-width: 992.98px) {
			max-width: 150px;
		}
		@media (max-width: 577.98px) {
			max-width: 250px;
		}

  }
  .navbar-nav {
    .menu-item {
      .nav-link {
        //text-transform: uppercase;
        color: #EC662B;
        font-weight: 500;
        font-family: host;
				&:hover,
				&:active {
					color: #034547;
				}
				@media (max-width: 1199.98px) {
					font-size: 1rem;
				}
				@media (max-width: 991.98px) {
					font-size: .8rem;
				}
				@media (max-width: 767.98px) {
					font-size: 1.4rem;
				}
      }
			&.current-menu-item {
				.nav-link {
					color: #034547;
				}
			}
    }
		@media (max-width: 1199.98px) {
			padding-left: 0 !important;
			margin-left: 1rem !important;
		}
  }
}


@media (max-width: 767.98px) {
	.offcanvas {
		max-width: 86% !important;
	}
}




 /*testate pagine*/
 .testata-interna-chiara {
   &:before {
     background-image: url(https://fondazionemicra.org/wp-content/uploads/2026/05/img-bg.png);
     width: 45vw;
     height: 40vw;
     background-size: contain;
     background-repeat: no-repeat;
     position: absolute;
     right: -3%;
     top: -10%;
     display: block;
     content: '';
		 @media (max-width: 767.98px) {
			 width: 80vw;
       height: 100vw;
			 top: -5%;
		 }
   }
   &.singolo-progetto {
     &:before {
       top: -75%;
     }
   }
 }

 .testata-interna-verde {
   &:before {
     background-image: url(https://fondazionemicra.org/wp-content/uploads/2026/06/img-bg-green.webp);
     width: 45vw;
     height: 40vw;
     background-size: contain;
     background-repeat: no-repeat;
     position: absolute;
     right: -3%;
     top: -10%;
     display: block;
     content: '';
		 @media (max-width: 767.98px) {
			 width: 80vw;
       height: 100vw;
			 //top: -5%;
		 }
   }
   &.singolo-progetto {
		 z-index: 0;
     &:before {
       left: 16%;
       top: -20%;
     }
   }
 }

 .floating-menu {
  position: absolute;
  top: 86px;
  z-index: 2;
  //left: -5%;
  .menu {
    list-style: none;
    padding-left: 0;
    li {
      margin-bottom: 1rem;
      a {
        color: #EC662B;
      }
    }
  }
 }


 .footer-menu-social {
	.menu {
		list-style: none;
		padding-left: 0;
		li {
			margin-bottom: 0;
            display: inline-block;
            margin-right: 1rem;
			a {
				color: #EC662B;
			}
		}
	}
 }


  /* pagine*/
  .orange-strip {
    &:before {
      background-image: url(https://fondazionemicra.org/wp-content/uploads/2026/06/img-bg-orange.webp);
      width: 45vw;
      height: 40vw;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: -12%;
      //top: -10%;
      display: block;
      content: '';
			@media (max-width: 767.98px) {
 			 width: 80vw;
        height: 100vw;
 		 }
    }
  }

  .dark-white-strip {
    &:before {
      background-image: url(https://fondazionemicra.org/wp-content/uploads/2026/06/img-bg-light.webp);
      width: 50vw;
      height: 42vw;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: -2%;
      top: -12%;
      display: block;
      content: '';
			@media (max-width: 767.98px) {
 			 width: 80vw;
        height: 100vw;
				top: 0%;
 		 }
    }
  }

  /*.attivita {
    &:after {
      position: absolute;
      width: 33vw;
      height: 60vw;
      content: '';
      display: block;background-size: contain;
      background-repeat: no-repeat;
      background-image: url(https://fondazionemicra.org/wp-content/uploads/2026/06/foto-attivita.jpg);
    }
  }*/


  /*AMBITI - FISARMONICHE*/
  .big-icon-left {
    h3 {
      &:after {
        display: inline-block;
        content: '';
        //position: relative;
				position: absolute;
        width: 140px;
        height: 140px;
        background-size: contain;
        background-repeat: no-repeat;
        //margin-right: 32px;
        top: 40px;
				right: 6rem;
				@media (max-width: 991.98px) {
					width: 110px;
	        height: 110px;
					left: 4rem;
				}
      }
    }
    &.microfinanza {
      h3 {
        &:after {
          background-image: url(/wp-content/uploads/2026/06/icon.png);
        }
      }
    }
    &.comunita {
      h3 {
        &:after {
          background-image: url(/wp-content/uploads/2026/06/icon2.png);
        }
      }
    }
    &.azione {
      h3 {
        &:after {
          background-image: url(/wp-content/uploads/2026/06/azione.png);
        }
      }
    }
    &.ricerca {
      h3 {
        &:after {
          background-image: url(/wp-content/uploads/2026/06/ricerca.png);
        }
      }
    }
  }

  .accordion-container-col {
    .vc_column-inner {
      border-radius: 30px;
      .wpb_text_column.smaller,
      .vc_tta-container,
			h3 {
        padding-left: 6rem;
        padding-right: 6rem;
				@media (max-width: 991.98px) {
					padding-left: 3rem;
	        padding-right: 3rem;
				}
				@media (max-width: 767.98px) {
	 			 padding-left: 1rem;
				 padding-right: 1rem;
	 		 }
      }
			h3 {
				padding-top: 3rem;
				@media (max-width: 991.98px) {
					padding-top: 9rem;
				}
			}
      .vc_tta-accordion {
        .vc_tta-panels-container {
          .vc_tta-panels {
            .vc_tta-panel-heading {
              border-color: transparent;
              background-color: transparent;
            }
            .vc_tta-panel-body {
              .wpb_text_column.smaller {
                padding-left: 0;
                padding-right: 0;
              }
            }
          }
        }
      }
    }
  }

/*FEED*/

///magazine
.orange-link {
  color: #EC662B;
  &:hover {
    color: #D5551D;
  }
  span, p {
    color: #EC662B;
    &:hover {
      color: #D5551D;
    }
  }
}


#feed-mag {
  .pubblicazioni-grid {
    transform: translateY(-150px);
  }
  .paginate-button  {
    transform: translateY(-150px);
    background-color: #034547;
    border: 0;
    padding: 10px 24px;
    span {
      color: #fff;
      text-transform: none !important;
      font-family: host;
    }
  }
}

.feed-mag-2post {
	.pubblicazioni-grid {
		.search-target-space {
			.col-12.px-5  {
				@media (max-width: 991.98px) {
				padding-left: 1rem !important;
				padding-right: 1rem !important;
			}
			}
		}
	}
}

.inset-shadow {
	-webkit-box-shadow: inset 0px 0px 200px 200px rgba(51,51,51,0.76);
	box-shadow: inset 0px 0px 200px 200px rgba(51,51,51,0.76);
}


#feed-prog {
  .pubblicazioni-grid {
    transform: translateY(-150px);
  }
  .paginate-button  {
    transform: translateY(-150px);
    background-color: #034547;
    border: 0;
    padding: 10px 24px;
    span {
      color: #fff;
      text-transform: none !important;
      font-family: host;
    }
  }
}


.single-prev-mag {
  //min-height: 520px;
  border-radius: 20px;
  .card {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border: 0;
    border-radius: 20px;
		.mag-img {
			@media (max-width: 767.98px) {
				padding-left: 10px !important;
				padding-right: 10px !important;
			}
		}
  }
  .card-body {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 0;
		@media (max-width: 767.98px) {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
    a {
    }
  }
	&.dark-mag {
		.card {
			min-height: 640px;
			background-size: cover;
			@media (max-width: 1399.98px) {
				min-height: 580px;
			}
			@media (max-width: 1199.98px) {
				min-height: 500px;
			}
			@media (max-width: 767.98px) {
				min-height: 480px;
			}
		}
		.card-body {
			.card-title {
				min-height: 210px;
			}
		}
	}
}


.single-prev-prog {
  //min-height: 600px;
  //background-color: #fff;
  //border-radius: 30px;
  .card {
    border: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    .card-img-top {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
    }
    .categorie-prog {
      position: absolute;
      bottom: 0;
      padding: 0.5rem 1rem;
      color: #fff;
      background: #056365;
    }
  }
  .card-body {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 0;
    min-height: 280px;
    a {

    }
  }
}

/*HP*/
.top-20 {
  figure {
    img {
      transform: translateY(-20%);
    }
  }
}

.freccia-q {
  a {
    &:after {
      display: inline-block;
      position: relative;
      content: '>';
      color: #fff;
      padding: .1rem .725rem;
      background-color: #EC662B;
      margin-left: 26px;
      font-weight: 300;
    }
  }
	&.green-q {
		a {
			&:after {
				background-color: #034547;
			}
		}
	}
}

#carosello-valori {
  position: absolute;
  right: 0;
  .scheda-valore {
    min-height: 420px;
    border-radius: 30px;
		@media (max-width: 1199.98px) {
			min-height: 320px;
		}
		@media (max-width: 991.98px) {
			min-height: 280px;
		}
  }
  .slick-slider {
    margin: 0;
    .slick-list {
      //padding-left: 20px;
      //margin-left: 20px;
      //transform: translateX(20px);
      .vc_row.slick-slide {
        margin: 0;
        transform: translateX(38px);
      }
    }
    .slick-arrow {
      &.slick-prev {
        display: none !important;
      }
      &.slick-next {
        right: 200px;
				top:94%;
        &:before {
          display: inline-block;
          position: relative;
          content: '>';
          color: #fff;
          padding: .1rem .725rem;
          background-color: #034547;
          margin-left: 26px;
          font-weight: 300;
          opacity: 1;
          height: 34px;
        }
				@media (max-width: 1399.98px) {
					right: 200px;
					top: 92%;
				}
				@media (max-width: 1199.98px) {
					right: 200px;
					top: 92%;
				}
				@media (max-width: 767.98px) {
					right: 60px;
					top: 92%;
				}
      }
    }
    .slick-dots {
      display: none !important;
    }
  }
	&.carosello-large {
		@media (min-width: 1200px) {
			display: block;
		}
		@media (max-width: 1199.98px) {
			display: none;
		}
	}
	&.carosello-medium {
		@media (max-width: 991.98px) {
			display: none;
		}
		@media (min-width: 992px) {
			display: block;
		}
		@media (min-width: 1200px) {
			display: none;
		}
	}
	&.carosello-mini {
		@media (min-width: 992px) {
			display: none;
		}
		@media (max-width: 991.98px) {
			display: block;
		}
	}
}

/*fondazione*/
.immagine-attivita {
  position: absolute;
	right: 0;
    transform: translate(50%, -120%);
		@media (max-width: 1399.98px) {
			//transform: translate(0%, -130%);
		}
		@media (max-width: 1199.98px) {
			//transform: translate(40%, -120%);
		}
		@media (max-width: 767.98px) {
			display: none;
		}
}

.immagine-ambiti {
  position: absolute;
    transform: translate(-50%, -120%);
		@media (max-width: 1399.98px) {
			transform: translate(-50%, -120%);
		}
		@media (max-width: 1199.98px) {
			transform: translate(-50%, -120%);
		}
		@media (max-width: 767.98px) {
			display: none;
		}

}



.logo-footer {
	figure {
		max-width: 143px !important;
	}
}

/*elenco puntato*/
.wpb_text_column,
.bullet-point {
	ul {
			list-style: none;
			padding-left: 0;
			li {
				padding-left: 24px;
				&:before {
					display: inline-block;
					height: 8px;
					width: 8px;
					content: '';
					background-color: rgb(90, 89, 86);
					border-radius: 6px;
					//position: relative;
					//margin-right: 16px;
					//top: -2px;
					position: absolute;
					transform: translate(-24px, 12px);

					}
			}
	}
	&.white-bullet {
		ul {
			li {
				&:before {
					background-color: #fff;
				}
			}
		}
	}
	&.orange-bullet {
		ul {
			li {
				&:before {
					background-color: #EC662B;
				}
			}
		}
	}
	&.green-bullet {
		ul {
			li {
				&:before {
					background-color: #034547;
				}
			}
		}
	}
}

/*gallery progetti*/
.galleria-progetto {
	 .flex-direction-nav  {
		 a {
			 opacity: .7;
		 }
	 }
}

.galleria-progetto .flexslider:hover .flex-direction-nav .flex-prev {
	left: -50px;
	opacity: 1;
}
.galleria-progetto .flexslider:hover .flex-direction-nav .flex-next {
	right: -50px;
	opacity: 1;
}

/*accordiaon goivernance*/
#accordion-gov {
	.vc_tta-accordion {
		.vc_tta-panels-container {
			.vc_tta-panels {
				.vc_tta-panel-heading {
					border-color: transparent;
					background-color: transparent;
					border-bottom: 1px solid rgb(3,69,71);
					.vc_tta-panel-title {
						a {
							padding-left: 0;
							i {
								height: 22px;
								width: 22px;
								&:before {
									border-color: rgb(3,69,71);
									border-width: 3px 0 0;
								}
								&:after {
									border-color: rgb(3,69,71);
									border-width: 0 0 0 3px;
								}
							}
							span {
								font-family: host;
								font-size: 1.6rem;
								font-weight: 700;
								color: rgb(3,69,71);
							}
						}
					}
				}
				.vc_tta-panel-body {
					.wpb_text_column.smaller {
						padding-left: 0;
						padding-right: 0;
					}
				}
			}
		}
	}
}