/* ==========
   JOB - CARD
   ========== */
   
   	
.jobs { }
 
.card__job {
	position: relative;
	display: flex;
	padding: 3rem 3.4rem;
	margin-bottom: 1rem;
	border-radius: 1rem;
	transition: all .3s;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.00); }

.card__job:hover {
	border: 1px solid rgba(255,255,255,.08);
	background: rgba(255,255,255,.0); }
		
.card__job h3,
.card__job p {
	color: var(--color-white); }
	
	
.card__job .card__job__title,
.card__job .card__job__details {
	align-items: center;
	width: 50%; }

.card__job .card__job__title {
	padding-right: 40px; /* Allow space for link icon */ }
	
		
.card__job .card__job__details {
	text-transform: uppercase;
	display: flex; }	
	
.card__job .card__job__details div {
	padding: 0 1rem;
	width: 33.3%;
	text-align: center; 
	border-left: 1px solid rgba(255,255,255,.2); }	
	
.card__job .card__job__title h3,
.card__job .card__job__title p {
	display: inline; }	
	
.card__job .card__job__title p:before {
	content: '/ '; }		


.card__job .icon_link {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 1rem;
	right: 1rem; }
	
.card__job .icon_link svg g {
	fill: var(--color-green); }	
	

.card__job .card__job__summary {
	display: none;
	margin-bottom: 2rem;  }
	
@media all and (max-width: 900px) {
	
	.card__job {
		flex-wrap: wrap;
		padding: 1.5rem 1rem; }
		
	.card__job .card__job__title,
	.card__job .card__job__details {
		width: 100%; }
	
	.card__job .card__job__title {
		margin-bottom: 1rem; }
	
	.card__job .card__job__title h3,
	.card__job .card__job__title p {
		display: block;
		margin-bottom: 0; 	}		
	
	.card__job .card__job__details div {
		padding: 0 2rem;
		width: auto; }
	
	.card__job .card__job__details div:first-of-type{
		padding-left: 0;
		border-left: none; }
		
	.card__job .icon_link {
		top: auto;
		bottom: 1rem; }
}

@media all and (max-width: 540px) {
	
	.card__job .icon_link {
		top: 1rem;
		bottom: auto; }

	.card__job .card__job__details {
		justify-content: flex-end;
		flex-direction: row-reverse; }
	
	.card__job__details__contract {
		display: none; }
		
	.card__job .card__job__details p {
		font-size: 1.2rem; }
		
	.card__job__details div {
		padding: 0 .8rem;
		width: 33.3%;}
	
	.card__job .card__job__details div:nth-of-type(3) {
		padding-left: 0;
		border-left: none; }
	
	.card__job .card__job__summary {
		display: block; }
}



/* Full Version */

.card__job__full {
	border: 1px solid transparent;
	flex-wrap: wrap;
	padding: 1.5rem; }

.card__job__full .card__job__title {
	margin-bottom: 1rem; }
		
.card__job__full .card__job__title,
.card__job__full .card__job__details {
	align-items: center;
	width: 100%; }	
	
	
.card__job__full .card__job__title h3,
.card__job__full .card__job__title p {
	display: block; }		
	
.card__job__full .card__job__title h3 {
	margin-bottom: 0; }
	
	
	
.card__job__full .icon_market__wrapper {
	width: auto;
	line-height: 0;
	text-align: right;
	height: 20px;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem; }	
	
	
	
.card__job__full .icon_market__wrapper .icon_market {
	position: relative;
	margin-left: 5px;
	display: inline-block; } 
	

.card__job__full .card__job__title {
	padding-right: 75px; }

.card__job__full .card__job__details p {
	font-size: 1.2rem; }
	
.card__job__full .card__job__details div {
	width: auto; 
	padding: 0 1.5rem; 
	text-align: left; }	

.card__job__full .card__job__details div:first-of-type {
	border-left: none;
	padding-left: 0; }



.card__job__active,
.card__job__active:hover {
/*	background: var(--color-charcoal-dark);*/
	border-color: var(--color-green); }
	
/*.card__job__active h3,
.card__job__active p {
	color: var(--color-charcoal-dark); }	*/

.card__job svg #Shape {
	transition: all 1s; }

/*.card__job__active svg #Shape {
	fill: var(--color-charcoal-dark); }		*/