/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@media (min-width: 768px) {
  .item-vacancy {
    min-height: 500px; } }

.item-vacancy a {
  display: block;
  background-color: var(--white);
  padding: 25px;
  color: var(--text-color);
  text-decoration: none;
  transition: ease-in-out 200ms background-color, ease-in-out 200ms color; }
  @media (min-width: 768px) {
    .item-vacancy a {
      height: 100%; } }
  @media (min-width: 981px) {
    .item-vacancy a {
      padding: 25px 45px 40px 45px; } }
  .item-vacancy a:hover {
    background-color: var(--dark-blue);
    color: var(--white); }
    .item-vacancy a:hover .content h4 {
      color: var(--white); }
    .item-vacancy a:hover .btn {
      background: var(--dark-sand);
      color: var(--dark-blue); }
      .item-vacancy a:hover .btn:hover, .item-vacancy a:hover .btn:focus {
        background: #c4a974; }

.item-vacancy .content {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .item-vacancy .content .province {
    color: var(--light-blue);
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 16px; }
  .item-vacancy .content h4 {
    margin: 0 0 25px 0;
    color: var(--text-color);
    font-size: 18px;
    line-height: 27px;
    transition: ease-in-out 200ms color; }
    @media (min-width: 981px) {
      .item-vacancy .content h4 {
        min-height: 54px; } }
  .item-vacancy .content .text {
    margin-bottom: 35px; }
    @media (min-width: 981px) {
      .item-vacancy .content .text {
        margin-bottom: 25px; } }
  .item-vacancy .content .excerpt {
    font-size: 16px;
    line-height: 27px; }
    .item-vacancy .content .excerpt ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .item-vacancy .content .excerpt ul li {
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative; }
        .item-vacancy .content .excerpt ul li:last-child {
          margin-bottom: 0; }
        .item-vacancy .content .excerpt ul li::before {
          content: "";
          font-family: Icomoon;
          color: var(--light-blue);
          position: absolute;
          top: 1px;
          left: 0; }
        .item-vacancy .content .excerpt ul li:nth-child(1)::before {
          content: "\e90a";
          font-size: 12px; }
        .item-vacancy .content .excerpt ul li:nth-child(2)::before {
          content: "\e92a";
          font-size: 12px; }
        .item-vacancy .content .excerpt ul li:nth-child(3)::before {
          content: "\e906";
          font-size: 12px; }
        .item-vacancy .content .excerpt ul li:nth-child(4)::before {
          content: "\e926";
          font-size: 8px; }
        .item-vacancy .content .excerpt ul li:nth-child(5)::before {
          content: "\e925";
          font-size: 8px; }
        .item-vacancy .content .excerpt ul li strong {
          display: block; }
    .item-vacancy .content .excerpt p {
      margin: 0; }
      .item-vacancy .content .excerpt p:not(:first-child) {
        margin-top: 15px; }
  @media (min-width: 768px) {
    .item-vacancy .content .btn-vacancy {
      margin-top: auto; } }
  .item-vacancy .content .btn-vacancy .btn {
    display: block; }
    @media (min-width: 480px) {
      .item-vacancy .content .btn-vacancy .btn {
        display: inline-block; } }

/*# sourceMappingURL=item.css.map */