<h3 style="color:#121212; font-size:40.5px; text-align:center;">Check Out Our Latest Roles</h3>

<h3 style="font-size:23px; color:#121212;"">No jobs found</h3>
<p style="color:#121212;">We don’t have any vacancies right now, but be sure to check back soon!<p>

#121212

#616060

<h3 style="color:#121212; font-size:25px; text-align:center;">For speculative applications, email lydia@thecolumbogroup.com</h3>

<div id="venue-logos" class="venue-container">
  <div class="logo-wrapper">
    <a href="/blueskitchen" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/BK_Homepage_Logo_3cff69ff7a/BK_Homepage_Logo_3cff69ff7a.png" alt="Blues Kitchen Logo" class="logo-img logo-hover">
    </a>
    <a href="/jazz-cafe" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/jazz_cafe_46ee1b872d/jazz_cafe_46ee1b872d.png" alt="Jazz Cafe" class="logo-img logo-hover">
    </a>
    <a href="/the-parakeet" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Parakeet_logo_1_a8fa1fef49/Parakeet_logo_1_a8fa1fef49.png" alt="Parakeet Logo" class="logo-img logo-hover">
    </a>
    <a href="/the-old-queens-head" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Old_Queens_Head_logo_ece8e38f33/Old_Queens_Head_logo_ece8e38f33.png" alt="Old Queens Head Logo" class="logo-img logo-hover">
    </a>
  </div>
</div>

<style>
  .venue-container {
    max-width: 80vw;
    margin: 0 auto;
    text-align: center;
  }

  .logo-wrapper {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
  }

  .logo-link {
    display: inline-block;
  }

  .logo-img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
  }

  .logo-hover:hover {
    transform: translateY(-10px);
  }

  /* Mobile specific adjustments to force 2 in a row */
  @media (max-width: 768px) {
    .venue-container {
      max-width: 95vw; /* Gives the grid a little more breathing room on small screens */
    }

    .logo-wrapper {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px; /* Smaller gap for mobile */
      justify-items: center; /* Centers the logos inside their grid columns */
    }

    .logo-img {
      width: 100%;
      max-width: 150px; /* Prevents them from getting too large */
      height: 150px; /* Scales down the fixed height proportionately */
    }
  }
</style>

<div>I hereby freely give The Columbo Group consent to process my personal data relating to my application as described in the <a  target="_blank" href="https://thecolumbogroup.com/privacy-policy/"</a>.</div>

<div>
<h2 style="padding-bottom: 1rem; color:#121212; font-size:25px;"> <strong>
Don’t Miss A Thing
</strong></h2>
<p style="padding-bottom: 2rem; color:#121212; font-size:15px;">
Join our job alerts and be the first to hear about new opportunities
</p>
</div>

Phonox

<h3 style="font-size:23px; color:#ffffff;"">No jobs found</h3>
<p style="color:#ffffff;">We don’t have any vacancies right now, but be sure to check back soon!<p>

<div id="venue-logos" class="venue-container">
  <div class="logo-wrapper">
    <a href="/blueskitchen" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/BK_Homepage_Logo_3cff69ff7a/BK_Homepage_Logo_3cff69ff7a.png" alt="Blues Kitchen Logo" class="logo-img logo-hover">
    </a>
    <a href="/the-parakeet" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Parakeet_logo_1_a8fa1fef49/Parakeet_logo_1_a8fa1fef49.png" alt="Parakeet Logo" class="logo-img logo-hover">
    </a>
    <a href="/the-old-queens-head" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Old_Queens_Head_logo_ece8e38f33/Old_Queens_Head_logo_ece8e38f33.png" alt="Old Queens Head Logo" class="logo-img logo-hover">
    </a>
    <a href="/phonox" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Phonox_LOGO_658a9cfe11/Phonox_LOGO_658a9cfe11.png" alt="Phonox Logo" class="logo-img logo-hover">
    </a>
  </div>
</div>

<style>
  .venue-container {
    max-width: 80vw;
    margin: 0 auto;
    text-align: center;
  }

  .logo-wrapper {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
  }

  .logo-link {
    display: inline-block;
  }

  .logo-img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
  }

  .logo-hover:hover {
    transform: translateY(-10px);
  }

  /* Mobile specific adjustments to force 2 in a row */
  @media (max-width: 768px) {
    .venue-container {
      max-width: 95vw;
    }

    .logo-wrapper {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      justify-items: center;
    }

    .logo-img {
      width: 100%;
      max-width: 150px;
      height: 150px;
    }
  }
</style>

Jazz Cafe

<div id="venue-logos" class="venue-container">
  <div class="logo-wrapper">
    <a href="/blueskitchen" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/BK_Homepage_Logo_3cff69ff7a/BK_Homepage_Logo_3cff69ff7a.png" alt="Blues Kitchen Logo" class="logo-img logo-hover">
    </a>
    <a href="/jazz-cafe" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/jazz_cafe_46ee1b872d/jazz_cafe_46ee1b872d.png" alt="Jazz Cafe" class="logo-img logo-hover">
    </a>
    <a href="/the-parakeet" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Parakeet_logo_1_a8fa1fef49/Parakeet_logo_1_a8fa1fef49.png" alt="Parakeet Logo" class="logo-img logo-hover">
    </a>
    <a href="/phonox" class="logo-link">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Phonox_LOGO_658a9cfe11/Phonox_LOGO_658a9cfe11.png" alt="Phonox Logo" class="logo-img logo-hover">
    </a>
  </div>
</div>

<style>
  .venue-container {
    max-width: 80vw;
    margin: 0 auto;
    text-align: center;
  }

  .logo-wrapper {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
  }

  .logo-link {
    display: inline-block;
  }

  .logo-img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
  }

  .logo-hover:hover {
    transform: translateY(-10px);
  }

  /* Mobile specific adjustments to force 2 in a row */
  @media (max-width: 768px) {
    .venue-container {
      max-width: 95vw;
    }

    .logo-wrapper {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      justify-items: center;
    }

    .logo-img {
      width: 100%;
      max-width: 150px;
      height: 150px;
    }
  }
</style>

The Old Queens Head

<div id="venue-logos" style="max-width: 80vw; margin: 0 auto; text-align: center;">
<div style="display: flex; justify-content: center; gap: 40px; flex-wrap: nowrap;">   

<a href="/blueskitchen" style="display: inline-block;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/BK_Homepage_Logo_3cff69ff7a/BK_Homepage_Logo_3cff69ff7a.png" alt="Blues Kitchen Logo" class="logo-hover" style="width: 200px; height: 200px; object-fit: contain; transition: transform 0.3s ease-in-out;"></a>

<a href="/jazz-cafe" style="display: inline-block;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/jazz_cafe_46ee1b872d/jazz_cafe_46ee1b872d.png" alt="jazz cafe" class="logo-hover" style="width: 200px; height: 200px; object-fit: contain; transition: transform 0.3s ease-in-out;"></a>


<a href="/the-parakeet" style="display: inline-block;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Parakeet_logo_1_a8fa1fef49/Parakeet_logo_1_a8fa1fef49.png" alt="Parakeet logo" class="logo-hover" style="width: 200px; height: 200px; object-fit: contain; transition: transform 0.3s ease-in-out;"></a>

<a href="/the-old-queens-head" style="display: inline-block;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Old_Queens_Head_logo_ece8e38f33/Old_Queens_Head_logo_ece8e38f33.png" alt="old queens head logo" class="logo-hover" style="width: 200px; height: 200px; object-fit: contain; transition: transform 0.3s ease-in-out;"></a>

<a href="/phonox" style="display: inline-block;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Phonox_LOGO_658a9cfe11/Phonox_LOGO_658a9cfe11.png" alt="phonox logo" class="logo-hover" style="width: 200px; height: 200px; object-fit: contain; transition: transform 0.3s ease-in-out;"></a>
</div>

<style>
  .logo-hover:hover {
    transform: translateY(-10px);
  }

  @media (max-width: 2000px) {
    #venue-logos > div {
      flex-wrap: wrap;
    }
    #venue-logos a {
      margin-bottom: 20px;
    }
  }
</style>

Metropolis NOT IN USE

<div id="venue-logos" style="max-width: 80vw; margin: 0 auto; text-align: center;">
  <div class="logo-container">   
    <a href="/blueskitchen">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/BK_Homepage_Logo_3cff69ff7a/BK_Homepage_Logo_3cff69ff7a.png" alt="Blues Kitchen Logo" class="logo-hover">
    </a>
    <a href="/jazz-cafe">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/jazz_cafe_46ee1b872d/jazz_cafe_46ee1b872d.png" alt="Jazz Cafe Logo" class="logo-hover">
    </a>
    <a href="/the-old-queens-head">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Old_Queens_Head_logo_ece8e38f33/Old_Queens_Head_logo_ece8e38f33.png" alt="Old Queens Head Logo" class="logo-hover">
    </a>
    <a href="/phonox">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Phonox_LOGO_658a9cfe11/Phonox_LOGO_658a9cfe11.png" alt="Phonox Logo" class="logo-hover">
    </a>
  </div>
</div>

<style>
  /* Mobile First: 2-column grid */
  .logo-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-items: center;
    align-items: center;
  }

  .logo-container a {
    display: inline-block;
  }

  /* Image defaults with hover effect */
  .logo-hover {
    width: 100%;
    max-width: 150px; 
    aspect-ratio: 1 / 1;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
  }

  .logo-hover:hover {
    transform: translateY(-10px);
  }

  /* Desktop: Switch to a centered flex row */
  @media (min-width: 768px) {
    .logo-container {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      gap: 40px;
    }
    .logo-hover {
      max-width: 200px;
    }
  }
</style>

The Parakeet

<h3 style="font-size:23px; color:#121212;">No jobs found</h3>
<p style="color:#121212;">We don’t have any vacancies right now, but be sure to check back soon!<p> 

<div id="venue-logos" style="max-width: 80vw; margin: 0 auto; text-align: center;">
  <div class="logo-container">   
    <a href="/jazz-cafe">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/jazz_cafe_46ee1b872d/jazz_cafe_46ee1b872d.png" alt="Jazz Cafe" class="logo-hover">
    </a>
    <a href="/the-parakeet">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Parakeet_logo_1_a8fa1fef49/Parakeet_logo_1_a8fa1fef49.png" alt="Parakeet logo" class="logo-hover">
    </a>
    <a href="/the-old-queens-head">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Old_Queens_Head_logo_ece8e38f33/Old_Queens_Head_logo_ece8e38f33.png" alt="Old Queens Head logo" class="logo-hover">
    </a>
    <a href="/phonox">
      <img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/columbo/Phonox_LOGO_658a9cfe11/Phonox_LOGO_658a9cfe11.png" alt="Phonox logo" class="logo-hover">
    </a>
  </div>
</div>

<style>
  /* Mobile First: Grid layout forcing exactly 2 columns */
  .logo-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-items: center;
    align-items: center;
  }

  .logo-container a {
    display: inline-block;
  }

  /* Image defaults with hover effect */
  .logo-hover {
    width: 100%;
    max-width: 150px; /* Scaled down slightly for mobile rows */
    aspect-ratio: 1 / 1;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
  }

  .logo-hover:hover {
    transform: translateY(-10px);
  }

  /* Desktop: Switch back to a centered flex row */
  @media (min-width: 768px) {
    .logo-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 40px;
    }
    .logo-hover {
      max-width: 200px; /* Restores the original 200px size for desktop */
    }
  }
</style>

Pages

Single job pages