/* StarBox Font - Mona Sans, Hubot Sans */
/* Carpenter Box - Mona Sans, Hubot Sans */
@import url('https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wght@0,200..900;1,200..900&display=swap');
/* Simmons Gainsford - Aestetico */
@import url('https://db.onlinewebfonts.com/c/7963522618f65d83b2ec651d7f9ecd01?family=Aestetico+Regular');
@import url('https://db.onlinewebfonts.com/c/e42ff23c378b186fa9fda42141ff51e3?family=FSP+DEMO+-+Aestetico+SemiBold');
/* Scrutton Bland - Noway, PT Serif */
@import url('https://db.onlinewebfonts.com/c/7e0f75fa1eb5ee523ae2961d4e7a11a6?family=Noway-Medium');


:root {
  /* ------------ Sumer, Sumer Law, 123 Consulting ------------ */
  --color-body: #898787;
  --color-headlines: #848484;
  --color-subheadlines: #848484;
  --color-dark-testimonials: #212529;
  
  --font-size-body: 2rem;
  --font-size-headlines: 5.4rem;
  --font-size-subheadlines: 3.2rem;
  --font-size-hero-title: 6.4rem;
  --font-size-buttons: 2rem;
  --font-size-nav-items: 1.8rem;
  
  --line-height-body: 24px;
  --line-height-headlines: 1.1;
  
  --font-weight-body: 400;
  --font-weight-headlines: 600;
  --font-weight-subheadlines: 600;
  --font-weight-hero-title: 600;
  --font-weight-buttons: 500;
  --font-weight-nav-items: 500;
  
  --radius-buttons: 8px;
  --radius-images: 0;
  --radius-panels: 10px;
  --radius-image-panels: 10px;
  
  --nav-color: #878486;
  --nav-background-color: #fff;
  --nav-hover-color: var(--theme-highlight-color);
  --nav-align-items: baseline;
  --nav-item-padding: 15px;
  --nav-item-border-color: var(--theme-highlight-color);
  --nav-text-decoration: none;
  --nav-text-decoration-thickness: 0;
  --nav-text-decoration-color: inherit;
  --nav-text-underline-offset: .7em;
  
  --subnav-border-radius: 2px;
  --subnav-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  
  --buttons-border-width: 1px;
  --buttons-border-style: solid;
  --buttons-color: var(--theme-primary-font-color);
  --buttons-background-color: var(--theme-primary-color);
  --buttons-border-color: var(--theme-primary-color);
  --buttons-hover-color: var(--theme-primary-font-color);
  --buttons-hover-background-color: var(--theme-highlight-color);
  --buttons-hover-border-color: var(--theme-highlight-color);
  --button-text-transform: capitalize;
  
  --panels-bg-color: var(--theme-secondary-color);
  --panels-gradient-bg-color: linear-gradient(90deg, #F88203 0%, #FDCB02 100%);
  
  --footer-color: #fff;
  --footer-bg-color: #323237;

  /* ------------ Monahans ------------ */
  .theme-monahans {
    --color-body: #000;
    --color-headlines: var(--theme-primary-color);
    --color-subheadlines: var(--theme-primary-color);
   
    --font-family-body: 'Soleil', serif;
    --font-family-hero-title: 'Soleil', serif;
    --font-family-headlines: 'Soleil', serif;
    --font-family-subheadlines: 'Soleil', serif;
    --font-family-buttons: 'Soleil', serif;
    --font-family-nav: 'Soleil', serif;
    
    --font-size-body: 1.8rem;
    --font-size-hero-title: 3.7rem;
    --font-size-headlines: 3.7rem;
    --font-size-subheadlines: 3rem;
    --font-size-buttons: 1.3rem;
    --font-size-nav-items: 1.3rem;
    
    --font-weight-body: 400;
    --font-weight-hero-title: 700;
    --font-weight-headlines: 700;
    --font-weight-subheadlines: 700;
    --font-weight-buttons: 400;
    --font-weight-nav-items: 400;
    
    --radius-buttons: 2px;
    --radius-images: 0;
    --radius-panels: 0;
    --radius-image-panels: 0;
    
    --nav-color: #000;
    --nav-background-color: #fff;
    --nav-hover-color: #000;
    --nav-text-decoration: underline;
    --nav-text-decoration-thickness: 2px;
    --nav-text-decoration-color: var(--theme-highlight-color);
    --nav-text-underline-offset: .4em;
    --nav-align-items: center;
    
    --buttons-color: var(--theme-primary-font-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-hover-color: var(--theme-primary-font-color);
    --buttons-hover-background-color: #000;
    --buttons-hover-border-color: #000;
    --button-text-transform: uppercase;
    
    --footer-bg-color: #7C7C7B;
  }
  
  /* ------------ RMT ------------ */
  .theme-rmt {
    --color-body: #000;
    --color-headlines: var(--theme-highlight-color);
    --color-subheadlines: var(--theme-highlight-color);
    
    --font-family-body: 'Montserrat', serif;
    --font-family-hero-title: 'Montserrat', serif;
    --font-family-headlines: 'Montserrat', serif;
    --font-family-subheadlines: 'Montserrat', serif;
    --font-family-buttons: 'Montserrat', serif;
    --font-family-nav: 'Montserrat', serif;
    
    --font-size-body: 1.6rem;
    --font-size-hero-title: 4rem;
    --font-size-headlines: 2.1rem;
    --font-size-subheadlines: 2rem;
    --font-size-buttons: 1.6rem;
    --font-size-nav-items: 1.4rem;
    
    --font-weight-body: 300;
    --font-weight-hero-title: 500;
    --font-weight-headlines: 700;
    --font-weight-subheadlines: 700;
    --font-weight-buttons: 500;
    --font-weight-nav-items: 500;
    
    --radius-buttons: 0;
    --radius-images: 0;
    --radius-panels: 0;
    --radius-image-panels: 0;
    
    --nav-color: #ccc;
    --nav-background-color: var(--theme-primary-color);
    --nav-hover-color: #fff;
    --nav-text-decoration: none;
    --nav-align-items: center;
    
    --buttons-color: var(--theme-primary-font-color);
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-hover-color: var(--theme-primary-font-color);
    --buttons-hover-border-color: #00A0B2;
    --buttons-hover-background-color: #00A0B2;
    --button-text-transform: uppercase;
    
    --footer-bg-color: var(--theme-primary-color);
  }

  /* ------------ RT Marke ------------ */
  .theme-rt-marke {
    --color-headlines: var(--theme-primary-color);
    --color-subheadlines: var(--theme-primary-color);
    
    --font-family-body: 'Open Sans', serif;
    --font-family-hero-title: 'Open Sans', serif;
    --font-family-headlines: 'Open Sans', serif;
    --font-family-subheadlines: 'Open Sans', serif;
    --font-family-buttons: 'Open Sans', serif;
    --font-family-nav: 'Open Sans', serif;
    
    --font-size-body: 2rem;
    --font-size-hero-title: 3.8rem;
    --font-size-headlines: 3.2rem;
    --font-size-subheadlines: 2.2rem;
    --font-size-buttons: 2rem;
    --font-size-nav-items: 1.6rem;
    
    --font-weight-body: 400;
    --font-weight-hero-title: 700;
    --font-weight-headlines: 700;
    --font-weight-subheadlines: 700;
    --font-weight-buttons: 700;
    --font-weight-nav-items: 600;
    
    --radius-buttons: 50px;
    --radius-images: 0;
    --radius-panels: 0;
    --radius-image-panels: 0;
    
    --nav-color: rgba(16,28,68,0.77);
    --nav-background-color: #fff;
    --nav-hover-color: var(--theme-highlight-color);
    --nav-text-decoration: none;
    --nav-align-items: center;
    
    --buttons-color: var(--theme-primary-font-color);
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-hover-color: var(--theme-highlight-color);
    --buttons-hover-border-color: #fff;
    --buttons-hover-background-color: #fff;
    --button-text-transform: none;
    
    --footer-bg-color: var(--theme-primary-color);
  }

  /* ------------ DPC ------------ */
  .theme-dpc {
    --color-body: #777;
    --color-headlines: #848484;
    --color-subheadlines: #777;
    
    --font-family-body: 'poppins', sans-serif;
    --font-family-hero-title: 'poppins', sans-serif;
    --font-family-headlines: 'poppins', sans-serif;
    --font-family-subheadlines: 'poppins', sans-serif;
    --font-family-buttons: 'poppins', sans-serif;
    --font-family-nav: 'poppins', sans-serif;
    
    --font-size-body: 1.6rem;
    --font-size-hero-title: 3.8rem;
    --font-size-headlines: 3.2rem;
    --font-size-subheadlines: 2.4rem;
    --font-size-buttons: 1.6rem;
    --font-size-nav-items: 1.6rem;
    
    --font-weight-body: 400;
    --font-weight-hero-title: 600;
    --font-weight-headlines: 700;
    --font-weight-subheadlines: 700;
    --font-weight-buttons: 500;
    --font-weight-nav-items: 600;
    
    --radius-buttons: 50px;
    --radius-images: 0;
    --radius-panels: 0;
    --radius-image-panels: 0;
    
    --nav-color: #878486;
    --nav-background-color: #fff;
    --nav-hover-color: var(--theme-highlight-color);
    --nav-text-decoration: none;
    --nav-align-items: center;
    
    --buttons-color: var(--theme-primary-font-color);
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-hover-color: var(--theme-primary-font-color);
    --buttons-hover-border-color: var(--theme-primary-color);
    --buttons-hover-background-color: var(--theme-primary-color);
    --button-text-transform: none;
    
    --footer-bg-color: var(--theme-primary-color);
  }
  
  /* ------------ Starbox ------------ */
  .theme-starbox {
    --color-body: #141727;
    --color-headlines: #141727;
    --color-subheadlines: #141727;
    
    --font-family-body: 'Mona Sans', sans-serif;
    --font-family-hero-title: 'Hubot Sans', serif;
    --font-family-headlines: 'Hubot Sans', serif;
    --font-family-subheadlines: 'Hubot Sans', sans-serif;
    --font-family-buttons: 'Hubot Sans', sans-serif;
    --font-family-nav: 'Hubot Sans', sans-serif;
    
    --font-size-body: 1.8rem;
    --font-size-hero-title: 5.2rem;
    --font-size-headlines: 3.2rem;
    --font-size-subheadlines: 2.2rem;
    --font-size-buttons: 2rem;
    --font-size-nav-items: 2rem;
    
    --font-weight-body: 400;
    --font-weight-hero-title: 700;
    --font-weight-headlines: 700;
    --font-weight-subheadlines: 700;
    --font-weight-buttons: 700;
    --font-weight-nav-items: 400;
    
    --radius-buttons: 5px;
    --radius-images: 0;
    --radius-panels: 0;
    --radius-image-panels: 0;
    
    --nav-color: #fff;
    --nav-background-color: transparent;
    --nav-hover-color: #fff;
    --nav-text-decoration: none;
    --nav-align-items: center;
    --nav-text-decoration: underline;
    --nav-text-decoration-thickness: 1px;
    --nav-text-decoration-color: var(--theme-highlight-color);
    --nav-text-underline-offset: .5em;
    
    --buttons-color: #fff;
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-hover-color: #141727;
    --buttons-hover-border-color: #fff;
    --buttons-hover-background-color: #fff;
    --button-text-transform: none;
    
    --footer-bg-color: #151727;
  }

  /* ------------ Carpenter Box ------------ */
  .theme-carpenter-box {
    --color-body: #898787;
    --color-headlines: #848484;
    --color-subheadlines: #848484;
    --color-dark-testimonials: #212529;
    
    --font-family-body: 'Mona Sans', sans-serif;
    --font-family-hero-title: 'Hubot Sans', serif;
    --font-family-headlines: 'Hubot Sans', serif;
    --font-family-subheadlines: 'Hubot Sans', sans-serif;
    --font-family-buttons: 'Hubot Sans', sans-serif;
    --font-family-nav: 'Hubot Sans', sans-serif;
    
    --font-size-body: 1.6rem;
    --font-size-hero-title: 4.5rem;
    --font-size-headlines: 4.5rem;
    --font-size-subheadlines: 2.2rem;
    --font-size-buttons: 1.6rem;
    --font-size-nav-items: 1.6rem;
    
    --font-weight-body: 400;
    --font-weight-hero-title: 400;
    --font-weight-headlines: 400;
    --font-weight-subheadlines: 400;
    --font-weight-buttons: 500;
    --font-weight-nav-items: 400;
    
    --radius-buttons: 10px;
    --radius-images: 0;
    --radius-panels: 0;
    --radius-image-panels: 0;
    
    --nav-color: #878486;
    --nav-background-color: #fff;
    --nav-hover-color: var(--theme-highlight-color);
    --nav-text-decoration: none;
    --nav-align-items: center;
    
    --buttons-color: var(--theme-primary-font-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-hover-color: var(--theme-primary-font-color);
    --buttons-hover-background-color: #000;
    --buttons-hover-border-color: #000;
    --button-text-transform: none;
    
    --panels-bg-color: var(--theme-secondary-color);
    --panels-gradient-bg-color: linear-gradient(90deg, #F88203 0%, #FDCB02 100%);
    
    --footer-bg-color: #323237;
  }  

  /* ------------ Simmons Gainsford ------------ */
  .theme-simmons-gainsford {
    --color-body: #2c2e30;
    --color-headlines: #2c2e30;
    --color-subheadlines: #2c2e30;
   
    --font-family-body: "Aestetico Regular", sans-serif;
    --font-family-hero-title: 'Aestetico Regular', sans-serif;
    --font-family-headlines: 'Aestetico Regular', sans-serif;
    --font-family-subheadlines: 'FSP DEMO - Aestetico SemiBold', sans-serif;
    --font-family-buttons: 'Aestetico Regular', sans-serif;
    --font-family-nav: 'FSP DEMO - Aestetico SemiBold', sans-serif;
    
    --font-size-body: 2rem;
    --font-size-hero-title: 5rem;
    --font-size-headlines: 4.2rem;
    --font-size-subheadlines: 2.2rem;
    --font-size-buttons: 1.4rem;
    --font-size-nav-items: 1.6rem;
    
    --font-weight-body: 400;
    --font-weight-hero-title: 400;
    --font-weight-headlines: 400;
    --font-weight-subheadlines: 600;
    --font-weight-buttons: 600;
    --font-weight-nav-items: 400;
    
    --radius-buttons: 4px;
    --radius-images: 0;
    --radius-panels: 4px;
    --radius-image-panels: 0;
    
    --nav-color: #fff;
    --nav-background-color: transparent;
    --nav-hover-color: var(--color-body);
    --nav-text-decoration: none;
    --nav-align-items: center;
    
    --buttons-color: #fff;
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-hover-color: var(--theme-highlight-color);
    --buttons-hover-border-color: #fff;
    --buttons-hover-background-color: #fff;
    --button-text-transform: none;
    
    --panels-gradient-bg-color: linear-gradient(90deg, #F88203 0%, #FDCB02 100%);
    
    --footer-bg-color: var(--theme-secondary-color);
  }
  
  /* ------------ PayAssist ------------ */
  .theme-payassist {
    --color-body: #000;
    --color-headlines: var(--theme-highlight-color);
    --color-subheadlines: var(--theme-highlight-color);

    --font-family-body: 'source-sans-pro', sans-serif;
    --font-family-hero-title: 'source-sans-pro', sans-serif;
    --font-family-headlines: 'source-sans-pro', sans-serif;
    --font-family-subheadlines: 'source-sans-pro', sans-serif;
    --font-family-buttons: 'source-sans-pro', sans-serif;
    --font-family-nav: 'source-sans-pro', sans-serif;
    
    --font-size-body: 2rem;
    --font-size-hero-title: 5rem;
    --font-size-headlines: 4.2rem;
    --font-size-subheadlines: 2.2rem;
    --font-size-buttons: 1.4rem;
    --font-size-nav-items: 1.6rem;
    
    --font-weight-body: 300;
    --font-weight-hero-title: 300;
    --font-weight-headlines: 300;
    --font-weight-subheadlines: 700;
    --font-weight-buttons: 400;
    --font-weight-nav-items: 300;
    
    --radius-buttons: 0;
    --radius-images: 0;
    --radius-panels: 0;
    --radius-image-panels: 0;
    
    --nav-color: #fff;
    --nav-background-color: transparent;
    --nav-hover-color: var(--theme-highlight-color);
    --nav-text-decoration: none;
    --nav-align-items: center;
    
    --buttons-color: #fff;
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-hover-color: var(--theme-highlight-color);
    --buttons-hover-border-color: #fff;
    --buttons-hover-background-color: #fff;
    --button-text-transform: none;
    
    --footer-bg-color: var(--theme-primary-color);
  }

  /* ------------ FlexiBooks ------------ */
  .theme-flexibooks {
    --color-body: #000;
    --color-headlines: var(--theme-primary-color);
    --color-subheadlines: var(--theme-primary-color);
    
    --font-family-body: 'Roboto', serif;
    --font-family-hero-title: 'Roboto', serif;
    --font-family-headlines: 'Roboto', serif;
    --font-family-subheadlines: 'Roboto', serif;
    --font-family-buttons: 'Roboto', serif;
    --font-family-nav: 'Roboto', serif;
    
    --font-size-body: 1.8rem;
    --font-size-hero-title: 5rem;
    --font-size-headlines: 5rem;
    --font-size-subheadlines: 3rem;
    --font-size-buttons: 2rem;
    --font-size-nav-items: 1.6rem;
    
    --font-weight-body: 400;
    --font-weight-hero-title: 500;
    --font-weight-headlines: 500;
    --font-weight-subheadlines: 500;
    --font-weight-buttons: 500;
    --font-weight-nav-items: 500;
    
    --radius-buttons: 50px;
    --radius-images: 0;
    --radius-panels: 15px;
    --radius-image-panels: 0;
    
    --nav-color: #fff;
    --nav-background-color: transparent;
    --nav-hover-color: var(--theme-highlight-color);
    --nav-align-items: center;
    --nav-text-decoration: underline;
    --nav-text-decoration-thickness: 3px;
    --nav-text-decoration-color: var(--theme-highlight-color);
    --nav-text-underline-offset: .5em;
    
    --buttons-color: #fff;
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-hover-color: #fff;
    --buttons-hover-border-color: #03615D;
    --buttons-hover-background-color: #03615D;
    --button-text-transform: none;
    
    --footer-bg-color: #4E4F53;
  }
  
  /* ------------ Scrutton Bland ------------ */
  .theme-scrutton-bland {
    --color-body: #002b45;
    --color-headlines: #002c5f;
    --color-subheadlines: #002c5f;
    
    --font-family-body: "PT Serif", serif;
    --font-family-hero-title: 'Noway-Medium', sans-serif;
    --font-family-headlines: 'Noway-Medium', sans-serif;
    --font-family-subheadlines: 'Noway-Medium', sans-serif;
    --font-family-buttons: "PT Serif", serif;
    --font-family-nav: 'Noway-Medium', sans-serif;
    
    --font-size-body: 1.6rem;
    --font-size-hero-title: 3.6rem;
    --font-size-headlines: 3.6rem;
    --font-size-subheadlines: 3rem;
    --font-size-buttons: 1.6rem;
    --font-size-nav-items: 1.6rem;
    
    --font-weight-body: 400;
    --font-weight-hero-title: 500;
    --font-weight-headlines: 500;
    --font-weight-subheadlines: 500;
    --font-weight-buttons: 400;
    --font-weight-nav-items: 400;
    
    --radius-buttons: 0;
    --radius-images: 0;
    --radius-panels: 0;
    --radius-image-panels: 0;
    
    --nav-color: #fff;
    --nav-background-color: var(--theme-primary-color);
    --nav-hover-color: var(--theme-highlight-color);
    --nav-align-items: center;
    --nav-text-decoration: none;
    
    --buttons-color: var(--theme-primary-color);
    --buttons-border-color: var(--theme-highlight-color);
    --buttons-background-color: var(--theme-highlight-color);
    --buttons-hover-color: var(--theme-highlight-color);
    --buttons-hover-border-color: var(--theme-primary-color);
    --buttons-hover-background-color: var(--theme-primary-color);
    --button-text-transform: none;
    
    --footer-bg-color: #012B45;
  }
}

/* ------------ Typography ------------ */

/* General text */
body,
.pinpoint-block--cards .careers-card-block__p,
.pinpoint-block--text .careers-block__trix,
.external-panel .external-panel__trix-content,
.external-panel .external-panel__text,
.careers-block .careers-block__p--dark,
.careers-testimonial-block__quotation,
.external-stage-carousel .external-stage-carousel__stage-name,
.external-definition-list dd,
.external-form .external-form__label span:not(.external-form__label--title),
.external-form .external-form__text,
.external-panel .external-panel__back-link,
.external-footer .external-footer__link,
.bp3-caption {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  color: var(--color-body);
  font-weight: var(--font-weight-body);
}

/* Sub headlines */
h3,
.careers-card-block__h3,
.careers-card-block .careers-card-block__h3 {
  font-family: var(--font-family-subheadlines);
  font-size: var(--font-size-subheadlines);
  font-weight: var(--font-weight-subheadlines);
  color: var(--color-subheadlines);
}

.external-form .external-form__label {
  color: var(--color-subheadlines);
}

/* Headlines */
.pinpoint-block--text .careers-block__h2,
.pinpoint-block--jobs .careers-block__h2,
.pinpoint-block--testimonial cite,
.careers-card-block--variant-large .careers-card-block__h3 {
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-headlines);
  font-weight: var(--font-weight-headlines);
  color: var(--color-headlines);
  word-wrap: break-word;
}

.pinpoint-block--carousel .careers-testimonial-block__attribution {
  color: var(--theme-highlight-color);
}

/* JD - Pages */
.external-panel .external-panel__title {
  font-family: var(--font-family-hero-title);
  font-size: var(--font-size-hero-title);
  font-weight: var(--font-weight-hero-title);
  color: var(--theme-highlight-color);
}

.external-panel__heading {
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-headlines);
  font-weight: var(--font-weight-headlines);
  color: var(--color-headlines);
}

.external-panel .external-panel__heading {
  color: var(--theme-highlight-color);
}

.external-panel .external-panel__trix-content--colored strong {
  color: var(--color-body);
}

/* ------------ Navigation ------------ */

/* Set logo width for desktop */
@media (min-width: 768px) {
  .pinpoint-block--navigation img,
  .careers-hero-block--align-center img {
    width: 150px !important;
    height: auto !important;
  }
}

.careers-navigation-block__logo-text,
.careers-hero-block__logo-text {
  display: none;
}

.pinpoint-block--navigation {
  padding-top: 15px;
  padding-bottom: 10px;
  background-color: var(--nav-background-color) !important;  

  > div {
    align-items: var(--nav-align-items) !important;
  }

  .careers-navigation-block__menu-section--right {
    display: none;
  }
 
  /* Menu items */
  .careers-navigation-block__menu-item {
    font-family: var(--font-family-nav);
    font-weight: var(--font-weight-nav-items);
    font-size: var(--font-size-nav-items);
    text-transform: capitalize;
    color: var(--nav-color);
    background-color: transparent !important;
    transition: all .3s ease;

    &:hover {
      color: var(--nav-hover-color) !important;
      background-color: var(--nav-background-color) !important;
      text-decoration: var(--nav-text-decoration);
      text-decoration-thickness: var(--nav-text-decoration-thickness);
      text-decoration-color: var(--nav-text-decoration-color);
      text-underline-offset: var(--nav-text-underline-offset);
    }
  }

  /* Dropdown */
  > div > div.careers-navigation-block__menu-section--center > div > div > div > div {
    box-shadow: var(--subnav-shadow) !important;
    overflow: hidden;
    border-radius: var(--subnav-border-radius);
  }

  /* Dropdown items */
  .careers-navigation-block__sub-nav-menu {
    color: var(--nav-color) !important;
    background-color: var(--nav-background-color) !important;
    text-underline-offset: initial !important;

     &:hover {
      color: var(--theme-highlight-color) !important;
    }
  }
}

/* ------------ Job Description - logo banner ------------ */

.careers-hero-block {
  padding: 20px;
}

/* ------------ Custom Navigation ------------ */

.pinpoint-block--html {
  margin: 0 !important;
  position: relative;
}

.pinpoint-block--html > .pinpoint-block--navigation {
  margin: 0;

  > div {
    background-color: var(--nav-background-color) !important;
  }

  .hide-at-sm-block,
  .hide-sm-block {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

/* ------------ Mobile Navigation ------------ */

#custom-navigation {
  .careers-navigation-block__menu-section--left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    z-index: 101;
  }
  
  .hide-at-sm-block {
    display: block;
  }
  
  .hide-at-sm-block img {
    display: block;
    height: auto;
    max-width: 100%;
  }
  
  .careers-navigation-block__menu-section--center {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
  }
  
  .careers-navigation-block__menu-section--right {
    display: none;
  }
  
  .mobile-nav {
    background: transparent;
    color: var(--nav-color);
    font-size: 40px;
    cursor: pointer;
    border: none;
  }
  
  @media (max-width: 540px) {
    .careers-navigation-block__menu-section--right {
      display: block !important;
    }
  
    .careers-navigation-block__menu-section--center {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      color: var(--color-body);
      background-color: var(--theme-highlight-color);
      flex-direction: column;
      align-items: flex-end;
      justify-content: flex-end;
      display: none;
      z-index: 100;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
      padding: 100px 32px;
    }
  
    .careers-navigation-block__menu-section--center.nav-active {
      display: flex;
    }

    .careers-navigation-block__menu-section--center img {
      margin-bottom: 20px;
    }
  
    .bp3-overflow-list {
      display: flex;
      flex-direction: column;
      width: 100%;
    }
  
    .bp3-overflow-list a {
      padding: 10px 20px;
      width: 100%;
      text-align: right;
    }
  }
}

/* ------------ Hero ------------ */
#careers,
.careers-hero-block--image {
  padding: 80px 0;
  background-position: center;

  .careers-hero-block__title {
    font-family: var(--font-family-hero-title);
    font-weight: var(--font-weight-hero-title);
    font-size: var(--font-size-hero-title);
    line-height: var(--line-height-headlines);
  }

  .careers-hero-block__text {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body);
  }
}

.careers-hero-block--image {
  display: flex;
  justify-content: center;
  align-items: center;
  
  .external-content-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
   }
  
   .careers-hero-block__content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
   }
}

/* ---------------- Buttons ---------------- */
.external-button {
  font-family: var(--font-family-buttons);
  font-weight: var(--font-weight-buttons);
  font-size: var(--font-size-buttons);
  line-height: var(--line-height-body);
  text-transform: var(--button-text-transform);
  padding: 0.7em 1.5em;
  transition: all .3s ease-in-out;
  border-radius: var(--radius-buttons);
  border: var(--buttons-border-width) var(--buttons-border-style) var(--buttons-border-color);
  color: var(--buttons-color);
  background-color: var(--buttons-background-color);

  &:hover {
    filter: brightness(100%);
    color: var(--buttons-hover-color);
    border-color: var(--buttons-hover-border-color);
    background-color: var(--buttons-hover-background-color);
  }
}

/* Button Arrow */
.theme-sumer,
.theme-sumer-law,
.theme-123 {
  .external-button {
    &::after {
      font-family: "Font Awesome 5 Pro";
      content: "\f061";
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-size: 1.5rem;
      font-weight: inherit;
      color: inherit;
      padding-left: 1em;
      transition: transform .2s ease-in-out;
    }
    
    /* Arrow hover */
    &:hover::after {  
      transform: translateX(4px);
    }
  }
}

/* Slides - Dots */
.careers-carousel-block .slick-dots li button:before {
  font-size: 16px;
}

/* Slides - Arrows */
.bp3-icon-button {
  .bp3-icon-custom {
    fill: var(--theme-highlight-color);
  }
    
  &:disabled .bp3-icon-custom {
    fill: var(--theme-highlight-color);
    opacity: 0.5;
  }
}

/* Job block - Pagination Chevron */
#js-careers-jobs-block > div:nth-child(2) > div > div > div > div.pagination-bottom > div > div {
  justify-content: center;
}

.bp3-caption {
  font-size: 14px;
}

.pagination-bottom {
  .bp3-icon-custom {
    height: 12px;
    width: 12px;
  }
}


/* ------------ Images & Panels ------------ */

/* General styling for images and panels with secondary background colour */
.pinpoint-block--image-gallery img,
.pinpoint-block--cards .careers-card-block__image,
.plyr--video,
.external-panel .external-panel__trix-content img {
  border-radius: var(--radius-images);
}

/* ------------ Testimonial ------------ */

.pinpoint-block--testimonial {
  cite {
    letter-spacing: 0;
  }

  .careers-testimonial-block {
    align-items: center;
  }
}

.slick-slider {
  padding: 40px 0;
}


.careers-carousel-block .slick-dots li button:before {
  color: var(--theme-highlight-color);
}

/* ------------ Job Filter ------------ */

/* Hide filters on all pages but not on Sumer's mainpage */
.pinpoint-page:not(.theme-sumer) #js-careers-jobs-block > div:nth-child(1) > div > div > div > div.col-md-6-12 {
  display: none;
}

/* ------------ Footer ------------ */

.external-footer {
  padding: 32px;
  background-color: var(--footer-bg-color);

  .external-footer__link {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 16px;
    line-height: var(--line-height-body);
    font-weight: var(--font-weight-body);

    &:hover {
      color: var(--nav-hover-color) !important;
    }

    i {
      color: #fff !important;
    }
  }
}

/* ------------ Alignments & Spacings ------------ */

/* Sections alignments */
@media (min-width: 1280px) {
  .external-content-wrap {
    max-width: 1480px;
  }
}

.careers-navigation-block,
.careers-hero-block-container,
.pinpoint-block--video,
.pinpoint-block--glassdoor {
  padding-left: 32px;
  padding-right: 32px;
}

@media (min-width: 1280px) {
  .careers-hero-block__content-wrap,
  .pinpoint-block--video > div,
  .pinpoint-block--glassdoor > div,
  footer > div {
    padding-left: 32px;
    padding-right: 32px;
  }
  
  .pinpoint-block--navigation > div {
    padding-left: 25px;
    padding-right: 25px;
  }
  
  .jobs-in-nb-block p {
    padding-left: 32px;
    padding-right: 460px;
  }
}

/* Nav alignments */
.pinpoint-block--navigation > div {
  max-width: 1480px;
  margin: auto;
}

.pinpoint-block--navigation .hide-sm-block {
  padding-left: 0;
}

.careers-navigation-block__menu-section--center {
  padding-right: 0;
}

/* Hero alignment */ 
@media (min-width: 768px) {
  .careers-hero-block--align-left .careers-hero-block__content-wrap {
    margin-left: 0%;
    margin: 0 auto;
  }
}

footer > div > div:nth-child(1) > div > div > a:nth-child(1) {
  margin-left: 0 !important;
}

footer .frow--gutters-3x {
  margin-left: -16px;
}

/* Adjust spacing between all sections */
.careers-block {
  margin: 60px 0;
}

.pinpoint-block--text,
.careers-block--theme-secondary {
  margin: 0;
  padding: 80px 0;
}

.careers-block--header {
  margin: 0 !important;
  padding-bottom: 20px;
}

.careers-navigation-block {
  margin: 0;
}

.pinpoint-block--video,
.pinpoint-block--image-gallery,
.pinpoint-block--jobs {
  margin: 60px 0;
}

.pinpoint-block--testimonial {
  margin-top: 60px;
}

.careers-card-block {
  margin: 80px 0;
}

.careers-cards-block .careers-cards-block__card {
  margin: 40px 0;
}

.careers-block.careers-block--theme-secondary:last-of-type {
  margin-bottom: 0;
}

.careers-hero-block + .careers-block--theme-secondary {
  padding-top: 60px;
}

.careers-block h2 {
  margin-bottom: 60px !important;
}

.mar-sm-t-10 {
  margin-top: 60px !important;
}

@media (min-width: 1024px) {
  .frow--gutters-md-8x>* {
    padding: 32px 64px;
  }
}

/* ------------------------ Sumer, Sumer Law, 123 Consulting  ------------------------ */

/* ------------------------ Shared - Styles ------------------------ */

/* Section with the linear gradient background */
#careers,
#what-we-look-for,
#belong,
#company-infos {
  background: var(--panels-gradient-bg-color);

  .careers-block__h2,
  .careers-card-block__h3,
  .careers-card-block__p,
  .careers-block__trix {
    color: #fff;
  }
}

/* ------------ Hero Careers ------------ */

#careers {
  margin-top: 0;
  padding-top: 100px;
  
  > div > div > div > section > section > div {
    align-items: center;
  }
}

@media (min-width: 768px) {
  #careers {
    .col-sm-7-12,
    .col-sm-5-12 {
      width: 50%;
    }

    .plyr--video {
      border-radius: var(--radius-panels);
    }
  }
}

/* ------------ Join Us ------------ */

#join-us-header > div > div > div > div > h2 {
  margin-bottom: 0 !important;
}

#join-us {
  img {
    height: 120px;
  }
}

@media (min-width: 768px) {
  #join-us {
    .col-md-1-4 {
      width: 20%;
    }
  }
}

/* ------------ What we are looking for ------------ */

#what-we-look-for {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  #what-we-look-for {
    height: 100%;
    margin-bottom: 0;
    padding: 40px 0;
    
    .careers-cards-block__cards {
      padding: 30px 0px;
    }
  
    /* Vertically centre image and text */
    .frow {
      display: flex;
      align-items: center;
      height: 100%;
    }
  
    .col-sm-7-12 {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
    }
  
    .col-sm-5-12 {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
    }
    
   /* Even width for both sides */
    .col-sm-7-12,
    .col-sm-5-12 {
      width: 50%;
      padding: 30px;
    }

    img {
      max-width: 885px;
    }
  }  
}

/* ------------ Gallery ------------ */

#gallery {
  margin: 0;

  .external-content-wrap {
    margin: 0;
    max-width: 100% !important;
  }

  .careers-block__inner {
    padding: 0;
  }

  img {
    margin: 0 !important;
    display: block;
    width: calc(33.333% - 0px);
    height: auto;
    object-fit: cover;
  }
}

/* ------------ Belong ------------ */

#belong {
  margin-top: 0;
  
  .col-lg-3-5 {
    width: 100%;
  }
}

/* ------------ Our Champions ------------ */

#our-champions {
  .careers-cards-block__cards {
    align-items: center;
  }

  .careers-cards-block__card {
    transition: transform .3s ease-in;

    &:hover {
      transform: scale(1.1);
    }
  }

  img {
    max-width: 200px;
  }

   > div > div > div > section > section > div > div.col-sm-1-1 {
    display: none;
  }
}

/* ------------ Testimonials & Blog - Carousels ------------ */

#blog-header,
#team-testimonials-header,
#testimonials-quote {
  background-color: var(--theme-secondary-color);
}

#blog-header,
#team-testimonials-header {
  .careers-block__h2 {
    color: var(--color-body);
    margin-bottom: 0 !important;
  }
}

#blog,
#testimonials-quote {
  padding-bottom: 40px;
  margin-bottom: 0;
      
  .careers-testimonial-block__quotation {
    color: var(--color-body);
    font-size: var(--font-size-body);
    min-height: 50px;
  }
  
  .careers-testimonial-block__attribution {
    font-size: 1.2rem;
    font-family: var(--font-family-body);
    font-weight: 700;
  }

  img {
    width: 80%;
    aspect-ratio: 1;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: auto;

    border: 5px solid var(--theme-highlight-color);
  }
}

@media (max-width: 768px) {
  #blog,
  #testimonials-quote {
    .careers-testimonial-block .careers-testimonial-block__image-wrap {
      margin: 0 0 30px 0 !important;
    }
  }
}

/* ------------ Benefits ------------ */

#benefits {
  height: 100%;

  .external-content-wrap {
    max-width: 1580px;
  }
  
  img {
    height: 120px;
  }

  .careers-card-block__p  {
    margin-bottom: 0;
  }
}

/* ------------ Job Board ------------ */

#js-careers-jobs-block {
  background-color: var(--theme-secondary-color) !important;
  margin-bottom: 0;
    
  .rt-tr-group {
    margin: 7.5px 0;

    .external-content-wrap {
      background-color: #fff;
      max-width: 93%;
      box-shadow: 0 4px 11px 0 rgb(37 44 97 / 15%), 0 1px 3px 0 rgb(93 100 148 / 20%);
      transition: all .2s ease-out;

      &:hover {
        box-shadow: 0 8px 22px 0 rgb(37 44 97 / 15%), 0 4px 6px 0 rgb(93 100 148 / 20%);
      }                          
    }
  }

  .ReactTable .rt-tr {
    align-items: center;
  }
  
  .text-bold {
    color: var(--theme-primary-color);
   }
    
  .empty-placeholder {
    margin-bottom: 0 !important;
  }
  
  > div:nth-child(4) {
    padding-bottom: 80px;
  }
}

/* ------------ Social Footer ------------ */

#company-infos {
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px;
  
  .careers-cards-block__card:nth-child(1) {
    margin: 0;
  }

  .careers-card-block__p {
    margin-bottom: 0;
  }
  
  .careers-cards-block__card:last-child {
    padding-bottom: 20px;
  }

  img {
    height: 40px;
    width: auto;
  }
}


/* ------------------------ Sumer Law ------------------------ */

.pinpoint-page--sumer-law #external-content-body > section {
  display: none;
}

.theme-sumer-law {

  /* ------------ Sumer Law - Navigation ------------ */

  #custom-navigation {
  
    .hide-sm-block {
      width: 200px;
    }
  
    .hide-at-sm-block {
      width: 154px;
    }
  }
}

/* ------------------------ 1.2.3 Consulting ------------------------ */

.pinpoint-page--123-consulting #external-content-body > section {
  display: none;
}

/* ------------ 1.2.3 Consulting - Navigation ------------ */
.theme-123 {
  #custom-navigation {
  
    .hide-sm-block {
      width: 200px;
    }
  
    .hide-at-sm-block {
      width: 154px;
    }
  }
}

/* ------------------------ Monahans ------------------------ */

.theme-monahans {
  background-color: #E6EBED;

  #percentage-tiles,
  #perks,
  #benefits {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  #why-us {
    margin-bottom: 0;
  }
  
  #culture {
    margin-top: 0;
  }
  
  #why-us > div,
  #percentage-tiles > div,
  #percentage-tiles > div,
  #culture > div,
  #perks-benefits-header > div,
  #perks-icons > div,
  #perks > div,
  #benefits-icons > div,
  #benefits > div {
    background-color: #fff;
  }
  
  /* ------------ Monahans - Navigation ------------ */
  
  #custom-navigation {
    .hide-sm-block {
      width: 220px;
    }
  
    .hide-at-sm-block {
      width: 160px;
    }
  }

  @media (max-width: 540px) {
    #custom-navigation {
      .careers-navigation-block__menu-section--center {
        background-color: var(--theme-secondary-color);
      }
    }
  }
  
  /* ------------ Monahans - Work Life  ------------ */
  
  #work-life-video {
    margin: 0;
    padding: 0;
  
    .external-content-wrap {
      margin: 0;
      padding: 0;
      max-width: 100%;
    }
  }
  
  /* ------------ Monahans - Team ------------ */
  
  #team {
    margin: 0;
    padding: 0;
  
    .external-content-wrap {
      margin: 0;
      padding: 0;
      max-width: 100%;
    }
  
    .careers-block__inner {
      padding: 0;
    }
  
    img {
      margin: 0 !important;
      width: 100%;
    }
  }
  
  /* ------------ Monahans - Perks and Benefit sections ------------ */
  
  #benefits-video {
    margin: 0;
    padding: 0;
  
    .external-content-wrap {
      margin: 0;
      padding: 0;
      max-width: 100%;
    }
  }
  
  #perks-benefits-header {
    padding-bottom: 16px;
  
    .careers-block__h2 {
      margin-top: 40px;
    }
  }
  
  #perks-icons,
  #benefits-icons {
    margin-top: 0;
    margin-bottom: 0;
    
    img {
      max-width: 190px;    
    }
  }
  
  /* ------------ Monahans - CTA ------------ */
  
  #cta {  
    p {
      display: none;
    }
  }
}
/* ----------------------------------------------------- */
/* ------------------------ RMT ------------------------ */
/* ----------------------------------------------------- */

.theme-rmt {
  .careers-card-block .careers-card-block__h3,
  .pinpoint-block--text .careers-block__h2,
  .pinpoint-block--jobs .careers-block__h2,
  .pinpoint-block--testimonial cite,
  .careers-testimonial-block__attribution,
  .careers-card-block--variant-large .careers-card-block__h3 {
    text-transform: uppercase;
  }

  /* ------------ RMT - Navigation ------------ */
  
  #custom-navigation {  
    .hide-sm-block {
      width: 200px;
    }
  
    .hide-at-sm-block {
      width: 160px;
    }
  }

  @media (max-width: 540px) {
    #custom-navigation {
      .careers-navigation-block__menu-section--center {
        background-color: var(--theme-primary-color);
      }
    }
  }

  /* ------------ RMT - Image Gallery ------------ */
  
  #gallery {
    margin: 0;
  
    .external-content-wrap {
      margin: 0;
      max-width: 100% !important;
    }
  
    .careers-block__inner {
      padding: 0;
    }
  
    img {
      margin: 0 !important;
      display: block;
      width: calc(33.3% - 0px);
      height: auto;
      object-fit: cover;
    }
  }

  /* ------------ RMT - Benefits ------------ */
  #benefits-icons {
    margin-top: 0;
    margin-bottom: 0;
    
    img {
      max-width: 190px;    
    }
  }

}

/* ------------------------ RT Marke ------------------------ */
.theme-rt-marke {
  /* ------------ RT Marke - Navigation ------------ */
  #custom-navigation {
  
    .hide-sm-block {
      width: 210px;
    }
  
    .hide-at-sm-block {
      width: 63px;
    }
  }
  
  /* ------------ RT Marke - What we look for ------------ */
  
  #what-we-look-for {
    background: transparent;
    background-color: #fff;

    .careers-card-block__p {
      color: var(--color-body);
    }

    ul {
      list-style-type: none;
    }
      
    li::marker {
      content: "✔️  ";
      font-size: 20px;
    }
  }
}

/* ------------------------ DPC ------------------------ */
/* Remove the logo above the nav */
.pinpoint-page--dpc #external-content-body > section {
  display: none;
}

.theme-dpc {
  /* ------------ DPC - Navigation ------------ */
  @media (min-width: 768px) {
    .pinpoint-block--navigation img,
    .careers-hero-block--align-center img {
      width: 100px !important;
    }
  }

  #custom-navigation {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
      
    .hide-sm-block {
      width: 120px;
    }
  
    .hide-at-sm-block {
      width: 63px;
    }
  }

  /* ------------ DPC - Careers ------------ */
  
  #careers {
    background: var(--panels-gradient-bg-color);
    background-color: #fff;
    margin-bottom: 0;
  
    .careers-card-block__h3 {
      color: #ffffff;
    }
      
    .careers-card-block__p {
      color: #ffffff;
    }

    .external-button {
      color: var(--color-headlines);
      border-color: #ffffff;
      background-color: #ffffff;

      &:hover {
        color: var(--theme-highlight-color);
      }
    }
  }
    
  /* ------------ DPC - What we look for ------------ */
  
  #what-we-look-for {
    margin: 0;
    padding-top: 80px;
    background-image: url('https://res.cloudinary.com/pinpointhq/image/upload/v1736874179/kahoe7do2f1vpvtk09mv.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    .careers-card-block__content {
      max-width: 80%;
    }

    .careers-card-block__h3 {
      color: var(--color-headlines);
    }

    .careers-card-block__p {
      color: #000;
    }
    
    ul {
      list-style-type: none;
    }
    
    li::marker {
      content: "✔️  ";
      font-size: 20px;
    }
  }

  @media (min-width: 1024px) {
    #what-we-look-for {
      .careers-card-block__content {
        max-width: 50%;
      }
    }
  }

  /* ------------ DPC - Belong ------------ */
  
  #belong {
    margin: 0;
    background-image: url('https://res.cloudinary.com/pinpointhq/image/upload/v1737473667/uxxzmxxmglbjgesct461.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    min-height: 650px;
    display: flex;
    align-items: center;
   
    .col-lg-3-5 {
      max-width: 80%;
    }
  }

  @media (min-width: 1024px) {
    #belong {
      .col-lg-3-5 {
        max-width: 60%;
      }
    }
  }

  /* ------------ DPC - Testimonials ------------ */
 
  #testimonials-videos {
    margin-top: 40px;
    padding-top: 0;
    
    > div > div > div > section > section > div > .col-1-1 {
      display: none;
    }

    > div > div > div > div > div.mar-b-1.pad-l-2 {
      max-width: 1340px;
      margin: 0 auto;
      padding-left: 0 !important;
    }

    > div > div > div > div > div.mar-b-1.pad-l-2 > div {
      justify-content: center;
    }

    .careers-card-block__h3 {
      text-align: center;
    }
    
    > div > div > div > div > div.mar-b-1.pad-l-2 > div > div:nth-child(1) {
      display: none;
    }
    
    .slick-slider {
      margin-left: 32px;
      margin-right: 32px;
    }
  }
  
  /* ------------ DPC - Disclosure Footer ------------ */
  
  #disclosure-footer {
    background-color: var(--theme-primary-color);
    padding: 80px 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    text-align: center;
  
    .dpc-footer-logo {
      background-image: url('https://res.cloudinary.com/infuse-group/image/upload/v1762248984/Sumer/dpc_FINAL_WO_1.png');
      background-size: contain;
      background-repeat: no-repeat;
      width: 120px;
      height: 120px;
      margin: 0 auto 20px;
    }
  
    .rights {
      margin-bottom: 15px;
      font-weight: bold;
      color: #fff;
  
      p {
        margin: 0;
      }
    }
  
    .links {
      margin-bottom: 15px;
  
      a {
        margin: 0 5px;
        text-decoration: none;
        color: #fff;
  
        &:hover {
          text-decoration: underline;
          color: var(--theme-highlight-color);
        }
      }
    }
  
    .disclosure {
      max-width: 1140px;
      margin: 0 auto;
      text-align: center;
      font-size: 12px;
      color: #fff;
  
      p {
        margin: 0 30px;
      }
    }
  }
}

/* ------------------------ Carpenter & StarBox ------------------------ */
#accordions {
  .careers-cards-block__card {
    margin: 0;
    padding: 40px;
    border-top: 3px solid var(--theme-highlight-color);
    border-left: 3px solid var(--theme-highlight-color);
    border-right: 3px solid var(--theme-highlight-color);
    border-bottom: none;
  }

  .careers-cards-block__card:last-child {
    border-bottom: 3px solid var(--theme-highlight-color);
  }
  
  .careers-card-block__p {
    overflow: hidden;
    max-height: 0;
    padding: 0;
    transition: max-height 0.4s ease, padding 0.4s ease;
    display: none;
  }

  .careers-card-block__content.active .careers-card-block__p {
    padding: 1rem 0;
    max-height: 1000px;
    display: block;
  }

  .careers-card-block__h3 {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 16px 0;
    width: 100%;
    font-weight: 600;
    z-index: 4;
  }

  @media (max-width: 767px) {
    .careers-card-block__content h3 {
      font-size: 2rem !important;
      width: 100%;
    }
  }

  @media (min-width: 1024px) {
    .col-md-1-1 {
      width: 75%;
    }
  }
}

.theme-carpenter-box,
.theme-starbox {
  
  /* ------------ Careers ------------ */

   #careers {
    background: transparent;
    background-color: #fff;
  
    .careers-card-block__h3 {
      color: var(--color-headlines);
    }
      
    .careers-card-block__p {
      color: var(--color-body);
    }
  }

  /* ------------ Benefits & Process ------------ */

  #process-header,
  #benefits-header {
    .careers-block__h2,
    .careers-block__trix {
      color: #fff;
    }

    .careers-block__h2 {
      margin-bottom: 30px !important;
    }
  } 

  #process,
  #benefits {
    margin: 0;
    padding-top: 50px;

    .careers-card-block__h3 {
      color: #fff;
    }
    
    img {
      height: 100px;
    }
  }

  /* ------------ Values ------------ */

  #values-custom {
    .external-content-wrap {
      &:before {
        bottom: 50px;
      }
    }
    > div > div > div > section:nth-child(1) {
      min-height: 350px;
    }
    
    &:before {
      top: 16px;
    }
    
    &:after {
      bottom: 0px;
    }
  }

  /* ------------ Life at ------------ */

  #life-at-header {
    .careers-block__h2 {
      margin-bottom: 0 !important;
    }
  }

  /* ------------ Carousel ------------ */

  #carousel-gallery {
    img {
      border-radius: 0;
    }
    .careers-testimonial-block__content {
      display: none;
    }
  }

  @media (min-width: 768px) {
    #carousel-gallery {
      .slick-slide {
        width: 400px !important;
        margin: 0 20px;
      }
  
      .slick-track {
        display: inline-flex;
      }
  
      .external-content-wrap {
        max-width: 100%;
      }
        
      .careers-testimonial-block__image-wrap {
        width: 400px;
        height: 400px;
        margin: 0;
      }
  
      .careers-block__inner {
        padding: 0;
      }
        
      .careers-testimonial-block__image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }  
    }
  }

  /* ------------ Testimonials & Blog - carousels ------------ */
  
  #blog-header,
  #blog,
  #team-testimonials-header,
  #testimonials-quote {
    background-color: var(--theme-primary-color);
  }
  

  #blog-header,
  #team-testimonials-header {
    .careers-block__h2 {
      color: #fff;      
    }
  }
  
  #blog,
  #testimonials-quote {
    .careers-testimonial-block__quotation {
      color: #fff;
    }

    img {
     border: 5px solid var(--theme-primary-color);
    }

    .slick-slider {
      padding: 40px 0;
    }

    .external-button {
      margin-top: 2em;
      
      &:hover {
      }
    }
  }

  #blog {
    .external-button {
      border: var(--buttons-border-width) var(--buttons-border-style) #fff;
      color: #000;
      background-color: #fff;

      &:hover {
        border: var(--buttons-border-width) var(--buttons-border-style) #fff;
        color: #fff;
        background-color: transparent !important;
      }
    }
  }

  @media (max-width: 768px) {
    #blog,
    #testimonials-quote {
      .careers-testimonial-block .careers-testimonial-block__image-wrap {
        margin: 0 0 30px 0 !important;
      }
    }
  }
  
  @media (min-width: 768px) {
    #blog {
      .careers-testimonial-block {
        flex-direction: column;
      }
    
      .careers-testimonial-block__content {
        margin-top: 2em;
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .careers-testimonial-block__quotation,
      .careers-testimonial-block__attribution {
        text-align: center;
      }

      .careers-testimonial-block__image-wrap {
        margin-right: 0;
      }
      
      img {
        width: 60%;
      }
    }
  }

 
  /* ------------ DEI ------------ */

  @media (min-width: 1280px) {
    #dei .col-lg-3-5 {
      width: 75%;
    }
  }
}

/* ------------ Early Careers ------------ */
.pinpoint-page--carpenterbox-early-careers,
.pinpoint-page--starbox-early-careers {
  #careers {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.pinpoint-page--starbox-early-careers {
  #process-header {
    background-color: #121627;
  } 

  #process {
    background-image: url('https://res.cloudinary.com/pinpointhq/image/upload/v1737642484/h4lzh9zhatcrwdldyjuq.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}


/* ------------------------ Carpenter Box ------------------------ */
.theme-carpenter-box {

  /* ------------ Carpenter Box - Navigation ------------ */

  #custom-navigation {
    @media (max-width: 540px) {
      .careers-navigation-block__menu-item {
        color: var(--color-body);
      }
    }
    
    .hide-sm-block {
      width: 154px;
    }
  
    .hide-at-sm-block {
      width: 154px;
    }
  }

  /* ------------ Carpenter Box - Intro ------------ */

  #careers {
    background: transparent;
    background-color: #fff;
  
    .careers-card-block__h3 {
      color: var(--color-headlines);
    }
      
    .careers-card-block__p {
      color: var(--color-body);
    }
  }

  /* ------------ Carpenter Box - Benefits ------------ */

  #process-header,
  #benefits-header {
    background: var(--panels-gradient-bg-color);
  }
  
  #process,
  #benefits {
    background: var(--panels-gradient-bg-color);
  }

  /* ------------ Carpenter Box - Life at ------------ */
  
   #life-at-culture {
     padding-top: 0;
     padding-bottom: 0;
   }
}

  #life-at-groups {

    .careers-cards-block__cards {
      align-items: center;
    }
    
    .careers-card-block__content {
      max-width: 70%;
    }
  }

/* ------------------------  StarBox ------------------------ */
.theme-starbox {
  h1, h2, h3 {
    font-variation-settings: "wdth" 75 ;
    text-transform: uppercase;
  }
  
  /* ------------ StarBox - Navigation ------------ */

  #custom-navigation {
    background-color: transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  
    .hide-sm-block {
      width: 214px;
    }
  
    .hide-at-sm-block {
      width: 130px;
    }
  }

  /* ------------ StarBox - Benefits & Process ------------ */
  #process-header,
  #benefits-header {
    background-color: #121627;
  } 
  
  #process,
  #benefits {
    background-image: url('https://res.cloudinary.com/pinpointhq/image/upload/v1737642484/h4lzh9zhatcrwdldyjuq.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* ------------ StarBox - Life at ------------ */

   #life-at-culture {
     padding-top: 0;
     padding-bottom: 0;
   }

  /* ------------ StarBox - Testimonials ------------ */

  #blog,
  #testimonials-quote {
    padding-bottom: 40px;
    margin-bottom: 0;
    margin-top: -2px;
  }

  #role-overview {
    .careers-card-block__p a {
      color: var(--theme-highlight-color);
      text-decoration: underline;
    }
  }
}

/* ------------------------ Simmons Gainsford, PayAssist, Flexibooks ------------------------ */

/* ------------------------ Shared - Styles ------------------------ */

.theme-simmons-gainsford,
.theme-payassist,
.theme-flexibooks {
  
  /* ------------ Navigation ------------ */

  #custom-navigation {
    background-color: transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }

  /* ------------ Hero ------------ */
  #hero {
    background-position: top;
    padding-bottom: 0;

    .careers-hero-block__title {
      margin-top: 250px;
    }
  }

  /* ------------ Hero ------------ */

  #careers {
    a {
      color: var(--theme-highlight-color);
    }
  }

  /* ------------ Benefits ------------ */

  #benefits-header,
  #benefits {
    background-color: #fff !important;
    background: none;
  }
  
  #benefits {
    margin-bottom: 0;
    padding-bottom: 80px;

    .careers-card-block__content {
      background-color: var(--theme-highlight-color);
      border-radius: var(--radius-panels);
      padding: 1.9em;
      min-height: 320px; 
    }
    
    .careers-card-block__icon {
      filter: brightness(0) invert(1);
    }

    .careers-card-block__h3,
    .careers-card-block__p {
      color: #fff;
    }
  }
  
  /* ------------ Job Opportunities ------------ */
  
  #job-opportunities-header,
  #js-careers-jobs-block,
  #register-interest {
    background-color: #fff !important;
  }

  #js-careers-jobs-block {
    .rt-tr-group {
      background-color: #fff;
    }
  }

  .careers-block .careers-block__link {
    text-decoration: none;
  }

  /* ------------ Privacy Notice & Footer ------------ */
  
  #privacy-notice {
    padding-top: 50px;
    padding-bottom: 0;
    
    .careers-card-block__h3,
    a {
      color: var(--theme-highlight-color) !important;
    }
  }

  .external-footer {
    background-color: var(--theme-secondary-color);
    
    .external-footer__link {
      color: var(--color-body) !important;
  
      &:hover {
        color: var(--nav-hover-color) !important;
      }
  
      i {
        color: var(--color-body) !important;
      }
    }
  }  
}

/* ------------------------ Simmons Gainsford ------------------------ */

.theme-simmons-gainsford {

  /* ------------ Simmons Gainsford - Navigation ------------ */

  #custom-navigation {  
    .hide-sm-block {
      width: 187px;
    }
  
    .hide-at-sm-block {
      width: 160px;
    }
  }
  
  /* ------------ Simmons Gainsford - Intro ------------ */

  #careers {
    background-color: #fff !important;
    background: none;
    margin-bottom: 0;
    
    .careers-card-block__h3,
    .careers-card-block__p {
      color: var(--color-body);
    }
  }

  /* ------------ Simmons Gainsford - Benefits ------------ */

  #benefits-header {
    .careers-block__h2 {
      color: var(--color-body);
    }
  }
}

/* ------------------------ PayAssist ------------------------ */
.theme-payassist {

  /* ------------ PayAssist - Navigation ------------ */

  #custom-navigation {  
    .hide-sm-block {
      width: 187px;
    }
  
    .hide-at-sm-block {
      width: 160px;
    }
  }
  
  /* ------------ PayAssist - Intro ------------ */

  #careers {
    background-color: #fff !important;
    background: none;
    margin-bottom: 0;

    .careers-card-block__h3 {
      color: var(--theme-highlight-color);
    }
    
    .careers-card-block__p {
      color: var(--color-body);
    }
  }

  /* ------------ PayAssist - Testimonials ------------ */

  #team-testimonials-header {
    .careers-block__h2 {
      color: var(--theme-primary-color);
    }
  }
}

/* ------------------------ FlexiBooks ------------------------ */
.theme-flexibooks {

  /* ------------ FlexiBooks - Navigation ------------ */

  #custom-navigation {  
    .hide-sm-block {
      width: 241px;
    }
  
    .hide-at-sm-block {
      width: 150px;
    }
  }
  
  /* ------------ FlexiBooks - Intro ------------ */

  #careers {
    background-color: var(--theme-primary-color) !important;
    background: none;
    margin-bottom: 0;
  }

  /* ------------ FlexiBooks - Testimonials ------------ */

  #team-testimonials-header {
    .careers-block__h2 {
      color: var(--theme-primary-color);
    }
  }
}

/* ------------------------ Scrutton Bland ------------------------ */
.theme-scrutton-bland {
  
  /* ------------ Scrutton Bland - Navigation ------------ */

  #custom-navigation {
  
    .hide-sm-block {
      width: 241px;
    }
  
    .hide-at-sm-block {
      width: 241px;
    }
  }

  @media (max-width: 540px) {
    #custom-navigation {
      .careers-navigation-block__menu-section--center {
        background-color: var(--theme-primary-color);
      }
    }
  }

  /* ------------ Scrutton Bland - Join us ------------ */
  
  #join-us-header,
  #join-us-icons {
    background-color: var(--theme-primary-color);
  }

  #join-us-header {  
    padding-bottom: 60px;
    
    .careers-block__h2 {
      color: var(--theme-highlight-color);
    }
  }

  #join-us-icons {
    padding-bottom: 80px;
    margin-bottom: 0;

    .careers-card-block__p {
      color: #fff;
    }
  }

  /* ------------ Scrutton Bland - Life at ------------ */
  #life-at-header,
  #life-at-video {
    background-color: var(--theme-primary-color);
  }
  
  #life-at-header {    
    .careers-block__h2 {
      color: var(--theme-highlight-color);
    }
  }

  #life-at-video {
    margin-bottom: 0;
    padding-bottom: 80px;
  }

  /* ------------ Scrutton Bland - Benefits ------------ */
  #benefits-header {    
    .careers-block__h2 {
      color: var(--theme-primary-color);
    }
  }

  #benefits {
    padding-bottom: 80px;

    img {
      height: 80px;
    }
    
    .careers-card-block__p {
      color: var(--theme-primary-color);
    }
  }

  /* ------------ Scrutton Bland - Image ------------ */
  #image {
    min-height: 950px;
    background-position: top;
  }

  /* ------------ Scrutton Bland - Values ------------ */
  #values-header,
  #values {
    background-color: var(--theme-primary-color);
  }
  
  #values-header {
    .careers-block__h2 {
      color: var(--theme-highlight-color);
    }
  }

  /* ------------ Scrutton Bland - Testimonials ------------ */
  #team-testimonials-header,
  #testimonials-quote {
    background-color: #fff;
  }
  
  /* ------------ Scrutton Bland - Team ------------ */
  #team-header,
  #team,
  #comapny-infos {
    background-color: var(--theme-primary-color);

    .careers-block__h2 {
      color: var(--theme-highlight-color);
    }
    
    .careers-card-block__h3,
    .careers-card-block__p {
      color: #fff;
    }
  }

  #team {
    margin-bottom: 0;
  }

  /* ------------ Scrutton Bland - Company infos ------------ */
  #comapny-infos {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    padding: 25px 0 0px;

    .careers-cards-block__cards {
      justify-content: flex-start;
    }
    
    .careers-cards-block__card:nth-child(1) {
      width: 60%;
      .careers-card-block__h3 {
        margin-top: 5px;
        margin-bottom: 0;
      }
    }
    
    .careers-cards-block__card:nth-child(2),
    .careers-cards-block__card:nth-child(3),
    .careers-cards-block__card:nth-child(4),
    .careers-cards-block__card:nth-child(5),
    .careers-cards-block__card:nth-child(6) {
      width: 7%;
    }
    
    img {
      height: 30px;
      margin-bottom: 0;

    }
  }

  #privacy-notice,
  #logos {
    background-color: #012B45;
    padding: 40px;
  }

  #privacy-notice {
    .careers-block__trix {
      color: #fff;
    }
    
    a {
      color: #fff;
      text-decoration: none;
      font-size: var(--font-size-body);
    }
  }

  #logos {
    border-bottom: 1px solid rgba(255,255,255,.15);
    
    img {
      height: 60px;
      margin-bottom: 0;
    }
  }
}

#values-custom {
  background-image: url('https://res.cloudinary.com/infuse-group/image/upload/v1747733988/Sumer/4_x_borders_for_grunge_box.png');
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  padding-top: 90px;
  position: relative;
  
  > div > div > div > section:nth-child(1) {
    width: 100%;
    margin-bottom: 0;

    .careers-card-block__p {
      strong {
        color: transparent;
        position: relative;

        &:before {
          content: '';
          position: absolute;
          background-repeat: no-repeat;
          background-size: cover;
        }
      }

      strong:nth-of-type(1):before {
        background-image: url('https://res.cloudinary.com/infuse-group/image/upload/v1747733991/Sumer/Shine_Together-gradient-mic.png');
        width: 205px;
        height: 30px;
        top: -11px;
      }

      strong:nth-of-type(2):before  {
        background-image: url('https://res.cloudinary.com/infuse-group/image/upload/v1747733990/Sumer/Right_Thing-gradient-heart.png');
        width: 236px;
        height: 16px;
        top: 1px;
      }

      strong:nth-of-type(3):before  {
        background-image: url('https://res.cloudinary.com/infuse-group/image/upload/v1747733990/Sumer/Count-gradient-rocket.png');
        width: 190px;
        height: 23px;
        top: -4px;
      }
    }

    @media (min-width: 768px) {
      .col-sm-7-12 {
        padding-right: 0;
        width: 60%;
      }

      .col-sm-5-12 {
        padding-left: 0;
        width: 40%;
        display: flex;

        img {
          margin: auto;
        }
      }
    }
  }

  &:before {
    content: '';
    position: absolute;
    background-image: url('https://res.cloudinary.com/infuse-group/image/upload/v1747733989/Sumer/GS_1-section-breaks.png');
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    width: 100%;
    height: 50px;
  }

  &:after {
    content: '';
    position: absolute;
    background-image: url('https://res.cloudinary.com/infuse-group/image/upload/v1747733989/Sumer/GS_1-section-breaks.png');
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 14px;
    width: 100%;
    height: 50px;
  }

  .external-content-wrap {
    position: relative;

      &:before {
      content: '';
      position: absolute;
      background-image: url('https://res.cloudinary.com/infuse-group/image/upload/v1747733991/Sumer/Grunge_Sun.png');
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 15%;
      left: 0;
      width: 48%;
      height: 21%;

      @media (min-width: 768px) {
        width: 50%;
        height: 43%;
      }

      @media (min-width: 1024px) {
        width: 27%;
        height: 41%;
      }

      @media (min-width: 1280px) {
        width: 22%;
        height: 43%;
      }
    }
  }
}

.theme-sumer sidebar .pinpoint-job-sidebar--location {
  display: none;
}

.pinpoint-page--simmons-gainsford {
  #values-custom {
    section:nth-child(1) > section .careers-card-block__p strong:nth-of-type(1):before {
      width: 197px;
      height: 29px;
      top: -8px;
    }

    section:nth-child(1) > section .careers-card-block__p strong:nth-of-type(2):before {
      width: 227px;
      height: 15px;
      top: 6px;
    }

    section:nth-child(1) > section .careers-card-block__p strong:nth-of-type(3):before {
      width: 177px;
      height: 23px;
      top: 0;
    }
  }
}

/* Onboarding */
#onboarding-title-home .careers-hero-block__title{
  margin-left: -100px !important;
}