@import "assets/istat_icons.min.css";
@import "ctc-style.css";
@import "menu.css";

.px-25 {
	padding-left: calc(var(--bs-gutter-x) * .5) !important;
	padding-right: calc(var(--bs-gutter-x) * .5) !important;
}

.ps-25 {
	padding-left: calc(var(--bs-gutter-x) * .5) !important;
}

.pe-25 {
	padding-right: calc(var(--bs-gutter-x) * .5) !important;
}

@media (min-width: 576px) {
	.px-sm-25 {
		padding-left: calc(var(--bs-gutter-x) * .5) !important;
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
	}

	.ps-sm-25 {
		padding-left: calc(var(--bs-gutter-x) * .5) !important;
	}

	.pe-sm-25 {
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
	}
}


@media (min-width:768px) {
	.px-md-25 {
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
	}

	.ps-md-25 {
		padding-left: calc(var(--bs-gutter-x) * .5) !important;
	}

	.pe-md-25 {
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
	}
}

@media (max-width:1399px) {

	#main-menu>ul>li:last-child>ul>li:hover ul,
	#main-menu>ul>li:nth-last-child(2)>ul>li:hover ul {
		left: auto;
		right: 100%;
	}

	#main-menu>ul>li:last-child>ul li.menu-item-has-children>a::after,
	#main-menu>ul>li:nth-last-child(2)>ul li.menu-item-has-children>a::after {
		right: auto;
		left: 0.5rem;
		transform: rotate(180deg);
	}
}

@media (max-width:1199px) {
	#main-menu>ul>li>a {
		padding: 8px 12px 8px 8px;
	}

	#navigation #main-menu>ul li a {
		font-size: 1.02rem;
	}
}

/** fino a bootstrap large (lg) **/

@media (max-width:991px) {
	#main-menu>ul>li>a {
		padding: 8px 8px 8px 8px;
	}

	.page-content.with-sidebar {
		padding-left: calc(var(--bs-gutter-x) * .5);
	}

	.fbc-items a,
	.fbc-items a span {
		color: var(--azzurro) !important;
	}

	.titolo-pagina-esteso {
		font-size: 1.625rem;
		line-height: 1.4em;
	}

	h2 {
		font-size: 1.25rem;
		line-height: 1.4em;
	}

	.titolo-menu {
		font-size: 1.25rem;
	}

	.head.bottom-bar {
		border-bottom: 1px solid var(--rosso);
	}

	.nav-popup {
		position: fixed;
		z-index: -1;
		top: 10%;
		width: 420px;
		max-width: 100vw;
		box-shadow: 0 0 32px #0005;
		left: max(calc(50vw - 210px), 0px);
		bottom: 10%;
		border-radius: 0.5rem;
		overflow: hidden;
		overscroll-behavior-y: contain;
		padding-bottom: 20%;
		visibility: hidden;
		transform: translateY(-15px);
		transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s, visibility 0s linear 0.5s, z-index 0s linear 0.5s;
		opacity: 0;
	}

	.nav-popup>ul {
		overflow-y: auto;
		overscroll-behavior-y: contain;
		max-height: 100%;
	}

	/** open sidebar navigation on mobile **/
	.nav-popup.show-nav {
		visibility: visible;
		transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s linear 0s, z-index 0s linear 0s;
		z-index: 9999;
		opacity: 1;
		transform: translateY(0);
	}

	.nav-popup .titolo-menu {
		padding-left: 20px;
		padding-right: 20px;
	}

	.nav-popup .popup-button.close-popup {
		width: 100%;
	}

	main.page-content.with-sidebar> :not(section, .container, aside) {
		max-width: 720px;
		margin-left: auto;
		margin-right: auto;
	}

	.mobile-scroller {
		max-height: 100%;
		overflow-y: auto;
		padding-bottom: 20%;
	}

	.fc-toolbar-chunk:nth-child(2) {
		justify-content: center;
		display: none;
	}

	.fc-toolbar-chunk:nth-child(3) h2 {
		font-size: 1rem;
		line-height: 1.4em;
	}

	.fc-list-event-time {
		display: block;
		border: 0 none;
	}

	.fc tr.fc-event {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.fc td.fc-list-event-time {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 30%;
		order: 1;
		align-content: center;
	}

	td.fc-list-event-title {
		order: 2;
		font-weight: bold;
		border: 0;
		flex-basis: 100%;
	}

	.fc-direction-ltr .fc-list-table .fc-list-event-graphic .event_type {
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
		padding-right: 0px;
		flex: 1 1 70%;
		flex-shrink: 1;
		order: 2;
		border: 0px;
	}

	.fc .fc-list-table tr>* {
		border-left: 0px;
		border-right: 0px;
		border: 0;
	}

	html .fbc-page .fbc-wrap .fbc-items {
		padding-left: 0;
		padding-right: 0;
	}



	#birthName {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1em;
	}

	#birthName .question {
		flex: 1 1 50%;
		width: 50%;
		display: block;
	}

	#birthName hr {
		margin: 10px;
		flex: 1 1 100%;
	}

	#birthName .chartName {
		overflow-x: auto !important;
	}

	.search-buttons.grigio-light-bg {
		background-color: transparent !important;
	}

}

@media (max-width:767px) {

	.testo-sezione-sx,
	.testo-sezione-dx {
		position: relative;
		text-align: left;
		margin-left: 0;
	}

	main.page-content> :not(section, .container, aside) {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	#masthead {
		position: sticky;
		top: 0;
		z-index: 500;
	}

	body.admin-bar #masthead {
		top: 46px;
	}

	#eresults .result-content {
		border-bottom: 1px solid var(--grigio-light);
	}

	.post-grid-container .cardtitle {
		height: auto !important;
		max-height: 3.9em;
	}

	.ui-widget.ui-widget-content.ui-autocomplete:not(.nav-reati) {
		border: 0 none;
		width: 90vw !important;
		font-size: 1rem;
		line-height: 1.2em;
		max-height: 22em;
		left: 0 !important;
	}

	.ui-autocomplete.ui-menu .ui-menu-item-wrapper {
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid var(--grigio-light);
	}


	.accordion_livelli .accordion-body {
		padding: 5px;
	}

	.page-content>table {
		margin-bottom: 2rem;
		font-size: 1rem !important;
		table-layout: fixed;
		width: 100%;
	}

	.page-content>table tr {
		display: block;
		padding-bottom: 5px;
		height: auto !important;
		margin-bottom: 10px;
		border-bottom: 1px solid var(--grigio-light);
		width: 100%;
		overflow: auto;
	}

	.page-content>table tr td {
		display: block;
		height: auto !important;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100% !important;
	}

}

@media (max-width:575px) {
	#navigation .logotype {
		width: 200px;
	}

	#navigation.fixed .logotype {
		width: 200px;
	}

	.carosello-iframe-container .slick-slide:not(:last-child) {
		border: 0 none;
	}

	.slider_navigation.side.justify-content-between {
		top: auto;
		width: 100%;
		margin: 0;
		justify-content: center !important;
		position: relative;
		gap: 2em;
		height: auto;
	}

	.carosello-iframe-container .slider_navigation.side .arrow-left,
	.carosello-iframe-container .slider_navigation.side .arrow-right {
		left: auto;
		right: auto;
	}

	.carosello-iframe-container {
		background-color: var(--petrolio-chiarissimo);
	}

	.carosello-iframe-container .slick-slide .news-container,
	.carosello-iframe-container .slider_navigation {
		background-color: white;
	}

	.carousel-inner .slide_element {
		background-image: none !important;
	}

	.cardslider.scuro {
		padding: 24px !important;
	}

	.slide_element .intestazione {
		height: 100%;
		width: 100%;
		margin: 0;
	}

	footer .footerlistlink {
		border: 0 none;
	}

	form.is-search-form .inner-form .input-field {
		min-height: auto;
		width: 86%;
		margin-left: 7%;
		font-size: 1rem;
		line-height: 1.2;
	}

	.mainsearch-btn>i {
		font-size: 28px;
	}

	.mainsearch-field,
	.inner-form label[for^="is-search-input"] {
		font-size: 1.0625rem;
	}

	.suggestion-wrap label {
		display: block;
	}

	.search-banner {
		height: auto !important;
		padding: 1.2em 0;
	}

	#logotype {
		clip-path: inset(0 40% 0 0);
		display: inline-block;
		width: 140%;
	}

	.hero {
		display: none;
	}

	main.page-content.with-sidebar> :not(section, .container, aside) {
		max-width: 540px;
	}

	.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
		max-width: calc(100vw - 20px);
		max-height: 100vh;
		height: calc(100vh - 150px) !important;
		overscroll-behavior: contain;
		z-index: 9980;
		top: 75px !important;
		position: fixed !important;
		left: 10px !important;
		box-shadow: 0 0 10px #0005;
	}

	.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable .ui-dialog-content {
		overflow-y: auto;
		max-height: calc(100% - 60px) !important;
		height: 100% !important;
		overscroll-behavior: contain;
	}

	.ui-dialog .ui-dialog-title {
		float: left;
		margin: .1em 0;
		white-space: nowrap;
		width: 90%;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--petrolio);
		font-size: 1.2rem !important;
	}

	.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
		background: #fff;
		border: 0 none;
		border-bottom: 1px solid var(--rosso);
	}

	.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
		font-size: 2em;
		width: 40px;
		height: 40px;
		top: 9px;
		right: -1px;
		background: var(--petrolio-chiarissimo);
		border: 0 none;
		border-radius: 3px !important;
		overflow: hidden;
	}

	#ateco .ui-widget-content {
		margin-left: 16px;
		padding: 0;
		border: 0;
	}

	#ateco div.descrizione pre {
		margin: 0;
		font-size: 0.9em;
	}

	#faqText>ul {
		list-style-type: none;
		padding: 0;
	}

	#faqText ul {
		padding: 0;
		margin: 0;
	}

}

@media (max-width:480px) {
	.titolo-pagina.standard {
		padding: 1% 2%;
	}

	.titolo-pagina.standard h2 {
		line-height: normal;
	}


}