/**
 * 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
 */
.section-pagination .facetwp-pager {
  display: flex;
  justify-content: center; }
  .section-pagination .facetwp-pager .facetwp-page {
    font-size: 16px;
    text-decoration: none;
    height: 45px;
    width: 45px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
    font-family: "JetBrains Mono", Helvetica, Arial, sans-serif; }
    @media (min-width: 981px) {
      .section-pagination .facetwp-pager .facetwp-page {
        font-size: 24px; } }
  .section-pagination .facetwp-pager .next, .section-pagination .facetwp-pager .prev {
    font-size: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .section-pagination .facetwp-pager .next:before, .section-pagination .facetwp-pager .prev:before {
      font-family: icomoon;
      font-size: 16px;
      position: absolute; }
      @media (min-width: 981px) {
        .section-pagination .facetwp-pager .next:before, .section-pagination .facetwp-pager .prev:before {
          font-size: 24px; } }
  .section-pagination .facetwp-pager .next:before {
    content: '\e903'; }
  .section-pagination .facetwp-pager .prev:before {
    content: '\e902'; }
  .section-pagination .facetwp-pager .facetwp-page.active,
  .section-pagination .facetwp-pager .facetwp-page:hover {
    background: var(--dark-blue);
    color: var(--green); }

#section-vacancy-loop .items {
  display: grid;
  gap: 0.5em;
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    #section-vacancy-loop .items {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 981px) {
    #section-vacancy-loop .items {
      grid-template-columns: repeat(4, 1fr); } }
  @media (min-width: 981px) {
    #section-vacancy-loop .items {
      gap: 15px; } }

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