#reserved-area-board aside,
#reserved-area-board main,
#event-calendar aside,
#event-calendar main,
#category-page aside,
#category-page main,
#albo-online aside,
#albo-online main {
	padding: 0 24px;
	margin:  32px 0;
}

/* Sidebar */
#reserved-area-board aside.date-area,
#event-calendar aside.date-area,
#category-page aside.date-area,
#albo-online aside.date-area {
	background:     var(--hrz-article-list-sidebar-bgcolor);
	border:         1px solid var(--hrz-article-list-sidebar-bordercolor);
	border-radius:  8px;
	display:        flex;
	flex-direction: column;
	align-items:    center;
	padding:        8px 0 16px 0;
}

#reserved-area-board aside.date-area.active,
#event-calendar aside.date-area.active,
#category-page aside.date-area.active,
#albo-online aside.date-area.active {
	background: var(--hrz-article-list-sidebar-active-bgcolor);
}

#reserved-area-board aside.date-area .calendar-picker-wrapper,
#event-calendar aside.date-area .calendar-picker-wrapper,
#category-page aside.date-area .calendar-picker-wrapper,
#albo-online aside.date-area .calendar-picker-wrapper {
	padding: 16px 0;
}

aside.date-area label {
	margin-bottom: 0;
}

aside.date-area .flatpickr-months,
aside.date-area .flatpickr-weekdays {
	background-color: var(--hrz-article-list-datefilter-main-bgcolor);
}

aside.date-area .flatpickr-months .flatpickr-monthDropdown-months,
aside.date-area .flatpickr-months .numInputWrapper,
aside.date-area .flatpickr-weekday,
aside.date-area .flatpickr-months .flatpickr-next-month svg,
aside.date-area .flatpickr-months .flatpickr-prev-month svg {
	color: var(--hrz-article-list-datefilter-main-textcolor);
	fill:  var(--hrz-article-list-datefilter-main-textcolor);
}

aside.date-area .flatpickr-months .flatpickr-next-month svg,
aside.date-area .flatpickr-months .flatpickr-prev-month svg {
	margin-top: -6px;
}

aside.date-area .flatpickr-months .flatpickr-next-month,
aside.date-area .flatpickr-months .flatpickr-prev-month {
	z-index: 1;
}

#reserved-area-board .flatpickr-monthDropdown-month,
#event-calendar .flatpickr-monthDropdown-month,
#category-page .flatpickr-monthDropdown-month,
#albo-online .flatpickr-monthDropdown-month {
	color:      var(--hrz-article-list-datefilter-dropdown-textcolor);
	background: var(--hrz-article-list-datefilter-dropdown-bgcolor);
}

#reserved-area-board .flatpickr-current-month .numInputWrapper span.arrowUp:after,
#event-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after,
#category-page .flatpickr-current-month .numInputWrapper span.arrowUp:after,
#albo-online .flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: var(--hrz-article-list-datefilter-yearselector-textcolor);
}

#reserved-area-board .flatpickr-current-month .numInputWrapper span.arrowDown:after,
#event-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after,
#category-page .flatpickr-current-month .numInputWrapper span.arrowDown:after,
#albo-online .flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: var(--hrz-article-list-datefilter-yearselector-textcolor);
}

aside.date-area .flatpickr-day.selected {
	background-color: var(--hrz-article-list-datefilter-selected-bgcolor);
	border-color:     var(--hrz-article-list-datefilter-selected-bgcolor);
}

#reserved-area-board .date-area .btn,
#event-calendar .date-area .btn,
#category-page .date-area .btn,
#albo-online .date-area .btn {
	background: var(--hrz-btn-color);
	color:      var(--hrz-btn-text-color);
}

#reserved-area-board .date-area .btn:hover,
#event-calendar .date-area .btn:hover,
#category-page .date-area .btn:hover,
#albo-online .date-area .btn:hover {
	background: var(--hrz-btn-color-hover);
}

/* Breadcrumb */
#reserved-area-board main .breadcrumb-wrapper,
#event-calendar main .breadcrumb-wrapper,
#category-page main .breadcrumb-wrapper,
#albo-online main .breadcrumb-wrapper {
	margin-bottom: 8px;
}

#reserved-area-board main .breadcrumb,
#event-calendar main .breadcrumb,
#category-page main .breadcrumb,
#albo-online main .breadcrumb {
	margin-bottom: 0;
	padding-left:  0;
}

#reserved-area-board main .breadcrumb a,
#event-calendar main .breadcrumb a,
#category-page main .breadcrumb a,
#albo-online main .breadcrumb a {
	padding-right: 4px;
}

/* Menu */
#reserved-area-board .dropdown-menu {
	width: 15vw;
}

#reserved-area-board .dropdown-menu .link-list a.list-item span {
	color: var(--hrz-main-link-color);
}

#reserved-area-board .dropdown-menu .link-list a.list-item:hover span {
	color: var(--hrz-main-link-color-hover);
}

/* Category filter */
#reserved-area-board .category-filter,
#category-page .category-filter,
#albo-online .category-filter {
	padding:       12px 0;
	background:    var(--hrz-article-list-catfilter-bgcolor);
	border:        1px solid var(--hrz-article-list-catfilter-bordercolor);
	border-radius: 8px;
}

#reserved-area-board .category-filter.active,
#category-page .category-filter.active,
#albo-online .category-filter.active {
	background: var(--hrz-article-list-catfilter-active-bgcolor);
}

#reserved-area-board .category-filter h4,
#reserved-area-board .date-area h4,
#event-calendar .date-area h4,
#albo-online .date-area h4,
#category-page .date-area h4 {
	font-size:     1.25em;
	margin-bottom: 0;
	padding:       8px 0;
}

#reserved-area-board .category-filter .chip,
#category-page .category-filter .chip,
#albo-online .category-filter .chip {
	border-color: var(--hrz-article-list-catfilter-chip-bordercolor);
	transition:   all .7s;
	margin:       0 4px;
	cursor:       pointer;
}

#reserved-area-board .category-filter .chip .chip-label,
#category-page .category-filter .chip .chip-label,
#albo-online .category-filter .chip .chip-label {
	color:      var(--hrz-article-list-catfilter-chip-textcolor);
	transition: color .7s;
}

#reserved-area-board .category-filter .chip:hover,
#category-page .category-filter .chip:hover,
#albo-online .category-filter .chip:hover {
	background: var(--hrz-article-list-catfilter-chip-bgcolor-hover);
}

#reserved-area-board .category-filter .chip:hover .chip-label,
#category-page .category-filter .chip:hover .chip-label,
#albo-online .category-filter .chip:hover .chip-label {
	color: var(--hrz-article-list-catfilter-chip-textcolor-hover);
}

#reserved-area-board .category-filter .chip button.chip-alert-button,
#category-page .category-filter .chip button.chip-alert-button,
#albo-online .category-filter .chip button.chip-alert-button {
	display: none;
}

#reserved-area-board .category-filter .chip.active button.chip-alert-button,
#category-page .category-filter .chip.active button.chip-alert-button,
#albo-online .category-filter .chip.active button.chip-alert-button {
	display: block;
}

#reserved-area-board .category-filter .chip button.chip-alert-button:focus,
#category-page .category-filter .chip button.chip-alert-button:focus,
#albo-online .category-filter .chip button.chip-alert-button:focus {
	box-shadow: none !important;
}

#reserved-area-board .category-filter .chip button.chip-alert-button:focus .icon,
#category-page .category-filter .chip button.chip-alert-button:focus .icon,
#albo-online .category-filter .chip button.chip-alert-button:focus .icon {
	box-shadow: 0 0 0 2px var(--hrz-article-list-catfilter-chip-focuscolor);
}

#reserved-area-board .category-filter .chip.active,
#category-page .category-filter .chip.active,
#albo-online .category-filter .chip.active {
	background: var(--hrz-article-list-catfilter-chip-active-bgcolor);
}

#reserved-area-board .category-filter .chip.active .chip-label,
#category-page .category-filter .chip.active .chip-label,
#albo-online .category-filter .chip.active .chip-label {
	color: var(--hrz-article-list-catfilter-chip-active-textcolor);
}

#reserved-area-board .category-filter .chip.active .icon,
#category-page .category-filter .chip.active .icon,
#albo-online .category-filter .chip.active .icon {
	fill: var(--hrz-article-list-catfilter-chip-active-textcolor);
}

/* Articles, Events, Categories, Atti */
#reserved-area-board .articles-container,
#event-calendar .events-container,
#category-page .categories-container,
#albo-online .categories-container {
	padding-top: 24px;
}

#reserved-area-board .card-wrapper,
#event-calendar .card-wrapper,
#category-page .card-wrapper,
#albo-online .card-wrapper {
	padding: 8px 8px;
}

#reserved-area-board .card-top,
#event-calendar .card-top,
#category-page .card-top,
#albo-online .card-top {
	display:         flex;
	padding:         8px 16px 0 16px;
	font-weight:     700;
	align-items:     baseline;
	justify-content: space-between;
}

#reserved-area-board .card-top .article-date,
#event-calendar .card-top .event-date,
#category-page .card-top .category-date,
#albo-online .card-top .act-metadata {
	font-size:    .7em;
	color:        var(--hrz-article-list-card-details-textcolor);
	margin-right: 4px;
}

#albo-online .card-top .act-metadata {
	max-width: 50%;
}

#reserved-area-board .card-top .categories {
	width:         77%;
	text-overflow: ellipsis;
	overflow:      hidden;
	white-space:   nowrap;
	text-align:    end;
}

#reserved-area-board .card-top .category {
	font-size:      .7em;
	text-transform: uppercase;
	padding:        0 2px;
}

#reserved-area-board .card .card-body-content-wrapper,
#event-calendar .card .card-body-content-wrapper,
#category-page .card .card-body-content-wrapper,
#albo-online .card .card-body-content-wrapper {
	min-height:     100%;
	display:        flex;
	flex-direction: column;
}

#reserved-area-board .card a.read-more,
#event-calendar .card a.read-more,
#category-page .card a.read-more,
#albo-online .card a.read-more {
	justify-content: end;
	position:        static;
	font-size:       .625em;
	margin-top:      auto;
	color:           var(--hrz-main-link-color);
}

#reserved-area-board .card .card-body,
#event-calendar .card .card-body,
#category-page .card .card-body,
#albo-online .card .card-body {
	padding: 8px 16px;
}

#reserved-area-board .card .card-body h5.card-title,
#event-calendar .card .card-body h5.card-title,
#category-page .card .card-body h5.card-title,
#albo-online .card .card-body h5.card-title {
	font-size:     .875em;
	margin-bottom: 8px;
}

#reserved-area-board .card .card-body .card-text,
#event-calendar .card .card-body .card-text,
#category-page .card .card-body .card-text,
#albo-online .card .card-body .card-text {
	margin-bottom: 8px;
	min-height:    64.78px;
}

#reserved-area-board .card::after,
#event-calendar .card::after,
#category-page .card::after,
#albo-online .card::after {
	display: none;
}

#reserved-area-board a,
#reserved-area-board a span,
#event-calendar a,
#event-calendar a span,
#category-page a,
#category-page a span,
#albo-online a,
#albo-online a span {
	color: var(--hrz-main-link-color);
}

#reserved-area-board a:hover,
#reserved-area-board a:hover span,
#event-calendar a:hover,
#event-calendar a:hover span,
#category-page a:hover,
#category-page a:hover span,
#albo-online a:hover,
#albo-online a:hover span {
	color: var(--hrz-main-link-color-hover);
}

#reserved-area-board .card-title a,
#event-calendar .card-title a,
#category-page .card-title a,
#albo-online .card-title a {
	margin-left: 2px;
}

#reserved-area-board a.read-more .icon,
#event-calendar a.read-more .icon,
#category-page a.read-more .icon,
#albo-online a.read-more .icon {
	fill: var(--hrz-main-link-color);
}

#reserved-area-board a.read-more:hover .icon,
#event-calendar a.read-more:hover .icon,
#category-page a.read-more:hover .icon,
#albo-online a.read-more:hover .icon {
	fill: var(--hrz-main-link-color-hover);
}

#category-page .categories-container .card .card-body .card-image-wrapper,
#reserved-area-board .articles-container .card .card-body .card-image-wrapper {
	width:        30%;
	padding-left: 8px;
}

#category-page .categories-container .card .card-body .card-image-wrapper img,
#reserved-area-board .articles-container .card .card-body .card-image-wrapper img {
	width:           100%;
	aspect-ratio:    1 / 1;
	object-fit:      cover;
	object-position: center;
}

#category-page .categories-container .card .card-body .card-body-content-wrapper,
#reserved-area-board .articles-container .card .card-body .card-body-content-wrapper {
	width: 70%;
}

#event-calendar .events-container .card.card-no-image .card-body .card-body-content-wrapper,
#category-page .categories-container .card.card-no-image .card-body .card-body-content-wrapper,
#albo-online .acts-container .card.card-no-image .card-body .card-body-content-wrapper {
	width: 100%;
}

/* Pagination */
#reserved-area-board .pagination,
#event-calendar .pagination,
#category-page .pagination,
#albo-online .pagination {
	margin-top:    16px;
	margin-bottom: 0;
}

#reserved-area-board .pagination .page-item .page-link[aria-current],
#event-calendar .pagination .page-item .page-link[aria-current],
#category-page .pagination .page-item .page-link[aria-current],
#albo-online .pagination .page-item .page-link[aria-current] {
	border-color: var(--hrz-pagination-link-bordercolor);
	color:        var(--hrz-pagination-link-textcolor);
}

#reserved-area-board .pagination .page-item .page-link:hover .icon,
#event-calendar .pagination .page-item .page-link:hover .icon,
#category-page .pagination .page-item .page-link:hover .icon,
#albo-online .pagination .page-item .page-link:hover .icon {
	fill: var(--hrz-main-link-color-hover);
}

#albo-online #toggleButton,
#category-page #toggleButton {
	margin-bottom: 15px;
	margin-top:    7px;
	width:         100%;
}

/* Queries per definire la larghezza del dropdown-menu */
@media screen and (max-width: 1200px) {
	#reserved-area-board .dropdown-menu,
	#event-calendar .dropdown-menu {
		width: 20vw;
	}
}

@media screen and (max-width: 956px) {
	#reserved-area-board .dropdown-menu,
	#event-calendar .dropdown-menu {
		width: 35vw;
	}
}

@media screen and (max-width: 576px) {
	#reserved-area-board .dropdown-menu,
	#event-calendar .dropdown-menu {
		width: 50vw;
	}
}

/* Calendario eventi */
#event-calendar .page-title,
#albo-online .page-title {
	margin-bottom: 0;
	padding:       8px 0;
}

/* Input ricerca Amministrazione Trasparente */
#amm-trasp-form {
	width: 100%;
	margin: 1rem 0;
}

#amm-trasp-form .input-group-append .btn {
	background-color: var(--hrz-btn-color);
}

#amm-trasp-form .input-group-append .btn:hover {
	background-color: var(--hrz-btn-color-hover);
	transition: all .2s;
}

#amm-trasp-form .input-group-append .icon {
	fill: var(--hrz-light-icon-btn-bgcolor);
}

/* Modal Categorie Amministrazione Trasparente */
#category-page .modal .modal-dialog {
	width: auto;
	max-width: unset;
}

#category-page .modal .modal-dialog .modal-content .modal-header{
	padding-bottom: 24px;
}
#category-page .modal .modal-body {
	height: calc(100vh - 256px);
	overflow-y: auto;
	padding-top: 0;
}

/* Variante Single Column */
#category-page.single_column[data-amm-trasp="1"] .card-image-wrapper,
#category-page.single_column[data-amm-trasp="2"] .card-image-wrapper {
	display: none;
}

#category-page.single_column[data-amm-trasp="1"] .card-wrapper,
#category-page.single_column[data-amm-trasp="2"] .card-wrapper,
#category-page.single_column[data-amm-trasp="1"] .categories-container .card .card-body .card-body-content-wrapper,
#category-page.single_column[data-amm-trasp="2"] .categories-container .card .card-body .card-body-content-wrapper{
	width: 100%;
}


@media screen and (max-width: 990px) {
	#category-page .modal .modal-dialog {
		max-width: 500px;
	}
}

@media screen and (max-width: 767px) {
	#category-page .modal .modal-dialog {
		max-width: unset;
	}
}

@media screen and (min-width: 991px) {
	#category-page .modal .modal-dialog {
		max-width: 900px;
	}
}