/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap'); /* font-family: 'Inter', sans-serif; */


/* BODY */
body{font-family: 'Inter', sans-serif; background: #fff;}


/* WRAPPERS & SECTIONS */
.site-wrapper{max-width:60vw;min-width:1024px;}
.inner-wrapper{padding:0 10px;}
@media only screen and (max-width: 1024px){ 
	.site-wrapper{max-width:100%;min-width:0;}
	.inner-wrapper{padding:0 20px;} 
}
footer{padding: 45px 25px 5px;}
footer > div{padding-right:15px!important;}
#main-content{min-height:80vh;}
#page-title{margin-bottom:50px;}
@media only screen and (max-width: 1024px){ 
	#page-title{margin-bottom:25px;}
}
#offerte{max-width:1024px;padding:0 12px;}
@media only screen and (max-width: 1023px){
	#offerte{max-width:640px;padding:0 20px;}
}
#offerte > div{
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
margin: 10px auto;
background:white;
border:1px solid var(--basic);
}

/* POSITIONING */
.flexbox-header{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:stretch;
}
#logo-container,#main-menu{flex-basis:content;}
@media only screen and (max-width: 1024px){
	.flexbox-header{
	flex-direction:column;
	justify-content:center;
	align-items:stretch;
	}
	#logo-container{text-align:center;padding:10px;border-bottom:1px solid var(--basic);}
	.flexbox-header.padding-15px{padding:0;}
}
.flexbox-footer{
display:flex;
flex-direction:row;
justify-content:space-around;
align-items:stretch;
flex-wrap:wrap;
}
.flexbox-footer > div{flex-basis:content;}
@media only screen and (max-width: 1023px){.flexbox-footer > div{flex-basis:auto;}}	
a.flexbox-offers{
display:flex;
flex-direction:row;
justify-content:space-around;
align-items:center;
transition:0.3s all;
}
a.flexbox-offers:hover{opacity:0.8;}
@media only screen and (min-width: 1024px){
	a.flexbox-offers > img:nth-child(1){width:100%;}
	a.flexbox-offers > p:nth-child(2){width:100%;}
	a.flexbox-offers > p:nth-child(3){width: 60%;}
	a.flexbox-offers > p:nth-child(4){width: 25%;}
}
@media only screen and (max-width: 1023px){a.flexbox-offers{flex-direction:column;}}	
.flexbox-center.hp-offers{gap:10px;}
@media only screen and (max-width: 1023px){.flexbox-center.hp-offers{flex-direction:column!important;}}
.hp-offers > a{transition:0.3s all;opacity:1;}
.hp-offers > a:hover{opacity:0.7;}

/* MENU FIX */
.menuzord-menu > li > a{color:#000;padding:15px;}
.menuzord-menu ul.dropdown{border:var(--basic) 1px solid;}
	/* Active/hover state (Menu items) */
	.menuzord-menu > li.active > a,
	.menuzord-menu > li:hover > a{color:var(--basic);}
	.active{color:#555!important;}
	.menuzord .showhide::before{color:var(--basic);}
	.menuzord .showhide em{background:var(--basic);}
@media only screen and (max-width: 1200px) and (min-width: 1024px){.menuzord-menu > li > a{padding:10px;font-size:12px;}}


/* SOCIAL ICONS & FLAGS */
.social-icons{margin:0;padding:0;list-style:none;margin-right:15px;}
.social-icons li{display:inline-block;}
.social-icons .fab,.social-icons .fa{
font-size:20px;
padding:7px;
line-height:1.00;
text-align:right;
color:rgba(255,255,255,1.0);
transition:0.3s all;
}
.social-icons .fab.fa-facebook{color:#fff;}
.social-icons .fab.fa-linkedin, .social-icons .fa.fa-map-marker-alt{color:#fff;padding-right:15px;}
.social-icons .fab:hover{color:rgba(255,255,255,0.8);}

.flag{max-width:22px;padding-top:10px;transform:scale(0.9);transition:0.3s all;}
.flag:hover{transform:scale(1);}
#eng img{margin-right:10px;}

.fa.fa-map-marker-alt{
font-size:15px;
padding:0 3px;
line-height:1.00;
text-align:center;
color:rgba(50,50,50,1.0);
}


/* IMMAGINI */
a.logo{display:inline-block;margin: 10px;}
/* #logo{width:clamp(150px, 15vw, 200px);} ORIGINALE */ 
#logo{width: clamp(270px, 16vw, 350px);}
#logo-footer{width:170px;margin-left:0;}
.job{
max-width: 40px;
margin: 0 0 0 25px;
}
.job.homepage{									
max-width: 50px;
margin: 15px auto 0;
}
.featured > .job{margin: 0 0 0 20px;}
@media only screen and (max-width: 1023px){.featured > .job, .job{margin: 15px auto 0;}}

/* COLORI */
.sfondo-main{background-image: radial-gradient(circle at 13% 47%, rgba(140, 140, 140,0.03) 0%, rgba(140, 140, 140,0.03) 25%,transparent 25%, transparent 100%),radial-gradient(circle at 28% 63%, rgba(143, 143, 143,0.03) 0%, rgba(143, 143, 143,0.03) 16%,transparent 16%, transparent 100%),radial-gradient(circle at 81% 56%, rgba(65, 65, 65,0.03) 0%, rgba(65, 65, 65,0.03) 12%,transparent 12%, transparent 100%),radial-gradient(circle at 26% 48%, rgba(60, 60, 60,0.03) 0%, rgba(60, 60, 60,0.03) 6%,transparent 6%, transparent 100%),radial-gradient(circle at 97% 17%, rgba(150, 150, 150,0.03) 0%, rgba(150, 150, 150,0.03) 56%,transparent 56%, transparent 100%),radial-gradient(circle at 50% 100%, rgba(25, 25, 25,0.03) 0%, rgba(25, 25, 25,0.03) 36%,transparent 36%, transparent 100%),radial-gradient(circle at 55% 52%, rgba(69, 69, 69,0.03) 0%, rgba(69, 69, 69,0.03) 6%,transparent 6%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));}
.gradient{background-image: repeating-linear-gradient(45deg, hsla(64,83%,54%,0.05) 0px, hsla(64,83%,54%,0.05) 1px,transparent 1px, transparent 11px,hsla(64,83%,54%,0.05) 11px, hsla(64,83%,54%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(90deg, hsla(64,83%,54%,0.05) 0px, hsla(64,83%,54%,0.05) 1px,transparent 1px, transparent 11px,hsla(64,83%,54%,0.05) 11px, hsla(64,83%,54%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(0deg, hsla(64,83%,54%,0.05) 0px, hsla(64,83%,54%,0.05) 1px,transparent 1px, transparent 11px,hsla(64,83%,54%,0.05) 11px, hsla(64,83%,54%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(135deg, hsla(64,83%,54%,0.05) 0px, hsla(64,83%,54%,0.05) 1px,transparent 1px, transparent 11px,hsla(64,83%,54%,0.05) 11px, hsla(64,83%,54%,0.05) 12px,transparent 12px, transparent 32px),linear-gradient(90deg, rgb(248,151,0),rgb(248,151,0));}
.dark-orange{background:#dc7b00;}
.txt-grigio{color:#555555;}
.border-offers{border-bottom:1px solid var(--bordercolor);}
.border-offers.homepage{border:1px solid var(--bordercolor);}
.border-offers.featured{border-left:5px solid var(--bordercolor);}

/* TIPOGRAFIA */
h1,h2,h3,h4{font-family: 'Inter', sans-serif;line-height:1.3;font-weight:700;}
h1{font-size: clamp(22px, 3.5vw, 30px);padding:20px 0;}
h2{font-size:clamp(18px, 3.0vw, 26px);padding:20px 0;}
h3{font-size:clamp(16px, 2.5vw, 22px);padding:20px 0;}
h4{font-size:clamp(14px, 2.0vw, 20px);padding:20px 0;}
p,blockquote,ul.lista{font-size:clamp(13px, 1.5vw, 16px);padding:10px 20px 10px 0;line-height:1.5;font-weight:400;}
small{word-spacing: 2px;letter-spacing:2px;}
.small{font-size:0.8em;font-weight:700;}
@media only screen and (max-width: 1023px){small,.small{font-size:12px;}}

/* Tipography Offerte */
p.offerte{
font-size:clamp(12px, 1.3vw, 14px);
padding:20px;
line-height:1.75;
font-weight:400;
}
@media only screen and (max-width: 1023px){p.offerte{text-align:center;padding:10px 15px;}}
p.offerte strong{font-size:clamp(14px, 1.3vw, 16px);}

/* Citazioni */
blockquote{
position: relative;
display:inline-block;
max-width:80vw;
padding:20px 30px 25px 40px;
background:var(--accent);
color:white;
margin-bottom:30px;
border-left:6px solid var(--basic);
border-right:0px solid var(--basic);
border-radius: 10px 0;
transition:0.3s all;
}
blockquote:hover{border-radius:0 0 10px 10px;border-right:6px solid var(--basic);}
blockquote span{
display:block;
font-style: normal;
font-weight: 700;
margin-top:10px;
}
blockquote::before{
font-family:Arial;
content: "\201C";
color:#78C0A8;
font-size:4em;
position: absolute;
left: 5px;
top:-5px;
}

/* Liste */
ul.lista{
margin:0;
padding: 0;
padding-left:calc(1vw + 15px);
padding-right:20px;
}
	
ul.lista li{
position: relative;
list-style-type: none;
padding:0 0 0 1.5rem;
margin: 0 0 0.5rem 0;
text-indent:0;
}

ul.lista li:before {
content: '';
display: block;
position: absolute;
left: 0;
top: -2px;
width: 5px;
height: 11px;
border-width: 0 2px 2px 0;
border-style: solid;
border-color: var(--accent);
transform-origin: bottom left;
transform: rotate(45deg);
}

/* Barre HR */
hr.black{
width:100%;
height:0;
margin:40px 0;
padding:0;
border:0;
color:rgba(0,0,0,0.0);
background:rgba(0,0,0,0.0);
border-bottom:2px solid rgba(0,0,0,1.0);
}

/* Footer Typography */
h3.footer{
font-weight: 700;
font-size: 18px;
padding: 0 0 10px 0;
line-height: 1.0;
}
p.footer{
font-size: 12px;
padding: 0;
line-height: 1.6;
}
ul.footer{
list-style-type:none;
margin:0;
padding:0;
font-size:12px;
font-weight:400;
text-align:left;
line-height:1.2;
}
ul.footer li{
margin-left:0px;
padding:0 0 15px;
text-indent:0px;
}
a.special{
border: 1px white solid;
padding: 10px;
background: rgba(255,255,255,0.1);
transition:all 0.5s;
}
a.special:hover{color:white;background: rgba(255,255,255,0.2);}

#sub-footer p small{font-size:10px!important;}
#sub-footer p a:hover{color:white;}


/* CALL TO ACTIONS */
a.button-cta{
outline:none;
cursor:pointer;
display:inline-block;
border-radius:0;
padding:15px;
margin:0;
text-align:center;
text-decoration:none;
font-family: 'Inter', sans-serif;
font-size:0.9rem;
font-weight:700;
transform:scale(1);
transition: 0.3s;
}
a.button-cta:hover{transform:scale(1.1);}
.candidati{margin:0 20px 20px 10px!important;}
@media only screen and (max-width: 374px){
	a.button-cta{font-size:0.8rem;}
	.candidati{margin:0!important;}
}

/* SFONDI */
.overlay-banner{ 
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.3;
z-index: 1;
}
.bg-001{background-image: url(../images/offerte-di-lavoro-informatica-servizi-informatici-gep-services.jpg);}


/* OGGETTI */
#arrow{
position:fixed;
z-index:1000;
bottom:0;
right:0;
padding:15px;
font-size: 20px;
color:white;
background:var(--accent);
opacity:0.7;
transition:all 0.5s;
}
#arrow:hover{
opacity:1.0;
transform: rotate(360deg);
}