/*
Theme Name: Territoriale Child Test
Theme URI: https://example.com/territoriale-child
Description: Tema child di Territoriale
Author: Node / AG
Template: territoriale
Version: 1.0.0
Text Domain: territoriale-child

*/
:root {
	--habitat-main: #77033E;
	--bs-habitat-main-rgb: 119, 3, 62;
	--habitat-gray: #F5F5F5;
}

.btn-primary {
	--bs-btn-color: #000;
	--bs-btn-bg: var(--habitat-main);
	--bs-btn-border-color: var(--habitat-main);
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: rgb(88.4, 185.3, 228.65);
	--bs-btn-hover-border-color: rgb(78.6, 181.2, 227.1);
	--bs-btn-focus-shadow-rgb: 50, 147, 190;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: rgb(98.2, 189.4, 230.2);
	--bs-btn-active-border-color: rgb(78.6, 181.2, 227.1);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: var(--primary);
	--bs-btn-disabled-border-color: var(--habitat-main);
}

/* fix - Containers - AG */
@media (min-width: 1400px) {
  .container {
    max-width: 1340px; /* BS default */
  }
}
@media (min-width: 1500px) {
  .container,
  .container-xl {
    max-width: 1440px;
  }
}
@media (min-width: 1760px) {
  .container,
  .container-xl {
    max-width: 1600px;
  }
}

/* Utility - AG */
.bg-habitat-main {
    background-color: var(--habitat-main);
}

/* Fascia rossa HomePage - AG */
.sezione-video-homepage .btn:hover,
.sezione-video-homepage .btn:focus {
    background-color: var(--habitat-main) !important;
}
.sezione-video-homepage h2.h2 {
    color: var(--white) !important;
}

/* fix - HOMEPAGE - ACF BLOCK - GRIGLIA NEWS */
@media screen and (max-width: 1399.98px) {
  body.home .blocco-card_griglia .grid-cols-2 {
    grid-template-columns: 1fr;
  }
}

.swiper-button-next,
.swiper-button-prev {
	background-color: var(--habitat-main);
}

.card-grid__body h3 a {
	color: var(--secondary) !important;
}

a,
a:visited {
	color: var(--secondary);
	transition: var(--default-transition);
}

a:hover,
a:focus {
	color: var(--habitat-main);
}

.sidebar-area .sidebar-block__item a:hover,
.sidebar-area .sidebar-block__item a:focus {
	color: var(--habitat-main);
}

#topBar.bg-secondary {
	background-color: var(--habitat-main) !important;
}

@media (max-width: 991px) {
	#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav>li.nav-item .nav-link::after {
		background-color: var(--habitat-gray);
	}

	#mainSiteHeader .mainNavbarWrapper {
		border-bottom: 2px solid var(--habitat-gray);
		background-color: var(--habitat-main) !important;
		border-top: 1px solid var(--habitat-gray);
	}

	#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav li.nav-item .nav-link {
		color: var(--habitat-gray) !important;
	}

	#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav .dropdown-toggle::after {
		color: var(--habitat-gray) !important;
	}

	#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav>li.nav-item.active .nav-link {
		border-bottom: solid 5px var(--habitat-gray);
	}
}

@media (min-width: 992px) {
	#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav>li.nav-item .nav-link::after {
		background-color: var(--habitat-main);
	}

	#mainSiteHeader .mainNavbarWrapper {
		border-bottom: 2px solid var(--habitat-main);
		background-color: var(--habitat-gray) !important;
	}

	#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav li.nav-item .nav-link {
		color: var(--habitat-main) !important;
	}

	#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav .dropdown-toggle::after {
		color: var(--habitat-main) !important;
	}
}




.fas.fa-search.text-primary {
	color: var(--habitat-main) !important;
}

.dropdown-menu {
	background-color: var(--habitat-main);
}

#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav .dropdown-menu .dropdown-item.active,
#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav .dropdown-menu .dropdown-item:focus,
#mainSiteHeader .mainNavbarWrapper nav.navbar ul.navbar-nav .dropdown-menu .dropdown-item:hover {
	background-color: var(--secondary);
}

.nav-pulsantiera.bg-secondary {
	background-color: var(--habitat-main) !important;
}

.blocco-accordion .blocco-accordion__header .blocco-accordion__toggle[aria-expanded=true] i.fa-minus {
	color: var(--habitat-main);
}

.blocco-accordion .blocco-accordion__header .blocco-accordion__toggle[aria-expanded=true] i.fa-minus {
	color: var(--habitat-main);
}

.article-listing__content .article-listing__title.text-primary,
.article-listing__content .article-listing__title.text-primary a.text-primary {
	color: var(--secondary) !important;
}

.btn-tag-list {
	color: var(--habitat-main);
	border-color: var(--habitat-main);
}

.swiper-pagination .swiper-pagination-bullet {
	background-color: var(--habitat-main);
	border: 2px solid var(--habitat-main);
}

.swiper-pagination .swiper-pagination-bullet-active {
	background-color: var(--white);
}

.bannerCCI-numbers--value,
.bannerCCI-numbers--label {
	text-align: center;
	color: var(--secondary);

}

.bannerCCI-numbers--value {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--secondary);
}

.bannerCCI-numbers--label {
	text-transform: uppercase;
	font-weight: 700;

}

.site-footer__info-block--submenu p {
	margin-bottom: .5rem;
}


.cpt-video-card {
	position: relative;
	cursor: pointer;
	margin-bottom: 1.25rem;
}

.cpt-video-card-container {
	width: 100%;
	display: flex;
	background-color: var(--secondary);
	transition: all .2s ease;
}

.cpt-video-card-container:hover {
	transform: scale(1.01);
	transform-origin: center;
}

.cpt-video-card-image {
	width: 40%;
	aspect-ratio: 16/9;
	z-index: 1;
	position: relative;
	opacity: 1;
	overflow: hidden;
}

.cpt-video-card-image::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M12,1A11,11,0,1,0,23,12,11.013,11.013,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9.011,9.011,0,0,1,12,21ZM10,8l6,4-6,4Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-position: center;
	background-size: 100px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.cpt-video-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cpt-video-card-title {
	color: var(--white);
	padding: 1.25rem;
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cpt-video-card {
	position: relative;
	cursor: pointer;
	margin-bottom: 1.25rem;
	box-shadow: var(--default-box-shadow);
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
}

.cpt-video-card-container {
	width: 100%;
	display: flex;
	background-color: var(--bs-white);
	transition: all .2s ease;
}

.cpt-video-card-container:hover {
	transform: scale(1.01);
	transform-origin: center;
}

.cpt-video-card:focus-visible {
	outline: 3px solid var(--bs-primary);
	outline-offset: 3px;
}

.cpt-video-card:focus-visible .cpt-video-card-container {
	transform: scale(1.01);
	transform-origin: center;
}

.cpt-video-card-image {
	width: 33%;
	aspect-ratio: 16/9;
	z-index: 1;
	position: relative;
	opacity: 1;
	overflow: hidden;
}

.cpt-video-card-image::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M12,1A11,11,0,1,0,23,12,11.013,11.013,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9.011,9.011,0,0,1,12,21ZM10,8l6,4-6,4Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-position: center;
	background-size: 100px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.cpt-video-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cpt-video-card-title {
	color: var(--bs-secondary);
	padding: 1.25rem;
	width: 67%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cpt-video-card-title .page-content__title {
	display: block;
	margin-bottom: 0;
}

.cpt-video-card.verticale .cpt-video-card-container {
	width: 100%;
	flex-direction: column;
}

.cpt-video-card.verticale .cpt-video-card-container .cpt-video-card-image,
.cpt-video-card.verticale .cpt-video-card-container .cpt-video-card-title {
	width: 100%;
}

.video-modal-dialog--portrait {
	max-width: min(420px, calc(100% - 2rem));
}

.video-modal-ratio--portrait {
	--bs-aspect-ratio: 177.777777%;
	max-width: min(420px, 56vh, 100%);
	margin: 0 auto;
}


@media (max-width:575px) {
	.cpt-video-card-container {
		flex-direction: column;
	}

	.cpt-video-card-image,
	.cpt-video-card-title {
		width: 100%;
	}
}


.cci_banner_block {
	position: relative;
	min-height: 300px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 25px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cci_banner_block.overlay-scuro::before,
.cci_banner_block.overlay-chiaro::before,
.cci_banner_block.overlay-medio::before /* AG */ {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .8;
	z-index: 0;
}

.cci_banner_block.overlay-scuro::before {
	background-color: var(--bs-black);
}

.cci_banner_block.overlay-chiaro::before {
	background-color: var(--bs-white);
}

/* AG */
.cci_banner_block.overlay-medio::before {
	background-color: var(--bs-gray-900);
}

.cci_banner_block--info {
	z-index: 1;
	position: relative;
}

.cci_banner_block.overlay-chiaro {
	color: var(--bs-black);
}

.cci_banner_block.overlay-scuro {
	color: var(--bs-white);
}

/* AG */
.cci_banner_block.overlay-medio {
	color: var(--bs-white);
}



/* -----------------------------------------
  NEW →  SEDI TERRITORIALI (archivio cpt + mappa)
----------------------------------------- */
.page-archive-sedi-territoriali {
	background: var(--white);
}

.sedi-territoriali-map-section {}

.sedi-territoriali-map {
	min-height: 520px;
	width: 100%;
	border-radius: 0.25rem;
	background-color: #efefef;
	background-image: url("../territoriale/img/cookie_info_blocked_content.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 260px 130px;
	box-shadow: var(--default-box-shadow);
}

.sedi-territoriali-map img {
	max-width: none;
}

.sedi-territoriali-map-section__status {
	color: var(--secondary);
}

.sedi-territoriali-accordion {
	border-bottom: 1px solid var(--light-grey);
}

.sedi-territoriali-accordion .blocco-accordion__item {
	background-color: transparent;
}

.sedi-territoriali-accordion .blocco-accordion__toggle:focus-visible {
	outline: 3px solid rgba(250, 194, 54, 0.65);
	outline-offset: 2px;
}

.sedi-territoriali-accordion__body {
	background-color: var(--white);
}

.sedi-territoriali-accordion__address {
	color: var(--dark);
	font-style: normal;
	white-space: normal;
}

.sedi-territoriali-accordion__details dt {
	color: var(--secondary);
	font-weight: 700;
}

.sedi-territoriali-accordion__details dd {
	margin-bottom: 0;
}

.sedi-territoriali-accordion__directions {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.sedi-territoriali-infow {
	max-width: 260px;
	color: #222;
	font-size: 0.875rem;
	line-height: 1.35;
}

.sedi-territoriali-infow__title {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0;
	border: 0;
	color: var(--secondary);
	font: inherit;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	background: transparent;
	cursor: pointer;
	text-decoration: none;
}

.sedi-territoriali-infow__title:hover,
.sedi-territoriali-infow__title:focus {
	color: var(--cultura-secondary);
	text-decoration: none;
}

.sedi-territoriali-infow__title:focus-visible {
	outline: 2px solid rgba(250, 194, 54, 0.65);
	outline-offset: 3px;
}

.sedi-territoriali-infow__title-icon {
	font-size: 0.75em;
}

.sedi-territoriali-infow__address {
	margin: 0.5rem 0 0;
	color: var(--dark);
	font-weight: 400;
}

@media (max-width: 767.98px) {
	.sedi-territoriali-map {
		min-height: 360px;
	}
}