@font-face {
    font-family: 'avenirlight';
    src: url('../fonts/avenir-light/avenir-light-webfont.woff2') format('woff2'),
         url('../fonts/avenir-light/avenir-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenirblack';
    src: url('../fonts/avenir-black/avenir-black-webfont.woff2') format('woff2'),
         url('../fonts/avenir-black/avenir-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'avenirlight', serif;
	font-size:20px;
	line-height: 1.3;
}

strong, b {
	font-family: 'avenirblack', serif;
}



#sp-main-body {background-color:#f6e6d5;}

.article {
	color:#fff;
}


.article-list .article .article-header h1 a,
 .article-list .article .article-header h2 a, 
 .article-list .article .article-header h4 a {
	color: #fff;
	font-family: 'avenirblack', serif;
}

.article-details .article-header h1, .article-details .article-header h2, .article-details .article-header h4 {
	font-size: 2.25rem;
	font-family: 'avenirblack', serif;
}

.article-list .article {
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #f5f5f5;
	border-radius: 3px;
	background-color:#156a99;
}

.article-list .article .readmore a {
	color: #fff;
	font-weight: 500;
}

.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
	color: #d0762a;
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus, .article-list .article .article-header h4 a:hover, .article-list .article .article-header h4 a:active, .article-list .article .article-header h4 a:focus {
	color: #d0762a;
}


.article-details,
.article-details .article-header {
	color: #6c191b;
}

.article-details .article-ratings-social-share {
	padding: 1rem 0;
	border-top: 1px solid #6c191b;
	border-bottom: 1px solid #6c191b;
	margin-bottom: 1rem;
}

.article-social-share .social-share-icon ul li a {
	color: #6c191b;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
	background: #6c191b;
}


.page-header h1{
	font-family: 'avenirblack', serif;
	color:#6c191b;
	margin-bottom:3rem;
}


.accento {
	font-size:120%;
}
.accento.arancione {
	color:#d0762a;
}
.accento.verde {
	color:#2a5a4d;
}


.iban-text {
    word-break: break-all; 

    font-size: 1.1rem;
}



.sp-megamenu-parent > li > a.donazione {
	color: #FFF;
	background-color: #d0762a;
	text-transform: uppercase;
}
.sp-megamenu-parent > li:last-child > a.donazione {
	padding: 8px 15px;
	margin-left:15px;
}
.sp-megamenu-parent > li > a.donazione:hover, .sp-megamenu-parent > li.active > a.donazione, .sp-megamenu-parent > li.active:hover > a.donazione {
	color: #FFF;
	background-color: #f08521;
}
.sp-megamenu-parent > li {
	vertical-align: middle;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	display: inline-block;
	padding: 8px 15px;
	line-height: inherit;
	font-size: 18px;
	margin: 0;
	border-radius: 12px;
	color:#6c191b;

}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
	color: #2a5a4d;

}



.sp-menu-heading  {
	border-bottom: solid 1px #0d6754;
	font-family: 'avenirblack', serif;
	width: 100%;
	color:#0d6754;
	cursor:none;
}
.mod-menu__heading {
	border-bottom: solid 1px #0d6754;
	font-family: 'avenirblack', serif;
	width: 100%;
	color: #0d6754;
	cursor: none;
	font-size: 80%;
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
}


.sppb-carousel-extended-nav-control .nav-control {
	color: #6c191b;
	border: 1px solid #6c191b;

}

.osmap-items h2 {
	display:none;
}

#sp-footer, #sp-bottom {
	background: #156a99;
	color: #fff;
}

#sp-footer a, #sp-bottom a {
	color: #f6e6d5;
}



.btn-secondary,
.sppb-btn-secondary 
 {
    background-color: #d0762a !important; /* Esempio: viola */
    border-color: #d0762a !important;
    color: #ffffff !important;
}

/* 2. Stato Hover (quando passi il mouse) */
.btn-secondary:hover, 
.btn-secondary:focus,
.sppb-btn-secondary:hover, 
.sppb-btn-secondary:focus
  {
    background-color: #f08521 !important; /* Un viola più scuro */
    border-color: #f08521 !important;
    color: #ffffff !important;
}

/* 3. Stato Active (quando clicchi) */
.btn-secondary:active,
.sppb-btn-secondary:active {
    background-color: #f08521 !important;
    border-color: #f08521 !important;
}



@media (min-width: 768px) {
    body {
        line-height: 1.4;
		font-size:22px;
    }
}

/* DESKTOP: Da 1024px in su */
@media (min-width: 1024px) {
    body {
         line-height: 1.5;
    }
}