.hro-vacancies--list li a {
  text-decoration: none;
  transition: color 100ms ease-out; }
  .hro-vacancies--list li a:hover {
    color: #77B800; }

.hro-vacancies--list li h3 {
  margin-bottom: 0;
  display: inline-block; }
  .hro-vacancies--list li h3 span {
    display: inline-block;
    color: #AAA;
    margin-left: 15px;
    font-weight: normal;
    font-size: .9em;
    padding: 2px 5px;
    font-size: .8em;
    background-color: #D1E3F3;
    color: #0A549A;
    border-radius: 3px;
    transition: transform 100ms ease-out;
    transform-origin: 0% 50%; }
  .hro-vacancies--list li h3:hover span {
    transform: translateX(2px) rotate(-1deg); }

.hro-vacancies-grid {
  display: flex;
  flex-wrap: wrap; }
  .hro-vacancies-grid .hro-vacancies-info-item {
    flex: 0 0 calc(100%/6);
    margin-bottom: 30px; }

.hro-form .form-row {
  margin-bottom: 15px; }
  .hro-form .form-row .unbold {
    font-weight: normal; }
  .hro-form .form-row label {
    font-weight: bold;
    cursor: pointer;
    padding-top: 6px; }
    .hro-form .form-row label.top {
      align-self: flex-start; }
    .hro-form .form-row label.error {
      background-color: #CC5C58;
      color: #FFF;
      padding: 3px 10px;
      border-radius: 4px;
      opacity: .8; }
  .hro-form .form-row input,
  .hro-form .form-row textarea {
    display: block;
    width: 100%;
    margin-bottom: 0; }
    .hro-form .form-row input.small-text,
    .hro-form .form-row textarea.small-text {
      width: 100px; }
  .hro-form .form-row select {
    min-width: 150px; }
  .hro-form .form-row input[type=file] {
    height: 38px;
    font-size: 15px;
    line-height: 25px;
    font: normal 300 15px / 25px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    color: #8b8d94;
    border-width: 1px;
    border-color: rgba(51, 51, 51, 0.12);
    background-color: #fdfdfd;
    border-radius: 1px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 5px 15px;
    margin-bottom: 10px;
    border: 1px solid #e0e1e1;
    outline: 0;
    box-sizing: border-box; }
  .hro-form .form-row input[type=checkbox],
  .hro-form .form-row input[type=radio] {
    display: inline-block;
    width: auto;
    margin-right: 10px; }
  .hro-form .form-row .hro-form-options .form-element {
    display: block; }
  .hro-form .form-row .hro-form-options label {
    font-weight: normal; }

.hro-form .form-submit-btn {
  margin-top: 30px; }

@media screen and (max-width: 640px) {
  .hro-form .form-row label {
    display: block; } }

@media screen and (min-width: 640px) {
  .hro-form .form-row {
    display: grid;
    grid-column-gap: 10px;
    -ms-grid-columns: 200px 10px 1fr;
    grid-template-columns: 200px 1fr;
    grid-template-areas: "label formElement";
    align-items: flex-start; }
    .hro-form .form-row label {
      grid-area: label;
      -ms-grid-row: 1;
      font-weight: bold; }
    .hro-form .form-row .form-element {
      grid-area: formElement;
      -ms-grid-row: 1;
      -ms-grid-column: 3; }
    .hro-form .form-row input,
    .hro-form .form-row textarea {
      max-width: 350px; } }

.hro-form label.error {
  font-weight: normal;
  font-style: italic;
  color: #DD3333;
  font-size: .8em; }

.hro-form label.required {
  position: relative; }
  .hro-form label.required::after {
    content: '*';
    padding-right: 10px;
    color: #DD3333;
    position: absolute;
    right: 100%;
    top: 4px; }

/**
 * Form submit
 */
#msg-container {
  margin-bottom: 0; }
  #msg-container .error {
    color: #DD3333; }
    #msg-container .error label {
      font-weight: bold; }
    #msg-container .error span {
      margin-top: 15px;
      padding: 10px 15px;
      border: 1px solid #DD3333; }
  #msg-container .success span {
    padding-left: 15px;
    border-left: 4px solid #77B800;
    color: #77B800; }

/**
 * Vacancy summary shortcode
 */
.vacancy-summary .page-title + .page-subtitle {
  margin-top: 10px; }

.vacancy-summary .page-subtitle {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .vacancy-summary .page-subtitle h2, .vacancy-summary .page-subtitle h3, .vacancy-summary .page-subtitle h4, .vacancy-summary .page-subtitle h5, .vacancy-summary .page-subtitle h6 {
    color: #77B800;
    margin-bottom: 0;
    margin-right: 10px; }

.hro-vacancy--first-column {
  border-bottom: 1px solid rgba(51, 51, 51, 0.12);
  margin-bottom: 35px; }
/*# sourceMappingURL=front.min.css.map */