@charset "UTF-8";
/* Dropdown container styling */
.vacancies-block {
  margin-top: -3rem;
}
.vacancies-block .top-vacancies-filter {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
@media screen and (max-width: 992px) {
  .vacancies-block .top-vacancies-filter {
    display: none;
  }
}
.vacancies-block .top-vacancies-filter .filterInput {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vacancies-block .top-vacancies-filter .btn-filter {
  border-radius: 2rem 2rem 0 0;
  padding: 1rem 1.88rem 2.4rem 1.88rem;
  background-color: #1880a6;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Belizio", Sans-serif;
  font-size: 0.89rem;
}
@media screen and (max-width: 1200px) {
  .vacancies-block .top-vacancies-filter .btn-filter {
    padding: 1rem 1.4rem 2.4rem 1.4rem;
    font-size: 0.78rem;
  }
}
.vacancies-block .top-vacancies-filter .btn-filter:hover {
  background-color: #0083b3;
}
.vacancies-block .top-vacancies-filter .btn-filter.active {
  background-color: #00a8e6;
  color: #FFFFFF;
}
@media screen and (min-width: 992px) {
  .vacancies-block #mobilevacancythemeFilter {
    display: none;
  }
}
.vacancies-block .vacancies-filters {
  display: flex;
  gap: 1.25rem;
  align-items: stretch;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  background-color: #00a8e6;
  padding: 2rem;
  border-radius: 0 2rem 2rem 0;
  margin-top: -1.8rem;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  .vacancies-block .vacancies-filters {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 992px) {
  .vacancies-block .vacancies-filters {
    margin-left: 1rem;
    margin-right: 1rem;
    flex-direction: column;
    margin-top: unset;
  }
}
.vacancies-block .vacancies-filters .filter-parent {
  position: relative;
  display: inline-block;
  flex: 1 1 30%;
}
.vacancies-block .vacancies-filters .filter-parent .btn-select {
  border-radius: 0.7rem;
  background-color: #ffffff;
  border: unset;
  color: #3f444b;
  padding: 0.75rem 1rem;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
}
.vacancies-block .vacancies-filters .filter-parent .btn-select span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 992px) {
  .vacancies-block .vacancies-filters .filter-parent .btn-select span {
    max-width: 200px;
  }
}
.vacancies-block .vacancies-filters .filter-parent .btn-select::after {
  content: "▼";
  font-size: 12px;
  margin-left: 10px;
}
.vacancies-block .vacancies-filters .filter-parent:hover {
  border-radius: 20px 20px 0 0;
}
.vacancies-block .vacancies-filters .filter-parent:hover .dropdown-menu {
  display: block;
}
.vacancies-block .vacancies-filters .filter-parent .dropdown-menu {
  display: none;
  position: absolute;
  background-color: white;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 0;
  padding: 0;
  border-radius: 0.7rem;
  list-style: none;
  width: auto;
  min-width: 100%;
}
.vacancies-block .vacancies-filters .filter-parent .dropdown-menu li {
  padding: 0;
  margin: 0;
  border-radius: 0.7rem;
}
.vacancies-block .vacancies-filters .filter-parent .dropdown-menu li:first-child a {
  border-radius: 0.7rem 0.7rem 0 0;
}
.vacancies-block .vacancies-filters .filter-parent .dropdown-menu li:last-child a {
  border-radius: 0 0 0.7rem 0.7rem;
}
.vacancies-block .vacancies-filters .filter-parent .dropdown-menu li a {
  color: #3f444b;
  background-color: #ffffff;
  border: unset;
  padding: 0.75rem;
  text-decoration: none;
  display: block;
  font-size: 14px;
  text-align: left;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 0;
}
.vacancies-block .vacancies-filters .filter-parent .dropdown-menu li a:hover {
  background-color: #3f444b;
  color: #ffffff;
}
.vacancies-block .vacancies-filters .filter-parent .dropdown-menu li a.active {
  background-color: #3f444b;
  color: #ffffff;
}
@media (max-width: 768px) {
  .vacancies-block .vacancies-filters .filter-parent .btn-select {
    width: 100%;
  }
  .vacancies-block .vacancies-filters .filter-parent .dropdown-menu {
    min-width: 100%;
  }
}
.vacancies-block .vacancies-filters .search-field {
  background-color: #ffffff;
  color: #3f444b;
  border-radius: 0.7rem;
  padding: 0.75rem 1rem;
  border: unset;
  width: 300px;
  flex-shrink: 0;
}
@media screen and (max-width: 992px) {
  .vacancies-block .vacancies-filters .search-field {
    width: 100%;
  }
}
.vacancies-block .vacancies-filters .search-field:focus {
  border-color: unset !important;
  box-shadow: unset !important;
}
.vacancies-block .vacancies-filters .search-field:focus-visible {
  outline-color: #3f444b;
}

.vacancies-wrapper {
  margin-top: 3rem;
  margin-bottom: 5rem;
}
.vacancies-wrapper .no-items-found {
  text-align: center;
  font-family: "Belizio", Sans-serif;
  font-size: 1.5rem;
  color: #ab080e;
}
.vacancies-wrapper .vacancies-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  justify-content: space-evenly;
}
.vacancies-wrapper .vacancies-row .vacancy-card {
  flex: 1 1 32%;
  max-width: 33%;
  background-color: #8FC148;
  padding: 1.5rem;
  border-radius: 2rem 2rem 2rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.vacancies-wrapper .vacancies-row .vacancy-card.highlighted {
  background-color: #00a8e6;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-body h2 {
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.65;
  margin-bottom: 0.75rem;
  margin-top: 0;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-body * {
  color: #ffffff;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-body ul {
  padding-inline-start: 14px;
  position: relative;
  list-style: none;
  padding-left: 0;
  margin-left: -1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-body ul li {
  position: relative;
  padding-left: 1rem;
  display: flex;
  align-items: center;
  line-height: 1;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-body ul .pin-icon:before {
  content: url('data:image/svg+xml,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 525" xml:space="preserve" fill="%23ffffff"><g><path d="m262.118 0c-108.405 0-196.588 88.183-196.588 196.588 0 169.631 178.606 317.728 186.221 323.951 3.008 2.464 6.687 3.696 10.367 3.696s7.359-1.232 10.367-3.696c7.615-6.223 186.221-154.32 186.221-323.951 0-108.405-88.184-196.588-196.588-196.588zm-.016 486.11c-37.533-33.836-163.808-157.504-163.808-289.523 0-90.327 73.496-163.823 163.823-163.823s163.823 73.496 163.823 163.823c.001 131.811-126.322 255.67-163.838 289.523z"/><path d="m262.118 98.294c-54.203 0-98.294 44.091-98.294 98.294s44.091 98.294 98.294 98.294 98.294-44.091 98.294-98.294-44.092-98.294-98.294-98.294zm0 163.823c-36.14 0-65.529-29.389-65.529-65.529s29.389-65.529 65.529-65.529 65.529 29.389 65.529 65.529c0 36.141-29.389 65.529-65.529 65.529z"/></g></svg>');
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
  vertical-align: middle;
  position: relative;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-body ul .clock-icon:before {
  content: url('data:image/svg+xml,<svg id="Layer_2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-name="Layer 2" fill="%23ffffff"><path d="m12 1a11 11 0 1 0 11 11 11.013 11.013 0 0 0 -11-11zm0 20a9 9 0 1 1 9-9 9.011 9.011 0 0 1 -9 9z"/><path d="m13 11.586v-5.586a1 1 0 0 0 -2 0v6a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414z"/></svg>');
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
  vertical-align: middle;
  position: relative;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-body ul .euro-icon:before {
  content: url('data:image/svg+xml,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" fill="%23ffffff"><g><path d="M256,0C114.848,0,0,114.848,0,256s114.848,256,256,256s256-114.848,256-256S397.152,0,256,0z M256,480C132.48,480,32,379.52,32,256S132.48,32,256,32s224,100.48,224,224S379.52,480,256,480z"/><path d="M310.976,339.744C299.072,347.872,285.952,352,272,352c-29.472,0-55.008-19.456-68.864-48H256c8.832,0,16-7.168,16-16c0-8.832-7.168-16-16-16h-62.656c-0.736-5.216-1.344-10.528-1.344-16s0.608-10.784,1.344-16H272c8.832,0,16-7.168,16-16c0-8.832-7.168-16-16-16h-68.864c13.856-28.544,39.392-48,68.864-48c13.952,0,27.072,4.128,38.976,12.256c7.296,4.96,17.28,3.136,22.24-4.192c4.992-7.296,3.104-17.248-4.192-22.24C311.936,134.176,292.224,128,272,128c-46.88,0-87.008,33.184-103.68,80H144c-8.832,0-16,7.168-16,16c0,8.832,7.168,16,16,16h17.408c-0.576,5.312-1.408,10.528-1.408,16s0.832,10.688,1.408,16H144c-8.832,0-16,7.168-16,16c0,8.832,7.168,16,16,16h24.32c16.672,46.816,56.8,80,103.68,80c20.224,0,39.936-6.176,57.024-17.824c7.296-4.992,9.184-14.944,4.192-22.24C328.256,336.64,318.272,334.784,310.976,339.744z"/></g></svg>');
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
  vertical-align: middle;
  position: relative;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-body ul .calendar-icon:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path fill="%23ffffff" d="M112 0c8.8 0 16 7.2 16 16l0 48 192 0 0-48c0-8.8 7.2-16 16-16s16 7.2 16 16l0 48 32 0c35.3 0 64 28.7 64 64l0 32 0 32 0 256c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 192l0-32 0-32C0 92.7 28.7 64 64 64l32 0 0-48c0-8.8 7.2-16 16-16zM416 192L32 192l0 256c0 17.7 14.3 32 32 32l320 0c17.7 0 32-14.3 32-32l0-256zM384 96L64 96c-17.7 0-32 14.3-32 32l0 32 384 0 0-32c0-17.7-14.3-32-32-32z"/></svg>');
  display: inline-block;
  width: 0.85em;
  height: 0.85em;
  margin-right: 0.5rem;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-body p {
  font-weight: bold;
  margin-top: 0.75rem;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-footer .btn-vacature {
  font-size: 1rem !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.vacancies-wrapper .vacancies-row .vacancy-card .card-footer .btn-vacature:hover {
  background-color: #ab080e;
  color: #ffffff;
}
@media (max-width: 992px) {
  .vacancies-wrapper .vacancies-row .vacancy-card {
    flex: 1 1 45%;
    max-width: 45%;
  }
}
@media (max-width: 768px) {
  .vacancies-wrapper .vacancies-row .vacancy-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/*# sourceMappingURL=vacancies-style.css.map */