html {



  scroll-behavior: smooth;



  cursor: default;



}



body, button {



    text-align: center;



}







.text-muted {



    color: rgba(255, 255, 255, .6) !important;



}



.nav-item .nav-link:hover {



    color: white !important;



}







#landing #bg-fancy {



    height: 100vh;



    min-width: 100%;



    background-color: black;



    background-image: url(images/sfondo.jpg);



    filter: brightness(0.5);



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;





    z-index: -100;



}



#landing nav{



        background-color: rgba(0, 0, 0, .8) !important;



}



#landing #contenuto {



    min-height: 100vh;



    z-index: 1;



}



#landing #contenuto h1 {



    letter-spacing: 2px;



}



#landing #contenuto p {



    letter-spacing: 2px;



    color: #dc3545;



}







#chi-siamo{



    background-color: #dc3545;



    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='2000' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23b02b37' fill-opacity='0.76' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E");



}



#chi-siamo > .container {



    padding-top: 6rem;



    padding-bottom: 6rem;



}



#chi-siamo #pic {



    background-image: url(images/cs.jpg);



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;



    height: 280px;



    width: 100%;



    -webkit-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    -moz-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    transition: transform .2s;



}



#chi-siamo #pic:hover {



    transform: scale(1.05);



}



#chi-siamo .btn-outline-light:hover {



    color: #dc3545 !important;



}



#chi-siamo .dropdown .dropdown-toggle:focus {



    color: #dc3545 !important;



    background-color: white;



}







#festa, #donazioni {



    padding-top: 6rem;



    padding-bottom: 6rem;



    background-color: rgba(88, 88, 88, .5);



    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='2000' viewBox='0 0 20 20'%3E%3Cg fill-opacity='0.12'%3E%3Cpolygon fill='%23807b7c' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%23807b7c' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E");



}



#festa .col-sm-4 > div {



    height: 250px;



    width: 100%;



    background-position: bottom;



    background-repeat: no-repeat;



    background-size: cover;



}



#festa #f1 {



    background-image: url(images/f1.jpg);



    -webkit-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    -moz-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    transition: transform .3s;



}



#festa #f1:hover {



    transform: scale(1.2);



}



#festa .justify-content-between .col-3 {



    transition: all .2s;



}



#festa .justify-content-between .col-3:hover {



    transform: scale(1.5) rotate(5deg);



}







#eventi {



    padding: 6rem 0;



    background-color: #dc3545;



    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg fill-opacity='0.73'%3E%3Ccircle fill='%23dc3545' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23d33342' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23ca313f' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23c12f3d' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23b92d3a' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23b02b37' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");



    background-attachment: fixed;



    background-size: cover;



}



#eventi .card {



    margin-top: 6rem;



    -webkit-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    -moz-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    transition: all .5s;



}



#eventi .card-deck .card figure {



    background-position: center;



    background-size: cover;



    background-repeat: no-repeat;



    height: 100px;



    width: 100%;



}



#eventi .card-deck .card:nth-child(1) figure { background-image: url(images/1.jpg); background-position: 0% 20%; }



#eventi .card-deck .card:nth-child(2) figure { background-image: url(images/2.jpg); background-position: 0% 20%; }



#eventi .card-deck .card:nth-child(3) figure { background-image: url(images/3.jpg); background-position: 0% 20%; }



#eventi .card-deck .card:nth-child(4) figure { background-image: url(images/4.jpg);} 



#eventi #secondo .card:nth-child(1) figure { background-image: url(images/5.jpg); background-position: top; }



#eventi #secondo .card:nth-child(2) figure { background-image: url(images/6.jpg); background-position: 0% 20%; }



#eventi #secondo .card:nth-child(3) figure { background-image: url(images/7.jpg); background-position: 0% 50%; }



#eventi #secondo .card:nth-child(4) figure { background-image: url(images/8.jpg); }



#eventi #terzo .card:nth-child(1) figure { background-image: url(images/9.jpg); }



#eventi #terzo .card:nth-child(2) figure { background-image: url(images/10.jpg); }



#eventi #terzo .card:nth-child(3) figure { background-image: url(images/11.jpg); }



#eventi .card-deck .card:nth-child(2) { transform: translateY(-20px);}



#eventi .card-deck .card:nth-child(4) { transform: translateY(-20px);}



#eventi .card-deck .card:hover {



    transform: scale(1.2);



    -webkit-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    -moz-box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    box-shadow: 10px 10px 30px -10px rgba(0,0,0,0.75);



    z-index: 100;



}







#donazioni > div h5 {



    letter-spacing: 2px;



}



#donazioni .accordion .card{



    border: none !important;



}







#contatti {



    padding-top: 6rem;



    padding-bottom: 6rem;



    background-color: #b02b37;



    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23dc3545'/%3E%3Cstop offset='1' stop-color='%23b02b37'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23c6303e'/%3E%3Cstop offset='1' stop-color='%23b02b37'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(2000 0)'%3E%3Cg transform='translate(0 255)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-46.8 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.46' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");



    background-attachment: fixed;



    background-size: cover;



}



#contatti a {



    color: rgba(255, 255, 255, .7);



    transition: all .2s;



}



#contatti a:hover {



    color: white;



    transform: scale(1.2) translateY(1px);



}







@media(max-width:992px) {



    #donazioni .border-right {



        border-right: none !important;



        border-bottom: 1px solid;



    }



    #donazioni #iban {



        font-size: 1rem !important;



    }



}