/* NODE IMAGE */
#node--careers-page .header-image .text-wrapper h1 { color: white; }
#node--careers-page .header-image .text-wrapper p { color: white; }

#node--careers-page .textblock{ position:relative;text-align:center;padding-bottom:50px;margin-bottom:50px; }
#node--careers-page .textblock:after{ display:block;content:"";position:absolute;bottom:8px;left:30%;right:30%;height:3px;background:#c7c2b9; }

#node--careers-page .textblock:nth-of-type(4){ padding-bottom:0; }
#node--careers-page .textblock:nth-of-type(4):after{ display:none; }

#node--careers-page .textblock:last-of-type{ padding-bottom:0; }
#node--careers-page .textblock:last-of-type:after{ display:none; }

#node--careers-page .textblock img{ margin-bottom:55px;max-width:100%;height:auto; }

/* #node--careers-page .video-row { white-space:nowrap; margin-left:-14px; margin-right:-14px; margin-top:40px; margin-bottom:20px; } */
#node--careers-page .video-row { margin: 40px -14px 20px; }
#node--careers-page .video-row:after { display:block; content:""; clear:both; }
#node--careers-page .video-row > .video-col { float:left; width: 100%; padding-left: 14px; padding-right: 14px; margin-bottom: 24px;}
#node--careers-page .video-row > .video-col > .video-wrapper { position:relative; width:100%; }
#node--careers-page .video-row > .video-col > .video-wrapper:before { display:block; content:""; padding-top: 56.25%; }
#node--careers-page .video-row > .video-col > .video-wrapper iframe { position:absolute; top:0; left:0; bottom:0; width:100% !important; height:100% !important; }

@media(min-width: 480px){
  #node--careers-page .video-row>.video-col{ float:left;width:50%;padding-left:14px;padding-right:14px; }
}

@media(min-width: 640px){
  #node--careers-page .video-row>.video-col{ float:left;width:33.333%;padding-left:14px;padding-right:14px; }
}

@media(min-width: 800px){
  #node--careers-page .video-row>.video-col{ float:left;width:25%;padding-left:14px;padding-right:14px; }
}



#node--careers-page .careers-contact        { padding-left: 120px; position:relative; min-height:190px; margin-bottom: 48px;}
#node--careers-page .careers-contact .image { width: 97px; height: 97px; position:absolute; top:0; left:0; }

@media(min-width: 540px){
    #node--careers-page .careers-contact .image { width: 170px; height: 170px; }
    #node--careers-page .careers-contact        { padding-left:200px; }
}


/* CAREERS PAGE - WHAT WE OFFER SECTION */


#node--careers-page .body3     { }
#node--careers-page .body3 div {
  margin-bottom: 3em;
}

#node--careers-page .body3--reg1,
#node--careers-page .body3--reg2,
#node--careers-page .body3--reg3,
#node--careers-page .body3--reg4,
#node--careers-page .body3--reg5 {
  display: none;
}

#node--careers-page .body3--reg1.active,
#node--careers-page .body3--reg2.active,
#node--careers-page .body3--reg3.active,
#node--careers-page .body3--reg4.active,
#node--careers-page .body3--reg5.active {
  display: block;
}


@media(max-width: 799px){


  .select--wrapper.mobile {
    display: block;
  }

  .select--wrapper.desktop {
    display: none;
  }

  #node--careers-page .body3 {
    position: relative;
    /* z-index: 1; */
  }

  #node--careers-page .select--wrapper.mobile {
    /* background-color: rgba(255, 0, 0, 0.25); */
    display: inline-block;
    margin-bottom: 3em;
    position: relative;
    /* z-index: 2; */
  }

  #node--careers-page .select--wrapper.mobile ul {
    color: #004182;
    cursor: pointer;
    display: block;
    font-weight: 400;
    padding: 7px 10px;
    text-transform: uppercase;
    min-width: 250px;
    /* width: 100%; */
  }

  #node--careers-page .select--wrapper.mobile .region.reg1,
  #node--careers-page .select--wrapper.mobile .region.reg2,
  #node--careers-page .select--wrapper.mobile .region.reg3,
  #node--careers-page .select--wrapper.mobile .region.reg4,
  #node--careers-page .select--wrapper.mobile .region.reg5 {
    display: none;
  }

  #node--careers-page .select--wrapper.mobile .region.reg1.active,
  #node--careers-page .select--wrapper.mobile .region.reg2.active,
  #node--careers-page .select--wrapper.mobile .region.reg3.active,
  #node--careers-page .select--wrapper.mobile .region.reg4.active,
  #node--careers-page .select--wrapper.mobile .region.reg5.active {
    display: block;
  }

  #node--careers-page .select--wrapper.mobile li {
    background: white;
    border: 1px solid #CCC;
    box-sizing: border-box;
    color: #004182;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    height: 42px;
    margin: 0;
    padding: 7px 50px 7px 10px;
    position: relative;
    /* text-align: center; */
    text-transform: uppercase;
    /* width: 100%; */
    z-index: 10;
  }

  #node--careers-page .select--wrapper.mobile ul::after {
    background: url('../images/pages/pr-page/down-btn.png') 0 0 no-repeat;
    content: "";
    display: block;
    height: 14px;
    margin-top: -7px;
    position: absolute;
    right: 10px;
    top: 21px;
    width: 30px;
    z-index: +100;
  }

  #node--careers-page .select--wrapper.mobile .select-region { /* ul#filter-content.region-select */
    background: white;
    border: 1px solid #CCC;
    box-sizing: border-box;
    display: none;
    font-size: 16px;
    left: -1px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    text-align: left;
    top: 14px;
  }

  #node--careers-page .select--wrapper.mobile .select-region    { list-style: none; padding:0; margin-bottom: 2em;}
  #node--careers-page .select--wrapper.mobile .select-region    { display: block; list-style: none; background-color: rgba(255, 0, 0, 0.25); margin-bottom: 2em; margin-top: 0; position:relative;  margin-left:0;}

}

@media(min-width: 800px){

  .select--wrapper.mobile {
    display:  none;
  }
  .select--wrapper.desktop {
    display:  block;
  }

  #node--careers-page .select--wrapper.desktop .select-region                       { list-style: none; display: flex; flex-wrap: nowrap; justify-content: center; padding:0; margin-bottom: 2em;}
  #node--careers-page .select--wrapper.desktop .select-region li                    { display: block; width: 19.2%;  cursor: pointer; opacity: .65; background-size: contain; background-repeat: no-repeat; margin-right: 1%;}
  #node--careers-page .select--wrapper.desktop .select-region li:last-child         { margin-right: 0; }
  #node--careers-page .select--wrapper.desktop .select-region li .ratio             { display: block; width: 100%; padding-top: 42.7350427%; position: relative;}
  #node--careers-page .select--wrapper.desktop .select-region li .ratio span        { display: flex; position:absolute; left:0; top:0; right:0; bottom:0; justify-content:center;align-items: center;text-transform: uppercase; color: #777; background-color: rgba(0, 0, 0, 0.03); }
  #node--careers-page .select--wrapper.desktop .select-region li.active             { opacity: 1; }
  #node--careers-page .select--wrapper.desktop .select-region li.active .ratio span { color: #004182; }

}






#node--careers-page .careers-contact .text { text-align:left; color:#004182; }
#node--careers-page .careers-contact .text .name { text-transform:uppercase; }
#node--careers-page .careers-contact .text .job-title { }
#node--careers-page .careers-contact .text .quote { margin-top:20px; }
#node--careers-page .careers-contact .text .linkedin { margin-top:20px; }
#node--careers-page .careers-contact .text .call-to-action { margin-top:20px; margin-bottom:20px;}
.pageId #node--careers-page .careers-contact .text .contact-button-wrapper button { width: 100%; max-width: 300px; }

#modal #careers_contact_form h2{ font-size:30px;margin-bottom:50px; }
#modal #careers_contact_form .contact{ position:relative;min-height:85px;padding-left:120px;margin-bottom:45px;padding-top:15px;font-size:18px;color:#666; }
#modal #careers_contact_form .contact .image{ position:absolute;top:0;left:0; }
#modal #careers_contact_form img{ width:85px;height:auto;}
#modal #careers_contact_form .contact .name{ text-transform:uppercase; }

#modal #careers_contact_form input[type=radio]{ display:none; }
#modal #careers_contact_form input[type=radio]+label{ text-transform:uppercase;background:white;border:1px solid #004182;border-radius:5px;font-size:14px;font-weight:300;color:#004182;padding:10px;margin-bottom:10px;margin-right:10px; }
#modal #careers_contact_form input[type=radio]:checked+label{ background:#004182;color:white; }
#modal #careers_contact_form input[type=text],
#modal #careers_contact_form input[type=email],
#modal #careers_contact_form textarea{ width:100%;border:1px solid #004182;border-radius:5px;font-size:14px;color:#004182;padding:10px;margin-bottom:10px; }
#modal #careers_contact_form textarea{ resize:none;height:240px; }
#modal #careers_contact_form input::placeholder{ color:#004182 !important;text-transform:uppercase; }
#modal #careers_contact_form button{ width:auto;padding-left:35px;padding-right:35px; }
#modal #careers_contact_form .footnote{ margin-top:60px; }

#modal #careers_contact_form .error-message{ margin-top:30px;margin-bottom:30px;color:red;font-weight:400; }
#modal #careers_contact_form .error-message h1,
#modal #careers_contact_form .error-message h2,
#modal #careers_contact_form .error-message h3{ text-align:left;color:red;margin-bottom:10px; }
#modal #careers_contact_form .error-message p{ text-align:left;color:red; }
#modal #careers_contact_form .invalid input[type=radio],
#modal #careers_contact_form .invalid input[type=text],
#modal #careers_contact_form .invalid input[type=email],
#modal #careers_contact_form .invalid textarea{ border-color:red; }