:root{
    --bs-link-color: #d80076;
    --bs-link-color-rgb: rgb(216, 0, 118);
    --bs-primary-rgb: 216, 0, 118;
    --bs-secondary-rgb: 241, 147, 118;
}
body{ background: #f2f2f2;}
hr{ opacity: 1}
header.sticky{ background-color: #000}
header.sticky:after{ content: ''; display: block; position: absolute; bottom: -15px; left: 0; width: 100%; background: transparent url(../images/bg-brush-head.svg) repeat-x ; height: 15px}
header.sticky .logo{ height: 80px; width: 80px }
header.sticky .top-menu{ display: none }
.feture_sec{ padding-bottom: 0}
.label-dona{ margin-right: 5px}

/*Megamenu*/
.common_modal.megamenu .box-article h3{ font-size: 1.2rem}
.common_modal.megamenu .box-article p{ font-size: 13px}
.common_modal.megamenu ul li:last-child{ margin-bottom: 20px}

.book_sec{ margin-top: 80px}
.book_info h2{ line-height: 1.1em; margin-bottom: 10px}

.hero_cap h1{ padding-left: 10px; padding-right: 10px}

/*Infografica*/
.infografica{ height: 100%; justify-content: center; max-width: 650px}

.box-article .hero_btn{ padding: 12px 25px; font-size: 14px}

.title_sec{ background: #000; padding-top: 250px; position: relative}
.title_sec:before{ content:""; width:100%; height:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.91) 1%,rgba(0,0,0,0.88) 7%,rgba(0,0,0,0.75) 24%,rgba(0,0,0,0.62) 37%,rgba(0,0,0,0.18) 76%,rgba(0,0,0,0.09) 86%,rgba(0,0,0,0) 100%); position:absolute; top:0; left:0;}

.title_sec .title-container .container:not(.no-mw){ max-width: 900px; z-index: 2; position: relative}
.title_sec .title-container{ background: #f2f2f2; position: relative; padding-top: 50px}
.title_sec .title-container:before{ content:""; width:100%; height:98px; position:absolute; left:0; top:-40px; background:url(../images/article_curve_top.png) no-repeat center center; background-size:100% 100%;}
.title_sec h1{padding:10px 0 10px 0; margin:0 0 0px 0; font-size:57px; color:#231f20; font-weight:800; border-bottom:0px solid #000000;
}
.title_sec .accordion-item, .accordion-button{ background: none}
.title_sec .btns.bdr{ min-width: 0; padding-left: 15px; padding-right: 15px}
.title_sec .label{ font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; padding-bottom: 2px}
.title_sec .title-container p{ max-width: 600px}

.article_sec{ background: #f2f2f2; padding-top: 0px; padding-bottom: 50px;}
.article_sec p a, .article_sec p a:visited{ color: #ec135a}
.article_sec .container{ max-width: 900px}
.article_sec p, .article_sec li{ font-size: 20px; line-height: 1.5em; margin: 0; padding-bottom: 0.5em; font-weight: 400; position: relative}
.article_sec li{ padding-bottom:1em}
.article_sec p a{ text-decoration: underline}
.article_sec ul li{ list-style: disc}
.article_sec ol li{ list-style:decimal}
.article_sec ol li::marker{ font-weight: 700}
.article_sec h2{ font-weight: 800; margin-top: 0.5em; margin-bottom: 0.5em; position: relative}
.article_sec h2 span{ display: inline-block; line-height: 1.2em}
.article_sec h3{font-weight: 800; font-size: 1.5rem}

.article_sec blockquote{ margin: 20px 0; padding: 0 0 0 100px; max-width: 760px; text-align: left; position: relative; font-size: 29px; line-height: 37px}
.article_sec blockquote::before{ content: ""; position: absolute; top: 10px; left:0; background: url(../images/slider_quote.png) center center no-repeat; background-size: cover; width: 72px; height: 57px;}
.article_sec blockquote p{ margin: 0 0 25px; padding: 0; font-size: 29px; line-height: 37px; font-weight: 600; color: #231f20;}
.article_sec  .author, .article_sec figcaption, .article_sec blockquote footer, .article_sec blockquote small{ margin: 0; margin-top: 10px; padding: 0; font-size: 22px; color: #231f20; font-weight: 600; display: block}
.article_sec  .author strong{ font-weight: 800;}

.categoria a:hover{color: var(--dark)}

ul.link-list{ padding-left: 0; margin-bottom: 0; list-style: none; margin-top: 50px}
ul.link-list li{ clear: both; list-style: none; font-size: 25px}
ul.link-list a{ color: var(--purple)}
ul.link-list li a i{ float: left; font-size: 50px; display: block; margin-bottom: 40px; margin-bottom: 0; margin-right: 15px; color: var(--dark); width: 1.1em}
.file-kb{ font-size: 0.6em; padding-top: 5px; display: block; line-height: 1em}
.file-name{ overflow: hidden; display: block; line-height: 1.05em; padding-top: 5px; font-weight: 800}

.summary_info ul.link-list li{ margin-bottom: 1em}

/*Lista bilancio*/
ul.link-list.pubblicazioni{ display: flex; flex-wrap: wrap; flex-direction: row}
ul.link-list.pubblicazioni li{ width: 33.3%}
ul.link-list.pubblicazioni li a{ display: flex; flex-direction: column; align-items: center; text-align: center}
ul.link-list.pubblicazioni .file-name{ font-size: 20px}
ul.link-list.pubblicazioni .cover{ width: 100%; max-width: 150px; max-height: 200px; margin-bottom: 10px; margin-left: auto; margin-right: auto}

/*Timeline article content*/
.article_sec .timeline{ position:relative}
.article_sec .timeline:before{ content:''; position:absolute; left:17px; top:0.3em; bottom:0; width:1px; background:#fff; display:block; border-left:3px dotted #e4126f; opacity:0.5}

.article_sec .timeline h2{ position:relative; padding-top:0; padding-left: 57px; margin-top:0.5em;  font-size:3em; margin-bottom: 10px;}
.article_sec .timeline h2:before{ content:'\f111'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0.3em; display:inline-block; color:  #e4126f }
.article_sec .timeline p{ padding-left: 57px}
.timeline .gallery{ margin-top:0px}
.timeline .gallery li{ width:80px}

/*PAGINA CAMPO*/
.caratteristiche{margin: 30px 0; max-width: 800px}
.caratteristiche .list-group, .caratteristiche  .list-group-item{ background: none}
.caratteristiche  .list-group-item i{ color: var(--purple)}
.faq_sec{ background: #fff}

.exp_sec .global_title span{ background-color: #f2f2f2}

.review_sec{ padding: 80px 0 80px 0}
.review-list{ max-width: 1000px}
.review-list .row{ margin-bottom: 80px}

.footer_sec{ margin-top: 150px}
body.dark .footer_sec{ margin-top: 40px}
button.btn{ border-radius: 0; background: #ec135b; color: #fff; font-weight: 800}
.form-control-lg{ border-radius: 0; border: none}
ul.party_list{ column-count: 1}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection{ border-radius: 0; border:0; box-shadow: none !important}
.select2-container--bootstrap-5 .select2-selection{ border: 0 !important; border-radius: 0 !important}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{ font-size: 14px !important}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){ background-color: var(--dark)}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search{}
.select2-container--bootstrap-5 .select2-dropdown{ border: 0; box-shadow: 0 0 5px rgba(0,0,0,0.2)}
/*FORM CAMPO*/
.logo-container{ display: flex; flex-direction: row; align-items: center; justify-content: center}
.logo-container a{ display: inline-block; padding: 0 2px}
.logo-container a img{ max-height: 98px}
.summary_info .box-article{ background: #fff; margin-bottom: 40px; padding: 20px; box-shadow: 5px 5px 0px #000}
.summary_info .global_title span{ background-color: var(--yellow)}
.summary_info #form_campi_dati .input-group{ align-items: center; justify-content: space-between}
.summary_info #form_campi_dati .form_block { padding-bottom: var(--bs-gutter-y); border-bottom: 2px dotted #000 }

/*FIltri ricerca*/
#map{ z-index: 20; margin-top: 10px}
.title-container .accordion-item { position: relative}
#flush-collapseOne .accordion-body{ position: absolute; z-index: 200; width: 100%; background: #f1f1f1; padding: 10px; padding-bottom: 15px; box-shadow: 0 20px 20px rgba(0,0,0,0.1)}

#div_risultati .alert-info{ background: transparent; border: 0; text-align: center; font-size: 1.5em; color: #666}
#div_risultati .box-article p{ margin-bottom: 0}

/*Mappa*/
.marker_content{ font-family:'Montserrat', sans-serif; overflow: hidden }
.marker_content h3{ background: none; color:var(--dark); padding-bottom: 0px}
.marker_content .icone{ float: right; display: flex; flex-direction: column; background: none; border-left: 2px solid transparent; font-size: 18px}
.marker_content .testo{ font-size: 14px; line-height: 1.3em}
.marker_content .icone a{ color: var(--dark)}
.marker_content .icone a:hover{ color: var(--purple)}
.leaflet-container a.leaflet-popup-close-button{ color: var(--dark); font-size: 25px; width: 30px; height: 30px; line-height: 25px}
.leaflet-popup-content{ margin: 13px 19px 13px 10px}

/*Tag list ricerca*/
.list_sec{ position: relative}
.tags_list{ width:100%; float:left; margin:0; padding:0; position: absolute; top: -50px}
.tags_list li{ float:left; margin:0 10px 5px 0; padding:0;}
.tags_list li a.tutti{ background-color: var(--dark); color: #fff; border-color: var(--dark)}
.tags_list li a{ padding:8px 17px; font-size:14.76px; font-weight:700; border: 1px solid #ccc; border-radius:50px; display:block; color:#313131;}
.tags_list li a:hover{ background-color: var(--purple); color:#fff;}


/*gallery nell article*/

.gallery h1{ text-align:center; font-size:1.1em; padding:0.5em 10px 0.5em 10px; overflow:hidden; text-transform:uppercase; font-weight:100}
.gallery { width:100%; margin:20px 0 20px 0px}
.gallery  ul{ padding:1em 0px; margin:0; list-style:none;text-align:left !important; }
.gallery  li{ width:150px;  padding:0 0 0px 0; height:auto;text-align:center !important; display:inline-block; vertical-align:middle; box-sizing:border-box; border:0px solid #fff; margin:0 10px 10px 0}
.gallery  li a{ display:block; padding:0 2px; vertical-align:middle; position:relative; 
-webkit-transition: all 100ms ease-in-out;  
    -moz-transition: all 100ms ease-in-out;  
    -o-transition: all 100ms ease-in-out;  
    -ms-transition: all 100ms ease-in-out;  
    transition: all 100ms ease-out;}

.gallery  li a:hover{margin-top:-0px;box-shadow:0px 0px 5px rgba(0,0,0,0.1);}
.gallery  li a:hover img{  }
.gallery  li.active a{ }
.gallery  li img{ max-width:200px; width:100%; max-height:150px; border:0; display:block; border:0px solid #fff;}
.gallery  li a:before{ content:''; display:block; background:#093; position:absolute;top:0%; left:0%; z-index:3; margin:0;}

.art_img_full{ width: 100%; margin-bottom: 30px}
.art_img_left{ width: 400px; float: left; margin-right: 30px}
.art_img_right{ width: 400px; float: right; margin-left: 30px}
.art_img_right figcaption, .art_img_left figcaption, .art_img figcaption{ margin-top: 15px; margin-bottom: 20px}

/*Video nell'articolo*/
.article_sec .video-box, .video-box{ position:relative;margin:1em auto; width:100%; padding:20px 0; box-sizing:border-box;clear:both}
.article_sec .dida, .video-box .dida, .gallery .dida{ display:block; padding:15px 0 10px 0; font-size:14px; line-height:1.4em; color:#999999;font-family: 'Montserrat', sans-serif; font-style:normal}
.article_sec .video-box .dida{ max-width:600px; max-width:none }
.article-video{position: relative; max-width:900px; margin:0 auto }
.article_sec iframe {
	width:100%; height:66%; display:block
}
.article_sec iframe{ width:100%; height:36em}

/*Sezione donation*/
section.donation{ padding-top: 60px}

/*Slider paper strap*/
.paper-strap .detail h2{ line-height: 1em}
.paper-strap .detail ul li{ display: inline-block; margin-right: 5px}
.paper-strap .detail ul li a{ display: block; padding: 5px 10px; background-color: var(--dark); color: #fff}
.paper-strap .detail ul li a:hover{ background-color: var(--purple)}
@media (max-width: 991px) {
    .art_img_left, .art_img_right{ width: 50%}
    /*Lista bilancio*/
    ul.link-list.pubblicazioni li{ width: 50%}
    .tags_list{ position: relative; top: auto}
    .tags_list li a{ font-size: 11px}
    #div_risultati .box-article{ margin-bottom: 20px}
}
@media (max-width: 767px) {
    .title_sec{ padding-top: 180px }
    .title_sec .title-container:before{ height: 40px }
    .title_sec h1{ font-size: 40px}
    .article_sec .timeline h2{padding-top:0; padding-left: 37px; margin-top:0.5em;  font-size:2em; margin-bottom: 10px;}
    .article_sec .timeline h2:before{  font-size:24px;  }
    .article_sec .timeline p{ padding-left: 37px}
    .article_sec iframe{ height:20em}
    
}
@media (max-width: 639px){
    header.sticky .top-menu{ display: block }
    header.sticky .logo{ width: 60px; height: 60px}
    .common_modal.megamenu li{ width: 100%}
    .exp_sec .details{ margin-bottom: 2.5em}
    .review_sec{ padding: 40px 0 80px 0}
    .exp_sec h2{ line-height: 1.2em}
    .article_sec h2{ font-size: 23px}
    .article_sec p, .article_sec li{ font-size: 17px}
    .article_sec h3{ font-size: 20px}
    .title_sec{ padding-top: 150px}
    .title_sec .title-container{ padding-top: 5px}
    .title_sec .title-container:before{ background-size: cover}
    
    .article_sec blockquote{ padding-left: 60px; font-size: 18px; line-height: 1.3em; }
    .article_sec blockquote::before{ width: 50px; background-size: contain; background-position: top left}
    .article_sec blockquote p{ font-size: 18px; line-height: 1.3em; margin-bottom: 0.5em}
    .article_sec .author, .article_sec figcaption, .article_sec blockquote footer, .article_sec blockquote small{ font-size: 16px}
    
    ul.link-list li a i{ font-size: 40px}
    ul.link-list li{ font-size: 18px}
    
    .art_img_left, .art_img_right{ width: 50%}
    
    section.donation{ padding-top: 40px}
    
    /*Lista bilancio*/
    ul.link-list.pubblicazioni{ display: flex; flex-wrap: wrap; flex-direction: row}
    ul.link-list.pubblicazioni .cover{ max-width: 100px; max-height: 150px; margin-right: 10px; margin-left: 0}
    ul.link-list.pubblicazioni li{ width: 100%; display: flex; align-items: center }
    ul.link-list.pubblicazioni li a{ flex-direction: column; text-align: left; align-items: flex-start}

}