/* COLORI CUSTOM */
:root {
	--color-blu: #0E2E6E;
	--color-blu-chiaro: #98C5E6;
	--color-blu-scuro: #074289;
	--color-white: #FFF;
	--color-nero: #000;
    --color-arancio:#F0891E;
/*	--color-arancione: #F0891E;*/
	--color-arancio-scuro: #E75021;
	--body-font-family: TitilliumRegular;
	--cassiopeia-font-family-headings: TitilliumRegular;
	--cassiopeia-color-hover: #000;
	
    --color-azzurro:#98C4E5;
    /*--blu:#0E2E6E;*/

    --assCat_scuro:#074289;
    --assCat_chiaro:#BBD7F9;
    --sindacati_scuro:#DD654D;
    --sindacati_chiaro:#FFDBD4;
    --agForm_scuro:#A1BF41;
    --agForm_chiaro:#F1FEC5;
    --agLavPriv_scuro:#7D327A;
    --agLavPriv_chiaro:#E1B9DF;
    --enti3sett_scuro:#00A2DB;
    --enti3sett_chiaro:#C5F0FF;
    --entiPubb_scuro:#CF9F2E;
    --entiPubb_chiaro:#F9E2AD;
    --entiRic_scuro:#3E7654;
    --entiRic_chiaro:#B8E2C9;
    --altriSogg_scuro:#969A7E;
    --altriSogg_chiaro:#D5D8C3;	

    --body-font-size:1.125rem;
}
@font-face {
    font-family: TitilliumRegular;
    src: url(/templates/infolavorospezia/fonts/TitilliumWeb-Regular.ttf);
}
@font-face {
    font-family: TitilliumBold;
    src: url(/templates/infolavorospezia/fonts/TitilliumWeb-Bold.ttf);
}
@font-face {
    font-family: TitilliumSemiBold;
/*    src: url(/templates/infolavorospezia/fonts/TitilliumWeb-SemiBold-Bold.ttf);*/
    src: url(/templates/infolavorospezia/fonts/TitilliumWeb-SemiBold.ttf);
}
/* GENERICI -------------------------------------------- */
.vedi-tutti.btn-primary:focus, .btn-primary.bg-arancio-scuro:focus {
    background-color:rgb(117, 117,117) !important;
}
.jb-accept.btn-primary:focus, {
    background-color:rgb(117, 117,117) !important;
}
.jb-decline.link:hover {
	text-decoration: underline !important;
}
.jb-cookie div.jb-cookie-bg {
	opacity: 1 !important;
}
.metismenu-item.active a:focus, .breadcrumb-item a:focus {
    text-decoration-color: var(--color-arancio) !important;
}
.linkbianco:focus{
    text-decoration-color: var(--color-arancio) !important;
}
.errorComp {
    
    border: red solid 2px;
}
*:focus {
	outline: 1px dotted #000!important;
    text-decoration: underline !important;
	outline-offset: 0!important;
	-webkit-box-shadow: 0 0 0 0.1rem rgb(240, 137, 30, 0.25)!important;
    box-shadow: 0 0 0 0.1rem rgb(240, 137, 30, 0.25)!important;
}
*:focus:not(:focus-visible) {
    outline:none !important;
	-webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
/*
*:focus {
	outline: 1px dotted #000!important;
	outline-offset: 0!important;
    -webkit-box-shadow: 0 0 0 0.1rem rgb(55, 194, 226, 0.25)!important;
    box-shadow: 0 0 0 0.1rem rgb(55, 194, 226, 0.25)!important;
}
*:focus:not(:focus-visible) {
    outline:none!important;
	-webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
*:focus:not(.focus-visible) {
    outline:none !important;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
:focus-visible {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 0.15rem var(--color-arancio);
}
*:focus:not(.focus-visible) {
	outline: none !important;
	outline-offset: unset !important;
	box-shadow: none!important;
}
.focus-visible {
  outline: lightgreen solid 2px;
}
*:focus-visible {
  outline: lightgreen solid 2px;
}
*.focus-visible {
  outline: lightgreen solid 2px;
}
*/


.bg-blu {
	background-color: var(--color-blu);
}
.bg-blu-chiaro {
	background-color: var(--color-blu-chiaro);
}
.bg-arancio {
	background-color: var(--color-arancio);
}
.bg-arancio-scuro {
	background-color: var(--color-arancio-scuro);
}
.bg-azzurro {
	background-color: var(--color-azzurro);
}
.text-arancio {
	color: var(--color-arancio);
}
.ombra {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
}
.card {
    border: none !important;
}
.container-navbar-left, .container-navbar-center, .container-navbar-right {
	flex-direction: column;
	position: relative;
}
h1, h2, h3 {
    font-family: "TitilliumBold";
}
h1 {
    font-size:2rem;
    /* equivale a font-size: 32px;*/
}
h2 {
    /* equivale a font-size: 26px; */
	font-size: 1.625rem;
}
#accordion-welcome h2 button {
    font-size: 1.625rem; 
}
.offerte-lavoro-menu h2 button, .offerte-lavoro h3 button {
    font-size: 1.375rem;
    /* equivale a font-size: 22px; */
}
h3 {
    font-size: 1.375rem;
	/* equivale a font-size: 22px; */
}
h4{
    font-family: "TitilliumSemiBold";
    font-size: 1.25rem;
    /* equivale a font-size: 20px; */
}
p{
    font-size: 1.125rem;
    /* equivale a font-size: 18px; */
    margin-bottom: 0.5rem;
}
/*dd {
    white-space:pre-line;
}*/
a, a:not([class]) {
	text-decoration: none;
	color: var(--color-nero);
}
/*a:hover, a:focus {
	color: var(--cassiopeia-color-hover);
}
a:focus, a:not([class]):focus{
	border-color: var(--color-blu-chiaro)!important;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 0, 0.25)!important;
	box-shadow: 0 0 0 0.1rem rgba(255, 255, 0, 0.25)!important;
}
.bg-arancio-scuro.btn-primary:focus, .bg-arancio-scuro.btn-primary:hover {
	background-color: var(--cassiopeia-color-hover);
	border-color: var(--cassiopeia-color-hover);
    color: white !important;
}*/
a.linkblu {
    color: #0000FF !important;
    text-decoration: none;
    font-weight: bolder;
}
a.linkblu:hover {
    text-decoration: underline;
}
a.linknero {
    color: black;
    font-family: TitilliumSemiBold !important;
    text-decoration: underline;
}
a.linknero:hover {
    font-family: TitilliumBold !important;
}
a.linknero:focus {
    text-decoration-color: var(--color-arancio-scuro) !important;
}

a.linktitolo {
    color: black;
    font-weight: bold;
}
a.linktitolo:hover {
    text-decoration: underline;
}
a.linkarancio {
    font-weight: bold;
    color: white;
    text-decoration: underline;
    text-decoration-thickness: 0.13em;
    text-underline-offset: 0.3em;
    text-decoration-color: var(--color-arancio);
}
a.linkarancio:hover {
    text-decoration:underline;
    text-decoration-color: white;
    text-decoration-thickness: 0.13em;
}
a.linkbianco {
    font-weight: bold;
    color: white;
    text-decoration: underline;
}
a.linkbianco:hover {
    color:var(--color-arancio);
}
.accordion-button:not(.collapsed),
.accordion-button {
	color: var(--color-nero);
}
/*  BOTTONE RICERCA -----------------------------------------------------*/
.mod-finder__search button.btn {
	font-weight: 900 !important;
}
.mod-finder__search button.btn:hover{
    background-color: var(--color-arancio);
}
/* STILE BOTTONE "VEDI TUTTI" -------------------------------------------- */
.vedi-tutti {
    border: none !important;
    font-weight: bold !important;
    font-size: 1.25rem; /* equivale a 20px */
}
.vedi-tutti:hover{
    background-color: var(--color-blu) !important;
    color: white !important;
    text-decoration:underline !important;
}
/* STILE BOTTONE "ACCETTA COOKIES" -------------------------------------------- */
.jb-accept {
    border: none !important;
    font-weight: bold !important;
    font-size: 1.25rem; /* equivale a 20px */
}
.jb-accept:hover{
    background-color: var(--color-blu) !important;
    color: #000 !important;
    text-decoration:underline !important;
}
.jb-cookie-title {
	font-size: 1.3rem!important;
}
.jb-cookie-title {
	font-size: 1.3rem!important;
}
.jb-cookie p {
	font-size: 1.1rem!important;
}
/* LOGHI HEADER -------------------------------------------- */
.loghi-top img {
    max-height: 5em!important;
}
/* BREADCRUMB -------------------------------------------- */
.breadcrumb-item + .breadcrumb-item::before {
    content: var(--breadcrumb-divider, ">") /* rtl: var(--breadcrumb-divider, ">") */ !important;
}
/*.mod-breadcrumbs__item.breadcrumb-item.active{
    font-weight: bold;
}*/
/* SISTEMA DI RICERCA */
/*
div.mod-finder__search.input-group button.btn.btn-primary {
  background-color: #e5521f;
  color: black;
}
*/
/* TOP MENU -------------------------------------------- */
#top-menu {
	font-weight: bold;
	color: black;
	z-index: 1000;
	position: relative;
    margin-left: var(--gutter-x, -0.5em);
    margin-right: var(--gutter-x, -0.5em);
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
#top-menu.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  right: 0;
  left: 0;
  z-index: 2000;
  margin: 0;
}
#top-menu.sticky .container-topbar-left .logo-container {
	padding: 0;
	margin: 0;
}
#top-menu.sticky .container-topbar-left img.logo-image {
	max-width: 16rem;
}
#top-menu.sticky .container-topbar-right .js-finder-search-query {
	padding: .4rem;
}
#top-menu.sticky  {
	/*border-bottom: 6px solid var(--color-azzurro);*/
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
#top-menu.sticky + .content {
  padding-top: 60px;
}
.navbar {
	font-weight: bold;
	color: black;
    box-shadow: 0 18px 14px -14px rgba(0,0,0,0.8);
}
.navbar .metismenu.mod-menu {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  
}
.navbar .metismenu.mod-menu .metismenu-item {
	padding: 0.3rem 0;
	margin: 0 1rem;
}
.metismenu.mod-menu .metismenu-item.level-2.active {
	background-color: var(--color-blu-scuro);
	margin-left: 0;
	padding-left: 1rem;
}
.metismenu.mod-menu .metismenu-item.level-2.active > a {
	color: white!important;
}
.mm-collapse li.metismenu-item a {
  border-radius: 0%;
  font-size: 1rem;
  font-weight: normal;
}
.metismenu.mod-menu .mm-toggler:after {
    width: 1rem;
    height: 1rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
	border-top:none;
	border-right:none;
	border-left:none;
    line-height: 1.38rem;
}
.metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > button:hover {
	text-decoration: none;
}
.navbar-toggler-right .icon-menu:before {
    font-size: 3.2rem;
}
/*.navbar-toggler:not(:focus-visible) {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 0 ;
}
.navbar-toggler:focus-visible {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 0.15rem var(--color-arancio);
}*/
button.navbar-toggler.navbar-toggler-right {
    width: 4.5rem;
}
/*OFFCANVAS MENU*/
.offcanvas-top {
	top: 0;
	right: 0;
	left: 0;
	/*height: 100vh;*/
	height: fit-content;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
#offcanvasTop .offcanvas-menu {
	overflow-y: auto;
	height: 100%;
}
#offcanvasTop .level-1.active.parent ul.mm-collapse {
    display: block;
    background-color: var(--color-azzurro);
}
#offcanvasTop .level-1.active {
    background-color: var(--color-azzurro);
}
.metismenu.mod-menu .metismenu-item {
    justify-content: center;
    font-size: 1.38rem;
}
 .metismenu.mod-menu .metismenu-item > ul {
    position:relative;
    top: unset;
    display: block;
    padding: 0;
    box-shadow: none;
    width: 100%;
}
#offcanvasTop .metismenu.mod-menu .metismenu-item {
    padding: 0.25em 1em;
}
.btn-close {
	background:none;
	opacity: 1;
}
.offcanvas-header button.btn-close::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 2.5rem;
    content: "\f057";
    display: flex;
    justify-content: center;
} /* crocetta di chiusura hamburger */
.offcanvas-menu .mod-finder__search.input-group {
    justify-content: center;
}
.offcanvas-menu .mod-finder__search.input-group .awesomplete {
    width: 100%;
}
.offcanvas.show {
    visibility: visible;
}
/* BANNER -------------------------------------------- */
.banner {
	margin: 0;
}
.banner .card-body {
	padding: 0;
}
/* STILE SLIDER IN HEADER ----------------------------------------------------*/
.top-a.card {
	margin-top: 0em;
}
.top-a.card > .card-body {
    padding: 0em;
}
.mod-slider .slick-arrow {
    z-index: 500 !important;
}
.mod-slider .slick-arrow::before {
    color: black !important;
}
.mod-slider .slick-prev {
    left: 0.5rem !important;
}
.mod-slider .slick-next {
    right: 0.5rem !important;
}
/* STILI ACCORDION --------------------------------------------------------- */
#accordion-welcome .accordion-button::after,
#accordion-servizi .accordion-button::after,
#accordion-offerte-lavoro .accordion-button::after,
#accordionLavoro .accordion-button::after{
	background-image: none;
	-webkit-transform: none;
	transform: none;
}
#accordion-welcome .accordion-button:not(.collapsed),
#accordion-servizi .accordion-button:not(.collapsed),
#accordion-offerte-lavoro .accordion-button:not(.collapsed),
#accordionLavoro .accordion-button:not(.collapsed) {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
#accordion-welcome .accordion-button:not(.collapsed){
    background-color:white !important;
}
#accordion-servizi .accordion-button:not(.collapsed) {
    background-color:var(--color-arancio);
}
#accordion-welcome .accordion-button:not(.collapsed) > i,
#accordion-servizi .accordion-button:not(.collapsed) > i {
    background-color: transparent !important;
}
#accordion-welcome .accordion-button,
#accordion-servizi .accordion-button {
    background-color:var(--color-arancio) !important ;
}
#accordion-welcome .accordion-button > i,
#accordion-servizi .accordion-button > i,
#accordion-offerte-lavoro .accordion-button > i,
#accordionLavoro .accordion-button > i {
	position: absolute;
	right: 1rem;
}
#accordion-welcome .accordion-button:not(.collapsed) > i::before,
#accordion-servizi .accordion-button:not(.collapsed) > i::before,
#accordion-offerte-lavoro .accordion-button:not(.collapsed) > i::before,
#accordionLavoro .accordion-button:not(.collapsed) > i::before {
	font-size: 1.5rem;	
    content: "\f139";
}
#accordion-welcome .accordion-button.collapsed > i::before,
#accordion-servizi .accordion-button.collapsed > i::before,
#accordion-offerte-lavoro .accordion-button.collapsed > i::before,
#accordionLavoro .accordion-button.collapsed > i::before {
	font-size: 1.5rem;	
    content: "\f13a";
}

#accordion-servizi .accordion-body a {
    color: #0000FF !important;
    text-decoration: none;
    font-weight: bolder;
}
#accordion-servizi .accordion-body a:hover {
    text-decoration: underline;
}
/*--*/
#accordionLavoro .accordion-button:not(.collapsed){
    background-color: white !important;
}
#accordionLavoro .accordion-button{
    background-color:var(--color-arancio) !important ;
}
#accordionLavoro .accordion-header {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
}
#accordionLavoro .accordion-collapse {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
	z-index: 1000;
}
#accordionLavoro .fa-arrow-circle-right::before {
	font-size: 1.4rem;
}
#accordionLavoro .fa-arrow-circle-right:hover {
    opacity: 0.7;
}
#accordionLavoro .accordion-body {
	padding: 1rem 1.5rem;
}
/* CORSI ATTIVI -------------------------------------------- */
/*.corsi-attivi a {
	display: inline;
	color: black;
	border-bottom: 0.2em solid var(--color-arancione);
	line-height: initial;
}
.corsi-attivi a:hover {
	border-bottom: 0.2em solid var(--color-blu);
}*/
.corsi-attivi h2 {
	text-align: center;
}
.corsi-attivi h2:after,
.corsi-attivi h2:before {
	display: inline-block;
    content: "";
    border-top: .4rem solid var(--color-arancio-scuro);
    width: 1.5rem;
    margin: 0 .5rem;
    transform: translateY(-.3rem);
}
.corsi-attivi .elemento {
	min-height: 12rem;
}
.corsi-attivi .elemento .chiudi,
.corsi-attivi .elemento .info {
	margin-top: 0.3rem;
	right: 0.3rem;
	position: absolute;
	cursor: pointer;
}
.corsi-attivi .card-over {
	background-color: var(--color-blu);
}
.corsi-attivi .card-over .card-body {
	text-align: center;
	display: flex;
	justify-content: center;
}
/*.corsi-attivi .card-over .card-body .fine-iscrizione {
	position: absolute;
	display: block;
	margin-bottom: .3rem;
	bottom: 3.5rem;
	width: 100%;
}*/
/*
.corsi-attivi .card-over .card-body a {
	position: absolute;
	display: block;
	margin-bottom: .3rem;
	bottom: .5rem;
}*/
.corsi-attivi .elemento > div {
  z-index: 1;
  animation-name: out;
  animation-duration: 3s;
  transition-timing-function: linear;  
}
.corsi-attivi .card.invisibile {
  top: 0;
  z-index: 0;
  left: .5rem;
  right: .5rem;
  width: auto;
  position: absolute;
}
/*
.corsi-attivi .elemento .cardSopra {
  box-shadow: 0px 3px 6px #000000BA; 
}
.corsi-attivi .elemento .cardSopra div.card-header {  
    border: none;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 3px;
    text-decoration-color: #f08a1e;
    text-underline-offset: 5px;
    text-align: center;
    padding-right: 30px;
    padding-left: 30px;
}
.corsi-attivi .elemento .cardSopra .card-body {
  text-align: center;
}
*/
/*
.matte li.metismenu-item
{
  margin-right: 50px;
}
div.top-c.card.matte div.card-body
{
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}
*/
/* header della card del modulo */
/*
.matte > .card-header
{
    border-bottom: none;
    background-color: #98c5e6;
    
}
.matte .mod-list .vediTutti {
    background-color: #f08a1e;
    font-weight: bold;
    box-shadow: 0px 3px 6px #000000A6;
    margin-top: 25px;
    width: auto;
    transition-duration: 0.4s;
    cursor: pointer;
}
.matte .mod-list .vediTutti:hover {
	background-color: #0e2e6e;
	color: white;
	text-decoration: underline;
	text-decoration-color: white;
}
.matte div.card.invisibile {
	top: 0;
	z-index: 0;
	left: .5rem;
	right: .5rem;
	width: auto;
	position: absolute;
}
*/
/* STILE PAGINA DEI SINGOLI ENTI -------------------------------------------- */
.list-al dt {
	float: left !important;
	clear: left !important;
}
.list-al dd {
    margin: 0 0 0 80px !important;
    padding: 0 0 0.5em 0 !important;
}
/*
.titolo-ente {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
} */
.tab-lat {
    padding-right: 3em !important;
    padding-left: 1.5em !important;
    margin-bottom: 3em;
}
.descr-ente a:not(.linknero) , 
.view-article.news-ed-eventi p a:not(.linknero, .linkarancio), 
.view-article.corsi p a:not(.linknero, .linkarancio) {
    color: #0000FF !important;
    text-decoration: none;
    font-weight: bolder;
}

.descr-ente a:hover , 
.view-article.news-ed-eventi p a:hover,
.view-article.corsi p a:hover {
    text-decoration: underline;
}
/*    SETTAGGIO COLORI PERSONALIZZATI PER CATEGORIA  -----------------------------*/
/*.la-rete h2 {
	text-align: center;
}*/

.enti-pubblici h2:not(.card-title)::before, .associazione-di-categoria h2:not(.card-title)::before,
.sindacati h2:not(.card-title)::before,.agenzie-formative h2:not(.card-title)::before,
.agenzie-per-il-lavoro-private h2:not(.card-title)::before, .enti-del-terzo-settore h2:not(.card-title)::before,
.enti-di-ricerca h2:not(.card-title)::before, .altri-soggetti h2:not(.card-title)::before {
	display: inline-block;
    content: "";
    border-top: .4rem solid;
    width: 1.5rem;
    margin-right: 0.5rem;
    transform: translateY(-.3rem);
}

.la-rete.view-categories main {
    background-color: var(--color-azzurro);
}
.enti-pubblici.view-category main{ 
    background-color: var(--entiPubb_scuro);
}
.enti-pubblici .bkg-chiaro{
    background-color: var(--entiPubb_chiaro);
}
.enti-pubblici .mini-box{
    border-bottom: 0.5em solid var(--entiPubb_scuro) !important;
}
.enti-pubblici h2:not(.card-title)::before{
    border-color: var(--entiPubb_scuro);
}
.associazione-di-categoria.view-category main{
    color: white;
    background-color: var(--assCat_scuro);
}
.associazione-di-categoria .mini-box{
    border-bottom: 0.5em solid var(--assCat_scuro) !important;
}
.associazione-di-categoria .bkg-chiaro{
    background-color: var(--assCat_chiaro);
    color: black;
}
.associazione-di-categoria h2:not(.card-title)::before {
    border-color: var(--assCat_scuro);
}
.sindacati.view-category main{
    background-color: var(--sindacati_scuro);
}
.sindacati .bkg-chiaro{
    background-color: var(--sindacati_chiaro);
}
.sindacati .mini-box{
    border-bottom: 0.5em solid var(--sindacati_scuro) !important;
}
.sindacati h2:not(.card-title)::before{
    border-color: var(--sindacati_scuro);
}
.agenzie-formative.view-category main{
    background-color: var(--agForm_scuro);
}
.agenzie-formative .bkg-chiaro{
    background-color: var(--agForm_chiaro);
}
.agenzie-formative .mini-box{
    border-bottom: 0.5em solid var(--agForm_scuro) !important;
}
.agenzie-formative h2:not(.card-title)::before{
    border-color: var(--agForm_scuro);
}
.agenzie-per-il-lavoro-private.view-category main{
    color: white;
    background-color: var(--agLavPriv_scuro);
}
.agenzie-per-il-lavoro-private .bkg-chiaro{
    background-color: var(--agLavPriv_chiaro);
    color: black;
}
.agenzie-per-il-lavoro-private .mini-box{
    border-bottom: 0.5em solid var(--agLavPriv_scuro) !important;
}
.agenzie-per-il-lavoro-private h2:not(.card-title)::before{
    border-color: var(--agLavPriv_scuro);
}
.enti-del-terzo-settore.view-category main{
    background-color: var(--enti3sett_scuro);
}
.enti-del-terzo-settore .bkg-chiaro{
    background-color: var(--enti3sett_chiaro);
}
.enti-del-terzo-settore .mini-box{
    border-bottom: 0.5em solid var(--enti3sett_scuro) !important;
}
.enti-del-terzo-settore h2:not(.card-title)::before{
    border-color: var(--enti3sett_scuro);
}
.enti-di-ricerca.view-category main{
    background-color: var(--entiRic_scuro);
    color: white;
}
.enti-di-ricerca .bkg-chiaro{
    background-color: var(--entiRic_chiaro);
    color: black;
}
.enti-di-ricerca .mini-box{
    border-bottom: 0.5em solid var(--entiRic_scuro) !important;
}
.enti-di-ricerca h2:not(.card-title)::before{
    border-color: var(--entiRic_scuro);
}
.altri-soggetti.view-category main{
    background-color: var(--altriSogg_scuro);
}
.altri-soggetti .bkg-chiaro{
    background-color: var(--altriSogg_chiaro);
}
.altri-soggetti .mini-box{
    border-bottom: 0.5em solid var(--altriSogg_scuro) !important;
}
.altri-soggetti h2:not(.card-title)::before{
    border-color: var(--altriSogg_scuro);
}
.news-ed-eventi .mini-box{
    border-bottom: 0.5em solid var(--color-arancio-scuro) !important;
}
/* PAGINA ELENCO CORSI -------------------------------------------- */
.card-corsi .card-title a {
    font-size: medium;
    text-decoration: underline;
    text-decoration-color:var(--color-arancio) !important;
    text-decoration-thickness: 0.15em;
    text-underline-offset: 0.3em;
}
.card-corsi .card-title a:hover {
    text-decoration-color: black !important;
}
.corsi .card-body{
    margin-bottom: 0;
    padding-bottom: 0;
}
.corsi .card-text {
    margin-bottom: 0;
    padding-bottom:0;
    line-height: 1.3;
}
.corsi .card-text p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.corsi .card-title{
    margin-bottom:1rem;
}
/* PAGINA DEI CORSI + PROGETTO -------------------------------------------- */
.corsi .mini-box, .privacy .mini-box, .il-progetto .mini-box, .materiali .mini-box {   
    border-bottom: 0.5em solid var(--color-blu) !important;
}
.mini-box li {
    margin-top: 0.4em;
    list-style-type: none !important;
}
.row.mini-box {
    padding-top: 0.8em;
}
/* OFFERTE DI LAVORO DELLA RETE -------------------------------------------- */
.offerte-lavoro h2 {
	text-align: center;
}
.offerte-lavoro h2:after,
.offerte-lavoro h2:before {
	display: inline-block;
    content: "";
    border-top: .4rem solid var(--color-arancio-scuro);
    width: 1.5rem;
    margin: 0 .5rem;
    transform: translateY(-.3rem);
}
.offerte-lavoro .position-relative {
	box-shadow: none!important;
}
.offerte-lavoro .accordion-header, .offerte-lavoro-menu .accordion-header {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
    min-height: 5.3rem;
    display: flex;
}
.offerte-lavoro .accordion-collapse, .offerte-lavoro-menu .accordion-collapse {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
	z-index: 1000;
}
.offerte-lavoro .accordion-button.collapsed, .offerte-lavoro-menu .accordion-button.collapsed {
	background-color: var(--color-arancio);
}
.offerte-lavoro .accordion-button:not(.collapsed), .offerte-lavoro-menu .accordion-button:not(.collapsed) {
	background-color: var(--color-white);
	box-shadow: none;
}
.offerte-lavoro .fa-arrow-circle-right::before {
	font-size: 1.4rem;
}
.offerte-lavoro .fa-arrow-circle-right:hover {
    opacity: 0.7;
}
.offerte-lavoro .accordion-body {
	padding: 1rem 1.5rem;
}
/* LA RETE -------------------------------------------- */
.com-content-categories__items.la-rete a {
	display: flex;
    text-align: left;
	justify-content: left;
	align-items: center;
    min-height: 5rem;
}
.com-content-categories__items.la-rete a > i {
	right: 1rem;
	font-size: 1.5rem;
}
/* NEW ED EVENTI HOME -------------------------------------------- */
.news-ed-eventi-home h2 {
	text-align: center;
}
.news-ed-eventi-home h2:after,
.news-ed-eventi-home h2:before {
	display: inline-block;
    content: "";
    border-top: .4rem solid var(--color-arancio-scuro);
    width: 1.5rem;
    margin: 0 .5rem;
    transform: translateY(-.3rem);
}
.news-ed-eventi-home .card-container {
    display: grid;
    perspective: 700em;
}
.news-ed-eventi-home .card-flip .card-container{
    transform-style: preserve-3d;
    transition: all 0.3s ease;
}
.news-ed-eventi-home .card-flip {
    display: grid;
    grid-template: 1fr / 1fr;
    grid-template-areas: "frontAndBack";
    transform-style: preserve-3d;
    transition: all 0.3s ease;
  }
.news-ed-eventi-home .card-flip div {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.news-ed-eventi-home .front {
    grid-area: frontAndBack;
}
.news-ed-eventi-home .back {
    grid-area: frontAndBack;
    transform: rotateY(-180deg);
    background-color: var(--color-arancio) !important;
}
.news-ed-eventi-home .card-container:hover .card-flip{
    transform: rotateY(180deg);
}
.news-ed-eventi-home .p100{
    padding-top: 100% !important;
}
.news-ed-eventi-home .news-text p {
     line-height: 1em !important;
     text-align: left !important;
}
/* NEW ED EVENTI -------------------------------------------- */
.news-ed-eventi #searchForm {
	box-shadow: 0px 3px 6px #000000A6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.news-ed-eventi .lista-eventi > .row {
	border-bottom: 2px var(--color-arancio) solid;
}
.news-ed-eventi .lista-eventi > .row:last-child {
	border-bottom:none;
}

.container-header {
    position: relative;
    z-index: 10;
    background-color: white;
    background-image: none;
    
  }
/* CONTATTACI -----------------------------------------*/
.contatti .fa-envelope {
    font-size: 5rem;
    color: var(--color-arancio-scuro);
}
.contatti .icon-arrow-right-2 {
    font-size: 2rem; 
}
/* FORM ---------------------------------------------- */
.errorcaptcha,
.alertmexparent,
.alertmexlast {
    background-color: var(--color-arancio-scuro);
    font-family: TitilliumBold;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
}
/* FOOTER  -------------------------------------------- */
.container-footer {
    border-top: 1em  solid var(--color-arancio);
}
.footer {
	color: black!important;
	background-color: white!important;
	background-image: none!important;
	margin-top: 0em !important;
}
.footer ul {
      align-items: center;
}
.footer .grid-child {
      padding-top: 0em!important;
}
#social.list-group{
    flex-direction: row !important;
}
#social > .list-group{
    padding-right: 1em !important;
    font-size: 2em;
}
.loghi-footer{
    /*max-width: 60em;*/
    margin: auto !important;
    margin-bottom: 1em !important;
}
/** MEDIA QUERIES **/
/* ############################################# 
Classi Bootstrap per le diverse risoluzioni:
Extrasmall 	<576px 	
Small 		≥576px 	
Medium 		≥768px 	
Large 		≥992px 	
Extra large	≥1200px
----------------------------------------------------------------------------------------------------
Max container width 	None (auto) 		540px 			720px 			960px 			1140px
Class prefix 			.col- 				.col-sm- 		.col-md- 		.col-lg- 		.col-xl-
################################################# */

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 280px) {
	/* BODY DEBUG */
	body {
		/* min-width: 280px */
	}
	.container-top-a {
		padding: 0;
	}
    .navbar{
        background-color: #FBFBFB ;
        border-bottom-color: var(--color-azzurro);
        border-bottom-width: 1.3rem;
        border-bottom-style: solid;
    }
    .contatti .main-bottom.card {
        margin-top: 0em !important;
    }
    .tab-lat {
        padding-right: 1em !important;
        padding-left: 1em !important;
        margin-bottom: 3em;
    }
	/**/
}
@media (min-width: 576px) {
	/* BODY DEBUG */
	body {
		/* min-width: 576px */
	}
   /* .navbar{
        background-color: #FBFBFB ;
        border-bottom-color: var(--color-azzurro);
        border-bottom-width: thick;
    }*/
	/**/
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	/* BODY DEBUG */
	body {
		/* min-width: 768px */
	}
    #LD {
        margin-top: -3.5rem;
    }
	/**/
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/* BODY DEBUG */
	body {
		/* min-width: 992px */
	}
	/**/
	/* TOP MENU */
	.navbar {
		box-shadow: 0px 3px 6px #000000A6;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background-color: var(--color-blu-chiaro);
        border-bottom: 0;
	}
	#top-menu.sticky  {
		border-bottom: 0;
		background-color: white;
		box-shadow: unset;
	}
	.metismenu.mod-menu .metismenu-item > ul {
        position:absolute;
        top: 100%;
        width:auto;
    }
    .navbar .metismenu.mod-menu .metismenu-item {
        margin-right: 0.15rem;
        row-gap: 1rem;
    }
    .metismenu.mod-menu .metismenu-item {
        font-size: 1.25rem;
    }
    .metismenu.mod-menu .metismenu-item .level-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        justify-content: left;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* BODY DEBUG */
	body {
		/* min-width: 1200px */
	}
    .metismenu.mod-menu .metismenu-item {
        font-size: 1.375rem;
    }
	/**/
}
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) {
	/* BODY DEBUG */
	body {
		/* min-width: 950px and max-width:1100px */
	}
	/**/
}
/*************************************** fine media query ***********************************/