/* @font-face{
  font-family:'gothamlight-webfont';src:url(/learn/assets/gothamlight-webfont-cc597e14eab2183113820b3ec34894dad86cd0f1e2d8b2c743956423f76286e7.eot);
  src:url(/learn/assets/gothamlight-webfont-cc597e14eab2183113820b3ec34894dad86cd0f1e2d8b2c743956423f76286e7.eot) 
  format("embedded-opentype"),
  url(/learn/assets/gothamlight-webfont-1e58d14fd9d036e1c8f84b6b38790a2b4165ba44c8098a1d9110b47c66b93892.woff) 
  format("woff"),
  url(/learn/assets/gothamlight-webfont-25a96ebe7bc90a27038347d3060d79e334fa7237f53f4fc58b5d45fd57715c4e.ttf) 
  format("truetype"),
  url(/learn/assets/gothamlight-webfont-1a6b67d0eb1eb1d9f4b5c3b9938b7ebd7aa8d20fd8bd36aec65b64f0e22b43a0.svg#gothamlight-webfont) format("svg");
  font-display:swap
}
  
  @font-face{
    font-family:'gothammedium-webfont';
    src:url(/learn/assets/gothammedium-webfont-30785fc8d073a8054ed315a66acaaba82a9655c4064bc8c70de4da4140e3d2e0.eot);
    src:url(/learn/assets/gothammedium-webfont-30785fc8d073a8054ed315a66acaaba82a9655c4064bc8c70de4da4140e3d2e0.eot) format("embedded-opentype"),
    url(/learn/assets/gothammedium-webfont-7494058a70f9b27b011263fdb73317ac7144b162dabde42107f327e76b43593e.woff) format("woff"),
    url(/learn/assets/gothammedium-webfont-58c468f64ccc7ffb3a8359aee8e975f5d907379d47e570ca45a6eeed3ba08b5d.ttf) format("truetype"),
    url(/learn/assets/gothammedium-webfont-e32a32e4b8c5f785c530f15b4fc6f41df1e6a58675059ab7cb88bc95534f6e33.svg#gothammedium-webfont) format("svg");
    font-display:swap
  }
  @font-face{
    font-family:'gothambook-webfont';
    src:url(/learn/assets/gothambook-webfont-f0c882ca7005986ce6e241fafcc53c44cf4434fb17476fc24c6927d9893e1ba6.eot);
    src:url(/learn/assets/gothambook-webfont-f0c882ca7005986ce6e241fafcc53c44cf4434fb17476fc24c6927d9893e1ba6.eot) format("embedded-opentype"),url(/learn/assets/gothambook-webfont-19e62beb8c1998a0616753e14e792d85afb36194cd984403305d54263dc1ff78.woff) format("woff"),url(/learn/assets/gothambook-webfont-dc1e50a15db26e0ba35f77fcd9205016b31828e925f9c055b47df78c5532bf10.ttf) format("truetype"),url(/learn/assets/gothambook-webfont-606a5f6c9cd9c44ff8d46ddf1f2222919c4ccf36f8b1876c013f0487d3002d32.svg#gothambook-webfont) format("svg");font-display:swap}
  @font-face{font-family:'gothambold-webfont';
      src:url(/learn/assets/gothambold-webfont-4947f249a2c3942321be53b49d14b87f901c8c6aa9da2e195a2da33dffa5fea0.eot);src:url(/learn/assets/gothambold-webfont-4947f249a2c3942321be53b49d14b87f901c8c6aa9da2e195a2da33dffa5fea0.eot) format("embedded-opentype"),url(/learn/assets/gothambold-webfont-20ab324e70aea1548889743615de3b7bf654711dc607fde8c792aa8bb86d2a78.woff) format("woff"),url(/learn/assets/gothambold-webfont-9bd277eb7e425191a3c966c3cf72ac157bb8231e99737b7a48e3cd9d2d4ed7cb.ttf) format("truetype"),url(/learn/assets/gothambold-webfont-906cb94be006e6b31d339e84bb747e924595ca784e594a98bbcee082706eb12c.svg#gothambold-webfont) format("svg");font-display:swap} */
.job-container {
    /* display: flex;
    flex-wrap: wrap; */
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    font-size: 30px;
    text-align: left;
    max-width: 1024px;
  }

  div.three-col {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  div.two-col {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  div.one-col {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .job-container .job-content {
    width: calc(100% - 150px);
  }
  
  .job-container .job-item {
    flex: 1 0 33%; 
    /*border-bottom: none;*/
    /* padding-bottom: 30px; */
    padding-right: 30px;
    padding-top: 30px;
    /* max-width: 430px;
    max-height: 400px; */
    overflow: hidden;
  }

  .job-item h2 {
    font-size: 16px;
    font-family: proxima_novaregular;
    color: #333;
    margin:0 !important;
    font-weight: 700;
    line-height: 24px;

  }
  
  .job-item .job-logo {
      margin-right: 30px;
      width: 120px;
      height: 60px;
      background-color: rgba(33,33,33,.03);
  }
  .job-item img {
      height: auto;
      max-width: 100%;
  }
  .job-item .job-company, .job-item .job-location, .job-item .job-duration, .job-item .job-level, .job-item .job-category {
      line-height: 15px;
      display: flex;
      font-size: 13px;
      font-family: proxima_novaregular;
      color: #666;
      margin-bottom:15px;
  }
  
  .job-item .job-title {
      margin-bottom: 20px;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden !important;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
  }
   /* .job-description {
      font-size: 13px;
      font-family: proxima_novaregular;
      color: #333;
      display: -webkit-inline-box;
      margin-top: 10px;
      margin-bottom: 40px;
     
      /*border-top: 1px solid #ccc;*/
      /* overflow: hidden; */
      /*max-height: 70px;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      -webkit-line-clamp: 5;*/
  /*} */
  .job-item .job-title a {
      line-height:24px;
  }
  .job-item .fa {
      position: relative;
      padding-right: 20px;
      width: 10px;
      text-align: center;
  }
  
  /* Responsive layout - makes a one column-layout instead of two-column layout */
  @media (max-width: 640px) {
    .job-container {
        grid-template-columns: repeat(1, 1fr) !important;
    } 
    .job-item .job-item {
      flex: 100%;
    }
  }
  @media (min-width: 641px) and (max-width: 960px) {
    .job-container {
        grid-template-columns: repeat(2, 1fr) !important;
    } 
    .job-item .job-item {
      flex: 50%;
    }
  }
  @media (min-width: 961px) {
    .job-item .job-item {
      flex: 30.3%;
      max-width: 320px;
    }
  }

  @media (min-width: 961px) {
    .job-item .job-item {
      flex: 30.3%;
      max-width: 320px;
    }
  }
  @media (min-width: 641px) and (max-width: 768px) {
    .company-logo {
        margin-top:0px !important;
    } 
    .job-board-page .jobs-listings .job-link {
        padding-top:0px !important;
    }
  }

.job-board-page .jobs-listings .job-link:hover {
    background: #F3F3F4;
}
.job-board-page .jobs-listings .job-link {
  border-bottom: 1px solid #EEEEEE;
  /*cursor: pointer;*/
  min-height: 100%;
  position: relative;
  padding: 10px;
  margin-bottom: 30px;
}
.job-board-page .jobs-listings .job-link .job-info-container {
  margin: 10px 0;
    text-align: left;
}
.job-board-page .jobs-listings .job-link .job-info-container .title {
  font-family: "gothammedium-webfont", Helvetica, sans-serif;
  font-size: 16px;
  color: #2c2b2d;
  display: inline;
  margin: 0 0 10px;
}
.job-board-page .jobs-listings .job-link .job-info-container .location {
  color: #2c2b2d;
  font-family: "gothamlight-webfont", Helvetica, sans-serif;
  font-size: 14px;
}

.job-board-page .jobs-listings .job-link .job-info-container .job-description {
  color: #000;
  font-family: "gothamlight-webfont", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.job-board-page .jobs-listings .job-link .job-company-logo .company-logo {
  margin-top: 10px;
  opacity: 0.8;
  font-size: 12px;
  overflow: hidden;
  /* background-color: #efefefef; */
  color: #222;
  /* border-radius: 10px;
  padding: 11px 5px; */
  text-align: center;
  width: 100%;
  max-width: 150px;
  display: inline-block;
  height: 100%; 
}
.jobs-listings .title {
  font-weight: 500;
  line-height: 1.1;
}
.jobs-listings a:visited, .jobs-listings a:focus, .jobs-listings a:link {
  text-decoration: none;
}
.jobs-listings .fa {
  padding-right:5px;
  margin-top: 4.5px;
}
.jobs-listings .p {
  font-family: "gothamlight-webfont", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
}
.jobs-listings .job-duration, .jobs-listings .job-level, .jobs-listings .job-category {
  font-family: "gothamlight-webfont", Helvetica, sans-serif;
  padding-right: 10px;
  font-size: 14px;
  color: #333333;
  display: inline-flex;
}
.jobs-listings-container {
  padding-left: 0px !important;
}
.jobs-listings .extra-info {
  margin-top:2px;
  margin-bottom: 10px;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}