#area-trasparenza {
	background: var(--hrz-home-trasparenza-bgcolor);
	padding:    32px 0;
}

#area-trasparenza h3.section-title {
	font-weight: 600;
	font-size:   1.5em;
	margin:      0;
}

#area-trasparenza .active-procedures-wrapper,
#area-trasparenza .trasparenza-section {
	padding: 8px 16px;
}

#area-trasparenza .area-trasparenza-wrapper .box-trasparenza {
	padding: 12px;
}

#area-trasparenza .area-trasparenza-wrapper .box-trasparenza .cover-img {
	border: 1px solid var(--hrz-home-trasparenza-images-bordercolor);
	width:  100%;
	height: 150px;
}

#area-trasparenza .area-trasparenza-wrapper .box-trasparenza .cover-img img {
	width:           100%;
	height:          100%;
	object-fit:      cover;
	object-position: center;
}

#area-trasparenza .area-trasparenza-wrapper .box-trasparenza .box-txt {
	background: var(--hrz-home-trasparenza-images-box-bgcolor);
	padding:    16px;
	font-size:  16px;
	color:      var(--hrz-home-trasparenza-images-box-textcolor);
}

#area-trasparenza .area-trasparenza-wrapper .box-trasparenza .box-txt span {
	color:           var(--hrz-home-trasparenza-images-box-textcolor);
	text-decoration: none;
}

#area-trasparenza .area-trasparenza-wrapper .box-trasparenza:hover .box-txt span {
	text-decoration: underline;
}

.box-link {
	text-decoration: none;
}

#area-trasparenza .area-trasparenza-wrapper #active-procedures {
	margin-top:     12px;
	padding:        12px 16px;
	border-radius:  8px;
	background:     var(--hrz-home-trasparenza-procedure-bgcolor);
	min-height:     440px;

	display:        flex;
	flex-direction: column;
}

#active-procedures {
	box-shadow: 0 5px 14px -5px #777, 5px 5px 8px 4px rgba(0,0,0,0);
}

#active-procedures .procedure {
	padding:       8px 16px;
	border-bottom: 2px solid var(--hrz-home-trasparenza-procedure-bordercolor);
}

#active-procedures .procedure .procedure-date {
	color:     var(--hrz-home-trasparenza-procedure-textcolor);
	font-size: 14px;
}

#active-procedures .procedure p {
	margin: 0;
}

#active-procedures .procedure p a {
	color:           var(--hrz-home-trasparenza-procedure-textcolor);
	text-decoration: none;
}

#active-procedures .procedure p:hover a {
	text-decoration: underline;
}

#active-procedures .spacer {
	flex: 1 1 auto;
}

/* Pagination element */
#active-procedures .pagination {
	margin-bottom: 0;
	align-items:   center;
}

#active-procedures .pagination .page-link {
	min-width: auto;
	height:    auto;
}

#active-procedures .pagination .page-link {
	padding: 8px;
}

#active-procedures .pagination .page-link-number {
	margin-top: -2px;
}

#active-procedures .pagination .page-link svg {
	fill: var(--hrz-pagination-link-inactive-textcolor);
}

#active-procedures .pagination .page-link:hover svg {
	fill: var(--hrz-main-link-color-hover);
}

#active-procedures .pagination .page-item.active .page-link {
	color: var(--hrz-pagination-link-textcolor);
}

#active-procedures .pagination .page-item.disabled .icon {
	fill: var(--hrz-splide-arrow-disabled-textcolor);
}

#active-procedures .pagination .page-item .page-link[aria-current] {
	color: var(--hrz-pagination-link-textcolor);
	border: 1px solid var(--hrz-pagination-link-textcolor);
}

/* Focus effect */
#area-trasparenza .box-link:focus {
	box-shadow: none !important;
}

#area-trasparenza .box-link:focus .box-trasparenza {
	box-shadow: 0 0 0 2px var(--hrz-home-trasparenza-images-box-focuscolor);
}

/* Modal */
#active-procedures .modal .modal-content .modal-header h5 {
	color: var(--hrz-home-trasparenza-procedure-modal-textcolor);
}

#active-procedures .modal .modal-body,
#active-procedures .modal .modal-footer {
	color: var(--hrz-home-trasparenza-procedure-modal-textcolor);
}

#active-procedures .modal .modal-footer .btn.btn-primary {
	background-color: var(--hrz-btn-color);
	border-color:     var(--hrz-btn-color);
	color:            var(--hrz-btn-text-color);
}

#active-procedures .modal .modal-footer .btn.btn-primary:hover {
	background-color: var(--hrz-btn-color-hover);
}

#active-procedures .modal .modal-footer .btn.btn-outline-primary {
	background-color: var(--hrz-light-icon-btn-bgcolor);
	border-color:     var(--hrz-btn-color);
	color:            var(--hrz-btn-color);
}

#active-procedures .modal .modal-footer .btn.btn-outline-primary:hover {
	background-color: var(--hrz-light-icon-btn-bgcolor-hover);
	border-color:     var(--hrz-btn-color-hover);
	color:            var(--hrz-btn-color-hover);
}

#active-procedures .modal .modal-body .notice-attachments .it-rounded-icon,
#active-procedures .modal .modal-body .notice-attachments .it-right-zone {
	margin-left: 0;
}

#active-procedures .modal .modal-body .notice-attachments .it-rounded-icon svg {
	fill: var(--hrz-main-link-color);
}

#active-procedures .modal .modal-body .notice-attachments .it-rounded-icon svg {
	fill: var(--hrz-main-link-color);
}

#active-procedures .modal .it-list-wrapper .it-list a.list-item:hover {
	color: var(--hrz-main-link-color-hover);
}

#active-procedures .modal .it-list-wrapper .it-list a.list-item:hover svg {
	fill: var(--hrz-main-link-color-hover);
}

#active-procedures .modal .notice-attachments h6 {
	padding-top: 16px;
	margin:      0;
	font-size:   1em;
	font-weight: 600;
	color:       var(--hrz-home-trasparenza-procedure-modal-textcolor);
}

@media screen and (min-width: 576px) {
	#active-procedures .modal .modal-dialog {
		max-width: 50vw;
	}
}

/* Empty section */
#active-procedures .empty-section-txt {
	font-size: .865em;
	display:   none;
}

#active-procedures.empty-section .empty-section-txt {
	display: block;
}

/* Allinea i titoli per la visione mobile */
@media screen and (max-width: 575px) {
	#area-trasparenza h3.section-title {
		margin-left: 16px;
	}
}