/*----------------------
Job4You // CSS
Template 2023
2023-06-23	
bg@barbaragambini.com
----------------------*/

html { scroll-behavior:smooth; }
body, html { width: 100%;  height: 100%;  }

::-moz-selection  { background: #FF5321; color: #ffffff; }
::selection { background: #FF5321; color: #ffffff; }

a { color:; }
a:hover { color:; }

.line-height-n { line-height: normal; }
.line-height-1 { line-height:1; }
.line-height-1-6 { line-height: 1.6; }
.line-height-2 { line-height: 2; }

body { font-size:16px; font-weight:; color:#555; }
.clear { clear:both; visibility:hidden; margin:0; }

header { position:relative; overflow: hidden; }
header [class*="container"] { position:relative; z-index:20; }
/*header:after { display:block; content:""; background:rgba(255,255,255,.2); height:10px; position:absolute; width:100%; bottom:0; z-index:200; }*/

.letter-spacing { letter-spacing: .2em; }
.switch-colore { background: #919191; }
.switch-colore a { color: #fff; }
/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#a10302; }
.pink { color: #1f4fa7; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#330000; }
.blu { color:#1f4fa7; }
.ciano { color:#0097e0;}
.giallo { color:#fde231; }
.green { color:#7da81f; }
.light-green { color:#E0F0D7; }
.light-blue { color:#e5ecf8; }
.dark-green { color:#017a45; }
.dark { color:rgba(0,0,0,.8); }
.heavy-green { color:#1d2b0b; }
.heavy-blu { color:#092457;}
.blu-grey { color:#5e6c7e;}
.gold { color: #D7AB24; }
.bianco { color: #fff; }
.orange { color:#f54e00; }
.black { color:#000; }


.blu-grey-bg { background-color:#5e6c7e;}
.marrone-bg { background-color:#330000; }
.rosso-mattone-bg { background-color:#7c0505; }
.rosso-bg { background-color:#a10302; }
.ciano-bg { background-color:#0097e0;}
.giallo-bg { background-color:#fde231; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#1f4fa7; }
.green-bg { background-color:#7da81f; }
.dark-green-bg { background-color:#017a45; }
.dark-bg { background-color:rgba(27,28,72,1.00); }
.pink-bg { background-color: #1f4fa7; }
.black-bg { background-color:#000; }

.light-green-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#e5ecf8; }
.heavy-green-bg { background-color:#1d2b0b; }
.dark-bg { background-color:#333; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#f54e00; }
.gold-bg { background-color: #D7AB24; }
.heavy-blu-bg { background-color:#092457; }


.gold-gradient-bg {
background: rgb(242,182,51);
background: linear-gradient(90deg, rgba(242,182,51,1) 0%, rgba(255,251,204,1) 27%, rgba(195,146,46,1) 65%, rgba(208,167,74,1) 78%); } 

.gold-text-gradient {
background: rgb(242,182,51);
background: linear-gradient(90deg, rgba(242,182,51,1) 0%, rgba(255,251,204,1) 27%, rgba(195,146,46,1) 65%, rgba(208,167,74,1) 78%); text-fill-color: transparent; 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/*-webkit-text-stroke: 1px #fcdc64;*/
}

.light-green-bg { background-color:#c4e973; }
.light-grey-bg { background-color:#eee ; }
.cold-grey-bg { background-color:#d1d4d9 ; }

.text-16 { font-size:16px; }
.text-18 { font-size:18px; }
.text-20 { font-size:20px; }
.text-25 { font-size:25px; }
.text-30 { font-size:30px; }
.text-35 { font-size:35px; }
.text-40 { font-size:40px; }
.text-45 { font-size:45px; }
.text-50 { font-size:50px; }
.text-60 { font-size:60px; }
.text-xxl { font-size:70px; }

.max-width-90 { max-width:900px; }
.max-width-80 { max-width:800px; }
.max-width-70 { max-width:700px; }
.max-width-60 { max-width:600px; }
.max-width-50 { max-width:500px; }
.max-width-40 { max-width:400px; }
.max-width-30 { max-width:300px; }



.blu-gradient {
background: rgb(8,167,223);
background: linear-gradient(157deg, rgba(8,167,223,1) 28%, rgba(8,132,189,1) 100%); 
}



.blu-gradient-txt {
background: rgb(8,167,223);
background: linear-gradient(157deg, rgba(8,167,223,1) 28%, rgba(8,132,189,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.opacity-10 { opacity:.1; }
.opacity-20 { opacity:.2; }
.opacity-30 { opacity:.3; }
.opacity-40 { opacity:.4; }
.opacity-50 { opacity:.5; }
.opacity-60 { opacity:.6; }
.opacity-80 { opacity:.8; }
.opacity-90 { opacity:.9; }



/*----------------------------
Google Fonts
----------------------------*/

.font-freeroad { font-family: 'Freeroad Bold', sans-serif; }
.font-opensans { font-family: 'Open Sans', sans-serif; }
.font-opensans-c { font-family: 'Open Sans Condensed', sans-serif; }
.font-muli { font-family: 'Muli', sans-serif; }
.font-coda { font-family: 'Coda', cursive; }
.font-oswald { font-family: 'Oswald', sans-serif; }
.font-anton { font-family: 'Anton', sans-serif; letter-spacing:0.03em; }
.font-norffo { font-family: 'Norffo'; }
.font-norffo-i { font-family: 'Norffo Italic'; }
.font-montserrat { font-family: 'Montserrat', sans-serif; }
.font-pacifico { font-family: 'Pacifico', cursive; }
.font-rancho { font-family: 'Rancho', cursive; }
.font-lato { font-family: 'Lato', sans-serif; }
.font-arvo { font-family: 'Arvo', serif; }
.font-titillium { font-family: 'Titillium Web', sans-serif; }
.font-roboto { font-family: 'Roboto', sans-serif; }
.font-roboto-c { font-family: 'Roboto Condensed', sans-serif; }
.font-laila { font-family: 'Laila', serif; }
.font-roboto-slab { font-family: 'Roboto Slab', serif; }
.font-kaushan { font-family: 'Kaushan Script', cursive; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-noto-sans-KR { font-family: 'Noto Sans KR', sans-serif; }
.font-lora { font-family: 'Lora', serif; }
.font-pt-sans { font-family: 'PT Sans', sans-serif; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-caveat {font-family: 'Caveat', cursive; }
.font-poppins { font-family: 'Poppins', sans-serif;} 
.font-raleway { font-family: 'Raleway', sans-serif; }
.font-dosis {font-family: 'Dosis', sans-serif;}
.font-maven-pro { font-family: 'Maven Pro', sans-serif; }

.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
.font-weight-900 { font-weight: 900; }


/*----------------------------

----------------------------*/
nav { box-shadow: 1px -4px 6px 2px rgba(0, 0, 0, .4); position: relative; z-index: 10; }

/*----------------------------
Cover-bg
----------------------------*/

.cover-bg { background: url("../images/iStock-1133141435.webp") no-repeat center center / cover; min-height: 200px; position: relative }
.cover-bg .text-highlight { position: relative; z-index: 2; }
.cover-bg .text-highlight a { color: #fff; }

header { position:relative; overflow: hidden; }
header [class*="container"] { position:relative; z-index:20; }
/*header:after { display:block; content:""; background:rgba(255,255,255,.2); height:10px; position:absolute; width:100%; bottom:0; z-index:200; }*/

.overlay { 	
position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity:.4; z-index: 1; background: #00070E;
}


/*----------------------------
Form
----------------------------*/

.form-group { margin:0; }
.form-group label { line-height:1; font-size:15px; color:#777; text-align:right; margin:0 10px 0 0; display:block; }
.form-control {
background: #fff;
border: none;
border-radius: 0;
box-shadow: none;
color: #666;
font-size: 16px;
height:auto;
padding:10px;
font-weight:normal;
line-height:;
}
.form-control::-moz-placeholder { opacity:1; color: #999; }
.form-control::placeholder { opacity:1; color:#999; }



.btn-custom { letter-spacing: .1em;  font-size:16px; border-width:2px; border-style: solid; font-weight:700; padding:13px 20px; text-transform:uppercase; border-radius:6px; line-height:1; width:100%; text-decoration:none; text-align:center; text-decoration:none; border-color: transparent; }
.btn-custom:hover { }


.checkbox-terms input { margin:5px 0 0 ;}

.form-group-privacy { line-height:1.2;  }
.form-group-privacy a { color:#fff; }
.form-group-privacy label.radio-inline { font-size:14px; margin:0 0 6px 0; }
.form-group-privacy p.small { font-size:12px; }

.form-control.custom-select-grip {}
.form-control.custom-select-grip select { padding:0px; }
.form-control.custom-select-grip { position:relative; }
.form-control.custom-select-grip:after { position:absolute; right:15px; top:3px; content:""; display:block; 
right:14px; top:50%; margin-top:-8px; width: 10px; height: 18px; background: url(../images/select-grip.svg) no-repeat center center / 100% auto; opacity:.5; }


select { 
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;
background:none; border:none; width:100%;
color:#666;
}

select option { opacity:1; color:#666; }


form.job-form-search button.btn-custom:hover { background: #fff; color: #7da81f; }


/*----------------------------*/

.list-custom { position:relative; list-style-type: none; padding-left: 1.7rem; margin-bottom: 0; }
.list-custom li { font-size:; margin:0 0 12px 0; line-height:1.4; position:relative; }
.list-custom li:last-child { margin-bottom:0;  }
.list-custom i { font-size: 20px; left:-30px; position:absolute; top:3px; }


/*----------------------------*/
.box-login a { color: #555; text-decoration: none; }
/*----------------------------*/

.dropdown a#dropdownCountry { text-decoration: none; color: #555; }

ul.job-flag-list.dropdown-menu.p-3 li { margin-bottom: .8rem; white-space: nowrap; }
ul.job-flag-list.dropdown-menu.p-3 li:last-child { margin-bottom:0; white-space: nowrap; }
ul.job-flag-list.dropdown-menu.p-3 li a { text-decoration: none; color: #555; text-transform: uppercase; font-size: 13px; font-weight: 600; display: block; line-height: 1; }
ul.job-flag-list.dropdown-menu.p-3 li a img { margin-right: 8px; vertical-align: middle; }

/*----------------------------*/

section.job-finder button.btn-custom { border:2px solid #fff; color: #fff; background: none; }

/*----------------------------*/

.job-vacations-list-container ul.job-vacations-list { list-style-type: none; margin: 0; padding: 0; }
.job-vacations-list-container ul.job-vacations-list li.job-vacations-item { border-radius: 10px; margin-bottom: 1rem; background:#fff; position: relative;  }
.job-vacations-list-container ul.job-vacations-list li.job-vacations-item h3 {  /*color: #7da81f;*/  }

.job-vacations-list-container a.btn-apply-now { text-align: center; text-transform: uppercase; border-radius: 6px; display: block; background:none; color:#7da81f; 
text-decoration: none; padding: .5rem 2rem; margin: auto; max-width: 180px; font-weight: 600; border: 2px solid; }


/*----------------------------*/
ul.job-vacations-list li.job-vacations-item.job-of-the-day { overflow: hidden; padding-top: 3.5rem !important; }
ul.job-vacations-list li.job-vacations-item.job-of-the-day:before { 
content: var(--my-job-of-the-day-var); background: #FF7B25;  color: #fff;  display:flex; font-size: 20px; text-transform: uppercase; line-height: 1; padding:1rem; font-weight:900;
position: absolute; left: 0; top: 0; height:40px; width: 100%; align-items: center; text-align: center;  }
/*----------------------------*/

.coreg { border:2px dotted rgba(255,255,255,.6); background: rgba(0,0,0,.1); }
.coreg a { color: #fff; }


/*----------------------------*/

footer a { color: #7da81f; }
nav img.brand { height: 55px; }
footer img.brand { height: 40px; }
footer .unsubscribe-link { color: #555; font-size: small; }


/*----------------------------
Breakpoint BS5

None 			<576px
sm 				576px
md 				768px
lg 				992px
xl 				1200px
xxl 			1400px
----------------------------*/



/*----------------------------
mobile sopra i....
----------------------------*/


@media(min-width:1920px) { }
@media(min-width:1180px) { 
}

@media(min-width:1600px) { }
@media(min-width:992px) { 
}



/*----------------------------
mobile sotto i...
----------------------------*/
@media(max-width:1600px) {}
@media(max-width:1400px) {}
@media(max-width:1200px) {
.text-18 { font-size:16px; }
.text-20 { font-size:18px; }
.text-25 { font-size:20px; }
.text-30 { font-size:25px; }
.text-35 { font-size:28px; }
.text-40 { font-size:30px; }
.text-45 { font-size:35px; }
.text-50 { font-size:40px; }
.text-60 { font-size:50px; }
}



@media(max-width:992px) {
.job-vacations-list-container a.btn-apply-now { margin: 0; }
}


@media(max-width:767px) {
nav img.brand { height:40px; }
footer img.brand { height:35px; }
}

@media(max-width:480px) {

.text-18 { font-size:15px; }
.text-20 { font-size:16px; }
.text-25 { font-size:18px; }
.text-30 { font-size:25px; }
.text-35 { font-size:28px; }
.text-40 { font-size:30px; }
.text-45 { font-size:32px; }
.text-50 { font-size:40px; }
.text-60 { font-size:45px; }
}

@media(max-width:400px) {}
	
	
/* validazioni form */
.validation-error-container {
	border: 1px solid #dd0000;
	color: #dd0000;
	display: none;
	margin-bottom: 10px;
	padding: 2px 10px;
    background-color: white;
}

.validation-error label, label.error {
    color: #dd0000;
    display: block;
    font-weight: normal;
    margin-bottom: 0px;
}	

.before-submit {
    font-size: 10px;
}

.before-submit a{
    color: #fff;
}

.alert-wrap-line-abstract {
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
    overflow: hidden;
}

.job-vacations-list-container .pagination {
    width: fit-content;
    margin: auto;
}


.job-vacations-list-container .pagination > li > a,
.job-vacations-list-container .pagination > li > span{
    padding: 5px 8px;
    color: #42549d;
}

.job-vacations-list-container .pagination > .active > a,
.job-vacations-list-container .pagination > .active > span,
.job-vacations-list-container .pagination > .active > a:hover,
.job-vacations-list-container .pagination > .active > span:hover,
.job-vacations-list-container .pagination > .active > a:focus,
.job-vacations-list-container .pagination > .active > span:focus {
    color: #ffffff;
    background-color: #42549d;
    border-color: #42549d;
}


@media (min-width: 768px) {
    .job-vacations-list-container .pagination {
        font-size: 14px;
    }

    .job-vacations-list-container .pagination > li > a,
    .job-vacations-list-container .pagination > li > span{
        padding: 6px 12px;
    }
}

.hamburger-container {
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
  }

.hamburger-bar1, .hamburger-bar2, .hamburger-bar3 {
    width: 20px;
    height: 4px;
    background-color: #333;
    margin: 4px 0;
    transition: 0.4s;
  }
    
  .hamburger-change .hamburger-bar1 {
    transform: translate(0px, 10px) rotate(-45deg);
  }
  
  .hamburger-change .hamburger-bar2 {opacity: 0;}
  
  .hamburger-change .hamburger-bar3 {
    transform: translate(0, -6px) rotate(45deg);
  }

  #alertSerachBarProgress { 
    width: 50%; 
    background-color: #ddd; 
  } 
    
  #alertSerachBar { 
    width: 1%; 
    height: 35px; 
    background-color: #4CAF50; 
    text-align: center; 
    line-height: 32px; 
    color: black; 
  } 

  .load-more-alerts-button {
    background-color: green;
    color: white;
    padding: 10px 20px;
    text-align: center;
    display: block;
    margin: 20px auto;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    font-size: 16px;
}

    
/** Modifica al css di src\skins\common\css\typeahead.css */
.tt-menu {
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
}