/* Was the inline <style> in careers.html. */
.positions .career-card { border: 1px solid #e8e8e8; background: #fff; }
.positions .career-card a { text-decoration: none; display: block; }
.careers-banner .container, .careers-positions .container { max-width: 1240px; }
.networks { margin-top: 40px; text-align: center; }
.networks .our-networks .subtitle { font-size: 18px; color: #2b2b2b; margin-bottom: 18px; }
.networks .share-network { display: inline-flex; flex-direction: row; align-items: center; gap: 12px; text-decoration: none; }
.networks .share-network .subtitle { font-size: 13px; margin: 0; white-space: nowrap; }
.networks .share-network img { width: 22px; height: 22px; object-fit: contain; }
.networks .share-networks-row { row-gap: 24px; }
.positions .role-banner { padding: 90px 40px; }
.positions .role-banner .banner-content { align-items: center; text-align: center; margin: auto; max-width: 760px; }
.positions .role-banner .banner-content .title { font-family: "Cabinet Grotesk"; font-weight: 500; display: block; }
.positions .role-banner .banner-content .email, .positions .role-banner .banner-content a.green { color: #67be83; font-size: 20px; margin-top: 12px; text-decoration: none; }
@media (max-width: 767px) {
  .careers-banner > .container,
  .careers-positions > .container {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
  .careers-banner img { display: none; }
  .careers-banner { padding-bottom: 0; }
}