/*
Theme Name: CIIP 70
Author: Ski Design
Author URI: https://www.skidesign.it
Version: 1.0
*/

/* Header */
.it-brand-wrapper img {
	height: 100px;
	margin-right: 30px;
}

/* Footer */
.it-footer-main {
	background-color: var(--blue3);
}
.it-footer-main p {
	color: white;
}
.it-footer .footer-heading-title {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	text-transform: none;
}
.it-footer .le-small p {
	line-height: 18px;
}
body #acwp-toolbar-btn-wrap {
	right: 20px !important;
	bottom: 20px !important;
}
.it-footer-main a {
	text-decoration: none;
}

/* Top menu */
.it-header-center-wrapper,
.it-header-navbar-wrapper {
	background-color: var(--blue3);
}
.it-header-slim-wrapper {
	background-color: var(--blue1);
	font-weight: bold;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content .navbar-brand {
	font-size: 1rem;
}
.it-header-slim-right-zone .nav-item {
	padding: 0 30px;
	background-color: var(--blue2);
}
.it-header-slim-right-zone > a {
	background-color: var(--blue4);
}
#header-nav-wrapper .btn-primary {
	background-color: var(--blue3);
}
.megamenu .link-list {
	column-count: 2;
	display: block !important;
}

/* Drop menu */
.navbar-drop {
	position: relative;
	top: 50px;
	margin-top: 0px !important;
	z-index: 1;
}
.navbar-drop .nav-link {
	color: var(--blue1) !important;
	padding-left: 20px !important;
	margin-left: 20px !important;
}
.navbar-drop .nav-link::before {
	content: '';
	position: absolute;
	background-image: url('img/goccia-menu.png');
	width: 16px;
	height: 16px;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
.navbar-drop .btn-primary {
	background-color: transparent !important;
	color: var(--blue1) !important;
}
.navbar-drop .btn-icon .rounded-icon {
	background-color: var(--blue3);
}

/* Megamenu */
#header-nav-wrapper .navbar {
	margin-top: 50px;
}
#header-nav-wrapper nav.has-megamenu {
	position: absolute;
	width: 100%;
}
#header-nav-wrapper nav.has-megamenu span {
	font-size: 18px;
	font-weight: 600;
}
#header-nav-wrapper nav:not(.has-megamenu) {
	position: absolute;
	right: 0;
	z-index: 10;
}

/* Pulsante menu responsive di default */
.custom-navbar-toggler {
	display: none !important;
}

/* Menu responsive custom */
.hamburger-btn {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 40px;
	height: 35px;
	cursor: pointer;
	position: absolute;
	right: 30px;
	top: 39px;
	background-color: white;
	padding: 8px;
	border-radius: 5px;
	z-index: 2000;
}
.hamburger-btn span {
  height: 3px;
  background: #444;
  border-radius: 2px;
  transition: all 0.3s ease;
	z-index: 2000;
}
#hamburger-toggle:checked + .hamburger-btn span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 6px);
}
#hamburger-toggle:checked + .hamburger-btn span:nth-child(2) {
  opacity: 0;
}
#hamburger-toggle:checked + .hamburger-btn span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -6px);
}
.mobile-menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--blue3);
	z-index: 1000;
	transform: translateX(-100%);
	width: 100%;
	padding: 50px;
	transition: 0.2s all;
	overflow: auto;
}
.mobile-menu a {
	color: white;
	font-size: 14pt;
}
.mobile-menu li {
	position: relative;
	padding: 5px 0;
}
.mobile-menu .sub-menu {
	display: none;
	padding-left: 15px;
	border-left: 2px solid var(--blue5);
  margin-left: -10px;
}
.mobile-menu .menu-item-has-children::before {
	content: '\f054';
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: -15px;
	color: white;
	top: 11px;
	font-size: 10pt;
}
.mobile-menu .menu-item-has-children.opened::before {
	content: '\f078';
}
.mobile-menu svg {
	width: 24px;
	height: 24px;
	stroke: white;
	margin-top: -7px;
}

/* Home */
.page-home .it-carousel-wrapper .splide__track {
	padding-top: 0;
}
.page-home .it-hero-wrapper.it-overlay.it-dark .img-responsive-wrapper::after {
	background: transparent;
}
.page-home .box-projects {
	background-color: var(--light-gray);
}
.page-home .box-projects .card {
	background-color: transparent;
}
.page-home .box-numbers .box-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}
.page-home .box-numbers .box-help {
	background-color: var(--light-gray);
}
.page-home .box-numbers .box-help h4,
.page-home .box-numbers .box-help,
.page-home .box-numbers .box-help a {
	color: var(--blue3);
}
.page-home .box-numbers .box-help a {
	font-weight: bold;
}
.page-home .box-numbers .box-help svg {
	stroke: var(--blue3);
}
.page-home .box-online-services .box-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}
.page-home .box-online-services .box-content {
	position: relative;
}
.page-home .box-online-services .box-content::before {
	content: '';
	position: absolute;
	left: 350px;
	top: 0px;
	background-image: url('img/frecce-online.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 145px;
	height: 50px;
}
.page-home .box-online-services .box-content,
.page-home .box-online-services .box-content p,
.page-home .box-online-services .box-content h3,
.page-home .box-online-services .box-content h5 {
	color: white !important;
}
.page-home .box-news .box-item {
	border: 0;
}
.page-home .box-news .box-item .box-text {
	background-color: white;
}
.page-home .box-news .box-item .box-text h4 {
	color: var(--blue4);
}
.page-home .box-water-notice .row {
	background-image: url('img/drop-background.webp');
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}
.page-home .box-water-notice h3,
.page-home .box-water-notice h4 {
	color: white;
}
.page-home .box-water-notice .box-cta {
	display: flex;
	align-items: end;
}

/* Pagina interna generica */
.page-internal .water-separator {
	height: 100px;
	background-image: url('/wp-content/uploads/2025/06/fascia-acqua-interne.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.page-internal .box-breadcrumb strong {
	font-weight: 600;
}

/* Archivio storico */
.page-archivio-storico iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}

/* Paginazione */
.pagination .page-item .page-link[aria-current] {
	background-color: var(--blue3);
	color: white;
	border: 1px solid var(--blue3);
}
.pagination .icon-primary {
	fill: var(--blue3) !important;
}
.pagination .page-item .page-link:hover {
	color: var(--blue3);
}

/* Infowindow Google Map */
.wk-content p {
	font-size: 12pt;
	line-height: 17pt;
}
.wk-content img {
	margin-right: 20px;
	margin-top: -25px;
}
.wk-content strong {
	font-size: 14pt;
	margin-bottom: 5px;
	display: inline-block;
}
.wk-content table {
	margin-bottom: 10px;
}

/* Questionario customer satisfaction */
.customer_satisfaction {
	width: 100%;
	font-size: 1.125rem;
}
.customer_satisfaction td {
	border: 1px solid gray;
	padding: 5px 7px;
}
.customer_satisfaction td.cs_section {
	background-color: var(--blue5);
	color: white;
}
.customer_satisfaction td.cs_answers {
	width: 30px;
	text-align: center;
	background-color: #ddd;
}
.customer_satisfaction input[type="radio"] {
	appearance: auto !important;
	cursor: pointer;
}

/* Misc */
a,
a span,
button {
	transition: all 0.5s;
	text-decoration: none;
}
main a,
main a span,
main button {
	color: var(--par);
}
a:hover,
a:hover span,
button {
	text-decoration: none !important;
}
a:hover,
a:hover span,
button:hover {
	opacity: 0.7;
	transition: all 0.5s;
}
li.std {
	list-style-type: square;
	margin-left: 20px;
}
.btn-primary {
	color: white;
}
.navbar .dropdown-menu .link-list-wrapper ul li a,
.navbar .dropdown-menu .link-list-wrapper ul li a i,
.navbar .dropdown-menu .link-list-wrapper ul li a span {
	color: var(--blue3);
}
.navbar .dropdown-menu .link-list-wrapper ul li a svg,
.link-list-wrapper ul li a:hover .icon {
	fill: var(--blue3) !important;
}
svg.bringup {
	position: relative;
	top: -2px;
}
p {
	color: var(--par);
}
hr {
	opacity: 1;
	border-top: 1px solid var(--blue5);
}
main {
	margin-top: 0px; /* Ripristinare a 50px se si reintegra il terzo menu nell'header */
}
.btn-primary,
.btn-primary:hover {
	background-color: var(--blue1);
}
.btn-big {
	font-size: 20px;
	padding: 15px 30px;
}
.btn-dark {
	background-color: #225491;
}
.chip {
	border: 2px solid var(--blue3) !important;
	background: transparent !important;
	height: auto;
	padding: 10px 20px;
	margin: auto;
	border-radius: 30px;
}
.chip .chip-label {
	color: var(--blue3);
	font-size: 20px;
	height: auto;
}
.chip:hover {
	background-color: var(--blue3) !important;
}
h2.title-lined {
	color: var(--blue5);
	background-color: white;
	/* z-index: 10; */
	position: relative;
	display: inline-block;
	padding-right: 20px;
}
hr.title-lined {
	border-bottom: 1px solid var(--blue5);
	margin-top: -18px;
	opacity: 1;
	border-top: 0;
}
.small-caption {
	font-size: 12px;
}
ul.std {
	list-style-type: square;
	margin-left: 15px;
}
.bg-blue-card {
	background-color: var(--blue3);
}
.bg-light-blue-card {
	background-color: var(--blue6);
}
input {
	border-radius: 10px;
}
input::placeholder {
	color: var(--blue5) !important;
}
.box-boxed-links .box-item .card-wrapper {
	border: 2px solid var(--blue5);
}
.box-boxed-links .box-item h3 {
	color: var(--blue1);
	text-align: center;
	font-size: 24px;
}
.box-boxed-links .box-item .card-body {
	display: flex;
  justify-content: center;
  align-items: center;
	padding: 15px;
}
.box-evidence-cta .box-content {
	background-size: cover;
	background-repeat: no-repeat;
}
.box-evidence-cta h2.backgrounded-light {
	font-size: 30px;
	line-height: 55px;
}
h2.backgrounded-light {
	background-color: var(--blue5);
	font-weight: normal;
	padding: 0px 10px;
	opacity: 0.85;
	display: inline;
	line-height: 70px;
	color: white;
}
.card-teaser .avatar,
.card-teaser .avatar img {
	border-radius: 0;
	background: transparent;
	width: 50px;
	height: 50px;
}
.card-teaser-link,
.card-teaser-link:hover,
.card-teaser a {
	color: var(--blue3) !important;
}
.card.card-teaser-info {
	border-left: 8px solid #034e9f33;
}
.box-anniversary iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.grecaptcha-badge {
	bottom: 90px !important;
}

/*** RESPONSIVE ***/
@media (max-width: 1200px) {
	.hamburger-btn {
		display: inline-flex;
	}
	.it-header-slim-wrapper,
	.it-header-navbar-wrapper,
	nav.navbar,
	ul.navbar-nav,
	.it-right-zone {
		display: none !important;
	}
	.it-header-center-wrapper {
		padding-bottom: 10px;
	}
	.it-brand-wrapper {
		margin: auto !important;
	}
}

@media (max-width: 1024px) {
	.page-home .box-online-services .box-content::before {
		display: none;
	}
	.box-files-list {
		column-count: 1 !important;
	}
}

@media (max-width: 992px) {
	.card .card-body {
		padding: 0;
	}
	.it-brand-wrapper img {
		height: 60px;
	}
	.hamburger-btn {
		top: 20px;
	}
	h2.backgrounded-light {
		font-size: 30px;
		line-height: 55px;
	}
	
	.h3-blue-title { /* DONE */
		font-size: 32px !important;
		line-height: 40px !important;
	}
	.h3-light-blue-title {
		font-size: 38px;
		line-height: 45px;
	}
	.h4-blue-title {
		font-size: 26px !important;
	}
	.h4-gray-title { /* DONE */
		font-size: 26px !important;
		line-height: 30px !important;
	}
	.h5-gray-title {
		font-size: 20px;
		line-height: 30px;
	}
	.h5-medium-gray-title {
		font-size: 20px;
	}
	.h5-light-blue-title {
		font-size: 25px;
	}
	.btn-big {
		font-size: 16px;
	}
	.home-carousel .it-hero-wrapper {
		align-items: center;
	}
	.home-carousel .it-hero-wrapper .it-hero-text-wrapper {
		padding: 0;
	}
	.home-focus-1 .card::after {
		margin: 0;
	}
	.box-anniversary.is-reversed .row > div:nth-child(1) {
		order: 1 !important;
	}
	.box-anniversary.is-reversed .row > div:nth-child(2) {
		order: 2 !important;
	}
	.box-anniversary img {
		margin-bottom: 20px;
	}
}

@media (max-width: 640px) {
	.it-brand-title {
		display: none;
	}
	.home-carousel .it-hero-wrapper {
		min-height: 250px;
	}
	h2.backgrounded-light {
		font-size: 25px;
		line-height: 45px;
	}
	.box-evidence-cta h2.backgrounded-light {
		font-size: 18px;
		line-height: 40px;
	}
}