@font-face{font-family:'Aller_Bd';src:url("fonts/Aller_Bd.eot");src:local("☺"),url("fonts/Aller_Bd.woff") format("woff"),url("fonts/Aller_Bd.ttf") format("truetype"),url("fonts/Aller_Bd.svg") format("svg");font-weight:normal;font-style:normal}.project-hero{background:#004311;height:270px}@media (min-width: 768px){.project-hero{height:360px}}@media (min-width: 992px){.project-hero{height:450px}}.project-hero h1{font-size:2.5rem}@media (min-width: 768px){.project-hero h1{font-size:4rem}}@media (min-width: 992px){.project-hero h1{font-size:5.5rem}}.project-azioni{padding-top:100px;padding-bottom:50px}.project-azioni .azione:nth-child(2n) .project-azione{margin-left:auto}.project-azioni .azione:nth-child(2n+1) .project-azione{margin-right:auto}@media (min-width: 576px) and (max-width: 991.98px){.project-azioni .azione:nth-child(2n+1) .project-azione{margin-top:35%}}.project-azione{border-radius:100%;width:40vw;height:40vw;margin:0 auto;margin-bottom:2px;position:relative;overflow:hidden}@media (min-width: 576px){.project-azione{width:40vw;height:40vw;margin:0 auto;margin-bottom:15px}}@media (min-width: 992px){.project-azione{width:calc(25vw - 30px);height:calc(25vw - 30px);margin:0 auto}}@media (min-width: 1200px){.project-azione{width:calc(25vw - 60px);height:calc(25vw - 60px)}}@media (min-width: 1500px){.project-azione{width:calc(25vw - 100px);height:calc(25vw - 100px)}}@media (min-width: 1750px){.project-azione{width:calc(25vw - 140px);height:calc(25vw - 140px)}}.project-azione h4{position:relative;z-index:3;transition:all .35s ease;transform:translateY(0);margin-bottom:0}@media (max-width: 575.98px){.project-azione h4{font-size:1rem}}.project-azione h4.c-white{text-shadow:0px 0px 2px #969696}.project-azione img{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .35s ease}.project-azione--green{background:#004311}.project-azione--green h4{color:white}.project-azione--grey{background:#ededed}.project-azione--grey h4,.project-azione--grey p{color:#004311}.project-azione--grey:hover{background:rgba(0,67,17,0.9)}.project-azione--img{position:relative}.project-azione--img:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,67,17,0.7);opacity:0;transition:all .35s ease}.project-azione--img h4{position:relative;z-index:2}.project-azione:hover{text-decoration:none;transition:opacity .35s ease;box-shadow:rgba(50,50,93,0.25) 0px 13px 27px -5px,rgba(0,0,0,0.3) 0px 8px 16px -8px}.project-azione:hover img{opacity:.3;transition:opacity .35s ease}.project-azione:hover h4{color:white}@media (min-width: 576px){.project-azione:hover h4{opacity:0;transform:translateY(-15px);transition:all .35s ease}}@media (min-width: 576px){.project-azione:hover .project-azione-text{opacity:1;transform:translateY(15px);transition:all .35s ease}}.project-azione-text{opacity:0;height:auto;font-weight:600;position:absolute;top:0;height:100%;width:100%;left:0;z-index:2;color:white;transition:all .35s ease;justify-content:center;flex-direction:column;transform:translateY(25px);font-size:.95rem;display:none}@media (min-width: 576px){.project-azione-text{display:flex}}.project-azione--img:hover:before{opacity:1;transition:all .35s ease}.project-azioni{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;gap:0px 0px;grid-template-areas:"azione-testo azione-testo"  "azione1 azione2" "azione4 azione3" "azione5 azione6" "azione8 azione7"}@media (min-width: 992px){.project-azioni{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto;gap:30px 30px;grid-template-areas:". . azione1 azione1 azione2 azione2 . ." "azione8 azione8 azione1 azione1 azione2 azione2 azione3 azione3" "azione8 azione8 azione-testo azione-testo azione-testo azione-testo azione3 azione3" "azione7 azione7 azione-testo azione-testo azione-testo azione-testo azione4 azione4" "azione7 azione7 azione6 azione6 azione5 azione5 azione4 azione4" ". . azione6 azione6 azione5 azione5 . ."}}.azione1{grid-area:azione1}.azione2{grid-area:azione2}.azione2 .project-azione{background-image:url("/static/img/progetto/toret_neve.jpg");background-size:cover}.azione3{grid-area:azione3}.azione4{grid-area:azione4}.azione4 .project-azione{background-image:url("/static/img/progetto/segnala.jpg");background-size:cover}.azione5{grid-area:azione5}.azione6{grid-area:azione6}.azione6 .project-azione{background-image:url("/static/img/progetto/instagram2.jpg");background-size:cover}.azione7{grid-area:azione7}.azione8{grid-area:azione8}.azione8 .project-azione{background-image:url("/static/img/progetto/martino_ciclista.jpg");background-size:cover}.azione-testo{grid-area:azione-testo}.project-donazione{padding-bottom:100px}.donazione-wrapper{background-color:#ededed;background-size:350px;height:calc(100% + 40px);border-radius:14px;margin:0 16px;position:relative}.donazione-wrapper:before{content:"";background:#dddddd;position:absolute;top:10px;left:10px;width:100%;height:100%;display:none;z-index:-1;border-radius:14px}@media (min-width: 768px){.donazione-wrapper{margin-top:-30px;height:calc(100% + 60px)}.donazione-wrapper:before{display:block}}.donazione-modal{background-color:#ededed;background-size:350px;height:calc(100% + 40px);border-radius:20px;margin:0 16px;position:relative}@media (min-width: 768px){.donazione-modal{margin-top:-30px;height:calc(100% + 60px)}}@media (min-width: 1200px){.app-donazione{max-height:400px}}.donate-buttons>li{width:33.3%}.donate-buttons>li>a{font-size:1.1rem;font-weight:600;position:relative;display:block;padding:5px 5px;border-radius:5px}.btn-dona-other,.btn-dona{font-weight:bold;background-color:white;border:1px solid #ddd;color:#004311;border-radius:5px;width:100%;height:42px}#other-input{display:none}#other-input input{box-sizing:border-box;position:relative;font-weight:bold;background-color:#fff;color:#004311;border-radius:5px;border:0;border:5px solid #004311;padding:0 0 3px 15px;width:calc(100% - 5px);height:42px;margin:5px 3px 0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#other-input span{font-family:inherit;font-weight:bold;color:#004311;position:absolute;padding:16px 12px;z-index:10;pointer-events:none}.impact{font-weight:bold;clear:both;color:#212529;font-size:.9rem}.donate-buttons .active{background-color:#004311;border:5px solid #004311;color:white}.donate-buttons:focus{outline:-webkit-focus-ring-color auto 0px}
