/* Career Page Styling __________________
________________________________________*/
@layer legacy {
  .P--Careers--Stream .SiteContent {
    background: url("/Content/images/career-bg.jpg") no-repeat;
    background-position: top -200px right 500px;
    background-size: cover; }
  .btn-apply {
    display: block;
    width: 100%;
    max-width: 270px;
    text-align: center;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background: #71aeec;
    color: #ffffff;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .btn-apply:hover {
      background: #0e233e; }
  .banner-career {
    width: 100%;
    background: url("/Content/images/banner/banner-career.jpg") center/cover no-repeat;
    display: -ms-grid;
    display: grid;
    place-content: center; }
    .banner-career .inner-content {
      text-align: center;
      color: #ffffff;
      padding: 60px 20px;
      width: 100%;
      max-width: 1400px; }
      .banner-career .inner-content h1 {
        margin: 0;
        font-size: 49px;
        color: #ffab08;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.06em; }
        .banner-career .inner-content h1 span {
          display: block;
          font-size: 0.55em;
          color: #ffffff; }
        @media screen and (max-width: 640px) {
          .banner-career .inner-content h1 {
            font-size: 32px !important; } }
      .banner-career .inner-content p {
        font-size: 14px;
        line-height: 1.8;
        margin: 20px 0;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 1000px) {
          .banner-career .inner-content p {
            line-height: 1.5; } }
        @media screen and (max-width: 480px) {
          .banner-career .inner-content p {
            line-height: 1.3; } }
      .banner-career .inner-content .btn-apply {
        margin: 0 auto; }
  .jobs-section .inner-content {
    padding: 0 0 50px; }
    .jobs-section .inner-content h2 {
      text-align: center;
      font-size: 26px;
      font-weight: 900;
      color: #0e233e;
      text-transform: uppercase; }
      @media screen and (max-width: 640px) {
        .jobs-section .inner-content h2 {
          font-size: 20px !important; } }
    .jobs-section .inner-content p.italic {
      font-style: italic;
      color: #636363; }
  .SiteContent .SiteMain .jobs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px -10px 15px; }
    .SiteContent .SiteMain .jobs-list .job {
      width: calc(100% / 3 - 20px);
      border-radius: 6px;
      margin: 0 10px 20px;
      background: #ffffff;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      padding: 40px 20px 30px;
      text-align: center;
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media screen and (max-width: 1280px) {
        .SiteContent .SiteMain .jobs-list .job {
          width: calc(100% / 2 - 20px); } }
      @media screen and (max-width: 740px) {
        .SiteContent .SiteMain .jobs-list .job {
          width: calc(100% - 20px);
          padding: 20px 15px 30px; } }
      .SiteContent .SiteMain .jobs-list .job img {
        display: block;
        max-width: 100%;
        margin: 0 auto 30px; }
        @media screen and (max-width: 740px) {
          .SiteContent .SiteMain .jobs-list .job img {
            max-width: 80%; } }
      .SiteContent .SiteMain .jobs-list .job h2 {
        font-size: 20px;
        font-weight: 900;
        color: #0e233e;
        text-transform: uppercase;
        padding: 0;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 1500px) {
          .SiteContent .SiteMain .jobs-list .job h2 {
            font-size: 18px; } }
        @media screen and (max-width: 1000px) {
          .SiteContent .SiteMain .jobs-list .job h2 {
            font-size: 16px; } }
      .SiteContent .SiteMain .jobs-list .job p {
        margin: 15px auto;
        padding: 0;
        font-size: 14px;
        color: #1c1c1c;
        line-height: 1.7; }
        @media screen and (max-width: 1000px) {
          .SiteContent .SiteMain .jobs-list .job p {
            line-height: 1.3; } }
      .SiteContent .SiteMain .jobs-list .job span.job-link {
        display: block;
        color: #0e233e;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 0.05em;
        text-decoration: underline;
        text-underline-position: under;
        -webkit-text-decoration-color: #bebebe;
        text-decoration-color: #bebebe;
        text-decoration-thickness: 1.5px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        @media screen and (max-width: 1000px) {
          .SiteContent .SiteMain .jobs-list .job span.job-link {
            font-size: 15px; } }
      .SiteContent .SiteMain .jobs-list .job:hover {
        -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); }
        .SiteContent .SiteMain .jobs-list .job:hover span.job-link {
          color: #003578;
          -webkit-text-decoration-color: #0e233e;
          text-decoration-color: #0e233e; }
  /* Job Entry Pages __________________
	___________________________________*/
  .job-entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .job-entry .left-content {
      width: 65%;
      padding: 50px 60px; }
      @media screen and (max-width: 1250px) {
        .job-entry .left-content {
          padding: 50px; } }
      @media screen and (max-width: 640px) {
        .job-entry .left-content {
          padding: 50px 30px; } }
      .job-entry .left-content .back-button {
        display: block;
        position: relative;
        font-size: 15px;
        font-weight: 600;
        color: #979797;
        text-transform: uppercase;
        margin: 10px 0 20px;
        letter-spacing: 0.06em;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .job-entry .left-content .back-button::before {
          content: "<";
          display: inline-block;
          margin-right: 5px; }
        .job-entry .left-content .back-button:hover {
          color: #0e233e;
          text-decoration: underline;
          text-underline-position: under; }
      .job-entry .left-content .job-description-box {
        position: relative;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 30px 0 50px;
        padding: 35px 0;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        border-radius: 6px; }
        .job-entry .left-content .job-description-box img.icon-bonus {
          display: inline-block;
          position: absolute;
          top: 10px;
          right: 10px;
          max-width: 100%;
          height: auto; }
        .job-entry .left-content .job-description-box .image-wrap {
          width: 20%;
          -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center; }
          .job-entry .left-content .job-description-box .image-wrap img {
            display: block;
            max-width: 100%;
            margin: auto;
            padding: 0 10px; }
          @media screen and (max-width: 1320px) and (min-width: 1251px) {
            .job-entry .left-content .job-description-box .image-wrap {
              width: 100%; }
              .job-entry .left-content .job-description-box .image-wrap img {
                margin-left: 25px;
                margin-bottom: 25px;
                padding: 0; } }
          @media screen and (max-width: 876px) {
            .job-entry .left-content .job-description-box .image-wrap {
              width: 100%; }
              .job-entry .left-content .job-description-box .image-wrap img {
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 25px;
                padding: 0; } }
          @media screen and (max-width: 640px) {
            .job-entry .left-content .job-description-box .image-wrap img {
              max-width: 40%; } }
        .job-entry .left-content .job-description-box .content-wrap {
          width: 80%;
          padding: 0 25px; }
          @media screen and (max-width: 1320px) and (min-width: 1251px) {
            .job-entry .left-content .job-description-box .content-wrap {
              width: 100%; } }
          @media screen and (max-width: 876px) {
            .job-entry .left-content .job-description-box .content-wrap {
              width: 100%; } }
          .job-entry .left-content .job-description-box .content-wrap h1 {
            font-size: 1.19vw;
            font-size: clamp(20px, 1.19vw, 23px);
            font-weight: 900;
            color: #0e233e;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin: 0;
            padding-right: 75px; }
            @media screen and (max-width: 876px) {
              .job-entry .left-content .job-description-box .content-wrap h1 {
                padding-right: 0;
                font-size: 22px; } }
          .job-entry .left-content .job-description-box .content-wrap .row {
            margin-top: 12px; }
            .job-entry .left-content .job-description-box .content-wrap .row p {
              font-size: 17px;
              line-height: 1.4;
              font-weight: 600;
              color: #0e233e;
              letter-spacing: 0.05em; }
              .job-entry .left-content .job-description-box .content-wrap .row p span {
                font-size: 18px;
                font-weight: 900;
                color: #7ba0c4;
                text-transform: uppercase;
                margin-right: 10px; }
              @media screen and (max-width: 1280px) {
                .job-entry .left-content .job-description-box .content-wrap .row p {
                  font-size: 16px; }
                  .job-entry .left-content .job-description-box .content-wrap .row p span {
                    font-size: 17px; } }
      .job-entry .left-content .full-description {
        margin: 10px auto; }
        .job-entry .left-content .full-description h2.sub-headline {
          font-size: 23px;
          font-weight: 900;
          color: #0e233e;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          margin-bottom: 15px; }
        .job-entry .left-content .full-description h3 {
          font-size: 20px;
          font-weight: 900;
          color: #7ba0c4;
          letter-spacing: 0.05em; }
        .job-entry .left-content .full-description h4 {
          color: #1c1c1c;
          font-size: 16px;
          font-weight: bold;
          letter-spacing: 0.05em;
          margin-top: 15px; }
        .job-entry .left-content .full-description p {
          font-size: 14px;
          line-height: 1.6;
          margin-bottom: 15px;
          letter-spacing: 0.05em; }
        .job-entry .left-content .full-description .btn-apply {
          margin: 15px 0 30px; }
        .job-entry .left-content .full-description ul {
          list-style: initial;
          margin-top: 10px;
          margin-bottom: 10px;
          margin-left: 10px; }
          .job-entry .left-content .full-description ul li {
            font-size: 14px;
            margin-bottom: 5px;
            line-height: 1.5;
            font-weight: normal;
            letter-spacing: 0.05em; }
            .job-entry .left-content .full-description ul li strong {
              font-size: 15px;
              font-weight: bold; }
      .job-entry .left-content .col-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 20px 0; }
        .job-entry .left-content .col-2 > * {
          width: calc(100% / 2); }
          .job-entry .left-content .col-2 > *:first-of-type {
            padding-right: 20px; }
          @media screen and (max-width: 1000px) {
            .job-entry .left-content .col-2 > * {
              width: 100%; }
              .job-entry .left-content .col-2 > *:first-of-type {
                padding-right: 0; } }
    .job-entry .right-image {
      position: relative;
      width: 35%;
      background: url("/Content/images/career/carrerEntry-contentImage.jpg") center bottom/cover no-repeat; }
      .job-entry .right-image img {
        display: block;
        max-width: 100%;
        height: auto;
        position: absolute;
        left: 50%;
        top: 58%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    @media screen and (max-width: 1250px) {
      .job-entry .left-content,
      .job-entry .right-image {
        width: 100%; }
      .job-entry .right-image {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1; } } }