.cards.vacancies { position:relative; top:calc(0px - (var(--gutter) / 2));  margin-top:var(--gutter); }
.cards.vacancies:last-child { margin-bottom:0; }
 .card.vacancy  div:not(.meta):not(.meta div){ background: transparent !important; }

 .card.vacancy:only-child {  
     max-width: 720px; width: 100%; margin: calc(var(--gutter) / 2) auto;  padding-left:32px !important; padding-right:32px !important;
}
 
@media only screen and (max-width: 899px)  {
     .card.vacancy:only-child { max-width: 100%;   }
}

@media only screen and (max-width: 599px)  {
     .card.vacancy:only-child {   max-width: 100%;  padding-left:16px !important; padding-right:16px !important; }
 
}
 
 
 
 
 
 
 
 .card.vacancy a {  background: var(--bg-purple);  border:1px solid #221D33;  color:#221D33; }

 .card.vacancy.closed a { background: #F2F2F2; border-color:#716C80; color: #716C80; }

 .card:is(.vacancy,.vacancy.closed) a:is(:hover,:focus-visible) {  background: var(--dark-purple);   color:#FFFFFF; }

/* .card.vacancy a dl {
               display: flex; flex-wrap: wrap; margin: 0
           }*/
 .card.vacancy a dl :is(dt,dd) {
               font-size: 14px; line-height: 1; white-space: nowrap;
           }
/* .card.vacancy a dl dt  {
               display: inline-block; border: !*1px solid transparent;   padding:10px 0;*!
           }*/
 .card.vacancy a dl dt::after { content:":\00a0";}
 .card.vacancy a dl :is(dt,dd) strong {font-weight: 700;}

 .card.vacancy a dl dd:not(:last-child) { margin: 0 1em 0 0; }

 .card.vacancy dd span.status { font-weight: 700;
               background: #FC8D8D; color: var(--black) !important; padding:11px 8px; border-radius: 4px; border: 1px solid #221D33;
			       margin: 0 0 8px; font-weight: bold;
    padding:7px 10px; font-size: 14px; 
      
}
@media only screen and (min-width: 900px)  {
	 .card.vacancy a dl :is(dt,dd) {
               font-size: 16px;  
           }
	
	
}
.card.vacancy dd span.status.open{
               background: #8DFCA5;
           }
 .card.vacancy dd span.status.soon{
               background: #FCD08D;
           }


.card.vacancy dl :is(dt,dd) {
    float: left;

}
.card.vacancy dl dt:first-child,
.card.vacancy dl dt:first-child+dd {
    margin-top:0;
}

.card.vacancy dl dt { clear: left; font-weight: 700; margin-right: 0.5em;  line-height: 21px; }


.card.vacancy dl dt ,
.card.vacancy dl dd > :is(a,span) {
    padding:8px 0;  display: inline-block;
}
.card.vacancy dl dt ,
.card.vacancy dl dd {
}
/*
.card.vacancy dl dd a:not(.status){
    padding:6px 10px; font-size: 14px; color: #221D33;
    border: 1px solid #8772CC; background: white; border-radius: 300px; border-radius: 1.3em; margin:1px 8px 1px 0;
}
.card.vacancy dl dd a:not(.status):is(:hover,:focus-visible){

    background: var(--dark-purple);
    border-color: var(--dark-purple);
    color: white;
}


 */