/**
 * CSS aggiuntivo del Comune di Palermo (portato dal Customizer di produzione).
 *
 * Migrando dal vecchio tema forkato 1.7.3 al nuovo stack (parent vanilla + kit
 * child + authority), il "CSS aggiuntivo" del Customizer e' andato perso: WordPress
 * lo salva nel DB legato al TEMA (wp_get_custom_css), quindi cambiando tema non
 * viene piu' stampato. Questo file lo reintegra verbatim, caricato site-wide, e
 * copre componenti custom presenti nei contenuti (accordion2 della pagina
 * Prenotazioni, callout, sitemap/pnrrmap, img-focus/img-diretta, colori brand,
 * header slim, scroll-to-top, ecc.).
 *
 * Fonte: <style id="wp-custom-css"> di https://www.comune.palermo.it (verbatim).
 * NB: l'ultimo @media era privo della graffa di chiusura nella sorgente originale
 * (il browser la chiudeva a </style>); qui e' chiusa esplicitamente, comportamento
 * identico.
 */
a {
    vertical-align: top;
}
.row-calendar .it-calendar-wrapper .card .card-text a:hover {
 text-decoration:none;
}
.row-calendar .it-calendar-wrapper .card .card-text img {
    width: 100%;
    height: 54px;
	  object-fit: cover;

}
a.card-bg-primary:hover{
filter: brightness(0.8); 
}
.img-fluid {
    width: 100%;
	  height:100%;
	  object-fit: cover;
	  max-height:550px;
}
.it-footer .logo-wrapper .ue-logo {
    max-width: 50%;
	  width:220px;
	  height:100%;
}
.callout {
    padding: 2.5rem 2.222rem;
    border: 2px solid #999;
    position: relative;
    max-width: 100%;
    margin: 1.75rem 0 1rem;
    border-radius: 8px;
	  overflow: visible;
}
.callout:not(.callout-highlight):not(.callout-more) .callout-title {
    position: absolute!important;
    font-size: 1rem;
    padding: 0 1.389rem;
    background: #fff;
    top: -0.78em;

}
.callout:not(.callout-highlight):not(.callout-more) .callout-title:before {
    width: 0rem;
}
.callout p {
    font-family: Lora,Georgia,serif;
    font-size: .9rem;
	  color:#191919;

}
.callout .callout-title .icon {
    fill: #191919;
}

ul.sitemap {
    list-style-type: none;
    padding-left: 20px;
}
ul.sitemap > li > a {
    font-weight: bold;
    text-decoration: none;

}
ul.sitemap ul.sub-menu > li > a {
    font-weight: normal;

	 text-decoration: none;
    padding-left: 10px;
}
ul.sitemap a.current_page_item {
    color: #000;
}
ul.sitemap ul.sub-menu {
    list-style-type: none;
    padding-left: 20px;
}
ul.sitemap > li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
ul.sitemap ul.sub-menu {
    display:  block;
}
ul.sitemap li:hover > ul.sub-menu {
    display: block;
}
ul.pnrrmap {
    list-style-type: none;
    padding-left: 0px;
}

ul.pnrrmap > li > a {
    font-weight: bold;
    text-decoration: none;
}
ul.pnrrmap ul.sub-menu > li > a {
    font-weight: normal;
    text-decoration: none;
    padding-left: 10px;	

}
ul.pnrrmap a.current_page_item {
    color: #000; 
}
ul.pnrrmap ul.sub-menu {
    list-style-type: none;
    padding-left: 20px;
	  padding-bottom: 10px;
	  padding-top: 8px;	

}
ul.pnrrmap > li {
    border-bottom: 0px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
ul.pnrrmap ul.sub-menu {
    display: block;
}
ul.pnrrmap li:hover > ul.sub-menu {
    display: block;
}

.pnrrcontent {
	margin-top:-25px!important;
}
.pnrrtitolo {
		  padding-top: 25px;
}
blockquote, .blockquote {
    border-left: 4px solid rgba(0, 122, 82, .1);
}
.squarelist ul {
    padding-left: 2.0rem;
	  padding-bottom: 1rem;
	  list-style-type: square;
}
.squarelist ol{
    padding-left: 1.8rem;
	  padding-bottom: 1rem;
	  list-style-type: decimal;
}
.squarelist li {
    margin-bottom: 8px;
}
.imgpage img {
    max-width: 100%; 
    height: auto;
}
/* Aggiungere stili per modificare il colore*/
a {
  color: #000;
}
a:hover {
    color: var(--bs-link-hover-color);
}
.it-header-slim-wrapper {
  background: #91081B;
}
.btn-primary:hover {
    background-color: #91081B;
    border-color: #91081B;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content .it-header-slim-right-zone button, .it-header-slim-wrapper .it-header-slim-wrapper-content .it-header-slim-right-zone .it-access-top-wrapper>a, .it-header-slim-wrapper .it-header-slim-wrapper-content .header-slim-right-zone button, .it-header-slim-wrapper .it-header-slim-wrapper-content .header-slim-right-zone .it-access-top-wrapper>a {
    background: #91081B;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content .it-header-slim-right-zone button:hover, .it-header-slim-wrapper .it-header-slim-wrapper-content .it-header-slim-right-zone .it-access-top-wrapper>a:hover, .it-header-slim-wrapper .it-header-slim-wrapper-content .header-slim-right-zone button:hover, .it-header-slim-wrapper .it-header-slim-wrapper-content .header-slim-right-zone .it-access-top-wrapper>a:hover {
    background: #AD011B;
}
.iconcolor {
    margin-left: 8px;
	  fill: #91081B;
	  width: 16px;
	  height: 16px;
	  flex-shrink: 0;
	}
#scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #91081B;
  color: #fff;
  padding: 6px;
  border-radius: 50%;
	border-style: solid;
	border-width: 2px;
  text-align: center;
  cursor: pointer;
  z-index: 1000;
  display: none;
}
.bg-primary {
  background-color: #BD0114!important;
}
.t-primary {
    color: #000;
}
.t-primary:hover {
    color: #91081B;
}
/* Stile dell'accordion prenotazioni */
.accordion2 {
  border-radius: 2px;
  overflow: hidden;
  background: #f5f5f5;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
}
.accordion2-item {
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.accordion2-header {
  background: #f0f0f0;
}
.accordion2-button {
  background: #f0f0f0;
	padding:20px!important;
  color: #333;
  font-weight: 600;
  padding: 15px;
  border: none;
  outline: none;
  box-shadow: none;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.3s ease;
}

.accordion2-button:hover {
  background: #e0e0e0;
	color:#000;
}

.accordion2-button:focus {
  box-shadow: none;
	color:#000;
}
.accordion2-button::after {
  content: "▶"!important; 
  font-size: 14px;
  margin-left: auto;
  transition: transform 0.3s ease;
}
.accordion2-button:not(.collapsed)::after {
  content: "▼"!important; 
  transform: rotate(0deg);
	color:#000;
}
.accordion2-body {
  padding: 15px;
  font-size: 16px;
  color: #444;
  background: #fafafa;
  border-left: 4px solid #bbb;
  transition: all 0.3s ease-in-out;
}
.accordion2-item:first-child .accordion2-button {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.accordion2-item:last-child .accordion2-body {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.accordion2-collapse {
  transition: height 0.3s ease-in-out;
	padding:0px!important
}
.img-diretta-container {
  width: 100%;
  aspect-ratio: 16 / 9; 
  overflow: hidden;
  position: relative;
}
.img-diretta {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-focus-container {
  width: 100%;
  aspect-ratio: 3 / 4; 
  overflow: hidden;
  position: relative;
}
.img-focus {
  width: 100%;
  height: 100%;
  object-fit: cover;
	max-height:425px;
}
@media (max-width: 765px) {	
.img-focus-container {
  width: 100%;
  aspect-ratio: none; 
}	
@media (max-width: 765px) {	
	.img-focus {
  width: 100%;
  height: 100%;
  object-fit: cover;
	max-height:none;}	
}
}

/* Bottone "Accedi all'area personale" nella barra in alto: in collaudo il testo è
   uscito blu sul rosso. Come in produzione: testo bianco in ogni stato, bordo bianco
   col focus. */
.it-header-slim-wrapper .asf-al-user-menu__login-btn,
.it-header-slim-wrapper .asf-al-user-menu__login-btn:hover,
.it-header-slim-wrapper .asf-al-user-menu__login-btn:focus,
.it-header-slim-wrapper .asf-al-user-menu__login-btn:active,
.it-header-slim-wrapper .asf-al-user-menu__login-btn span:not(.rounded-icon) {
  color: #fff;
}
.it-header-slim-wrapper .asf-al-user-menu__login-btn:focus,
.it-header-slim-wrapper .asf-al-user-menu__login-btn:active {
  border-color: #fff;
}