/*AD*/
.pubblicita{
    text-align: right;
    font-size: 0.6rem;
    padding: 3px;
    border: 1px solid #000;
}

.leaderboard{
    width: 480px;
    max-width: 90%;
    max-width: 0 auto;
}

.p-leaderboard-mobile{
    padding-top: 10px;
    padding-bottom: 10px;
}

.overlay,
.overlay div,
.overlay div table,
#main-image img,
a img{
    max-width: 100% !important;
    height: auto !important;
}

.overlay,
.overlay div,
.overlay div table
.overlay img{
    min-width: 100% !important;
}

.modal-header{
    border-bottom: none !important;
}

.modal{
    border: none !important;
}

#overlay_close{
    position: absolute;
    width: 100%;
    text-align: right;
    padding: 7px;
}

.leaderboard img,
.overlay img{
    max-width: 100% !important;
    height: auto !important;
}

.ad.skin{
    z-index: 1;
}

.ad.skin a{
    display: flex;
    justify-content: center;
}

body.skin #main-imge{
    position:inherit;
}

    body.skin #main-news,
    body.skin #inevidence, 
    body.skin .container, 
    body.skin .container-lg, body.skin .container-md, 
    body.skin .container-sm, body.skin .container-xl, 
    body.skin .container-xxl,
    body.skin .leaderboard,
    body.skin #inevidence,
    body.skin footer{
        z-index: 2 !important;
        position: relative !important;
    }

    body.skin.single .container{
        z-index: 2 !important;
    }

    body.skin.single footer{
        z-index: 1 !important;
    }
  

    body.skin #main-news{
        z-index: 4 !important;
    }



@media (min-width: 1400px){
    body.skin #main-news,
    body.skin #inevidence, body.skin .container, 
    body.skin .container-lg, body.skin .container-md, 
    body.skin .container-sm, body.skin .container-xl, 
    body.skin .container-xxl,
    body.skin .leaderboard,
    body.skin #inevidence,
    body.skin footer{
        max-width: 1024px;
        margin: 0 auto;
    
    }

    body.skin header.container, body.skin header.container-lg, body.skin header.container-md, body.skin header.container-sm, body.skin header.container-xl, body.skin header.container-xxl
    {
        max-width: 1000px;
    }

}

.modal-body{
    text-align: center;
    /*background-color: rgba(255,255,255,0.3);*/
}

#r0c0m2i4{
    display: inline-block !important;
    margin-right: 5px;
}

.

/*social*/
#custom_html-8{
    font-size: 14px;
    background-color: azure;
    padding: 10px;
}

.fts-powered-by-text-popup a.fts-powered-by-text,
.fts-jal-fb-header {
    display: none !important;
}

#face-social{
    font-size: 22px;
    font-weight: bold;
    color: #3b5998;
}

#custom_html-9{
    font-size: 22px;
    background-color: #fce5a663;
    padding: 10px;
    color: #D62976;
    font-weight: bold;
}


/*home*/
body.home header{
    position: absolute;
    top:0;
    width: 100%;
}

body.home.leaderskin header{
    top:170px;
}

/*Layout*/

figure img,
.ad a img{
    width: 100%;
    height: auto;
}

.ad.skin img{
    width: auto;
}

body{
    font-size: 1.2rem;
    line-height: 1.8rem;
    background-color: #f1f1f1;
}

a,
.link-primary{
    color: #000 !important;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

a:hover,
.link-primary:hover{
    color: #C30A15 !important;
}

.bg-dark{
    background-color: #000 !important;
}

.text-dark{
    color: #000 !important;
}

.bg-danger, .btn-danger{
    background-color: #C30A15 !important;
}

.text-danger{
    color: #C30A15 !important;
}

.display-4{
    font-weight: bolder !important;
}

.pt-6{
    padding-top: 6rem;
}

.z-1{
    z-index: 1;
}

#menu-txt-hamb .btn,
#menu-txt-hamb #hamburger small{
    --bs-btn-font-size: 1.8rem;
    font-size: 1.8rem;
}

#menu-txt{
    cursor: pointer;
}

.main-menu{
    padding-top: 16px;
    padding-right: 16px;
}

.hover-underline-animation {
    position: relative;
}
  
.hover-underline-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
  
.hover-underline-animation:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.date, .date small, .author small, .author small a, .widget a{
    font-size: 17px !important;
    color: #6c757d!important;
    text-decoration: none;
}

.author .link-light small {
    color:#f8f9fa!important;
}

.author a:hover{
    color: #000!important;
}
.square{
    height: 14px;
    width: 7px;
}

#site{
    overflow: hidden;
}

.title span{
    display: none;
}

/*Paginazione*/
.page-numbers.current{
    color: #000;
    display: inline-block;
    min-width: 36px;
}

a.page-numbers{
    text-decoration: none;
    display: inline-block;
    padding: 3px;
    border-bottom: 2px solid #6c757d;
    color: #6c757d;
    min-width: 36px;
}

a.prev.page-numbers,
a.prev.page-numbers:hover{
    border: none;
}

a.page-numbers:hover{
    border-bottom: 2px solid #C30A15;
    color: #000;
}


/* Home */
.min-w-100 img,
#main-news img,
#inevidence img,
img.min-w-100,
#same-cat img{
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.gradiente{
    height: 50px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.gradiente-nero{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a06000000',GradientType=0 ); /* IE6-9 */

}

a.anima-bianco{
    color:#f1f1f1 !important;
    transition: all 0.25s ease-out;
}

a.anima-bianco:hover{
    color: #FFFFFF !important;
}

.box-h50{
    height: 50%;
}

.pre-titolo{
    padding-left: 1.5rem;
    border-left: 1rem solid #C30A15;
}

h1.mob{
    font-size: calc(1.21rem + 1.3vw);
}

.cosa-img{
    height: 150px;
}

/*logo*/
#logo-container{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
}

body.home #logo-container{
    position: absolute;
    z-index: 1;
}

body.home.skin #main-image #l-cont{
    --bs-gutter-x: 0rem !important;
}

#logo img
{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: auto;
}

span.autore,
span.autore i,
.autore a{
    color: #FFF !important;
    text-decoration: none;
    font-size: 0.8rem !important;
}

.single .single-post .h2, .single.single-post h2{
    font-size: calc(1.275rem + .3vw) !important;
}

@media (min-width: 1200px){
    .single .single-post .h2, .single.single-post h2{
        font-size: 1.5rem !important; 
    }
}


/*nuovo dona*/
.txt-intro-dona {
    padding: 3%;
    background-color: #ffe0e2;
}

.img-carte img{
    text-align: center;
    max-width: 80%;
}

#blocco-donazioni {
    padding: 20px 0;
  }
  
  .bottonedobazione {
    width: 100px;
    padding: 10px;
    background: #e6e6e6;
    border: 1px solid #a3a3a3;
    display: inline-block;
    margin: 10px;
    cursor: pointer;
  }
  
  .bottonedobazione:hover {
    border: 1px solid #be000d;
    color: #be000d;
  }
  
  .bottonedobazione.questo {
    border: 1px solid #000000;
    background-color: #be000d;
    color: #fff;
    font-weight: bold;
  }
  
  #donapul {
    width: 300px;
    padding: 10px;
    background: #e6e6e6;
    border: 1px solid #a3a3a3;
    margin-top: 20px;
    font-weight: bold;
  }
  
  #donapul:hover {
    border: 1px solid #be000d;
    color: #be000d;
    cursor: pointer;
  }
  
  .donaquantovuoi,
  #donaoraconpp {
    margin: 10px auto;
    width: 300px;
  }
  
  .donaconbonifico {
    margin: 30px 0;
    font-weight: bold;
  }
  
  #scintille_paypal_manager_form {
    text-align: center;
  }
  
  #sostegno {
    /*font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
      background-color: #c5ffc5;
      text-align: center;*/
    background-color: #fff049;
    /* border-top: 3px solid #f3bb02; */
    border-top: 2px solid  #fff68f;
    /*border-bottom: 3px solid #C30A15;*/
    /* border-bottom: 3px solid #f3bb02; */
    border-bottom: 2px solid  #fff68f;);
    font-size: 18px;
    line-height: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  
  #sostegno.nota2{
    background-color:#fadbdb;
  }
  
  span.evidenziatore {
    background-color:  #fff68f;;
    font-weight: bold;
  }
  
  .sotegno-txt {
    padding: 15px 20px;
  }
  
  .fascia-pulsante-dona {
    text-align: center;
    padding: 10px;
  }
  
  .fascia-pulsante-dona a {
    display: inline-block;
    padding: 10px 25px;
    color: #fff;
    background-color: #e84142;
    font-family: "Lato";
    border-radius: 5px;
    font-size: 15px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
  }
  
  .fascia-pulsante-dona a:hover {
    background-color: #c30a15;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  
  /*fine nuovo dona*/


/*Sidebar*/
.widget{
    margin-bottom: 1.5rem!important;
}

.lente{
    border: none;
    background: transparent;
    color: #000;
}

/*Wordpress*/
.aligncenter {
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

figure.alingcenter a{text-align: center;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

figure img{
    max-width: 100%;
}

.wp-caption.aligncenter img {
    display: block;
    margin: 0 auto;
}

figure figcaption.wp-caption-text{
    background-color: #f6f6f6;
    border-left: 3px solid #C30A15;
    padding: 1rem 1rem 1rem 1.8rem;
    font-size: 1rem;
    line-height: normal;
    font-style: italic;
}

figure {
    
}

.footer-logo{
    margin-top: -40px;
    left: 0;
}

.footer-logo img{
    max-width: 200px !important;
}

.riga-footer{
    background-color: #222;
}

footer ul{
    padding-top: 2rem;
    margin-left: 0;
    padding-left: 0;
}

footer ul li{
    border-left: 1px solid white;
    margin: 0.8rem;
    padding: 0;
    list-style: none;
    padding-left: 1rem;
}

footer ul li:hover{
    border-left: 1px solid #C30A15;
}

footer ul li a{
    color: #f6f6f6 !important;
    text-decoration: none;
}

footer ul li a:hover{
    color: #FFF !important;
}

.footer-text a{
    padding-left: 1.2rem;
}

/*
#rosso-newsletter{
    height: 80px;
}

#mupwp-form{
    position: relative;
}

#mupwp-form h3,
.separator-20px-top{
    display: none;
}

#mupwp-form-terms{
    position: absolute;
    top:0;
    margin: 0;
    padding: 5px;
    height: 30px;
}

#mpwp-container .mupwp-form-field,
#mpwp-container .mupwp-form-term{
    margin: 0;
}

#mupwp-form-fields{
    width: 75%;
    position: absolute;
    top: 30px;
    left:0;
    padding: 0;
    margin: 0;
}

#mupwp-form-submit-container{
    width: 25%;
    position: absolute;
    top: 30px;
    right:0;
    padding: 0;
    margin: 0;
}

#mupwp-form-fields input[type="email"]{
    border: none;
    width: 100%;
    padding: 10px;
}

#mupwp-form-submit-container,
#mupwp-form-submit-container input[type=submit]{
    background-color: #000;
    color: #FFF;
    border: none;
}

#mupwp-form-submit-container input[type=submit]{
    padding: 10px;
    text-transform: uppercase;
}

.#mpwp-container .mupwp-form-term{
    margin: 0;
    color: #FFF;
}
*/

#mupwp-form-fields{
    width: 75%;
    padding: 0.1rem 0.5rem;
}

#mupwp-form-fields input{
    width: 75%;
    border: none;
    padding: 10px;
    float: left;
}

#mupwp-form-submit-container{
    float: left;
}

#mupwp-form-submit-container input{
    border: 1px solid #000;
    color: #FFF;
    background-color: #000;
    padding: 10px 20px;
    margin-top: -2px;
    text-transform: uppercase;
}

#mupwp-form-terms,
.separator-20px-top{
    display: none;
}

#informativa{
    padding: 0.5rem 0 0 0.5rem;
    color:#FFF;
}

#informativa a{
    color: #FFF;
}

#mpwp-container .mupwp-form-field{
    margin: 0;
}

/*RESPONSIVE BOOTSTRAP MEDIA QUERY*/
/* X-Small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
    
 }

 /*Menu*/
#chiudimenu{
    padding-top: 40px;
    padding-right: 10px;
}

#offcanvasRight .col-10 img{
    margin: 14px 0;
    max-width: 100%;
}

.rotate{
    transform:  translateX(0) translateY(100%) rotate(-90deg);
    margin-top: 80px;
    margin-bottom: 50px;
}

.linea-social{
    height: 80px;
    width: 0px;
    margin: 20px auto;
}

 
ul#menu-main-menu li{
    list-style: none;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
    margin-bottom: 5px;
    position: relative;
}

ul#menu-main-menu li li{
    text-transform: none;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 5px;
}

ul#menu-main-menu li ul{
    display: none;
}


ul#menu-main-menu li a,
ul#menu-main-menu li a{
    text-decoration: none;
    color: #6c757d;
    display: inline-block;
}

ul#menu-main-menu a:hover{
    color: #000;
}

ul#menu-main-menu li.current-menu-item a{
    color:#C30A15;
}

ul#menu-main-menu li.current-menu-parent li a{
    color:#6c757d;
}
l#menu-main-menu li.current-menu-parent li.current-menu-item a{
    color:#C30A15;
}

ul#menu-main-menu li.current-menu-parent ul{
    display: block;
}

ul#menu-main-menu li.menu-item-has-children span {
    font-weight: 400; 
    color: #6c757d;
    position:absolute;
    right: 20px;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: -moz-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
}

ul#menu-main-menu li.menu-item-has-children.aperto span,
ul#menu-main-menu li.current-menu-parent span{
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

ul#menu-main-menu li.menu-item-has-children li a::after{
    content: none;
}


#sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    top:0;
    width: 400px;
    max-width: 85%;
    transform: translateX(102%);
    transition: all 900ms ease-in-out;
    background: #FFF;
    z-index: 3;
    overflow: hidden;
}

#offcanvasRight{
    height: 100%;
    overflow: scroll;
}

input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0rem);    
}

.sidebarMenuInner{
    margin:0;
    padding:0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li{
    list-style: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li span{
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}


input[type=checkbox]:not(.CybotCookiebotDialogBodyLevelConsentCheckbox) {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

#hamburger{
    /*
    position: fixed;
    top:45px;
    right:20px;
    z-index: 99;
    padding-top: 25px;
    */
    padding: 0 3px 0 3px !important;
    margin-top: 25px;
    background-color: rgba(255, 255, 255, 0.40);
}

body.leaderskin #hamburger{
    /*top:123px;*/
}

/*
input[type=checkbox]:checked ~ #hamburger{
    top:45px;
    right:20px;
    transform: none;
    left: auto;
    margin: 0;
}
*/

input[type=checkbox]:checked ~ #hamburger small{
    display: none;
}

.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    width: 26px;
    /*top: 35px;
    right: 25px;
    height: 22px;
    width: 22px;*/
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #000;
}

.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 5px;
}

.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}

.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 5px;
}

/*
input[type=checkbox]:checked ~ .sidebarIconToggle{
    top:45px;
    right: 20px;
    transform: none;
    left: auto;
    margin: 0;
}
*/


input[type=checkbox]:checked ~ #hamburger .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ #hamburger .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ #hamburger .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -7px;
}

ul#menu-istituzionale{
    padding-top: 0.2rem;
    margin-top: 2rem;
}

ul#menu-istituzionale li{
    list-style: none;
    padding: 0.2rem;
}

ul#menu-istituzionale li a{
    color:#6c757d;
    text-decoration: none;
}

ul#menu-istituzionale li a:hover,
ul#menu-istituzionale li.current-menu-item
{
    color: #C30A15;
}

/*commenti*/
.comment-author.vcard{
    padding: 12px 0;
}

.comment-metadata{
    font-size: 14px;
}

.comment-content{
    font-size: 18px;
}

.comment-body{
    margin-top: 16px;
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

    .overlay,
    .overlay div,
.overlay div table{
    min-width: auto !important;
}

    .wb{
        max-width: 50%;
        margin: 0 auto;
    }

    .gradiente{
        height: 200px;
    }

    #logo img{
        width: 85%;
        max-width: 85%;
        min-width: 85%;
        height: auto;
    }

    .p-leaderboard-desktop{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .leaderboard{
        width: 728px;
        max-width: 100%;
    }

    #mupwp-form-fields input{
        width: 55%;
    }

    #main-menu{
        padding-top: 32px;
        padding-right: 32px;
    }

    #hamburger{
        padding-top: 15px;
        z-index: 99;
    }

    body.leaderskin #hamburger{
        /*
        left: 50%;
        transform: translate(-50%, 0);
        width: 100px;
        margin-left: 460px;
        top:290px
        */
    }

}

/*social */
.fts-jal-fb-group-header-desc{
    display: none !important;
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  }

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {  }