/*!
Theme Name: Design Comuni Italia
Author:
Description: Design Comuni Italia è il tema in OpenCms (non 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.
Version: 2.3.2
License: AGPL 3.0 or later
Text Domain: design_comuni_italia
*/
:root{--bootstrap-italia-version:"2.0.2"}

.it-page-section p{
	font-family: inherit;
}
.mb-1rem{
	margin-bottom: 1rem!important;
}

.mt-0px
{
	margin-top:0px!important;
}

.cmp-info-progress .step-active .add-border-bottom{
	border-bottom: 8px solid #007a52;    
	background-color:#007a52;
	color:#fff!important;
}
.cmp-info-progress .step-active .add-border-bottom h3.card-title {
	color:#fff!important;
}
.cmp-info-progress .step-active .add-border-bottom h3.card-title:hover
{
	text-decoration:underline;
	color:#fff!important;     
}
.padding-8px
{
	padding:8px;
}
.margin-bottom-10px
{
	margin-bottom:10px;
}

.separator{
	display: inline-block;
	font-weight: 600;
	padding: 0 0.5em;

}

.content-box {
	display: none;
}

.noContent {
	color: #000 !important;
	background-color: transparent !important;
	pointer-events: none;
}

.w-100 {
	width:100%;
}

.w-50 {
	width:50%;
}

.oc-editable {
	display: none !important;
}

.oc-editable-end {
	display: none !important;
}

.oc-collector-info {
	display: none !important;
}


.float-left
{
	float:left!important;
}
.float-right
{
	float:right!important;
}

.display-contents
{

	display:contents!important;

}
.display-inline-grid
{

	display:inline-grid!important;

}



/** CODICE AGGIUNTIVO PER IL TEMA **/

/* avvisi homepage */
.home-message .msg {
	font-size: 1rem !important;
	font-weight:bold;
	line-height: 1.5 !important;
	text-align:center;
	padding: 0;
	margin: 0;
}
.home-message .btn-outline-black {
	color: #333;
	background-color: transparent;
	background-image: none;
	box-shadow: inset 0 0 0 1px #333;
}
.home-message .btn-outline-black:hover {
	color: #fff;
	background-color: #333;
	box-shadow: inset 0 0 0 1px #333;
}
.home-message .btn-outline-black:focus,
.home-message .btn-outline-black.focus {
	box-shadow: inset 0 0 0 1px #17324d, 0 0 0 0.2rem rgba(23, 50, 77, 0.5);
}
.home-message .btn-outline-black.disabled,
.home-message .btn-outline-black:disabled {
	color: #17324d;
	background-color: transparent;
}
.home-message .btn-outline-black:not(:disabled):not(.disabled):active,
.home-message .btn-outline-black:not(:disabled):not(.disabled).active,
.show > .btn-outline-black.dropdown-toggle {
	color: #17324d;
	background-color: transparent;
	background-image: none;
	box-shadow: inset 0 0 0 1px #17324d;
}
.home-message .btn-outline-black:not(:disabled):not(.disabled):active:focus,
.home-message .btn-outline-black:not(:disabled):not(.disabled).active:focus,
.home-message .show > .btn-outline-black.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125),
		0 0 0 0.2rem rgba(23, 50, 77, 0.5);
}
.home-message .msg svg {
	height: 1.5em;
	width: 1.5em;
	margin-right: 10px;
	display: inline-block;
}
.home-message.red,
.home-message.red .msg svg {
	background-color: #a71d26;
	color: #fff !important;
	fill: #fff !important;
}
.home-message.purple,
.home-message.purple .msg svg {
	background-color: #b21dd0;
	color: #fff !important;
	fill: #fff !important;
}
.home-message.green,
.home-message .msg svg {
	background-color: #009e50;
	color: #fff !important;
	fill: #fff !important;
}
.home-message.blue,
.home-message.blue .msg svg {
	background-color: #0052bc;
	color: #fff !important;
	fill: #fff !important;
}
.home-message.yellow,
.home-message.yellow .msg svg {
	background-color: #ffe819;
	color: #333 !important;
	fill: #333 !important;
}
.home-message.orange,
.home-message.orange .msg svg {
	background-color: #ffa500;
	color: #333 !important;
	fill: #333 !important;
}

.home-message .testo-notifica{
	font-size: 1rem !important;
	font-weight: bold;
	line-height: 1.5 !important;
	text-align: center;
	padding: 0;
	margin: 0;
	color: white;
	font-size: 15px!important;
}

.navbar .close-div .close-menu .icon {
	fill: var(--bs-link-color);
}

.rifiuti-icon{
	font-size:xxx-large;
}

.sezioni-in-evidenza{
	justify-content: flex-start!important;
}

.card-interacartella{
	word-break: break-all;
	overflow: hidden;
}

.modal-title {
	padding: 24px 24px 0;
}

.chip-height {
	min-height: 48px;
}
.autocomplete-icon {
	position: absolute;
	right: 0;
	top: .5rem;
	padding: 0 8px;
	background-color: inherit;
}

.inherit-icon {
	background-color: inherit!important;
}

.table-border-up{
	border-top: 1px outset #ccc;
}

.w-40 {
	max-width: 40%;
	position: absolute;
	left: 30%;
}

.pix-0{
	padding-left: 0px!important;
}





.immagine-centrale figure,image
{
	display: flex;
	justify-content: center;
}

.it-timeline-wrapper .col-12:nth-child(odd) .it-now-label {
	transform: translateX(100%);
	display: flex;
	align-items: center;
	right: 0;
}


.align-self-center
{
	align-self: center!important;

}

.immagine-centrale
{    right: 0;
	height: auto;
	width: auto;
	vertical-align: middle;
	margin: auto;
	bottom: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
}


.immagine-centrale img {
	height:auto!important;
}


/*Colore testata superiore*/
.it-header-slim-wrapper{
	background: #000000;
}


/*Background Titolo e sottotitolo*/
.it-header-center-wrapper{
	background: #fff;
}
/*Colore Titolo e sottotitolo*/
.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a{
	color: #000000;
}

/*Seguici su e cerca (Testo)*/
.it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone{
	color: #000000;
}

/*Icone*/
.icon-white{
	fill:#000000!important;
}

/*Sottolineatura eliminata*/
a{
	text-decoration:none;
}

/*Colore link nelle card*/
.card .card-body .category-top .a{
	text-transform: none;
	color: #043464!important;
	text-decoration:none;
}


/*Background icona cerca*/
.it-header-wrapper .search-link{
	background:#000000;
}

/*Icona cerca*/
.it-header-wrapper .search-link svg{
	fill:#fff;
}

/*Background breadcrumb*/
.it-header-navbar-wrapper{
	background:#fff;
}
/*Testo breadcrumb*/
.navbar .navbar-collapsable .navbar-nav li a.nav-link {

	color: #000000;
}


/*Testo non in maiuscolo*/
.card .card-body .category-top{
	text-transform: none;
}

/*Immagine di background prima sezione homepage*/
.immagineHome{
	background-image: url("/.galleries/immagini/Sfondi/sfondo-azzurro-pieno.png");
	width: 100%;
	height: auto;
	min-height: 650px;
}

.immagineBreadcrumb{
	background-image: url("/.galleries/immagini/Sfondi/sfondo-azzurro-pieno.png");
	width: 100%;
	height: 40px;
}





/*Verificare se può servire*/
.containerOML {
	display: flex;
	justify-content: space-around;
	padding: 0px;
	margin: 0px;
}

.boxOML {
	border: 1px solid #ccc;
	padding: 0px;
	padding-bottom:10pX;
	position: relative;
	text-align: center;
	width: 45%;
	margin: 10px;
	background-color: rgba(255, 255, 255, 0.9); /* Sfondo bianco trasparente */
	border-radius: 4px;
	overflow: hidden; /* Nasconde parte dell'immagine oltre il bordo del box */
	transition: transform 0.3s; /* Aggiunge una transizione al cambio di scala */
	box-sizing: border-box; /* Include padding nella larghezza totale del box */
	margin-right:40pX;
}

.boxOML:hover {
	cursor:pointer;
}

.boxOML::before {
	content: "Visualizza i report";
	position: absolute;
	top: 135px;
	right: 17px;
	height: 30px;
	background-color: #e1e8f6 ;
	color: #000000;
	font-size: 14px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 4px;
	transition: opacity 0.3s ease;
	opacity: 0;
	z-index: 4;
}
.boxOff::before{
	content: "Visualizza le offerte";
}

.boxOML:hover::before {
	opacity: 1; /* Mostra l'etichetta al passaggio del mouse */
}
.boxOML h2 {
	font-size: 22px;
	margin: 0;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
	transition: color .5s ease;

}

.boxOML p {
	font-size: 16px;
	white-space: pre-line; /* Per mantenere il testo a capo */
	margin-bottom:20px;
	margin-left:15px;
	margin-right:15px;
}

.boxOML img {
	width: 100%; /* Immagine grande quanto il box */
	border-radius: 4px 4px 0 0; /* Arrotondamento bordi solo sopra */
	transition: transform 0.6s; /* Aggiunge una transizione al cambio di scala */
	margin-bottom:25px;
}

.boxOML:hover img {
	transform: scale(1.3); /* Effetto di zoom sull'immagine al passaggio del mouse */
}
.boxOML:hover h2 {
	color:#000000;
}

.containerOML a {
	text-decoration: none;
	color: inherit; /* Usa il colore del testo predefinito */
	display: block; /* Per rendere l'intero box cliccabile */
	margin-top:0px;
	padding-bottom:0px;
}
.container_sfondo{
	padding-top:40px;
	padding-bottom:40px;
	background: url('/.galleries/immagini/Sfondi/sfondo-azzurro-pieno.png') no-repeat center center fixed;/*/.galleries/immagini/Sfondi/limone-2866245_1280.jpg*/
	background-size: cover;
	font-family: "Titillium web";
	display: flex;
	padding-left:200px;
	padding-right:200px;
	justify-content: space-around;
	z-index:2;

}


@media (max-width: 1000px) {
	.containerOML {
		flex-direction: column;
		align-items: center;
		margin:0px;
	}
	.boxOML {
		width: 98%;
		margin:5px;
		margin-bottom:30px;
	}
	.container_sfondo{
		padding-top:20px;
		padding-bottom:20px;
		background: url('/.galleries/immagini/Sfondi/sfondo-azzurro-pieno.png') no-repeat center center fixed;
		background-size: cover;
		font-family: "Titillium web";
		display: flex;
		padding-left:20px;
		padding-right:20px;


	}
}



.boximg{
	width: 100%;
	height: 180px;
	overflow: hidden;
	margin-bottom:20pX;
}

.boxOML {
	display: block;
}
.boxOML::after {
	content: '';
	display: block;
	height: 6px;
	width: 0;
	bottom:0pX;
	position:Absolute;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.boxOML:hover::after {
	width: 100%;
	background: #e1e8f6;
}

.custom-navbar-toggler svg{
	fill: #000000;
}


@media screen{
	.it-brand-wrapper a img{
		width: auto;
		height: auto;
		max-width: 55%;
	}
}

.custom-section{
	background-color:#e1e8f6;
	border-bottom: solid 1px #a8c0e7;
}

.it-footer-main{
	background-color:#001a33!important;
}

.it-footer-main, .it-footer-small-prints{
	background-color:#001a33!important;
}

.it-header-slim-wrapper{
	background-color:#001a33!important;
}

.avatar {
	background:#ffffff!important
}

.titoloNavigazione {
	font-size: 1.778em;
	margin-bottom: 0;
	font-weight: 600;
}

@media screen and (max-width: 992px) {
  .titoloNavigazione {
    font-size: 14px;
  }



}


.icon-testata
{
	fill:black!important;
}
.richtext-wrapper a
{
	color: rgb(0 82 158);
	font-size: 19px;
	font-weight:600;
}

.callout{
	padding:1.5rem 2.222rem;
}
  
.chip.chip-primary {
	background-color: transparent;
	border-color: #00529E;
	color: #00529E;
	margin-top: 3px;
}
  
  
.nascondi
{
display:none;
}
.mostra
{
display:block;
}

.pdf-qrcode-image{
height:80px;
}

.back-to-top:hover{
background:#03006e;
}