/*City jobs*/
.cityJobs_container{
	margin-bottom:20px;
	}

.cityJobs.col-sm-3{
	margin-bottom:30px;
	}

@media only screen and (max-width: 468px) {
.cityJobs.col-sm-3{	padding-bottom:30px; }
.cityJobs  .cityItem{ padding-bottom:12px; }
}
@media only screen and (min-width: 768px) {
.cityJobs.col-sm-3{
	width:23%; 
	padding-left:1%; 
	padding-right:1%;
	}
body:not(.home) .cityJobs.col-sm-3.cityJobs-min-heigh{
	min-height: 390px;
	}
body.home .cityJobs.col-sm-3.cityJobs-min-heigh{
	min-height: 154px;
	}
}
@media only screen and (max-width: 1024px) {
.cityJobs .backgroundImg{
	background-size: cover;
	}
}
@media only screen and (min-width: 415px and max-width: 768px) {
.cityJobs.col-sm-3{
	width:98%;
	}
}

.cityJobs .backgroundImg{
	width:100%; 
	min-height:220px; 
	color:rgb(255,255,255);
	background-color: #005e83;
	background-image: url(/wp-content/plugins/gigroup-plugin/img/cities/default-city.jpg); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

    text-align:center;
    vertical-align:middle;
    display: flex;
    align-items: center;
	
	/*border:1px solid green;*/
}
.cityJobs .background-trasparent-dark{
	width:inherit;
	min-height: inherit;
	
	color:rgb(255,255,255);
	background-color:rgba(0,0,0,0.55);
	
    text-align:inherit;
    vertical-align:inherit;
    display: inherit;
    align-items: inherit;
		
	transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	-ms-transition: box-shadow 0.2s;
	-o-transition: box-shadow 0.2s;
	-webkit-transition: box-shadow 0.2s;
	
	/*border:1px solid yellow;*/
} 
.cityJobs .background-trasparent-dark:hover{
    -webkit-box-shadow:inset 0px 0px 0px 14px #00b2c6;
    -moz-box-shadow:inset 0px 0px 0px 14px #00b2c6;
    box-shadow:inset 0px 0px 0px 14px #00b2c6;
}
.cityCaption{ 	
	width:inherit;
	padding:1% 3% 0 3%;
	text-transform:uppercase;
	font-size:1.4em; 
	font-weight:800;
	/*border:1px solid pink;*/
}
.cityJobs .cityItem{
	font-size:1em;
		
	transition: padding-left 0.2s;
	-moz-transition: padding-left 0.2s;
	-ms-transition: padding-left 0.2s;
	-o-transition: padding-left 0.2s;
	-webkit-transition: padding-left 0.2s;
}
.cityJobs .cityItem:hover{
	padding-left:4px;
}
.cityJobs h4{
	margin-top:1em;
	color: #00b2c6;
	background-color: rgba(255,255,255,0);	
	transition: padding-left 0.2s;
	-moz-transition: padding-left 0.2s;
	-ms-transition: padding-left 0.2s;
	-o-transition: padding-left 0.2s;
	-webkit-transition: padding-left 0.2s;
}
.cityJobs h4:hover{
	padding-left:4px;
}
a.cityJobs.ButtonAllLocations{
	color:#FFF;
	background-color:#00B2C5;
	padding:10px 30px;
	box-shadow: inset none;
		
	transition: box-shadow 0.4s;
	-moz-transition: box-shadow 0.4s;
	-ms-transition: box-shadow 0.4s;
	-o-transition: box-shadow 0.4s;
	-webkit-transition: box-shadow 0.4s;
}
a.cityJobs.ButtonAllLocations:hover{
    -webkit-box-shadow:inset 0px 0px 0px 26px #015E85;
    -moz-box-shadow:inset 0px 0px 0px 26px #015E85;
    box-shadow:inset 0px 0px 0px 26px #015E85;
}

/*used in list of all cities */
.cityJobs.row{
	margin:2em 0;	
}
.cityJobs .cityList_item{
	min-height:100px;
	padding-right:20px;
	border-top:3px solid #00b2c6; 
}