/*
Theme Name: City Green Light Child Theme
Template: qwery
Theme URI: https://citygreenlight.com
Author: Indaweb
Author URI: https://indaweb.it
Description: Flexible Multi-Purpose Responsive WordPress Theme
Version: 1.1
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */
a:hover{
    font-family: "Century Gothic", Sans-serif !important;
}
.single-job{
	margin-bottom: 30px;
	background: #f5f5f5;
	padding: 1.5% 3%;
	position: relative;
}
.single-job h4{
	font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}
.job-list{
	margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
}
.job-meta{
	font-size: .9em;
    padding: 5px;
    border: 2px solid;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
	width: 85px;
}
.job-meta.part_time {
    color: #4c00ff;
    border-color: #4c00ff;
    background-color: rgba(76, 0, 255, 0.1);
}
.job-meta.full_time {
    color: #16bf00;
    border-color: #16bf00;
    background-color: rgba(22, 191, 0, 0.1);
}
.job-meta.internship {
    color: #ffc400;
    border-color: #ffc400;
    background-color: rgba(255, 196, 0, 0.1);
}
.job-meta.temporary {
    color: #940080;
    border-color: #940080;
    background-color: rgba(148, 0, 128, 0.1);
}
.job-meta.freelance {
    color: #00a589;
    border-color: #00a589;
    background-color: rgba(0, 165, 137, 0.1);
}
.job-location{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.job-list .job-location{
    margin-top: 0;
}
.job-location:before{
    content: ' ';
    background-image: url(/wp-content/themes/citygreenlight-child/assets/location-sign.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 25px;
    display: inline-block;
    margin-right: 8px;
}
@media screen and (min-width: 768px){
	.single-job{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.single-job h4{
		padding-bottom: 0;
	}
	.job-title{
		width: 30%;
	}
}
@media screen and (max-width: 767px){
	.single-job .button-container{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-top: 20px;
	}
	.job-meta{
		position: absolute;
    	bottom: 10%;
	}
}
.job-button{
    background-color: #48647C !important;
    color: #fff !important;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
}