/* Spacing */
/* Grid settings */
/* Useful calculation variabls */
/* Row inner box */
/* Columns in px - this is to set max-widths and should correspond to the widths set in the theme's image options */
/* Breakpoint options */
/* Calculated variables - do not edit unless you are a space cowboy */
/**
    Colours also need to be updated in:
    - functions-template-helpers.php 158-162
    - functions-template-helpers.php 190-230
    - acf-layout-selector/class-uu-acf-field-layout-selector.php 180
    - In the colour selector component
*/
/* Split colours - set colours when using .row.split */
/* Overlays - for modals, cookie popups */
/* Type */
/* Quotes */
/* Icons - see font-awesome.scss for more info */
/* Buttons */ /* Woocommerce */ /* Notifications */ /* Pagination */ /* Logo */ /* Header */
/* Header navigation */
/* Footer */
/* Mobile menu */ /* Cookie bar */ /* Social links */ /* Transitions */ /* Loader */ /* Modals */ /* Dots */
/* Tables */
.post-feed-slider-container {
  width: 100%;
  overflow-x: hidden;
}
.post-feed-slider-container .keen-slider {
  width: 100%;
}
.post-feed-slider-container .keen-slider .keen-slider__slide {
  width: initial !important;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.post-feed-slider-container .keen-slider .keen-slider__slide .col {
  width: 100% !important;
  max-width: 96.25%;
}
.post-feed-slider-container .keen-slider .keen-slider__slide .col img {
  width: 100%;
}
@media (max-width: 1025px) {
  .post-feed-slider-container .keen-slider {
    width: 100%;
    margin-left: 0;
  }
  .post-feed-slider-container .keen-slider .keen-slider__slide .col {
    max-width: 100%;
  }
}
.post-feed-slider-container .post-feed-slider-controls {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 50pxvar(--space-xs);
}
.post-feed-slider-container .post-feed-slider-controls p {
  padding-bottom: 0;
}
.post-feed-slider-container .post-feed-slider-controls button:first-of-type {
  margin-right: 8px;
}
@media (max-width: 768px) {
  .post-feed-slider-container .post-feed-slider-controls {
    flex-wrap: wrap;
  }
  .post-feed-slider-container .post-feed-slider-controls div {
    width: 100%;
  }
  .post-feed-slider-container .post-feed-slider-controls div:last-of-type {
    padding-top: var(--space-m);
  }
}

.row-type-posts_feed .col-8 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875%;
}
@media (min-width: 768px) {
  .row-type-posts_feed .col-8 .col {
    width: 49.0625%;
  }
}

@media (min-width: 768px) {
  .row-type-posts_feed.carousel-view.with-sidebar .row-inner {
    width: 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
    align-items: stretch !important;
  }
  .row-type-posts_feed.carousel-view.with-sidebar .col-4.post-feed-sidebar {
    width: 34%;
    display: flex;
    justify-content: flex-end;
  }
  .row-type-posts_feed.carousel-view.with-sidebar .col-4.post-feed-sidebar .content-inner {
    width: 100%;
    max-width: 533.28px;
    padding-left: 13.5%;
    padding-right: 4.5%;
  }
}
@media (min-width: 768px) and (min-width: 1600px) {
  .row-type-posts_feed.carousel-view.with-sidebar .col-4.post-feed-sidebar .content-inner {
    padding-left: 4.5vw;
    max-width: calc(33.33vw - (100vw - 1600px) / 2 + 12px);
  }
}
@media (min-width: 768px) {
  .row-type-posts_feed.carousel-view.with-sidebar .col-8 {
    width: 66%;
  }
}
@media (min-width: 768px) {
  .row-type-posts_feed.carousel-view.with-sidebar .controls {
    max-width: 1056px;
    padding-right: 7.47%;
    padding-bottom: 2px;
    padding-left: 2px;
  }
}
@media (min-width: 768px) and (min-width: 1600px) {
  .row-type-posts_feed.carousel-view.with-sidebar .controls {
    padding-right: 6.03%;
    max-width: calc(100% - (100vw - 1600px) / 2);
  }
}
.row-type-posts_feed.feed-of-vacancy .row-inner {
  row-gap: 0;
}