@charset "UTF-8";
.entry-terms a {
  background-color: var(--primary-light);
  color: var(--primary);
  padding: 0.1rem 0.45rem;
  border-radius: 0.25rem;
  font-size: 100%;
  border-color: var(--primary-light);
  border: 0px solid;
}
.job-card {
  transition: 0.1s ease-in-out all;
}
.company {
  display: none !important;
}
ul.job-listing-meta.meta {
  display: none;
}
.wpgb-facet > fieldset:last-child {
  margin-bottom: 10px !important;
}
.service-hero__featured-image {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  transform: rotateZ(7deg) translateX(-7rem) translateY(calc(var(--section-space-m) * -2));
  object-fit: cover;
  border-top-width: 15px;
  border-top-style: solid;
  border-right-width: 10px;
  border-right-style: solid;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  border-left-width: 10px;
  border-left-style: solid;
  border-color: var(--base-light-trans-10);
  object-position: 50% 0%;
  box-shadow: 0 0 80px 0 var(--action-trans-40);
}
.wpgb-facet .wpgb-reset {
  background-color: #C7C7C7 !important;
}
.wpgb-facet button.wpgb-reset {
  padding: 10px 30px !important;
}
.btn--action, .bricks-button.btn--action {
  border-radius: var(--radius-xl);
}
.pulse:hover, .pulse:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 1em transparent;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--shade-trans-40);
  }
}
[class*="btn--"] {
  transition: all 0.3s ease;
}
[class*="btn--"]:hover, [class*="btn--"]:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 1em transparent;
}
[class*="pul--"] {
  transition: all 0.3s ease;
}
[class*="pul--"]:hover, [class*="pul--"]:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 1em transparent;
}
.bg--pattern-light {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%23fff' fill-opacity='0.034'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
}
.bg--pattern-dark {
  background-image: url(data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="199" viewBox="0 0 100 199"%3E%3Cg fill="%23000" fill-opacity="0.054"%3E%3Cpath d="M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E);
  background-repeat: repeat;
}
span.highlight2 {
  position: relative;
  color: var(--white);
  display: inline-flex;
  background-color: var(--primary);
  line-height: 1.3;
  padding: 0.05em 0.25em;
  border-radius: var(--radius-s);
  font-weight: bold;
}
span.highlight2r {
  position: relative;
  color: var(--black);
  display: inline-flex;
  background-color: var(--white);
  line-height: 1.3;
  padding: 0.05em 0.25em;
  border-radius: var(--radius-s);
  font-weight: bold;
}
span.highlight2-ai {
  position: relative;
  color: var(--white);
  display: inline-flex;
  background-color: var(—tertiary);
  line-height: 1.3;
  padding: 0.05em 0.25em;
  border-radius: var(--radius-s);
  font-weight: bold;
}
span.highlight {
  position: relative;
  color: var(--white);
  display: inline-flex;
  transform: rotate(-5deg);
  background-color: var(--primary);
  line-height: 1.3;
  padding: 0.05em 0.25em;
  border-radius: var(--radius-s);
  text-shadow: 0.02em 0.02em 0px var(--action-ultra-dark-trans-20);
  box-shadow: 0 0 40px -15px var(--action);
  border-color: var(--white);
  border: 1px solid;
}
span.standout {
  background: -webkit-linear-gradient(var(--primary-dark), var(--primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
span.highlight_nsd {
  position: relative;
  color: var(--white);
  display: inline-flex;
  transform: rotate(-5deg);
  background-color: var(--shade);
  line-height: 1.3;
  padding: 0.05em 0.25em;
  border-radius: var(--radius-s);
  text-shadow: 0.02em 0.02em 0px var(--shade-ultra-dark-trans-20);
  box-shadow: 0 0 40px -15px var(--shade);
  border-color: var(--white);
  border: 1px solid;
}
span.standout_nsd {
  background: -webkit-linear-gradient(var(--white), var(--shade-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
span.searchability {
  font-family: "Appetite-Rounded";
  font-size: var(--text-xxl);
}
span.green {
  color: var(--accent);
}
span.pink {
  color: var(--secondary);
}
.bricks-background-primary {
  background-color: var(--secondary-dark);
}
.bricks-background-primary:hover {
  background-color: var(--secondary);
}
.bricks-button {
  color: var(--white);
  border-radius: var(--radius-s);
}
.bricks-button:hover {
  color: var(--white);
}
:root {
  --tilt-divider-height: min(8rem, 10vw);
  --tilt-divider-width: 110%;
  --tilt-divider-primary: var(--primary);
  --tilt-divider-primary-light: var(--primary-light);
  --tilt-divider-primary-ultra-light: var(--primary-ultra-light);
  --tilt-divider-white: var(--white);
  --tilt-divider-white-transparent: var(--white-trans-40);
  --tilt-divider-white-transparent-light: var(--white-trans-20);
  --tilt-divider-primary-transparent: var(--primary-trans-10);
  --tilt-divider-primary-light-transparent: var(--primary-light-trans-20);
}
span.large {
  font-size: var(--text-l);
}
li.jobrelay-job-skills__skill {
  padding: 2px 5px 2px 5px;
  background: var(--shade-ultra-light);
  border-radius: var(--radius-xs);
  margin: 0px 3px 3px 0px;
}
ul.jobrelay-job-skills__list {
  display: flex;
  display: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  font-size: var(--text-s);
  padding-inline-start: 0px;
}
h4.jobrelay-job-skills__title {
  font-size: var(--text-s);
  font-weight: 400;
  line-height: 0.5;
}
a.nsd_link {
  color: var(--white);
}
a.nsd_link:hover {
  color: var(--primary-light);
}
.wp-block-image img {
  box-sizing: border-box;
  height: 100% !important;
  max-width: 100%;
  vertical-align: bottom;
}
.with-icon {
  --icon:url("https://searchability.co.uk/wp-content/uploads/2025/05/m.svg");
  --size:1.25em;
  /* any CSS length, even calc() */
}
.with-icon::after {
  width: var(--size);
  background: var(--icon) no-repeat center/contain;
}
/* Main span styling */
.with-icon {
  display: inline-flex;
  align-items: center;
  /* Aligns text and icon vertically */
}
/* Pseudo-element for the image */
.with-icon::after {
  content: "";
  display: inline-block;
  width: 2.5em;
  /* Adjust size as needed */
  height: 1em;
  /* Matches the font size */
  margin-left: -0.5em;
  /* Space between text and image */
  background-image: url("https://searchability.co.uk/wp-content/uploads/2025/05/m.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(5px);
}
.avatar-anim {
  animation: slow-rotate 20s linear infinite;
}
@keyframes slow-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
