/* GENERAL */

:root {
	--primary: #999; /*#008AAB;	*/
	--secondary:#E3F2F6;
	--neutral-2:#7D7068;
	--neutral-light:#BFA995;
	--alert-2:#FF4129;
	
	--light-gray:#F5F5F5;
	--mid-light-gray:#D8D8D8;
	--mid-gray:#9D9D9D;
	--mid-dark-gray:#666;
	--dark-gray:#474747;
	--transparent:#FFFFFF00;
	
	--neutral: #93867b;
	--neutra-light: #bfa995;
	--alert: #ec6564;
	
	/*NEW*/
	--white:#FFFFFF;
	--color-name: #F3F3F3;
	--neutral-mid-light: #E5E5E5;
	--neutral-medium:#CCCCCC;
	--neutral-mid-dark:#999999;
	--neutral-dark: #666666;
	--neutral-ultra-dark: #333333;
	--black: #000000;
	--neutral-light: #F3F3F3;
	
	--border-radius: 8px;
	--border-radius-small: 4px;
	--font-family: 'Elica Favorit';
	
	--spacing-space-4: 4px;
	--spacing-space-20: 20px;
	/*NEW END*/
	
	
}

.border-radius-small,
.border-radius-small img{border-radius:var(--border-radius-small);}


/* COLORS */

.tcolor-primary{ color:var(--primary) !important}	
.tcolor-secondary{ color:var(--secondary) !important}
.tcolor-neutral-2{ color:var(--neutral-2) !important}
.tcolor-neutral-light{ color:var(--neutral-light) !important}
.tcolor-alert-2{ color:var(--alert-2) !important}
/*.tcolor-white{ color:white !important}*/
.tcolor-light-gray{ color:var(--light-gray) !important}
.tcolor-mid-light-gray{ color:var(--mid-light-gray) !important}
.tcolor-mid-gray{ color:var(--mid-gray) !important}
.tcolor-mid-dark-gray{ color:var(--mid-dark-gray) !important}
.tcolor-dark-gray{ color:var(--dark-gray) !important}
.tcolor-transparent{ color:var(--transparent) !important}
.tcolor-black{ color:var(--black) !important}
.tcolor-neutral{ color:var(--neutral) !important}
.tcolor-neutra-light{ color:var(--neutral-light) !important}
.tcolor-neutral-dark{color:var(--neutral-dark) !important}
.tcolor-neutral-medium{color:var(--neutral-medium) !important}
.tcolor-alert{ color:var(--alert) !important}


/*NEW*/
.tcolor-white{ color:var(--white) !important}	
.tcolor-name{ color:var(--color-name) !important}	
.tcolor-neutral-mid-light{ color:var(--neutral-mid-light) !important}	
.tcolor-neutral-medium{ color:var(--neutral-medium) !important}	
.tcolor-neutral-mid-dark{ color:var(--neutral-mid-dark) !important}	
.tcolor-neutral-dark{ color:var(--neutral-dark) !important}	
.tcolor-neutral-ultra-dark{ color:var(--neutral-ultra-dark) !important}	
.tcolor-black{ color:var(--black) !important}	
.tcolor-neutral-light{color:var(--neutral-light) !important}
/* NEW END */



.bg-primary{ background-color:var(--neutral-ultra-dark) !important}	

.bg-secondary{ background-color:var(--secondary) !important}
.bg-neutral-2{ background-color:var(--neutral-2) !important}
.bg-neutral-light{ background-color:var(--neutral-light) !important}
.bg-alert-2{ background-color:var(--alert-2) !important}
.bg-white{ background-color:white !important}
.bg-light-gray{ background-color:var(--light-gray) !important}
.bg-mid-light-gray{ background-color:var(--mid-light-gray) !important}
.bg-mid-gray{ background-color:var(--mid-gray) !important}
.bg-mid-dark-gray{ background-color:var(--mid-dark-gray) !important}
.bg-dark-gray{ background-color:var(--dark-gray) !important}
.bg-transparent{ background-color:var(--transparent) !important}
.bg-black{ background-color:var(--black) !important}
.bg-neutral{ background-color:var(--neutral) !important}
.bg-neutra-light{ background-color:var(--neutral-light) !important}
.bg-neutral-ultra-dark{ background-color:var(--neutral-ultra-dark) !important}	
.bg-alert{ background-color:var(--alert)  !important}

/*
* {
	font-family: 'Elica Favorit';
}
*/

.dthH-huge {
  /*font-size: 112px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: var(--black);*/
font-size: 64px;
font-style: normal;
font-weight: 500;
line-height: 72px; /* 112.5% */
letter-spacing: -3.2px;
}


@media (max-width:991px){
	.dthH-huge {font-size:54px;}
}
@media (max-width:767px){
	.dthH-huge {
		font-size:44px;
		letter-spacing: -3px;
	}
}

h1, .dthh1 {
  font-size: 88px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -2px;
  margin-bottom:0px;
}

@media (max-width:991px){
	h1, .dthh1 {
		font-size:44px;
	}
	
}


@media (max-width:767px){
	h1, .dthh1 {font-size:36px;}
}




.dthh2 {
  font-size: 48px;
  font-weight: 300;
  line-height: 1;
  /*color: var(--7-black);*/
}

h3, .dthh3 {
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  /*color: var(--7-black);*/
}

@media (max-width:767px){
	h3, .dthh3{font-size:22px;}
}


h4 {
	font-size: 28px;
  line-height: 1.14;
  letter-spacing: -0.47px;
  font-weight:500
}

.dttextxbig-bold {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.4px;
  /*color: var(--black);*/
}

.dttextxbig {
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -0.4px;
  /*color: var(--black);*/
}



.dttextbig-bold {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  /*color: var(--black);*/
  letter-spacing: -0.8px;
  
}

.dttextbig {
  font-feature-settings: 'clig' off, 'liga' off;

font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 116.667% */
letter-spacing: -0.96px;
}

@media (max-width:767px){
	.dttextbig-bold, .dttextbig {font-size: 18px;
    line-height: 24px;}
}

.dttextdefault-bold {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  /*color: var(--dark-gray);*/
}

@media (max-width:767px){
	.dttextdefault-bold {font-size:14px;}
}

.dtnavigationmain-nav {
  font-size: 16px;
  line-height: 1;
  color: var(--dark-gray);
}

.dtnavigationsub-nav-links {
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.5px;
  color: var(--dark-gray);

}

.dttextdefault {
  font-size: 16px;
  line-height: 1.5;
  /*color: var(--dark-gray);*/
}

@media (max-width:767px){
	.dttextdefault{font-size:15px;}
}

.dttextsmall-bold {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  /*color: var(--dark-gray);*/
}

@media (max-width:767px){
	.dttextsmall-bold {font-size:13px;margin-bottom:9px}
}

.dttextsmall {
  font-size: 14px;
  line-height: 1.43;
  /*color: var(--dark-gray);*/
}

.dttextxsmall-bold {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.6;
	/*color: var(--dark-gray);*/
}

.dtnavigationsecondary-nav {
  font-size: 10px;
  line-height: 1.6;
  color: var(--dark-gray);
}

.dttextxsmall {
  font-size: 10px;
  line-height: 1.6;
  /*color: var(--dark-gray);*/
}


img {
	max-width: 100%;
	height: auto;
}
img.of-cover,
.of-cover img {
	object-fit: cover;
}

a {
	text-decoration: none;
	color: inherit;
}
a:hover {
  color: var(--primary);
}

ul.menu {
	list-style: none;
}

.mt-160 {
	margin-top: 160px;
}
.mb-160 {
	margin-bottom: 160px;
}
.my-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}
.mt-80 {
	margin-top: 80px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mbi-80 {
	margin-bottom: 80px !important;
}
.mt-64 {
	margin-top: 64px;
}
.mb-64 {
	margin-bottom: 64px;
}
.mt-48 {
	margin-top: 48px;
}
.mb-48 {
	margin-bottom: 48px;
}
.ml-48 {
	margin-left: 48px;
}
.mr-48 {
	margin-right: 48px;
}
.mr-32 {
	margin-right: 32px;
}
.my-24 {
	margin-top: 24px;
	margin-bottom: 24px;
}
.mx-24 {
	margin-left: 24px;
	margin-right: 24px;
}
.mr-24 {
	margin-right: 24px;
}
.ml-24 {
	margin-left: 24px;
}
.mb-24 {
	margin-bottom: 24px;
}
.mt-24 {
	margin-top: 24px;
}
.mt-16 {
	margin-top: 16px;
}
.mb-16 {
	margin-bottom: 16px;
}
.mx-12 {
	margin-left: 12px;
	margin-right: 12px;
}
.my-12 {
	margin-top: 12px;
	margin-bottom: 12px;
}
.mt-32 {
	margin-top: 32px;
}
.mt--32 {
	margin-top: -32px !important;
}
.pt-30-100 {
	/*padding-top: 30%;*/
	padding-top: 15%;
    padding-bottom: 15%;
}
.pt-16 {
	padding-top: 16px;
}
.pt-80 {
	padding-top: 80px;
}
.p-24 {
	padding: 24px;
}
.pl-24 {
	padding-left: 24px;
}
.pr-24 {
	padding-right: 24px;
}
.pt-48 {
	padding-top: 48px;
}
.pb-48 {
	padding-bottom: 48px;
}
.pt-60 {
	padding-top: 60px;
}
.p-80 {
	padding: 80px;
}
.py-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.py-24 {
	padding-top: 24px;
	padding-bottom: 24px;
}
.max-w-224 {
	max-width: 224px;
}
.max-w-800 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.min-h-640,
.min-h-640 img {
	min-height: 640px;
}
.mw-360 {
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}
.mw-872 {
	max-width: 872px;
	margin-left: auto;
	margin-right: auto;
}

.br-16 {
	border-radius: 16px;
	overflow: hidden;
}

.ml-64{	margin-left: 64px;}
.mr-64{	margin-right:64px;}

.ml-136{	margin-left: 136px;}
.mr-136{	margin-right:136px;}

.ml-112{	margin-left: 112px;}
.mr-112{	margin-right:112px;}

.ml-176{	margin-left: 176px;}
.mr-176{	margin-right:176px;}


.pl-32{	padding-left: 32px;}
.pr-32{	padding-right: 32px;}

.pl-64{	padding-left: 64px;}
.pr-64{	padding-right:64px;}

.pl-136{	padding-left: 136px;}
.pr-136{	padding-right:136px;}

.pl-112{	padding-left: 112px;}
.pr-112{	padding-right:112px;}

.pl-176{	padding-left: 176px;}
.pr-176{	padding-right:176px;}


.padding-64{	padding-left: 64px;	padding-right:64px;}


@media (max-width:767px){
		.mt-160 {
			margin-top: 80px;
		}
		.mb-160 {
			margin-bottom: 160px;
		}
		.mt-80 {
			margin-top: 40px;
		}
		.mb-80 {
			margin-bottom:40px;
		}
		.mbi-80 {
			margin-bottom:40px !important;
		}
		.my-80 {
			margin-bottom:40px;
			margin-top: 40px;
		}
		.mt-64 {
			margin-top: 32px;
		}
		.mb-64 {
			margin-bottom: 32px;
		}
		.mt-48 {
			margin-top: 24px;
		}
		.mb-48 {
			margin-bottom: 24px;
		}
		.mt--32 {
			margin-top: -21px;
		}
		
		.mb-32 {
			margin-bottom: 16px;
		}
		
		.pt-30-100 {
			padding-top: 30%;
		}
		.p-80 {
			padding: 40px;
		}
		.py-80 {
			padding-top: 40px;
			padding-bottom: 40px;
		}
		
		.max-w-800 {
    	width:initial;
		}

	.padding-64{	padding-left: inherit;	padding-right: inherit;}
}
	
			.mb-32 {
			margin-bottom: 32px;
		}


.text-primary, .text-primary a {
	color: var(--primary);
}
.text-mid-gray, .text-mid-gray a {
	color: var(--mid-gray);
}

#block-mapo-primary-local-tasks {
	background-color: #eee;
}
#block-mapo-primary-local-tasks ul {
	display: flex;
	margin: 0;
}
#block-mapo-primary-local-tasks li {
	margin-left: 30px;
}


/* width: 1440px - 172px (margin-left, margin-right)*/
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1096px;}
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1096px;}
}



.subtitle {
    font-family: 'Elica Favorit';
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.5px;
    line-height: 1;
}


.show-mobile {
	display:none;
}

.hide-mobile {
	display:inherit;
}

@media(max-width:767px){
	.show-mobile {
		display:inherit;
	}
	
	.hide-mobile {
		display:none;
	}
}


/** PULSANTI **/

.btn-outline-light{
	    border-radius: var(--border-radius-small);
    border: 1px solid var(--white, #FFF);
    padding: var(--spacing-space-4) var(--spacing-space-20) !important;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
}

.btn-outline-light:hover{
	  color: var(--black) !important;
    background-color: var(--white);
    border-color: var(--white);
    }
    

.btn-outline-black{
	    border-radius: var(--border-radius-small);
    border: 1px solid var(--black);
    padding: var(--spacing-space-4) var(--spacing-space-20) !important;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
    color:var(--black) !important;
}

.btn-outline-black:hover{
	  color: var(--white) !important;
    background-color: var(--black);
    
    }    
    
    
    
.btn-black{
		border-radius: var(--border-radius-small);
    border: 1px solid var(--black, #FFF);
    padding: 12px var(--spacing-space-20) !important;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
    background-color: var(--black);
    color:var(--white);
    
}    

.btn-black:hover{
	background-color: var(--white);
	color:var(--black);
}


.breadcrumb{
	max-width: 1096px;
    margin-left: auto;
    margin-right: auto;
}



  
 @media (max-width: 1199px){
.breadcrumb  {
	    max-width: 960px;
	}
}
    
@media (max-width: 991px){
.breadcrumb {
	    max-width: 720px;
	}
}

 @media (max-width: 767px){
.breadcrumb{
	    max-width: 540px;
	}
}


#dnf  .row{
	padding-top: 40px;
    padding-bottom: 40px;
}

#dnf .bg-primary{background-color:var(--neutral-light) !important;color:var(--black) !important;border-radius:var(--spacing-space-4);font-size:14px}

#dnf .bg-primary:hover {background-color:var(--neutral-mid-dark) !important;}


.section-candidatura {
	display:none;
}

#btncandidatura i {
	padding-left:10px;
}

.showform{
	display:block;
}

iframe#inrecruiting_registerIframe{height:1900px}
@media (max-width:768px){
iframe#inrecruiting_registerIframe{
height:1950px !important;
}
}
@media (max-width:480px){
iframe#inrecruiting_registerIframe{
height:2050px !important;
}
}

