#single-article-page main.article-section,
#single-event-page main.event-section,
#generic-page main.page,
#single-act-page main.act-section {
	padding: 32px 32px;
}

#single-article-page aside.widget-wrapper,
#single-event-page aside.widget-wrapper,
#generic-page aside.widget-wrapper,
#single-act-page aside.widget-wrapper {
	padding: 32px 50px;
}

/* Page head */
#single-article-page .page-title,
#single-event-page .page-title,
#generic-page .page-title,
#single-act-page .page-title {
	font-size:     2em;
	margin-bottom: 0;
	padding:       8px 0;
}

#single-article-page .article-head .article-head-topper,
#single-event-page .page-head .page-head-topper,
#generic-page .page-head .page-head-topper,
#single-act-page .act-head .act-head-topper {
	margin-bottom: 16px;
}

#single-article-page .article-head .breadcrumb,
#single-event-page .page-head .breadcrumb,
#generic-page .page-head .breadcrumb,
#single-act-page .act-head .breadcrumb {
	padding-left:  0;
	margin-bottom: 0;
}

#single-article-page .article-head .breadcrumb .bar,
#single-event-page .page-head .breadcrumb .bar,
#generic-page .page-head .breadcrumb .bar,
#single-act-page .act-head .breadcrumb .bar {
	padding: 0 4px;
}

/* Page body */
#single-article-page .page-body .social-list,
#single-event-page .page-body .social-list,
#generic-page .page-body .social-list,
#single-act-page .act-body .social-list {
	padding: 16px 0;
}

#single-article-page .page-body .social-list .btn,
#single-event-page .page-body .social-list .btn,
#generic-page .page-body .social-list .btn,
#single-act-page .act-body .social-list .btn {
	padding:          4px;
	margin-right:     4px;
	color:            var(--hrz-social-btn-bgcolor);
	background-color: var(--hrz-social-btn-bgcolor);
	border:           2px solid transparent;
	transition:       all .5s;
}

#single-article-page .page-body .social-list .btn .icon,
#single-event-page .page-body .social-list .btn .icon,
#generic-page .page-body .social-list .btn .icon,
#single-act-page .act-body .social-list .btn .icon {
	fill:       var(--hrz-social-btn-textcolor);
	color:      var(--hrz-social-btn-textcolor);
	transition: all .5s;
}

#single-article-page .page-body .social-list .btn:hover,
#single-event-page .page-body .social-list .btn:hover,
#generic-page .page-body .social-list .btn:hover,
#single-act-page .act-body .social-list .btn:hover {
	border:     2px solid var(--hrz-social-btn-bordercolor-hover);
	background: transparent;
}

#single-article-page .page-body .social-list .btn:hover .icon,
#single-event-page .page-body .social-list .btn:hover .icon,
#generic-page .page-body .social-list .btn:hover .icon,
#single-act-page .act-body .social-list .btn:hover .icon {
	fill:  var(--hrz-social-btn-textcolor-hover);
	color: var(--hrz-social-btn-textcolor-hover);
}

#single-article-page .page-body .social-list .btn span.icon,
#single-event-page .page-body .social-list .btn span.icon,
#generic-page .page-body .social-list .btn span.icon,
#single-act-page .act-body .social-list .btn span.icon {
	font-size: 32px;
}

#single-article-page .page-body .social-list .btn span.icon,
#single-event-page .page-body .social-list .btn span.icon,
#generic-page .page-body .social-list .btn span.icon,
#single-act-page .act-body .social-list .btn span.icon.fa-solid {
	font-size: 24px;
	height:    24px;
	width:     24px;
}

/* Menu */
#single-article-page .article-head .hamburger-menu .dropdown-menu {
	width: 15vw;
}

#single-article-page .article-head .hamburger-menu .dropdown-menu .link-list a.list-item span {
	color:           var(--hrz-reserved-menu-link-textcolor);
	text-decoration: underline;
}

#single-article-page .article-head .hamburger-menu .dropdown-menu .link-list a.list-item:hover span {
	color: var(--hrz-reserved-menu-link-textcolor-hover);
}

/* Page body */
#single-article-page .content,
#single-event-page .page-body .content,
#generic-page .page-body .content,
#single-act-page .act-body .content {
	padding:     24px 0;
	font-weight: 500 !important;
	color:       var(--hrz-article-textcolor);
	font-family: "Titillium Web", Geneva, Tahoma, sans-serif !important;
	word-wrap:   break-word;
}

#single-article-page .content .responsive-td,
#single-event-page .page-body .content .responsive-td,
#generic-page .page-body .content .responsive-td,
#single-act-page .act-body .content .responsive-td {
	width: auto !important;
}

.responsive-table {
	width: 100% !important;
}


#single-article-page .content blockquote,
#single-event-page .content blockquote,
#generic-page .content blockquote,
#single-act-page .content blockquote {
	border-left: 3px solid var(--hrz-blockquote-side-bgcolor);
	background:  var(--hrz-blockquote-bgcolor);
	padding:     8px;
}

#single-article-page .content blockquote p,
#single-event-page .content blockquote p,
#generic-page .content blockquote p,
#single-act-page .content blockquote p {
	margin-bottom: 0;
}

#single-article-page .content .marker,
#single-event-page .content .marker,
#generic-page .content .marker,
#single-act-page .content .marker {
	padding:    4px;
	background: var(--hrz-highlight-bgcolor);
}

#single-article-page .content var,
#single-event-page .content var,
#generic-page .content var,
#single-act-page .content var {
	font-family: var(--bs-font-monospace);
}

#single-article-page .content pre,
#single-event-page .content pre,
#generic-page .content pre,
#single-act-page .content pre {
	border:               1px solid var(--hrz-codeblock-bordercolor);
	border-radius:        8px;
	background-color:     var(--hrz-codeblock-bgcolor);
	padding-inline-start: 4px;
}

#single-article-page .content table,
#single-event-page .content table,
#generic-page .content table,
#single-act-page .content table {
	table-layout: fixed;
	word-wrap:    anywhere;
}

/* Gallery section */
#generic-page .gallery-section .section-title {
	font-size:   1.5em;
	font-weight: 600;
}

#generic-page .gallery-section .section-title-wrapper {
	padding: 16px 0;
}

/* Attachments section */
#single-article-page .attachments-section .section-title,
#single-event-page .attachments-section .section-title,
#generic-page .attachments-section .section-title,
#single-act-page .attachments-section .section-title {
	font-size:   1.5em;
	font-weight: 600;
	display:     flex;
	align-items: center;
}

#single-article-page .attachments-section .list-item .icon,
#single-event-page .attachments-section .list-item .icon,
#generic-page .attachments-section .list-item .icon,
#single-act-page .attachments-section .list-item .icon {
	fill: var(--hrz-attachments-icon-textcolor);
}

#single-article-page .attachments-section .list-item:hover .icon,
#single-event-page .attachments-section .list-item:hover .icon,
#generic-page .attachments-section .list-item:hover .icon,
#single-act-page .attachments-section .list-item:hover .icon {
	fill: var(--hrz-attachments-icon-textcolor-hover);
}

#single-article-page .attachments-section .list-item .it-right-zone .text,
#single-event-page .attachments-section .list-item .it-right-zone .text,
#generic-page .attachments-section .list-item .it-right-zone .text,
#single-act-page .attachments-section .list-item .it-right-zone .text {
	color: var(--hrz-attachments-textcolor);
}

#single-article-page .attachments-section .list-item:hover .it-right-zone .text,
#single-event-page .attachments-section .list-item:hover .it-right-zone .text,
#generic-page .attachments-section .list-item:hover .it-right-zone .text,
#single-act-page .attachments-section .list-item:hover .it-right-zone .text {
	color: var(--hrz-attachments-textcolor-hover);
}

/* Chip Tipologia */
#single-article-page .chip {
	border-color:    var(--hrz-article-catfilter-chip-bordercolor);
	text-decoration: none;
	transition:      all .7s;
	margin:          0 4px;
	cursor:          pointer;
}

#single-article-page .chip .chip-label {
	color:      var(--hrz-article-catfilter-chip-textcolor);
	transition: color .7s;
}

#single-article-page .chip:hover {
	background: var(--hrz-article-catfilter-chip-bgcolor-hover);
}

#single-article-page .chip:hover .chip-label {
	color: var(--hrz-article-catfilter-chip-textcolor-hover);
}

.widthEllipsis {
	max-width: 750px !important;
}

/* 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);
}

/* Queries per definire la larghezza del dropdown-menu */
@media screen and (max-width: 1200px) {
	#single-article-page .article-head .hamburger-menu .dropdown-menu {
		width: 20vw;
	}
}

@media screen and (max-width: 956px) {
	#single-article-page .article-head .hamburger-menu .dropdown-menu {
		width: 35vw;
	}
}

@media screen and (max-width: 576px) {
	#single-article-page .article-head .hamburger-menu .dropdown-menu {
		width: 50vw;
	}
}