/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Trade Gothic Next, Helvetica, sans-serif;
  letter-spacing: normal;
  line-height: normal;
  font-weight: 600;
}

p {
  font-family: Trade Gothic Next, Helvetica, sans-serif;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 300;
}

li {
  font-family: Trade Gothic Next, Helvetica, sans-serif;
  letter-spacing: normal;
  line-height: normal;
}


a, a:visited {
  color: #009d4f; 
  text-decoration: underline
}

a:hover {
  text-decoration: none;
}

body {
  font-family: Trade Gothic Next, Helvetica, sans-serif;
  letter-spacing: normal;
  line-height: normal;
}

.test-height {
  height: 350px;
}

@media (min-width: 1200px) {
  h1 {
      font-size: 45px;
  }

  h2 {
      font-size: 40px;
  }

  h3 {
      font-size: 24px;
  }
}

/* Navigation */

img.logo {
  width: 300px;
}

.block-image-cover  {
  left: 20%;
  
}

.navbar {
  padding: 30px 0;
}

.nav-link {
  text-transform: uppercase;  
  font-weight: 600;
}

.navbar a,
.navbar a:hover,
.navbar a:focus,
.navbar a:visited,
.navbar a:active {
  font-size: 14px;
  font-family: Trade Gothic Next, Helvetica, sans-serif;
  letter-spacing: .3px;
  font-weight: 600;
  color: #ffffff;
}

.navbar .dropdown-toggle::after {
  border: none!important;
  font: var(--fa-font-solid);
  content: "\f107";
  vertical-align: 0; /* to center vertically */
}

.navbar-nav .dropdown-toggle.show::after {
  font: var(--fa-font-solid);
  content: "\f106"!important /* the different icon */
}
.navbar-rebrand,
.navbar-rebrand .dropdown-menu {
    background-color: #000;
}
.navbar-rebrand a.dropdown-item:hover {
    text-decoration: underline;
    color: #000;
}
/* Buttons */

.btn-primary,
.btn-primary span, 
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:visited,
.btn-primary:active {
  border: 0px;
  background: #39b54a;
  color: #ffffff;
}
/* call to action - btn-primary - disabled state */
.call-to-action-form .btn.btn-primary[disabled],
.call-to-action-form .btn.btn-primary[disabled] span,
.call-to-action-form .btn.btn-primary[disabled]:hover,
.call-to-action-form .btn.btn-primary[disabled]:focus,
.call-to-action-form .btn.btn-primary[disabled]:visited,
.call-to-action-form .btn.btn-primary[disabled]:active {
    border: 0px;
    background: #39b54a;
    color: #ffffff;
}
a.button.button1,
a.button.button1:hover,
a.button.button1:active,
a.button.button1:focus,
a.button.button1:visited {
  border: 0px;
  background: #39b54a;
  color: #ffffff;
}

a.button.button2,
a.button.button2:hover,
a.button.button2:active,
a.button.button2:focus,
a.button.button2:visited {
  border: 0px;
  background: #fff;
  color: #39b54a;
}

a.button.button3,
a.button.button3:hover,
a.button.button3:active,
a.button.button3:focus,
a.button.button3:visited {
  border: 0px;
  background: #000000;
  color: #fff;
}

a.button.button4,
a.button.button4:hover,
a.button.button4:active,
a.button.button4:focus,
a.button.button4:visited {
  border: 0px;
  background: transparent;
  color: #fff;
}

.input-group input, 
.input-group-btn button {
  height: 45px;
}

.job-description-controls .btn, 
.job-description-controls .btn:hover,
.job-description-controls .btn:focus,
.job-description-controls .btn:active,
.job-description-controls .btn:visited {
  font-family: Trade Gothic Next, Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: .3px;
  font-size: 14px;
  color: #fff;
  background: #39b54a; 
  border: 1px solid #39b54a;
}

.block-job-description .job-description-controls .btn {
  padding: 10px 10px !important;
}

@media (min-width: 765px) {
  a.button, .btn {
    font-family: Trade Gothic Next, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: .3px;
    font-size: 14px;
  }
}

/* Job Search Page */

.badge {
  background-color: #39b54a;
}

.block-job-search-results .job-search-filter-groups li {
  margin-bottom: 5px;
}

td.job-search-results-title a,
td.job-search-results-title a:focus,
td.job-search-results-title a:active,
td.job-search-results-title a:visited {
  font-size: 16px;
  color: #39b54a;
  font-weight: 600;
}

td.job-search-results-title a:hover {
  
}

td.job-search-results-title {
  width: 30em;
}

.block-job-search-results .job-search-results .job-search-results-employment-type,
.block-job-search-results .job-search-results .job-search-results-location,
.block-job-search-results .job-search-results .job-search-results-department,
.block-job-search-results .job-search-results .job-search-results-category {
  width: 12em;
}

/* Job description page */

.sidebar {
  background: transparent;
  padding: 1em;
  border: 1px solid rgba(0,0,0,.1);
  border-top: 3px solid #39b54a;
  border-radius: 3px;
  margin-bottom: 30px;
}

.block-jobs h3 {
  font-size: 18px;
}

.jobs-list a, 
.jobs-list a:visited,
.jobs-list a:focus,
.jobs-list a:active,
.jobs-list a:hover {
    color: #39b54a;
}

@media (min-width: 1200px) {
  .sidebar h2 {
    font-size: 24px;
  }
}

/* Perks */

.perks h3 {
  font-size: 18px;
  font-weight: 500;
}

/* Footer */
.footer-logo {
  width: 225px;
}
.bg-dark {
  color: #000000;
}

footer a,
footer a:visited,
 a:focus,
footer a:hover,
footer a:active {
  color: #fff;
  font-size: 13px;
}

footer h2,
footer h3,
footer h4,
footer p, 
footer li {
  color: #ffffff;
}

footer p {
  font-size: 13px;
  font-weight: 500;
}

footer hr {
  color: #fff;
}

footer .list-inline {
  margin-bottom: 0;
}

.list-inline-item:not(:last-child) {
  margin-right: 0;
}

@media only screen and (max-width: 765px) {
  .legal {
    text-align: center;
  }
}

/* Video Header */

/* Homepage Header Video Styles */
.header-video-container header {
    position: relative;
    background-color: black;
    height: 55vh;
    min-height: 15rem;
    width: 100%;
    overflow: hidden;
}
.header-video-container header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.4;
    z-index: 1;
}
.header-video-container header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.header-video-container .container {
    position: relative;
    z-index: 2;
}
.header-video-container .video-text-block {
    width: 100%;
    margin: 0 auto;
}

.no-gutters .container-fluid {
    padding: 0;
}

/* Begin horizontal scrollbar fix - video container */

.header-video-container .row {
    margin-right: 0;
}
.header-video-container .row .col-md-12 {
    padding-right: 0;
}
.header-video-container .video-text-block h1 {
  color: #fff;
  font-weight: 900;
  text-shadow: 0px 0px 12px rgb(0 0 0 / 50%);
}

/*Align Self */
.center-align .col-md-6 {
  align-self: center!important;
  padding: 0;
}

.padding-15 {
  padding: 15px;
}

@media (min-width: 767px) {
  .height-image-500 .block-image-cover {
    height: 500px;
  }
}

/* Carousel */
@media (max-width: 767px) {
    .carousel-inner .carousel-item>div {
        display: none;
    }

    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

.carousel-inner {
    padding: 0 80px;
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
/* @media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }
    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
} */

.carousel-control-prev {
    /* left: -120px; */
    justify-content: flex-start;
    width: auto;
}

.carousel-control-next {
    /* right: -120px; */
    justify-content: flex-end;
    width: auto;
}
/* Container width text */

.container-width-text .block-image-text {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container-width-text .block-image-text {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-width-text .block-image-text {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-width-text .block-image-text {
    width: 1170px;
  }
}

/* Replace Department with Clearance */
th.job-search-results-department {
  visibility: hidden;
  position: relative;
}

th.job-search-results-department:after {
  visibility: visible;
  position: absolute;
  left: 15px;
  content: "Clearance";
}

h4.job-search-filter-header.departments {
  visibility: hidden;
  position: relative;
}

h4.job-search-filter-header.departments:after {
  visibility: visible;
  position: absolute;
  left: 0;
  content: "Clearance";
}

/* psuedo ::before label for: job requisition ID #s */
.job-component-requisition-identifier span[id^="requisition_identifier_"]::before {
    content: 'Job ID: ';
}
/* psuedo ::before label for: clearance required  REMOVED AS IT APPLIES TO iCIMS JOBS
.job-component-department span[id^="department_"]::before {
    content: 'Clearance Required: '
}  */
/* psuedo ::before label for: telecommute */
.job-component-dropdown-field-1 span[id^="dropdown_field_1"]::before {
    content: 'Telecommute: '
}
/* psuedo ::before label for: position type*/
.job-component-dropdown-field-2 span[id^="dropdown_field_2"]::before {
    content: 'Position Type: '
}
/* SEARCH FILTERS - ALWAYS DISPLAY SCROLL BAR */
.job-search-filter-groups .slimScrollBar {
  height: 35px;
}
.job-search-filter-groups .slimScrollBar,
.job-search-filter-groups .slimScrollRail {
    display: inline-block !important;
}

/* Targetting ICIMS job descriptions */
h4.job-description-responsibilities {
  visibility: hidden;
  position: relative;
}
h4.job-description-responsibilities:after {
  visibility: visible;
  position: absolute;
  left: 0;
  content: "Minimum Requirements";
}

h4.job-description-qualifications {
  visibility: hidden;
  position: relative;
}
h4.job-description-qualifications:after {
  visibility: visible;
  position: absolute;
  left: 0;
  content: "Preferred Qualifications";
}
/* job description h1 header size */
.job-description h1 {
  font-size: 20px;
}
// JOB SEARCH PAGE OVERFLOW FIX - CITIES FILTER TAKING UP MASSIVE WHITE SPACE DUE TO QUANTITY OF CITIES
.job-search-results ul.list-unstyled.job-search-list-items.cities {
    position: relative;
}
/* JOB DESCRIPTION BOLD TEXT FIX  */
.job-description b,
.job-description strong {
  font-weight: 900 !important;
}

/* CTA CHECK BOX - 3 COL LAYOUT */
.block-call-to-action .call-to-action-form.candidate-form form.form-template {
    max-width: 600px;
}
.form-template-field-check-box-set.form-group.where-do-you-want-to-work {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 3rem;
}
.form-template-field-check-box-set.form-group.where-do-you-want-to-work::before {
    display: inline-block;
    content: 'Where do you want to work?';
    position: absolute;
    visibility: visible;
    margin-top: -30px;
}
label.form-template-field-label.where-do-you-want-to-work {
    display: none;
}
@media (max-width: 475px) {
  .form-template-field-check-box-set.form-group.where-do-you-want-to-work .check-box-inline label {
      font-size: 14px;
  }
}
/* remove horizontal scroll */
.page-row .container-fluid .block-image, 
.page-row .container-sm .block-image, 
.page-row .container-md .block-image, 
.page-row .container-lg .block-image, 
.page-row .container-xl .block-image, 
.page-row .container-xxl .block-image {
    margin-left: 0;
    margin-right: 0;
}