/* обшие стили вакансии */
.jvac__vacancy {
    padding: 25px 250px 25px 25px;
    position: relative;
    margin: 0 0 15px 0;
    background: #fff;
    border-radius: 3px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    display: block;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05);
}

.jvac__vacancy:hover {
    text-decoration: none;
}

.jvac__vacancy:hover .jvac__improve {
    opacity: 1;
}

.jvac__vacancy--highlight {
    background: #FFFBED;
}

.jvac__vacancy--with-logo {
    min-height: 100px
}

.jvac__vacancy--premium:first-child {
    position: sticky;
    -webkit-position: sticky;
    top: 0;
    z-index: 1;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* булавка */

.jvac__ico {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
    position: relative;
}

.jvac__ico--pin {
    background: url(i/pin.svg) no-repeat 50% 50%;
    width: 17px;
    height: 16px;
    top: 4px;
}

.jvac__ico--star {
    background: url(i/star.svg) no-repeat 50% 50% / contain;
    width: 20px;
    height: 20px;
    top: 1px;
}

.jvac__ico--crown {
    width: 19px;
    height: 16px;
    background: url(i/crown.svg) no-repeat 50% 50%;
    top: 4px;
}


/* название вакансии */
.jvac__name-wrap {
    margin: 0 0 6px 0;
    position: relative;
    max-width: 326px;
}

.jvac__name {
    font: 700 24px/24px "source sans pro";
}

.jvac__name:hover {
    color: #f00;
}

/* кнопка улучшить вакансию */
.jvac__improve {
    opacity: 0;
    position: absolute;
    top: 0;
    right: -150px;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    background: #3bc206 url(i/target.svg) no-repeat 5px 50%;
    padding: 0 7px 0 30px;
    height: 28px;
    font: 400 17px/26px "source sans pro";
    color: #fff;
    transition: background-color 250ms, opacity 200ms;
}

.jvac__improve:hover {
    background-color: #39b306;
    text-decoration: none;
}


.jvac__suspicious {
    font: 14px/20px "source sans pro";
    background: #FF390E;
    border-radius: 3px;
    color: #fff;
    padding: 0 7px;
    display: inline-block;
    margin: 0 0 0 5px;
}

/* ссылка или название компании */
.jvac__company {
    font: 300 15px/15px "source sans pro";
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none;
    color: #686868;
    max-width: 400px;
}

.jvac__company--link {
    color: #0f9859;
    border-bottom: 1px solid;
}

.jvac__company--link:hover {
    color: #f00;
    text-decoration: none;
}


/* краткое описание вакансии */
.jvac__snippet {
    font: 300 18px/28px "source sans pro";
    margin: 7px 0 0 0;
    color: #686868;
}


/* meta */
.jvac__meta {
    position: absolute;
    top: 28px;
    right: 25px;
    text-align: right;
}

.jvac__vacancy--premium .jvac__meta {
    top: 15px;
}

/* зарплпта */
.jvac__salary {
    font: 700 20px/20px "source sans pro";
    margin: 0 0 5px 0;
}

/* дата публикации / обновления */
.jvac__date:after {
    content: attr(data-full);
    font: 300 15px/20px "source sans pro";
    color: #686868;
}

/* логотип компании */
.jvac__logo {
    margin: 12px 0 0 0;
    background-size: contain;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 124px;
    height: 44px;
}