/* =========================
   TITILLIUM WEB
========================= */

/* Regular (400) */
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Italic (400) */
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* SemiBold (600) */
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* =========================
   LORA - FONT EDITORIALE
========================= */

/* Regular */
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/lora-v20-latin-ext_latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Italic */
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/lora-v20-latin-ext_latin-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/lora-v20-latin-ext_latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  font-family: "Lora";
  src: url("../fonts/Lora/lora-v20-latin-ext_latin-700italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* =========================
   COLORI
========================= */

:root {
  --bs-indigo: hsl(243, 100%, 65%);
  --bs-purple: hsl(243, 100%, 80%);
  --bs-pink: hsl(350, 100%, 85%);
  --bs-red: hsl(350, 60%, 50%);
  --bs-orange: hsl(36, 100%, 30%);
  --bs-yellow: hsl(44, 100%, 72.5%);
  --bs-green: hsl(160, 100%, 25%);
  --bs-teal: hsl(178, 90%, 32%);
  --bs-cyan: hsl(178, 100%, 50%);
  --bs-white: hsl(0, 0%, 100%);
  --bs-gray: hsl(0, 0%, 32%);
  --bs-gray-dark: hsl(0, 0%, 15%);
  --bs-blue: hsl(210, 100%, 45%);
  --bs-gray-secondary: hsl(210, 17%, 44%);
  --bs-gray-tertiary: hsl(205, 21.2121212121%, 44.55%);
  --bs-gray-quaternary: hsl(238, 100%, 99.5%);
  --bs-gray-100: hsl(0, 0%, 96%);
  --bs-gray-200: hsl(0, 0%, 90%);
  --bs-gray-300: hsl(0, 0%, 83%);
  --bs-gray-400: hsl(0, 0%, 64%);
  --bs-gray-500: hsl(0, 0%, 45%);
  --bs-gray-600: hsl(0, 0%, 32%);
  --bs-gray-700: hsl(0, 0%, 25%);
  --bs-gray-800: hsl(0, 0%, 15%);
  --bs-gray-900: hsl(0, 0%, 10%);
  --bs-primary: hsl(69, 100%, 40%);
  --bs-secondary: hsl(210, 17%, 44%);
  --bs-success: hsl(160, 100%, 25%);
  --bs-info: hsl(210, 17%, 44%);
  --bs-warning: hsl(36, 100%, 30%);
  --bs-danger: hsl(350, 60%, 50%);
  --bs-light: hsl(255, 32.2033898305%, 92.625%);
  --bs-dark: #0c425a;
  --bs-dark-2: #002c3f;
  --bs-dark-3: #0b90bb;
  --bs-black: hsl(0, 0%, 0%);
  --bs-white: hsl(0, 0%, 100%);
  --bs-100: hsl(0, 0%, 96%);
  --bs-200: hsl(0, 0%, 90%);
  --bs-300: hsl(0, 0%, 83%);
  --bs-400: hsl(0, 0%, 64%);
  --bs-500: hsl(0, 0%, 45%);
  --bs-600: hsl(0, 0%, 32%);
  --bs-700: hsl(0, 0%, 25%);
  --bs-800: hsl(0, 0%, 15%);
  --bs-900: hsl(0, 0%, 10%);
  --bs-primary-rgb: 0, 102, 204;
  --bs-secondary-rgb: 93.126, 112.2, 131.274;
  --bs-success-rgb: 0, 127.5, 85;
  --bs-info-rgb: 93.126, 112.2, 131.274;
  --bs-warning-rgb: 153, 91.8, 0;
  --bs-danger-rgb: 204, 51, 76.5;
  --bs-light-rgb: 233.165625, 230.1375, 242.25;
  --bs-dark-rgb: 23.46, 51, 78.54;
  --bs-black-rgb: 0, 0, 0;
  --bs-white-rgb: 255, 255, 255;
  --bs-100-rgb: 244.8, 244.8, 244.8;
  --bs-200-rgb: 229.5, 229.5, 229.5;
  --bs-300-rgb: 211.65, 211.65, 211.65;
  --bs-400-rgb: 163.2, 163.2, 163.2;
  --bs-500-rgb: 114.75, 114.75, 114.75;
  --bs-600-rgb: 81.6, 81.6, 81.6;
  --bs-700-rgb: 63.75, 63.75, 63.75;
  --bs-800-rgb: 38.25, 38.25, 38.25;
  --bs-900-rgb: 25.5, 25.5, 25.5;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 25.5, 25.5, 25.5;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: "Titillium Web", Geneva, Tahoma, sans-serif;
  --bs-font-monospace: "Roboto Mono", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: hsl(0, 0%, 10%);
  --bs-body-bg: hsl(0, 0%, 100%);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: hsl(210, 4%, 78%);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 4px;
  --bs-border-radius-sm: 2px;
  --bs-border-radius-lg: 8px;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0c425a;
  --bs-link-hover-color: rgb(0, 81.6, 163.2);
  --bs-code-color: hsl(210, 54%, 20%);
  --bs-highlight-bg: hsl(178, 100%, 90%)
}

/* header */
.it-header-slim-wrapper {
  background: var(--bs-dark-2);
}
.it-header-center-wrapper {
  background: var(--bs-dark);
}

@media (min-width: 992px) {
    .it-header-navbar-wrapper, .navbar {
        background:var(--bs-dark);
    }
    .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(--bs-dark);
    }
}

@media (min-width: 992px) {
    .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon svg {
        fill: var(--bs-dark-2);
        width: 24px;
        height: 24px;
    }
}

/* hero overlay */
.it-hero-wrapper.it-overlay.it-dark .img-responsive-wrapper:after {
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(23, 50, 77, 0.55) 30%,
        rgba(23, 50, 77, 0.20) 100%
    ) !important;
}

/* =========================================================
   HERO SLIDER - FRECCE
   ========================================================= */

.front-hero-slider {
	position: relative;
	overflow: hidden;
}

.front-hero-slider .splide__track {
	position: relative;
}

.front-hero-slider .splide__arrows {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 20;
	pointer-events: none;
	transform: translateY(-50%);
}

.front-hero-slider .splide__arrow {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 48, 64, 0.85);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	cursor: pointer;
	pointer-events: auto;
	transform: translateY(-50%);
	transition:
		background-color 0.2s ease,
		opacity 0.2s ease,
		transform 0.2s ease;
}

.front-hero-slider .splide__arrow:hover,
.front-hero-slider .splide__arrow:focus {
	background: rgba(0, 48, 64, 1);
	opacity: 1;
}

.front-hero-slider .splide__arrow:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 3px;
}

.front-hero-slider .splide__arrow--prev {
	left: 24px;
}

.front-hero-slider .splide__arrow--next {
	right: 24px;
}

/* Nascondo l'icona/SVG default di Splide */
.front-hero-slider .splide__arrow svg {
	display: none;
}

/* Creo le frecce manualmente, così prev e next sono sempre corrette */
.front-hero-slider .splide__arrow::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
}

.front-hero-slider .splide__arrow--prev::before {
	transform: rotate(-135deg);
	margin-left: 4px;
}

.front-hero-slider .splide__arrow--next::before {
	transform: rotate(45deg);
	margin-right: 4px;
}

/* Disabilitata */
.front-hero-slider .splide__arrow:disabled {
	opacity: 0.35;
	cursor: default;
}

/* Pagination dots */
.front-hero-slider .splide__pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 24px;
	z-index: 20;
	padding: 0;
}

.front-hero-slider .splide__pagination__page {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.6);
	opacity: 1;
}

.front-hero-slider .splide__pagination__page.is-active {
	background: #ffffff;
	transform: scale(1.25);
}

/* Evita margini indesiderati sulle slide */
.front-hero-slider .splide__slide {
	padding: 0;
}

.front-hero-slider .it-hero-wrapper {
	margin-bottom: 0;
}

.it-carousel-wrapper .splide__track {
    padding-top:0px !important;
}

/* lavori e progetti */
/*.home-page .front__latest-avvisi {
    background:var(--bs-dark-3);
    color:#fff;
}*/


.home-page .front__latest-avvisi {
    position: relative;
    overflow: hidden;
    background-color: var(--bs-dark-3);
    color: var(--bs-dark);
}

.home-page .front__latest-avvisi::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../img/cb-6.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.home-page .front__latest-avvisi::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--bs-dark-2);
    opacity: 0.60;
    z-index: 1;
}

.home-page .front__latest-avvisi > * {
    position: relative;
    z-index: 2;
}
.home-page .front__latest-avvisi .it-card {
    background: var(--bs-white);
}

.home-page .front__latest-avvisi h2 {
    color: var(--bs-white);
}
.home-page .front__latest-avvisi p,
.home-page .front__latest-avvisi a,
.home-page .front__latest-avvisi .text,
.home-page .front__latest-avvisi h3  {
    color: var(--bs-dark);
}

.home-page .front__latest-avvisi a:hover {
    color: var(--bs-dark);
}

/* button general*/
.btn-primary {
    background-color: var(--bs-dark-2);
    border-color: var(--bs-dark-2);
}

.btn-primary:hover {
    background-color: var(--bs-gray);
    border-color: var(--bs-gray);
}

.bg-dark .btn-secondary {
    background-color: var(--bs-gray-secondary);
    border-color: #fff;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #fff;
}

.bg-dark .btn-secondary:hover,
.bg-dark .btn-secondary:focus,
.bg-dark .btn-secondary:active,
.bg-dark .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: var(--bs-gray);
    border-color: #fff;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #fff;
}

a.wp-block-button__link:hover {
    color: #fff;
    text-decoration: underline;
}

/* button header */
.it-header-slim-right-zone .btn-primary {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
}

/* ico global */
.icon-primary {
    fill: var(--bs-dark) !important;
}

/* breadcrumb */
.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a {
    color: var(--bs-gray-900);
    font-weight: 400 !important;
    text-decoration:none;
}

.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a:hover {
    color: var(--bs-gray-900);
    text-decoration:underline;
}

.btn-dropdown:hover, .link-list-wrapper:hover ul li a span {
    color: var(--bs-gray-900) !important;
}


/* search */
.card .card-body .category-top {
    color: var(--bs-dark-2);
}

.form-check [type=checkbox]:checked+label:after {
    border-color:  var(--bs-dark-2);
    background-color:  var(--bs-dark-2);
    z-index: 0;
}

/* title and link */
.t-primary, a.read-more {
    color: var(--bs-dark);
}

a:hover {
    color: var(--bs-dark);
}

@media (min-width: 576px) {
    .it-footer .footer-heading-title {
        font-size: 1rem !important;
    }
}

@media (min-width: 576px) {
    h3, .h3 {
        font-size: 2rem !important;
        line-height: 2.5rem;
    }
}

/* Text */
.it-card-text { font-family: Lora; color: var(--bs-gray-dark); font-size:16px; line-height: 24px; }

.card .card-body .card-text {
    color: var(--bs-gray-dark);
}

/* menu */
.page-menu-content .menu-name {
    text-transform: uppercase;
    font-weight: bold;
}

@media (min-width: 576px) {
    .title-medium {
        font-size: 1rem;
    }
}

/* category */
.card .card-body .category-top a.category {
    color: var(--bs-dark);
}

/* alert */
.alert-primary {
	border-left: 8px solid #06c !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2306c' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 19a9 9 0 1 1 9-9 9 9 0 0 1-9 9zm-.7-15h1.5v2h-1.5zm0 3h1.5v9h-1.5z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.alert-info {
    border-left: 8px solid #5d7083 !important;
}

.alert-success {
	border-left: 8px solid #007a52 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23007a52' d='M17.1 7.9l.7.7-7.8 7.6-4.7-4.6.7-.7 4 3.9zM22 12A10 10 0 1 1 12 2a10 10 0 0 1 10 10zm-1 0a9 9 0 1 0-9 9 9 9 0 0 0 9-9z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.alert-warning {
	border-left: 8px solid #a06711 !important;
}

.alert-danger {
	border-left: 8px solid #cc334c !important;
}


/* Carousel */
.it-carousel-wrapper .splide__pagination button.is-active {
    background: var(--bs-dark);
}

a:hover {
    color: var(--bs-dark);
    text-decoration: underline;
}

/* Share action */
.share-action .link-list-wrapper ul li a .icon {
    width: 25px !important;
    height: 25px !important;
    margin-right: 5px;
}
.link-list .list-item {
	display: inline-flex;
	align-items: center;
	gap: 0rem;
	white-space: nowrap;
}
.link-list .list-item svg {
	flex-shrink: 0;
}

.btn-dropdown, .link-list-wrapper ul li a span {
    color: var(--bs-dark) !important;
}

.link-list-wrapper ul li a:hover:not(.disabled) .icon {
    fill: var(--bs-dark);
}

/* paginazione */
.teverenera-pagination {
	width: 100%;
	display: flex;
	justify-content: center;
}

.teverenera-pagination .pagination-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 1rem;
	margin: 0;
	list-style: none;
	border-radius: 999px;

}

.teverenera-pagination .page-link-custom {
	min-width: 44px;
	height: 44px;
	padding: 0 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #ffffff;
	color: var(--bs-dark-2);
	font-weight: 700;
	text-decoration: none;
	border: 1px solid rgba(23, 50, 77, 0.12);
	transition: all 0.2s ease;
}

.teverenera-pagination .page-link-custom:hover {
	background: var(--bs-gray-dark);
	color: #ffffff;
	border-color: var(--bs-gray-dark);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 102, 204, 0.25);
}

.teverenera-pagination .page-link-custom.current {
	background: var(--bs-gray-dark);
	color: #ffffff;
	border-color: var(--bs-gray-dark);
	box-shadow: 0 8px 20px rgba(0, 102, 204, 0.25);
}

.teverenera-pagination .pagination-label {
	padding: 0 0.5rem;
}

.teverenera-pagination .next,
.teverenera-pagination .prev {
	min-width: 120px;
	background: var(--bs-dark-2);
	color: #ffffff;
	border-color: var(--bs-dark-2);
}

.teverenera-pagination .next:hover,
.teverenera-pagination .prev:hover {
	background:  var(--bs-gray-dark);
	border-color:  var(--bs-gray-dark);
	color: #ffffff;
}

/* sidebar card */
.card .card-body a .card-title.h5, .card .card-body a h5.card-title {
    color: var(--bs-dark);
}

@media (min-width: 992px) {
	.sidebar-news-sticky {
		position: sticky;
		top: 80px;
	}
}