
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden" data-turbo="false" href="https://jobs.yha.org.uk/jobs/8057000-hospitality-team-member">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/4b72cb6c-368b-4643-a3c4-cb49b0543c3e/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/4b72cb6c-368b-4643-a3c4-cb49b0543c3e/original.jpeg" alt="Hospitality Team Member image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="
          text-block-base-link company-link-style hyphens-auto
          group-hover:text-company-primary-text
        "
        title="Hospitality Team Member"
      >
        Hospitality Team Member
      </span>

      <div class="mt-1 text-md">
        
<span>Hospitality Team Member</span>

  <span class="mx-[2px]">&middot;</span>

    <span>New Forest</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden" data-turbo="false" href="https://jobs.yha.org.uk/jobs/8044188-hospitality-team-member-day-and-night-shifts">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/ae57c007-db57-40da-9b87-2a35107d6dda/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/ae57c007-db57-40da-9b87-2a35107d6dda/original.jpeg" alt="Hospitality Team Member (Day and Night Shifts) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="
          text-block-base-link company-link-style hyphens-auto
          group-hover:text-company-primary-text
        "
        title="Hospitality Team Member (Day and Night Shifts)"
      >
        Hospitality Team Member (Day and Night Shifts)
      </span>

      <div class="mt-1 text-md">
        
<span>Reception</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Castleton Losehill Hall</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden" data-turbo="false" href="https://jobs.yha.org.uk/jobs/8025422-seasonal-hospitality-team-member">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/cfca8232-a9a0-4093-80fa-48139d49d3b6/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/cfca8232-a9a0-4093-80fa-48139d49d3b6/original.jpeg" alt="Seasonal Hospitality Team Member image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="
          text-block-base-link company-link-style hyphens-auto
          group-hover:text-company-primary-text
        "
        title="Seasonal Hospitality Team Member"
      >
        Seasonal Hospitality Team Member
      </span>

      <div class="mt-1 text-md">
        
<span>Hospitality Team Member</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Langdale</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden" data-turbo="false" href="https://jobs.yha.org.uk/jobs/8024052-night-manager">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/fd1e2686-fee6-4f7e-b0f5-8ca555ecc6de/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/fd1e2686-fee6-4f7e-b0f5-8ca555ecc6de/original.jpeg" alt="Night Manager image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="
          text-block-base-link company-link-style hyphens-auto
          group-hover:text-company-primary-text
        "
        title="Night Manager"
      >
        Night Manager
      </span>

      <div class="mt-1 text-md">
        
<span>Nights</span>

  <span class="mx-[2px]">&middot;</span>

    <span>York</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
<turbo-stream action="update" target="show_more_button"><template></template></turbo-stream>