@font-face {
   font-family: "suisse-regular";
   src: url("../fonts/SuisseIntl-Regular.ttf") format("truetype");
}
@font-face {
   font-family: "suisse-medium";
   src: url("../fonts/SuisseIntl-Medium.ttf") format("truetype");
}
:root {
   --animation-delay: 0.4s;
   --black: #000;
   --darkgray: #878787;
   --orange: #f2a900;
}
html,
body {
   font-feature-settings: "calt" off;
   font-family: suisse-regular;
}
.uk-logo > * {
   margin-right: auto;
}
.uk-navbar-right > div {
   margin-left: auto;
   padding-top: 24px;
   padding-bottom: 24px;
}
.job-title-text {
   font-size: clamp(32px, 7vw, 36px);
   line-height: clamp(36px, 7vw, 40px);
}
.uk-heading-large {
   font-size: clamp(48px, 7vw, 96px);
   line-height: clamp(48px, 7vw, 96px);
}
.ponty-content > ul > li,
.ponty-content > p {
   font-size: clamp(16px, 7vw, 24px);
   line-height: clamp(24px, 7vw, 32px);
}
#footer-links .uk-link-reset {
   font-size: clamp(12px, 2vw, 16px);
   line-height: clamp(16px, 2vw, 24px);
}
#footer-links .uk-link-reset:hover {
   color: var(--orange)!important;
   text-decoration: underline!important;
}
.single-ponty,
.tm-cookie-banner,
.uk-container-large {
   padding-right: clamp(24px, 6vw, 48px);
   padding-left: clamp(24px, 6vw, 48px);
}
.oio-padding-top {
   padding-top: clamp(24px, 6vw, 48px);
}
.oio-padding-bottom {
   padding-bottom: clamp(24px, 6vw, 48px);
}
.oio-padding-small-top {
   padding-top: 24px;
}
.oio-padding-small-bottom {
   padding-bottom: clamp(0, 6vw, 24px);
}
.cookie-banner-container {
   padding-top: clamp(12px, 6vw, 30px);
   padding-right: clamp(12px, 6vw, 24px);
   padding-bottom: clamp(12px, 6vw, 30px);
   padding-left: clamp(12px, 6vw, 24px);
}
#footer-links .links > .uk-grid > div:not(:first-child) {
   margin-left: clamp(8px, 2.5vw, 35px);
}
.job-item:hover {
   cursor: pointer;
}
.job-item:hover .post-date,
.job-item:hover .job-location,
.job-item:hover .job-title-text,
.job-item:hover .job-button .uk-button,
.job-item:focus .post-date,
.job-item:focus .job-location,
.job-item:focus .job-title-text,
.job-item:focus .job-button .uk-button,
.job-item:active .post-date,
.job-item:active .job-location,
.job-item:active .job-title-text,
.job-item:active .job-button .uk-button {
   color: var(--orange);
}
.job-item:hover .job-button .uk-button,
.job-item:focus .job-button .uk-button,
.job-item:active .job-button .uk-button {
   border-color: var(--orange);
}
.uk-navbar-container > .uk-container .uk-navbar-right {
   margin-right: 0;
}
.tm-cookie-banner {
   background-color: transparent;
   padding-top: 0;
   padding-bottom: 30px;
}
.cookie-banner-container {
   background-color: #f2a900;
   border-radius: 24px;
}
#footer-links {
   padding-bottom: 48px;
}
.contact-image img {
   width: clamp(68px, 6vw, 96px);
}
.ponty-content > p > em,
#footer-links .el-link,
#footer-links .el-link:hover {
   color: var(--black);
}
#footer-links .el-link:hover {
   text-decoration: underline !important;
}
#about-us .el-title,
#about-us .el-content {
   font-size: 16px;
   line-height: 20px;
}
.job-item,
.job-wrapper > div,
.border-top > div.uk-container::before {
   box-shadow: 0px 2px 0px 0px #000000 inset;
}
.cookie-banner-container .uk-button {
   border: solid 2px #000;
   background-color: transparent;
   color: #000;
}
.cookie-banner-container .uk-button:hover,
.cookie-banner-container .uk-button:active {
   border: solid 2px #000;
   background-color: #fff;
   color: #000;
}
.job-item,
.job-wrapper > div,
.border-top > div.uk-container::before {
   padding-top: 24px;
}
.contact-image {
   margin-bottom: 24px;
}
.cookie-banner-container p,
.ponty-content > p:first-of-type {
   margin-bottom: 0;
}
.cookie-banner-container p {
   font-size: 18px;
   line-height: 22px;
}
.uk-grid + .uk-grid-small.ponty-apply-button-container {
   margin-top: 24px;
}
.loc-data,
.job-wrapper .contact-info-text,
.job-wrapper .contact-info-header {
   line-height: 24px;
}
.job-wrapper .contact-info-text {
   color: var(--darkgray);
}
.job-wrapper .contact-info-text {
   margin-left: 8px;
}
.border-top > div.uk-container::before {
   content: "";
   display: block;
}

.quicksearch {
   background-color: #f5f5f5;
   border-radius: 12px;
   width: 100%;
   height: 100%;
   position: relative;
   display: inline-block;
   box-sizing: border-box;
   border: none;
   padding-left: 52px;
   font-size: 16px;
   line-height: 54px;
   background-image: url("../img/filter/filter_search_icon.svg");
   background-repeat: no-repeat;
   background-position: 19px;
   background-size: 17px;
}
.filter-button-container {
   background-color: #fff;
   border: 1px solid #f5f5f5;
   border-radius: 16px;
   margin-top: 0;
   padding-right: 12px;
   padding-left: 12px;
   right: 0;
   width: 273px;
   z-index: 100;
}
.filter-button {
   background: #fff;
   border-radius: 12px;
   color: #000;
   line-height: 48px;
   margin-top: 6px;
   margin-bottom: 6px;
   padding-right: 12px;
   padding-left: 12px;
}
.quicksearch:focus-visible,
.filter-button:not(.filter-active):hover {
   color: var(--orange);
}
.filter-button:not(.filter-active):hover svg path {
   fill: var(--orange);
}
.button-icon-active {
   padding-top: 0;
   padding-right: 3.5px;
   box-sizing: content-box;
}
.filter-button.filter-active {
   background: #f2a900;
}
.filter-button.filter-active .button-icon-active {
   display: inline;
}
.home .tm-header,
.button-icon-active,
.filter-button.filter-active .button-icon-inactive {
   display: none;
}
.button-icon-active path {
   fill: #000;
}
.job-item {
   padding-bottom: 68px;
}
.job-logo {
   box-sizing: content-box;
   padding: 12px;
}

.job-title-text-wrapper {
   margin-top: 24px;
}
.friday-jobs-grid > .job-item:nth-child(odd) {
}
.friday-jobs-grid > .job-item:nth-child(even) {
}
.uk-navbar-container > .uk-container .uk-navbar-left {
   margin: 0;
}

.footer-section h2 {
   overflow: hidden;
   position: relative;
}
.footer-section h2::after {
   content: "";
   width: 48px;
   height: 48px;
   background-image: url("../img/orange-arrow.svg");
   display: block;
   position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   right: -48px;
   background-size: cover;
}
.footer-section:hover h2,
.footer-section:hover .title {
   -webkit-animation: color-change var(--animation-delay) normal forwards;
   -moz-animation: color-change var(--animation-delay) normal forwards;
   -o-animation: color-change var(--animation-delay) normal forwards;
   -ms-animation: color-change var(--animation-delay) normal forwards;
   animation: color-change var(--animation-delay) normal forwards;
}
.footer-section h2,
.footer-section .title {
   -webkit-animation: color-change-back var(--animation-delay) normal forwards;
   -moz-animation: color-change-back var(--animation-delay) normal forwards;
   -o-animation: color-change-back var(--animation-delay) normal forwards;
   -ms-animation: color-change-back var(--animation-delay) normal forwards;
   animation: color-change-back var(--animation-delay) normal forwards;
}
.footer-section:hover h2::after {
   -webkit-animation: move-arrow-left var(--animation-delay) normal forwards;
   -moz-animation: move-arrow-left var(--animation-delay) normal forwards;
   -o-animation: move-arrow-left var(--animation-delay) normal forwards;
   -ms-animation: move-arrow-left var(--animation-delay) normal forwards;
   animation: move-arrow-left var(--animation-delay) normal forwards;
}
.footer-section h2::after {
   -webkit-animation: move-arrow-right var(--animation-delay) normal forwards;
   -moz-animation: move-arrow-right var(--animation-delay) normal forwards;
   -o-animation: move-arrow-right var(--animation-delay) normal forwards;
   -ms-animation: move-arrow-right var(--animation-delay) normal forwards;
   animation: move-arrow-right var(--animation-delay) normal forwards;
}
.tm-header-mobile {
   display: none !important;
}
#footer-links .links > .uk-grid {
   justify-content: end;
}
@media (min-width: 960px) {
   .job-button {
      height: 100%;
   }
}
@media (max-width: 959px) {
   body:not(.home) .tm-header.uk-visible\@m {
      display: initial !important;
   }
   .home .uk-h2 {
      margin-bottom: 24px;
   }
   .job-button,
   .hero-buttons {
      margin-top: 24px;
   }
   .ponty-content {
      padding-top: 48px;
      padding-bottom: 28px;
   }
   #footer-links {
      padding-bottom: 110px;
   }
}
@media (max-width: 640px) {
   .filter-accordion-column {
      width: 100%;
   }
   .custom-accordion-title {
      width: 100%;
   }
   .location-accordion-title + .uk-accordion-content {
      left: 0;
   }
   .uk-grid-collapse > .uk-grid-margin.filter-accordion-column {
      margin-top: 12px;
   }
   #footer-links .links > .uk-grid {
      justify-content: center;
  }
}

@-webkit-keyframes color-change {
   0% {
      color: #000000;
   }
   100% {
      color: #f2a900;
   }
}
@-moz-keyframes color-change {
   0% {
      color: #000000;
   }
   100% {
      color: #f2a900;
   }
}
@-ms-keyframes color-change {
   0% {
      color: #000000;
   }
   100% {
      color: #f2a900;
   }
}
@-o-keyframes color-change {
   0% {
      color: #000000;
   }
   100% {
      color: #f2a900;
   }
}
@keyframes color-change {
   0% {
      color: #000000;
   }
   100% {
      color: #f2a900;
   }
}
@-webkit-keyframes color-change-back {
   0% {
      color: #f2a900;
   }
   100% {
      color: #000000;
   }
}
@-moz-keyframes color-change-back {
   0% {
      color: #f2a900;
   }
   100% {
      color: #000000;
   }
}
@-ms-keyframes color-change-back {
   0% {
      color: #f2a900;
   }
   100% {
      color: #000000;
   }
}
@-o-keyframes color-change-back {
   0% {
      color: #f2a900;
   }
   100% {
      color: #000000;
   }
}
@keyframes color-change-back {
   0% {
      color: #f2a900;
   }
   100% {
      color: #000000;
   }
}

@-webkit-keyframes move-arrow-left {
   0% {
      right: -63px;
   }
   100% {
      right: 0;
   }
}
@-moz-keyframes move-arrow-left {
   0% {
      right: -63px;
   }
   100% {
      right: 0;
   }
}
@-ms-keyframes move-arrow-left {
   0% {
      right: -63px;
   }
   100% {
      right: 0;
   }
}
@-o-keyframes move-arrow-left {
   0% {
      right: -63px;
   }
   100% {
      right: 0;
   }
}
@keyframes move-arrow-left {
   0% {
      right: -63px;
   }
   100% {
      right: 0;
   }
}

@-webkit-keyframes move-arrow-right {
   0% {
      right: 0;
   }
   100% {
      right: -63px;
   }
}
@-moz-keyframes move-arrow-right {
   0% {
      right: 0;
   }
   100% {
      right: -63px;
   }
}
@-ms-keyframes move-arrow-right {
   0% {
      right: 0;
   }
   100% {
      right: -63px;
   }
}
@-o-keyframes move-arrow-right {
   0% {
      right: 0;
   }
   100% {
      right: -63px;
   }
}
@keyframes move-arrow-right {
   0% {
      right: 0;
   }
   100% {
      right: -63px;
   }
}