/*
Theme Name:   Design Comuni Italia Child
Description:  Tema Child per Design Comuni Italia, il tema di WordPress per i siti dei Comuni Italiani. Rispetta le linee guida di design dell’Agenzia per l’Italia digitale rilasciate dal Team per la Trasformazione Digitale. Utilizza Bootstrap Italia.
Author:       Boxxapps
Template:     design-comuni-wordpress-theme
Version: 
License:      AGPL 3.0 or later
Text Domain:  design_comuni_italia
*/

/*------------------------------------------
            STILI EXTRA
--------------------------------------------*/

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}


.bx-shadow-sm {
  box-shadow: 0.1rem 0.20rem 0.15rem rgba(0,0,0,.090)!important;
}
.bx-border-light {
  border: solid 1px #eee!important;
}

.card-text p {
  font-size: 0.9rem !important;
  color: #191919 !important;
  
  /* Permette il ritorno a capo normale */
  white-space: normal !important; 
  
  /* Gestione delle parole lunghe (es. indirizzi o link) */
  overflow-wrap: anywhere; 
  word-wrap: break-word;
  
  /* Evita che le parole normali vengano spezzate a metà */
  word-break: normal;
  hyphens: none;
}

/* Applica la stessa logica ai link dentro i paragrafi */
.card-text p a {
  display: inline-block; /* Aiuta il wrapping nei link */
  max-width: 100%;       /* Impedisce al link di superare il genitore */
  overflow-wrap: anywhere;
}

ul.column-3 {
  column-count: 3;
  column-width: 200px;
}

.img-cover-h450 {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
}

.alert-gialla {
  background-color: #f8c22e!important;
}
.alert-arancione {
  background-color: #f8931c!important;
}
.alert-arancione a,
.alert-gialla a {
  color: #161616!important;
}
.alert-rossa {
  background-color: #b10707!important;
  color: #fff!important;
}
.alert-rossa a {
  color: #fff!important;
}
.alert-image {
  width: 64px;
  height: 64px;
}
.alert-image img {
  width: 56px;
  height: 56px;
}

.cmp-list-card-img-hr .img-fluid.img-responsive {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 991.8px) {
    .cmp-list-card-img-hr .img-fluid.img-responsive.rounded-top {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
        border-top-left-radius: unset !important;
        max-height: 160px;
    }
}
@media (min-width: 768px) {
    .cmp-list-card-img-hr .img-fluid.img-responsive {
        height: auto;
        max-height: 160px;
    }

}

.btn-outline-msg-white {
  color: white!important;
  border: solid 2px white!important;
}
.btn-outline-msg-white:hover {
  color: black!important;
  background-color: white!important;
}
.btn-outline-msg-black {
  color: black!important;
  border: solid 1px black!important;
}
.btn-outline-msg-black:hover {
  color: white!important;
  background-color: black!important;
}


/* --------------------------------------
    MODIFICHE AGLI STILI ORIGINALI 
tema child viene caricato dopo tema principale, per la regola cascading di css vinee considerato l'ultimo
-----------------------------------------*/

.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;    /**/
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
  user-select: none;   
}

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
  display: none;
}

/*positio e z-index evitano che l'elemento sotto si sovrapponga e impedisca di premere sui bottoni degli avvisi*/
.home-message.red,
.home-message.red .msg svg {
  background-color: #d1344c;
  color: #fff !important;
  fill: #fff !important;
  position: relative;
  z-index: 1000;
}
.home-message.purple,
.home-message.purple .msg svg {
  background-color: #b21dd0;
  color: #fff !important;
  fill: #fff !important;
  position: relative;
  z-index: 1000;
}
.home-message.green,
.home-message .msg svg {
  background-color: #0e8a5f;
  color: #fff !important;
  fill: #fff !important;
  position: relative;
  z-index: 1000;
}
.home-message.blue,
.home-message.blue .msg svg {
  background-color: #0d00ff;
  color: #fff !important;
  fill: #fff !important;
  position: relative;
  z-index: 1000;
}
.home-message.yellow,
.home-message.yellow .msg svg {
  background-color: #ffcc00;
  color: #333 !important;
  fill: #333 !important;
  position: relative;
  z-index: 1000;
}
.home-message.orange,
.home-message.orange .msg svg {
  background-color: #FF8000;
  color: #333 !important;
  fill: #333 !important;
  position: relative;
  z-index: 1000;
}