/*
Theme Name: Bollettino Salesiano
Author: Protocolli Creativi
Author URI: https://www.protocollicreativi.it/
Description: Creazione siti web, sviluppo e-commerce e realizzazione applicazioni web oriented, il know-how della tua attività in un prodotto digitale su misura per te.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0
Template: newspaperup

This is the child theme for Newspaperup theme, generated with Generate Child Theme plugin by catchthemes.
(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/*============================================
 ____   ____ ____ _____ 
|  _ \ / ___|  _ \_   _|
| |_) | |   | |_) || |  
|  __/| |___|  _ < | |  
|_|    \____|_| \_\|_|  
Protocolli Creativi 2025 

============================================*/

.custom-social-share {}
.social-btn:hover {box-shadow:0 1px 3px rgba(0,0,0,0.1);}
body.page .bs-card-box.wd-back table {font-family: "Outfit", sans-serif;}
body.page .bs-card-box.wd-back table strong {font-family: "Outfit", sans-serif; font-weight: 800; }
body.page .bs-card-box.wd-back {font-family: "Playfair Display", serif;}
body.page .bs-card-box.wd-back strong {font-family: "Playfair Display", serif;}
body.page .bs-card-box.page-entry-title {font-family: "Playfair Display", serif;}
body.page .entry-title {font-family: "Playfair Display", serif;}
body.single h1.title {font-family: "Playfair Display", serif;;}
body.single article {font-family: "Playfair Display", serif;}
body.single article strong {font-family: "Playfair Display", serif; font-weight: 700;}

#info-salesaiana .swiper-slide {background: #efefef;border-radius: 12px;padding: 20px;text-align:left;}
#info-salesaiana .swiper-slide a {color:#000;}
#info-salesaiana .swiper-slide a:hover {color: var(--pri-color);}


/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 10px;          /* larghezza verticale */
  height: 8px;          /* altezza orizzontale */
}

::-webkit-scrollbar-track {
  background: #f0f0f0;   /* colore dello sfondo della track */
}

::-webkit-scrollbar-thumb {
  background: #999;       /* colore della "maniglia" */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #666;       /* colore al passaggio */
}

/* Firefox */
* {
  scrollbar-width: thin;          /* thin | auto | none */
  scrollbar-color: #999 #f0f0f0;  /* thumb track */
}





.wpml-ls-legacy-list-horizontal {margin-top: -20px;}
.site-branding-text .site-title a {font-size: 2.4vw!important;}
.wpml-ls-current-language a {color:#000;}
body.dark .wpml-ls-current-language a {color:#fff;}
body.dark .swiper-ios .swiper-slide h4 {color:#000;}



.wpml-ls-legacy-list-horizontal .wpml-ls-flag {border-radius: 5px!important;}
.site-branding-text .site-title {
    font-size: 40px;
    word-break: break-word;
    font-weight: var(--Weightheading);
    line-height: 1.3;
    font-family: "Stardos Stencil", system-ui;
    letter-spacing: -0.036em;
}
.site-description {color:000;font-style: italic;}
.stardos-stencil-regular {
  font-family: "Stardos Stencil", system-ui;
  font-weight: 400;
  font-style: normal;
}

.stardos-stencil-bold {
  font-family: "Stardos Stencil", system-ui;
  font-weight: 700;
  font-style: normal;
}


body.dark table {color:#111}
button#open {text-align: right; }
.small-post.destra-cta {display: block;float: right;}
.archive-link {margin-right:26px;}
body.blog .mainfeatured.five {padding-top:25px;}
.riga-cta {padding: 30px 0px 30px 0px;}

.img-fluid-tre {
    max-width: 100%;
    height:auto;
}

.tags-nuovo span  {color:#fff }
.tags-nuovo span.titolo {background-color: #000;font-size: 14px;padding: 5px 15px 5px 15px;border-radius: 3px;}
.tags-nuovo span a {
    border: #ccc solid 1px;
    padding: 5px 15px 5px 15px;
    border-radius: 3px;
    text-decoration: none !important;
    font-size: 14px;
    color: #000;
}

.scritta-info {font-size:13px;font-weight: 400;font-style: normal;display: block; margin-top: 4px; }
/* Tabelle */
table.famiglia-salesiana h6 ins, table.famiglia-salesiana p a  {color:#007aff!important}
table.famiglia-salesiana p {font-size: 16px!important;line-height: 1.5!important; font-weight: normal!important; text-align: left;}
table.famiglia-salesiana th, table.famiglia-salesiana td {padding: 10px;}
table.famiglia-salesiana tr td:first-child, table.famiglia-salesiana tr th:first-child {width: 60px;}
table.famiglia-salesiana tr td:first-child p, table.famiglia-salesiana tr th:first-child p {text-align:center}
table.famiglia-salesiana tr td:nth-child(2) img,
table.famiglia-salesiana tr th:nth-child(2) img {margin:0 auto;vertical-align: middle;}
table.famiglia-salesiana tr td:nth-child(2),
table.famiglia-salesiana tr th:nth-child(2) {width:200px;}
table.famiglia-salesianatr td:nth-child(3),
table.famiglia-salesiana tr th:nth-child(3) {width:100px;}

table.bollettini h6 ins, table.bollettini p a,table.bollettini a {color:#007aff!important}
table.bollettini p {font-size: 16px!important;line-height: 1.5!important; font-weight: normal!important; text-align: left;}
table.bollettini th, table.bollettini td {padding: 10px;}
table.bollettini tr td:first-child, table.bollettini tr th:first-child {width: 60px;}
table.bollettini tr td:first-child p, table.bollettini tr th:first-child p {text-align:center!important}
table.bollettini tr td:nth-child(2),
table.bollettini tr th:nth-child(2) {width:80px;}
table.bollettini tr td:nth-child(3),
table.bollettini tr th:nth-child(3) {width:250px;}
table.bollettini tr td:nth-child(4),
table.bollettini tr th:nth-child(4) {width:250px;}
table.bollettini tr td:nth-child(5),
table.bollettini tr th:nth-child(5) {width:150px;}

table.cs-calendario-tabella tr td:first-child, 
table.cs-calendario-tabella tr th:first-child {width:90px; text-align: center;}
table.cs-calendario-tabella tr td:nth-child(2),
table.cs-calendario-tabella tr th:nth-child(2) {width:65px!important;}
table.cs-calendario-tabella tr td:nth-child(3),
table.cs-calendario-tabella tr th:nth-child(3) {width:100px;}
table.cs-calendario-tabella tr td:nth-child(4),
table.cs-calendario-tabella tr th:nth-child(4) {width:200px;}
table.cs-calendario-tabella tr td:nth-child(5),
table.cs-calendario-tabella tr th:nth-child(5) {width:200px;}


table.santita-salesiana th, table.santita-salesiana td {padding:8px 3px 8px 3px; font-size:14px;}
table.santita-salesiana thead tr th h4 {color:#007aff!important}
table.santita-salesiana thead tr th h4 ins {font-size:18px;}
table.santita-salesiana tr td:first-child, 
table.santita-salesiana tr th:first-child {width:60px; text-align:center;}
table.santita-salesiana tr td:nth-child(2),
table.santita-salesiana tr th:nth-child(2) {width:60px; text-align:center;}
table.santita-salesiana tr td:nth-child(3),
table.santita-salesiana tr th:nth-child(3) {width:60px; text-align:center;}
table.santita-salesiana tr td:nth-child(4),
table.santita-salesiana tr th:nth-child(4) {width:130px;}
table.santita-salesiana tr td:nth-child(5),
table.santita-salesiana tr th:nth-child(5) {width:130px;}
table.santita-salesiana tr td:nth-child(6),
table.santita-salesiana tr th:nth-child(6) {width:90px;}



/* Mobile Tabella */
@media (max-width: 1300px) {
	
.bs-blog-post.single, .bs-card-box.wd-back {overflow-x: scroll;}	
	
table.santita-salesiana tr td:first-child, 
table.santita-salesiana tr th:first-child,
table.santita-salesiana tr td:nth-child(2),
table.santita-salesiana tr th:nth-child(2),
table.santita-salesiana tr td:nth-child(3),
table.santita-salesiana tr th:nth-child(3),
table.santita-salesiana tr td:nth-child(4),
table.santita-salesiana tr th:nth-child(4),
table.santita-salesiana tr td:nth-child(5),
table.santita-salesiana tr th:nth-child(5) ,
table.santita-salesiana tr td:nth-child(6),
table.santita-salesiana tr th:nth-child(6),
	/*
table.cs-calendario-tabella tr td:nth-child(3),
table.cs-calendario-tabella tr th:nth-child(3),
table.cs-calendario-tabella tr td:nth-child(4),
table.cs-calendario-tabella tr th:nth-child(4),
table.cs-calendario-tabella tr td:nth-child(5),
table.cs-calendario-tabella tr th:nth-child(5),
	*/
table.famiglia-salesiana tr td:nth-child(2),
table.famiglia-salesiana tr th:nth-child(2),
table.famiglia-salesianatr td:nth-child(3),
table.famiglia-salesiana tr th:nth-child(3),	
table.bollettini tr td:nth-child(2),
table.bollettini tr th:nth-child(2),
table.bollettini tr td:nth-child(3),
table.bollettini tr th:nth-child(3),
table.bollettini tr td:nth-child(4),
table.bollettini tr th:nth-child(4),
table.bollettini tr td:nth-child(5),
table.bollettini tr th:nth-child(5) {width:auto;}

}


.cerca-sezioni {padding-top: 30px;}
.align-center {position: relative;}
.cs-calendario-tabella thead tr th {background:#666!important}
/* Pop Up */
.overlay-pop{position:fixed; top:0; left:0; width:100%;height:100%;background:rgba(0,0,0,0.6); display:flex;align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:opacity 0.3s ease; z-index: 9999;}
.overlay-pop.active{opacity:1; visibility:visible;}
.modal{background:#fff;padding:2rem; border-radius:8px; max-width:90%;box-shadow:0 10px 25px rgba(0,0,0,0.2); position:relative; animation:scaleIn 0.3s ease; }
 @keyframes scaleIn{from{transform:scale(0.8);opacity:0;}to{transform:scale(1);opacity:1;} }
.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem; line-height:1;cursor:pointer;color:#666;}
button#open {display: inline-block;padding: 0.75rem 1.5rem;font-size: 1.2rem;border: none;border-radius: 6px; background: transparent;color: #020202;cursor: pointer;position: absolute;width: auto;right: 0px;bottom: 0px;}
body.dark button#open {color:#fff;}
.bs-info-author-block .flex-grow-1 {width:100%;}

/*button#open svg {position: relative;top: 10px;left: 7px;}*/
button#open svg {
    position: absolute;
    top: 10px;
    right: 22px;
}
button#open {
    padding-right: 64px;
}



button#open:hover {text-decoration: underline;}

/* Menù Lingue */
#nav-menu-lingue ul.menu {display:block;}
#nav-menu-lingue ul.menu li {display:inline-block;margin: 0px 10px 0px 10px;}
#nav-menu-lingue ul.menu li a {color:#878787;}
#nav-menu-lingue ul.menu li a:hover  {color:#111;}
body.dark #nav-menu-lingue ul.menu li a:hover {color:#fff;}
.bs-blog-post.three .inner {margin-bottom:0px;}
p.reading-time {font-size:18px;color: #666;margin: 1em 0;display: block;}
p.reading-time  .rt-icon { margin-right: 5px;vertical-align: middle;}
.navbar-wp nav ul.sm-clean li a {font-size: 1.1rem;font-weight: 500;}
.bs-blog-post .title a:hover, .bs-blog-post .title a:focus, .bs-blog-post .title a:hover, .bs-blog-post .title a:focus {color:#ededed!important;}
.bs-blog-post.single .small.single p {font-size: 18px;line-height: 1.5;font-weight: normal;color: #313131;}
body.dark .bs-blog-post.single .small.single p {color:#fff;}
.right-nav .element {font-size: 23px;}
.site-logo {float: left; width: auto;}
:root {--pri-color:#008CDB!important;}
p.piccolo {font-size: 14px;}
.destra-txt {float: right;}
/* Header */
body.dark .bs-header-main .inner {background-color:transparent;}
.bs-header-main .inner {background-color:#e4f1fabd;}
.wpml-ls-legacy-list-horizontal {float: right;}
.featinner .col-lg-3 .small-post {display:inline-block;}
.featinner .col-lg-3 .small-post .small-post-content {float: right;width: 67%;}
.featinner .col-lg-3 .small-post .small-post .img-small-post {float: left;}
.bs-latest-news .bn_title {display:none!important}
.bs-header-main .col-md-4 {width:60.333333%;}
.site-branding-text{top:39px; position:relative; left:20px;}
.bs-blog-category a {font-size: 14px;padding: 8px 12px;line-height: 1;font-weight: normal;border-radius: 5px;}
.bs-blog-post .title {font-weight: 500;}
.bs-blog-meta span {font-weight: 400;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-weight: 500;}
.bs-widget-title .title { font-weight:400; background:transparent!important; color:#000!important; border:none; font-size:25px;}
body.dark .bs-widget-title .title { color:#fff!important;}
.bs-widget-title.one .title {padding: 9px 15px 15px 15px;border-radius: 0px;}
.bs-widget-title .title::before,.bs-widget-title .title span {display:none!important}
.bs-breadcrumb-section .overlay .breadcrumb {font-size: 15px;font-weight: normal;}
.bs-head-detail .top-date .day {font-size: 17px;font-weight: 500;}
.parolina-oggi  {width: 100%;background-color: #ededed;padding: 30px;border-radius: 8px;font-size: 19px;font-weight: 400;font-style: italic; margin: 83px 0px 73px 0px;}

/* Colori none Tag  Categoria */
.bs-blog-category.one a {color:#008CDB !important;background: transparent !important;border-color: none;border: 0;padding: 10px 0px 0px 0px;}
.bs-blog-post.back-img  .bs-blog-category.one {display:none!important}
.comments-link {display:none!important}
.switch {width: 70px;height: 29px;}
.switch .slider::before, .switch .slider::after { width: 23px;height: 23px;font-size: 17px;font-weight: 900;}

body.dark .accordion-content {background: transparent;}
body.dark .utente-card  {background: transparent;}
body.dark .accordion-content.open p {color:#fff;}
body.dark .accordion-header svg {fill: #000;}

#archivio-bs-anno {width:250px;border-radius:15px}
#archivio-bs-form {display: block !important;}
#archivio-bs-form .archivio-bs-filtro button {
     float: right;
    padding: 18px;
    font-size: 1rem;
    border-radius: 15px;
    position: relative;
    top: -66px;
    right: 10px;
}
    
/* Tabella */
/* Stile base della tabella */
table {width: 100%;table-layout: fixed; /* Forza l'adattamento */}
table {width: 100%; border-collapse: collapse;}
/* Intestazione */
th {background-color: #444;color:#007aff; padding:12px; text-align:left;}
/* Celle */
td {padding: 12px;border: 1px solid #ddd;}
/* Righe alternate */
tr:nth-child(even) {background-color: #f2f2f2;}
tr:nth-child(odd) {background-color: #e0e0e0;}
/* Responsive: trasforma la tabella in "card" su schermi piccoli */
/* ============================
   STILE CARD UTENTI
   ============================ */

/* ============================
   2 colonne fisse (desktop)
   ============================ */
.utenti-lista {
  display: grid;
  grid-template-columns: repeat(1, 1fr);  /* 2 colonne larghezza uguale */
  gap: 1rem;
  margin: 0;
  padding: 0;
}

/* Breakpoint mobile: 1 colonna */
@media (max-width: 600px) {
  .utenti-lista {
    grid-template-columns: 1fr;
  }
}

/* Card con ombra soft e bordi arrotondati */
.utente-card {
  align-items:left;
  text-align: left;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s ease-in-out, transform 0.15s ease-in-out;
}
.utente-card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

/* Avatar circolare con lieve ombra */
.utente-avatar {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 10%;
}


.utente-avatar img {
    width: 129px;
    height: auto;
    border-radius: 10%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.utente-info {float:right; width:85%;}
/* Nome utente */
.utente-info h2 {
  font-size: 1.25rem;
  margin:0rem 0 0.5rem;
  line-height: 1.3;
}

/* Bio: mantenere spaziatura ma testo più sobrio */
.utente-bio {
  font-size: 0.925rem;
  color: #4b5563;          /* grigio-700 */
  margin: 0 0 1rem;
}
.utente-bio p:last-child {
  margin-bottom: 0;
}

/* Conteggio articoli */
.utente-conteggio {
  font-size: 0.875rem;
  color: #6b7280;          /* grigio-600 */
  margin-bottom: 0.75rem;
}

/* Link “Vedi tutti gli articoli” */
.utente-link {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  background: #2563eb;     /* blu-600 */
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.15s;
}
.utente-link:hover,
.utente-link:focus {
  background: #1d4ed8;     /* blu-700 */
}

/* Migliore leggibilità su schermi piccoli */
@media (max-width: 480px) {
  .utente-card {
    padding: 1rem;
  }
  .utente-info h2 {
    font-size: 1.125rem;
  }
}  


/* Articoli per Categorie */
.cat-count {
  font-weight: 400;
  color: #6b7280;   /* grigio */
  margin-left: 0.25rem;
  font-size: 0.875rem;
}


.categorie-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    gap: 1rem;
}

/* Card elegante con ombra soft e angoli arrotondati */
.categoria-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s ease;
}
.categoria-card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Titolo categoria */
.categoria-title {
  margin: 0 0 1rem;
 font-size: 19px;
  line-height: 1.3;
}
.categoria-title a {
  text-decoration: none;
  color: inherit;
  border-bottom: 2px solid transparent;
}
.categoria-title a:hover {
  border-color: currentColor;
}

/* Lista post */
.categoria-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}
.categoria-post-item {
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.categoria-post-item a {
  text-decoration: none;
}
.categoria-post-item a:hover {
  text-decoration: underline;
}

/* Data articolo in grigio chiaro */
.post-date {
  color: #6b7280;          /* grigio Tailwind-ish */
  font-size: 0.875rem;
  margin-right: 0.25rem;
}



.cerca-sezioni {width:100%; max-width:1200px; margin:0 auto;}




/* Tag Articolo */
  /* Griglia fluida di chip/tag */
.tag-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
}

/* Card/chip con bordo arrotondato */
.tag-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;           /* pill shape */
  font-size: 0.875rem;
  line-height: 1.3;
  transition: background 0.2s;
}
.tag-card:hover {
  background: #e5e7eb;
}

/* Nome tag come link */
.tag-name {
  text-decoration: none;
  color: #111827;
  font-weight: 500; font-size: 15px;
}

/* Contatore articoli */
.tag-count {
  color: #6b7280;
  font-weight: 400;
  font-size: 0.8em;
}




/* Articoli più Visitati */
 .popvisit-wrapper {
  max-width:100%;
  margin: 0 auto 3rem;
  padding: 0 1rem;
}
.popvisit-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.popvisit-item {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  transition: box-shadow 0.2s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popvisit-item:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.popvisit-item a {
  text-decoration: none;
  color: #111827;
  font-weight: 500;
  transition: color 0.15s;
}
.popvisit-item a:hover { color: #2563eb; }
.popvisit-count {
  color: #6b7280;
  font-size: 0.875rem;
} 

/* Side Maps */
.sitemap-wrapper {
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0rem;
}
/* Card pagina principale */
.sitemap-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  transition: box-shadow 0.2s;
}
.sitemap-card:hover {box-shadow: 0 6px 18px rgba(0,0,0,0.08);}
/* Titolo pagina principale */
.sitemap-title {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  line-height: 1.3;
}
.sitemap-title a {
  text-decoration: none;
  color: #111827;
  border-bottom: 2px solid transparent;
  transition: border-color 0.15s;
}
.sitemap-title a:hover { border-color: currentColor; }

/* Sottopagine (livelli annidati) */
.sitemap-children {
  list-style: disc;
  margin: 0 0 0 1.25rem;
  padding: 0;
}
.sitemap-children > li {
  margin-bottom: 0.5rem;
}
.sitemap-children a {
  text-decoration: none;
  color: #2563eb;
  transition: color 0.15s;
}
.sitemap-children a:hover { color: #1d4ed8; }

/* Ulteriori livelli di profondità – riduce margine per evitare rientri eccessivi */
.sitemap-children ul { margin-left: 1rem; }


/* Ricerca Anno mese */
/* ============================
   Barra navigazione Anno
   ============================ */
.archive-nav {
  text-align: center;
  margin: 1.5rem 0;
  font-weight: 600;
  font-size: 1rem;
}
.archive-nav a {
  color: #2563eb;
  text-decoration: none;
  transition: color 0.15s;
}
.archive-nav a:hover { color: #1d4ed8; }

/* ============================
   Contenitore principale
   ============================ */
.archive-wrapper {
  max-width:100%;
  margin: 0 auto;
  padding: 0 1rem 2rem;
}

/* Titolo Anno */
.archive-year {
  margin: 3rem 0 1.5rem;
  font-size: 1.75rem;
  line-height: 1.3;
  border-bottom: 3px solid #e5e7eb;
  padding-bottom: 0.35rem;
}

/* Titolo Mese */
.archive-month {
  margin: 2rem 0 1rem;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #374151;          /* grigio‑700 */
}

/* Lista post */
.archive-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}
.archive-item {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  transition: box-shadow 0.2s;
}
.archive-item:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.archive-item a {
  text-decoration: none;
  color: #111827;
  font-weight: 500;
  transition: color 0.15s;
}
.archive-item a:hover { color: #2563eb; }  


/* Alfabetico */
/* ============================
   Barra di navigazione A / B / C
   ============================ */
.alphabet-nav {
  text-align: center;
  margin: 1.5rem 0;
  font-weight: 600;
  font-size: 1rem;
}
.alphabet-nav a {
  color: #2563eb;
  text-decoration: none;
  transition: color 0.15s;
}
.alphabet-nav a:hover { color: #1d4ed8; }
.alphabet-nav .disabled { color: #9ca3af; }

/* ============================
   Lista alfabetica
   ============================ */
.alpha-wrapper {
  max-width:100%;
  margin: 0 auto;
  padding: 0 1rem 2rem;
}

.alpha-heading {
  margin: 2rem 0 1rem;
  font-size: 1.5rem;
  line-height: 1.3;
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 0.25rem;
}

/* Card singola */
.alpha-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}
.alpha-item {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  transition: box-shadow 0.2s;
}
.alpha-item:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.alpha-item a {
  text-decoration: none;
  color: #111827;
  font-weight: 500;
  transition: color 0.15s;
}
.alpha-item a:hover { color: #2563eb; }









/* Accordion */
 .accordion {max-width:1200px;margin: 20px auto;border-radius:20px;}
.accordion-header span {color: #2D2D2D;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal; display:block;}
.accordion-header {background: #EDEDED;cursor: pointer;padding: 20px 20px;display: flex;justify-content: space-between;align-items: center;user-select: none;margin-bottom: 20px;min-height: 70px;border-radius: 12px;}
.accordion-header:hover {background: #eee;}
.accordion-header svg {transition: transform 0.3s ease;}
.accordion-header.active svg {transform: rotate(90deg);}
.accordion-content { max-height: 0; overflow: hidden;padding: 0 20px;transition: max-height 0.3s ease, padding 0.3s ease;background: #fff; }
.accordion-content.open { padding:0px 20px; margin-bottom:20px; }
.accordion-content.open p { line-height: normal;color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
body.dark .parolina-oggi {color:#000}
.parolina-oggi {margin: 13px 0px 73px 0px; text-indent: 49px;}
h4.entry-title.title a:hover {color:#008CDB!important}
body img.nero {display:none;}
body.dark img.bianco {display:none;}
body.dark img.nero {display:block;}
body.dark footer {background-color:#1a1a1a;}
body.dark footer a {color: #fff;}
body.dark footer a:hover {color:#ededed;}
body.dark .site-title-footer a, 
body.dark .site-description-footer, 
body.dark p.site-title-footer a{ color: #fff!important;}	
footer { background-color:#ededed;padding: 80px 0 80px;font-size: 15px;line-height: 27px;border-top:#c2c2c2 solid 1px; margin-top:50px;}
footer a { color: #555555;text-decoration: none;}
footer a:hover {color: #111;text-decoration: underline;}
.footer-title {font-weight: bold; margin-bottom: 15px;}
.footer-bottom {border-top: 1px solid #c2c2c2;padding-top: 20px; margin-top: 20px;}
.social-icons a {color: #ccc;margin-right: 10px; font-size: 18px;}
.per-menu ul {margin:0px; padding: 0px;}
.footer-title {font-weight: 500;margin-bottom: 31px;font-size: 18px;border-bottom: #c2c2c2 solid 1px; padding-bottom: 19px;}	
.site-title-footer a, 
.site-description-footer, 
p.site-title-footer a{ color: #0d0d0d!important;font-size: 27px;}	
p.site-description-footer  {font-size:14px!important;}
.bs-blog-post.single .small.single p, .bs-card-box.wd-back p {font-size: 19px;line-height: 1.6; text-align: justify;}

/* Impostazioni mobile */

@media screen and (max-width:1440px) {
	.site-branding-text .site-title a {font-size: 3vw !important;}	
	
}	

@media screen and (max-width:1380px) {
.site-branding-text .site-title a {font-size:2.6vw !important;}	
}

@media screen and (max-width:990px) {
.d-none {display:block!important;}
}

@media screen and (max-width:1000px) {
table, thead, tbody, th, td, tr {display: block;}
thead {display: none; /* Nasconde l'intestazione */}
tr { margin-bottom: 15px;border: 1px solid #ccc;padding: 10px;background-color: #fff;}
td {position: relative;padding-left: 50%;text-align: left; border: none; border-bottom: 1px solid #eee;}
td::before {position: absolute;left: 10px;top: 12px;width: 45%;white-space: nowrap;font-weight: bold;color: #555;content: attr(data-label); /* Usa l'attributo data-label */}
table.santita-salesiana th,
table.santita-salesiana td {padding: 8px 3px 8px 3px;font-size: 16px;}
table.santita-salesiana tr th:first-child ,
table.santita-salesiana tr td:nth-child(2),
table.santita-salesiana tr th:nth-child(2),
table.santita-salesiana tr td:nth-child(3),
table.santita-salesiana tr th:nth-child(3),
table.cs-calendario-tabella tr td:first-child, 
table.cs-calendario-tabella tr th:first-child {text-align:left;}	
	
	
	
}


@media screen and (max-width: 768px) {
.wpml-ls-legacy-list-horizontal>ul {width: 740px;}	
    .wpml-ls-legacy-list-horizontal {
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
        margin-bottom: 60px;
        margin-top: 0px;
    }
.navbar-wp nav ul.sm-clean li a {font-size: 1.5rem;}
#archivio-bs-anno {width: 190px;}	
#archivio-bs-form .archivio-bs-filtro button {top: -56px; right:0px;}
.footer-img { width: 80px;margin-left: -10px;margin-bottom: 30px;}
.destra-txt {float:left;}	
.textwidget h3 {font-size:19px;}
.textwidget .parolina-oggi {font-size:16px;text-indent: 0px;}	
.bs-widget-title .title {white-space: normal;}	
.bs-widget-title .title {font-size: 22px;}	
	
.container {width: 100%;padding-right:15px; padding-left:15px}
.bs-header-main .inner {padding: 0px 0;}	
h1, .h1 {font-size: 24px;}	
.page-entry-title {margin-bottom:0px;}
button#open {bottom: 9px;}
.page-entry-title:has(.entry-title.title) {padding: 0px 0px 20px 0px;}
.bs-blog-post.single .small.single p, .bs-card-box.wd-back p {font-size:16px;line-height: 1.6!important;}
#content iframe {height: 300px;}	
.padding-40 {padding:13px;}	
.utente-info {width: 100%;height: 124px; overflow-y: scroll;margin-bottom: 10px;margin-top: 10px;}
.post-date {font-size: 15px;}	
.accordion-content.open { padding: 0px;}	
.tag-name {font-size: 16px;}	
.tag-count {font-size: 14px;}	
h4, .h4 {font-size: 20px;}	
p.site-description-footer {font-size: 14px !important;margin-top: -21px;}
.bs-breadcrumb-section .overlay .breadcrumb {font-size: 12px;}	
.bs-blog-meta span {display: block;}
footer {padding: 35px 0 28px;font-size: 15px;line-height: 27px;margin-top: 0px;}
.wd-back {margin-bottom: 25px;}
	
/* Fine */
}

@media (max-width: 575px) {
    .bs-blog-post.single .bs-header .title {
        font-size: 25px;
    }
}

@media (max-width: 575px) {
	
	table.cs-calendario-tabella tr td, 
	table.cs-calendario-tabella tr td:first-child,
	table.cs-calendario-tabella tr td:nth-child(2), table.cs-calendario-tabella tr th:nth-child(2)  {width:100%!important}
	
	
	
.logo {margin-top: 14px;}	
.site-branding-text .site-title a { font-size: 21px !important;margin-bottom: 0px;display: inline-block; }
.site-branding-text {top: 0px; position: relative;left: -8px;}	
.site-branding-text p {margin: 0px;}
.site-branding-text p.site-description {margin-left: -23px;display: inline-block;margin-top:0px; position: relative; top:-8px; }
/*
.site-branding-text .site-title a {font-size: 21px !important;position: absolute; width: 100%;left: -11px;top: -13px;}
.site-title a, .site-description {position: absolute;top: 12px; left: 72px;}
*/
	
/* fine */	
}
/* Sempre primo, qualunque viewport */
.order-first {order: -1 !important;}
/* Primo solo da “lg” in su (≥ 992 px) */
@media (min-width: 992px) {.order-lg-first {order: -1 !important;}}