@charset "UTF-8";

/*----------------------------------------*/
/*  01. Template default CSS
/*----------------------------------------*/
/* Common Style */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


html,
body,
.site-wrapper {
	height: 100%;
	line-height: 1;
}
body {
	font-family: "neue-frutiger-world", sans-serif;
	font-weight: 400;
	font-style: normal;
  	font-size: 20px;
	line-height: 1.74;
	position: relative;
	visibility: visible;
	overflow-x: hidden;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	letter-spacing: 0;
	color: #00467c;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "neue-frutiger-world", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.3;
	margin-top: -8px;
	color: #333333;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: inherit;
  margin: 0;
}

.h2 { font-size: 25px!important; }
.strong { font-weight: 600!important; }
.spacer { margin: 100px 0; }
.slider-desktop { display: none; }
.slider-mobile { display: block; }
#slider-homepage, #slider-homepage-mobile { border-radius: 15px; }
#slider-homepage img, #slider-homepage-mobile img { border-radius: 15px; }
.testo-blu { color: #00467c; }
.testo-azzurro { color: #2FA8FF; }
.testo-rosso { color: #99252a; }
.no-bold { font-weight: 300!important; }
.blu { background-color: #00467C; }
.azzurro { background-color: #397FBE; }
.grigio { background-color: #4E7080; }
.azzurro-02 { background-color: #397FBE; }

.breadcrumbs {
	margin-top: 30px;
	font-size: 16px;
}
.titolo-box { font-size: 50px; line-height: 120%; }

p:last-child {
  margin-bottom: 0;
}
a:hover {
  text-decoration: none;
  color: #c27b35;
}
a,
button {
  line-height: inherit;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
a,
button,
img,
input {
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn:hover a {
    color: var(--bs-btn-hover-color)!important;
    background-color: var(--bs-btn-hover-bg)!important;
    border-color: var(--bs-btn-hover-border-color)!important;
}
img {
  max-width: 100%;
}
hr {
  border-top-width: 2px;
}

h1.titolo-pagina {
	/*display: inline;*/
	margin: 40px 0 30px 0;
}

/* HEADER / MENU */

header { padding-top: 30px; }

.navbar .form-control {
    display: inline;
	width: 80%;
}
.form-control {
    display: inline;
	width: 100%;
}
.ico-header { display: none;}

.bg-body-tertiary {
  background-color: transparent!important;
}
.navbar {
	margin: 30px 0 30px 0;
	font-family: "neue-frutiger-world", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #00467c;
	font-size: 17px;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
.navbar .dropdown-toggle::after {
  display: none !important;
}
.dropdown-menu {
	margin-top: 0; /* Rimuove lo spazio extra */
}
.nav-link {
  color: #00467c;
  margin-right: 10px!important;
  padding-bottom: 0px!important;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #00467c;
  /* border-bottom: 5px solid #00467c;*/
}

/* Gestione submenu (terzo livello) */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -0.25rem;
}

/* Mostra il submenu al passaggio del mouse (desktop) */
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}



.ricerca { margin-left: 15px; }
.logo { width: 200px; margin-bottom: 50px;}

/* BANNER TITOLO */
.banner-titolo-desktop.blu { background-color: #00467C; }
.banner-titolo-desktop.azzurro { background-color: #397FBE; }
.banner-titolo-desktop.verde { background-color: #548D3F; }
.banner-titolo-desktop.giallo { background-color: #C48204; }

.banner-titolo-desktop.pordenone { background-color: #D08E11; }
.banner-titolo-desktop.azzano { background-color: #6E4688; }
.banner-titolo-desktop.maniago { background-color: #B25502; }
.banner-titolo-desktop.sacile { background-color: #068E63; }
.banner-titolo-desktop.sanvito { background-color: #0B7CA5; }
.banner-titolo-desktop.spilimbergo { background-color: #AD1509; }

.banner-titolo-desktop { padding: 7% 15%; }
.banner-titolo { 
	font-size: 50px;
	font-weight: 400!important;
	line-height: 120%;
	margin: 0;
}
.txt-banner {}
.ico-banner { width: 250px; }


/* BOX EVIDENZA */
.box-evidenza { margin: 50px 0; }
.box-evidenza .testo {
	font-family: "neue-frutiger-world", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 17px;
	line-height: 120%;
	color: #648291;
	margin-top: 10px;
	padding: 0 20px;
}
.box-evidenza .logo { padding: 0 20px; }

/* BOX FUTURO */
.box-futuro-txt {
	padding: 20px 20px;
	background-color: #d9e3eb;
	font-size: 18px;
}
.personaggi-01 { display: none; }

/* BOX CATEGORIA */
.box-categorie-home {
	padding: 20px 0 0 0;
	background-color: #00467C;
}
.box-categorie-home .txt {
	padding: 0 20px 20px 20px;
	color: white;
	font-weight: 300!important;

}
.box-categorie-home .bottone { 
	padding: 0 20px 30px 20px;
}

/* BOX MANDAMENTI home */
.box-mandamenti { margin: 75px 0 50px; }
.box-mandamenti-home { position: relative; color: white; margin-bottom: 20px; }
.img-box-mandamenti-home { position: relative; }
.txt-box-mandamenti-home { position: absolute; bottom: 20px; }
.titolo-mandamenti { font-weight: 700; font-size: 30px; line-height: 110%; }
.txt-mandamenti { font-size: 21px; line-height: 150%; }
.box-icona { margin: -15px 0 0 15px; }
.txt-box-mandamenti-home { padding: 0 30px 0 0; }

/* BOX MANDAMENTI int */
.object-fit-cover { object-fit: cover; }
.pordenone { background-color: #00467C; min-height: 200px; }
.azzano { background-color: #6E4688; min-height: 200px; }
.sanvito { background-color: #0B7CA5; min-height: 200px; }
.sacile { background-color: #068E63; min-height: 200px; }
.maniago { background-color: #B25502; min-height: 200px; }
.spilimbergo { background-color: #AD1509; min-height: 200px; }

/* FRECCIA */
.freccia-cerchio { height: 60px; width: 60px; }
.freccia { font-size: 1.7rem; }
.freccia-cerchio-news { height: 40px; width: 40px; margin-top: 10px; }
.freccia-news { font-size: 1.3rem; }
.freccia-cerchio-bianca { height: 60px; width: 60px; color: white; }
.freccia-bianca { font-size: 1.7rem; color: white; }
.border-blu { border-color: #00467C!important; }
.freccia-cerchio .freccia { color: #00467C; transition: color 0.3s ease; }
a:hover .freccia-cerchio .freccia { color: #c27b35; }
a:hover .freccia-cerchio-bianca .freccia-bianca { color: #00467C; }
.pordenone a:hover .freccia-cerchio-bianca .freccia-bianca { color: #c27b35; }
.blu a:hover .freccia-cerchio-bianca .freccia-bianca { color: #2FA8FF; }

/* BOX CONVENZIONI */
.box-convenzioni-home {
	margin: 50px 0 50px 0; 
	background-color: #338814;
}
.box-convenzioni-home.interno {
	margin: 50px 0 0 0;
}
.box-convenzioni-home .txt {
	color: white;
	padding: 30px 20px 30px 20px;
}
.box-convenzioni-home .txt-medio {
	font-size: 20px;
	line-height: 110%;
}
.box-convenzioni-home .txt-grande {
	font-size: 25px;
	line-height: 110%;
}
.box-convenzioni-home a {
	text-decoration: underline;
}
.box-convenzioni-home a:hover {
	color: #00467C;
}

/* NEWS */
.box-news-main {
	margin: 0 0 50px 0;
}
.box-eventi-main {
	margin: 0 0 50px 0;
}
article { margin-bottom: 20px; }
.cat-news, .luogo-news, .pubblicazione-news {
	font-size: 15px;
	margin: 20px 0 7px 0;
}
.titolo-news {
	line-height: 125%;
	font-size: 21px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 20px;
}
.txt-news {
	line-height: 130%;
	font-size: 20px;
}
.box-img-evento, .img-evento { position: relative; }
.data-evento {
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	padding: 10px;
}
.giorno {
	font-size: 65px;
	font-weight: 600;
	margin-top: -10px;
	padding: 0;
	margin: 0;
	line-height: 100%;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
.data { font-size: 16px; }
.titolo-convenzione {
	line-height: 125%;
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 10px;
}
.txt-convenzione {
	line-height: 130%;
	font-size: 16px;
}

/* BOX FORM CONTATTI */
.box-form-contatti {
	background-color: #D8E2EB;
	padding: 50px 0 0 0;
}

.box-form-lavoraconnoi {
	background-color: #D8EBD9;
	padding: 50px 0 0 0;
}
.form-control {
	border: none;
	border-bottom: 1px solid #003366; /* linea blu */
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.form-control:focus {
	box-shadow: none;
	border-color: #003366;
}
label {
	font-size: 0.9rem;
	color: #003366;
}
.btn-custom {
	border: 1px solid #003366;
	color: #003366;
	background: transparent;
	border-radius: 8px;
	padding: 8px 18px;
	margin: 0 0 0 20px;
}
.btn-custom:hover {
	background: #003366;
	color: #fff;
}

.btn-maps {
	border: 1px solid #003366;
	color: #003366;
	background: transparent;
	border-radius: 8px;
	padding: 8px 18px;
}
.btn-maps:hover {
	background: #003366;
	color: #fff;
}

.cariche-sociali { display: block; font-size: 18px; margin-bottom: 20px; }
.carica { font-size: 18px; }
.nome-consiglio { font-weight: 700; font-size: 1.5rem; line-height: 130%; }
.cat-consiglio { font-size: 16px; }
.box-consiglio { margin-bottom: 15px; }

/* Footer */
footer {
  margin: 100px 0 0 0;
  padding: 120px 0;
  background-color: #00467C;
  font-size: 17px;
  color: #ffffff;
}
ul.menu-footer {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 0!important;
}
.menu-footer {
	font-size: 14px;
	font-weight: 300;
	border-top: 2px solid white;
	padding: 10px 0 25px 0;
}
li.titolo-item { font-weight: 700; }
.ico-social { margin-right: 10px; }

/* BANNER INTERNO */
.banner-desktop { display: none; }
.banner-mobile { display: block; }
.slider-news-desktop { display: none; }
.slider-news-mobile { display: block; }
.slider-news-desktop, .slider-news-mobile {
	background-color: #00467c;
}
.box-slider-news { color: white; height: 200px; }
.freccia-pre, .freccia-succ { width: 8%; }
.freccia-succ { text-align: right; }
.news01, .news02 {
	width: 28%;
	height: 100px;
	border-right: 1px solid #ffffff;
	padding: 0 30px;
}
.news03 {
	width: 28%;
	height: 100px;
	padding: 0 30px;
}

.box-filtro {
	border-bottom: 1px solid #00467c;
	font-size: 17px;
	padding: 20px 0 10px 0;
	margin-bottom: 25px;
}
.box-dettaglio {
	margin: 50px 0 50px 0;
}
.divisore {
	border-bottom: 1px solid #00467c;
	margin: 50px 0;
	padding-bottom: 50px;
}
.divisore-neutro {
	border-bottom: 1px solid #00467c;
	margin: 0 0 50px 0;
	padding-bottom: 50px;
}
.divisore-top {
	border-top: 1px solid #00467c;
	margin: 50px 0 30px;
	padding-top: 30px;
}

.categoria {
	margin-top: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

.nome { font-size: 23px; font-weight: 700; margin: 15px 0 15px 0; }
.area { line-height: 120%; margin: 0 0 15px 0; font-weight: 700; }
.recapiti { line-height: 120%; }
.titolo-partner {
	line-height: 125%;
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 10px;
}
.txt-partner {
	line-height: 130%;
	font-size: 16px;
}
.img-partner { border: 1px solid #04487E; }

/* Filtro Alfabetico */
.filtro-alfabetico {
	border-bottom: 1px solid #00467c;
	border-top: 1px solid #00467c;
	margin: 0 0 100PX 0;
	padding: 50px 0;
}

.filtro-categorie {
	border-bottom: 1px solid #00467c;
	border-top: 1px solid #00467c;
	margin: 0 0 70PX 0;
	padding: 50px 0;
}

.lettera {
	font-size: 30px;
	padding: 25px;
}

.lettera a {
  text-decoration: none;
  position: relative;
}

.lettera a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px; /* distanza dal testo */
  width: 0;
  height: 5px; /* spessore della sottolineatura */
  background-color: #E10614; /* colore della sottolineatura */
  transition: width 0.3s ease;
}

.lettera a:hover::after,
.lettera a:focus::after,
.lettera a:active::after,
.lettera a.active::after {
  width: 100%;
}

.box-quadrato {
	width: 100%;
	aspect-ratio: 1 / 1;
	color: white;
	padding: 50px;
	margin-bottom: 25px;
}
.txt-main {
	font-size: 37px;
	font-weight: 700;
	line-height: 110%;
	margin-bottom: 20px;
}
.txt-sub {
	font-size: 23px;
	line-height: 150%;
	margin-bottom: 20px;
}

.box-associarsi-home {
	background-color: #00467c;
	color: white;
	padding-top: 50px;
	padding-left: 100px;
}

.box-associarsi-home .txt {
	font-size: 30px;
	line-height: 130%;
}

.box-associarsi-home .titolo {
	font-size: 40px;
	line-height: 130%;
	margin: 40px 0;
	font-weight: 700;
}

.box-associarsi-home .bott-schedassociativa {
	margin-top: 100px;
	margin-bottom: 50px;
}

.box-associarsi-home .bott-schedassociativa button {
	font-size: 20px;
}

.box-link {
	width: 100%;
	aspect-ratio: 1.22 / 1;
	margin-bottom: 20px;
}

.box-corpo { margin: 50px 0; }
.lista-due-colonne {
	columns: 2;
	-webkit-columns: 2;  /* compatibilità Safari */
	-moz-columns: 2;     /* compatibilità Firefox */
	list-style: none;
	padding: 0;
	font-weight: 700;
}

.box-testo {
	color: #00467c;
	margin: 50px 0;
	line-height: 130%
}

.box-quadrato .testo-blu { font-size: 23px; line-height: 130%; margin-bottom: 10px; }
.box-quadrato .titolo { font-size: 26px; line-height: 140%; }

.governance h2.titolo-box {
	color: white;
	font-size: 35px!important;
	font-weight: 700;
	margin-bottom: 15px;
}
.governance .txt-sub {}
.box-img-partner { margin-bottom: 15px; }

.box-contatti h2.titolo-box {
	color: white;
	font-size: 35px!important;
	font-weight: 700;
	margin-bottom: 15px;
}

.box-contatti .txt-sub { font-size: 20px; }

/* Mantiene la stessa altezza tra le colonne */
.box-contatti .row.align-items-stretch > [class*='col-'] {
  display: flex;
}

/* Forza i box interni a riempire l'altezza */
.box-contatti .blu,
.box-contatti .azzano,
.box-contatti .maniago,
.box-contatti .sacile,
.box-contatti .sanvito,
.box-contatti .spilimbergo,
.box-contatti.h-100 {
  min-height: 100%;
}

.categorie h2.titolo-box {
	color: white;
	font-size: 35px!important;
	font-weight: 700;
	margin: 20px 0 20px;
}
.categorie .txt-sub {}
.titolo-cat { font-size: 22px; font-weight: 700; margin-bottom: 10px; }
.titolo-ruolo { font-size: 20px; margin: 15px 0 5px 0; }
.nome-ruolo {font-size: 20px; font-weight: 700; margin-bottom: 5px; }
.mappa { margin-top: 50px; }
.box-indirizzo { margin: 50px 0; }

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
	.logo { width: 350px; margin-bottom: 0; }
	.box-news-main {
		margin: 50px 0 50px 0;
	}
	.box-eventi-main {
		margin: 0 0 50px 0;
	}
	
	/* BOX EVIDENZA */
	.box-evidenza { margin: 75px 0; }
	.box-evidenza .testo {
		font-size: 20px;
		line-height: 130%;
		color: #648291;
		margin-top: 0;
		padding: 0;
	}
	.box-evidenza .logo { padding: 0; }
	
	/* BOX FUTURO */
	.box-futuro-txt {
		padding: 50px 100px;
		font-size: 20px;
	}
	.personaggi-01 { display: block; }
	
	/* BOX CATEGORIA */
	.box-categorie-home {
		padding: 50px 0 0 0;
	}
	.box-categorie-home .txt {
		padding: 0 0 30px 100px;

	}
	.box-categorie-home .bottone { 
		padding: 0 100px 30px 0;
	}
	
	/* BOX CONVENZIONI */
	.box-convenzioni-home {
		margin: 100px 0 50px 0; 
	}
	.box-convenzioni-home.interno {
	margin: 100px 0 0 0;
}
	.box-convenzioni-home .txt {
		color: white;
		padding: 75px 0 75px 100px;
	}
	.box-convenzioni-home .txt-medio {
		font-size: 30px;
		line-height: 120%;
	}
	.box-convenzioni-home .txt-grande {
		font-size: 45px;
		line-height: 120%;
	}
	.btn-custom {
		margin: 0 0 0 0;
	}
	
	/* BANNER INTERNO */
	.banner-desktop { display: block; }
	.banner-mobile { display: none; }
	.slider-news-desktop { display: block; }
	.slider-news-mobile { display: none; }
	.banner-desktop .banner-interno .txt-banner .titolo {
		font-size: 40px;
		line-height: 120%;
	}
	.box-link {
		width: 100%;
		aspect-ratio: 1.22 / 1;
		margin-bottom: 0;
	}
	.box-associarsi-home .bott-schedassociativa {
		margin-top: 200px;
		margin-bottom: 50px;
	}
	.box-associarsi-home .titolo {
		font-size: 50px;
		line-height: 130%;
		margin: 50px 0;
		font-weight: 700;
	}

	.box-associarsi-home .bott-schedassociativa {
		margin-top: 100px;
		margin-bottom: 50px;
	}

	.box-associarsi-home .bott-schedassociativa button {
		font-size: 25px;
	}
	
	.titolo-ruolo { font-size: 20px; margin: 15px 0 5px 0; }
	.nome-ruolo {font-size: 20px; font-weight: 700; margin-bottom: 5px; }
	.mappa { margin-top: 0; }
	
}
@media (min-width: 1200px) {
	h2 { font-size: 30px!important; }
}
@media (min-width: 1400px) {}