/* Desktop */

/* Hero Text */
.hero-with-highlights h1.hero-h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.75em;
    font-weight: 500;
    text-transform: none;
    padding-bottom: 0;
    line-height: 1.2;
}

.hero-with-highlights .hero-h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4rem;
    line-height: 4.25rem;
    padding-bottom: 10px;
    font-family: 'Roboto Condensed', sans-serif;
}

@media (max-width:1199px) {

  h1.hero-h1 {
    font-size: calc(1.3rem + 0.6vw);
  }

}

@media (max-width: 767px) {

    h2.hero-h2 {
    font-size: 2.7rem;
    line-height: 2.7rem;
  }

  .hero-with-highlights .hero-h2 {
    font-size: 2.7rem;
    line-height: 2.7rem;
  }

}

/* Inner Page Heros */

.hero-with-highlights .block-content--type-hero-with-highlights, .hero-with-highlights .block-inline-blockhero-without-highlights, .two-col-hero-with-highlights {
  background: var(--primary-navy);
  color: white;
}

/* .row.block-content.block-content--type-hero-without-highlights.block-content--view-mode-full.ds-1col.clearfix {
    --bs-gutter-x: 0rem;
}

.row.block-content.block-content--type-hero-without-highlights.block-content--view-mode-full.ds-1col.clearfix .row {
    --bs-gutter-x: 0rem;
} */

.eligibility .hero-bg {
  background: url(/sites/default/files/2022-02/eligibility_pattern.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 65%;
}

.special-agent .hero-bg {
  background: url(/sites/default/files/2022-03/specialagent-pattern.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 61.5%;
}

.diversity .hero-bg {
  background: url(/sites/default/files/2022-02/Diversity_pattern.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 65%;
}

.featured_careers .hero-bg {
  background: url(/sites/default/files/2022-05/ProfessionalCareer_Pattern_1.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 65%;
}

.locationsbg .block-inline-blockhero-with-highlights .hero-bg {
  background: url(/sites/default/files/2022-09/locations_pattern.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 65%;
}

.onboardingbg .hero-bg {
  background: url(/sites/default/files/2022-02/fingerprint_pattern.png);
}

.locationsbg .block-inline-blockhero-without-highlights .hero-bg {
  background: url(/sites/default/files/2022-09/locations_pattern.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 100%;
}

/* Security Survilance and Forensics page
.secusurbg .block-inline-blockhero-without-highlights .hero-bg {
  background: url(/sites/default/files/2022-10/Sec-Invest.png);
  background-repeat: no-repeat;
  background-position: 50% -15%;
  background-size: 100vw 500px;
  background-attachment: fixed;
}
*/

/* Security Survilance and Forensics page  */
.secusurbg .block-inline-blockhero-without-highlights .hero-bg {
  background: url(/sites/default/files/2022-10/secsur.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 100%;
}

.secusurbg .block-inline-blockhero-with-highlights .hero-bg {
  background: url(/sites/default/files/2022-10/secsur.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 65%;
}

/*arts acquisitions finance business pages (4)  */
.aafb .block-inline-blockhero-without-highlights .hero-bg {
  background: url(/sites/default/files/2022-11/BussinessOperations.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 100%;
}

/* Persons with Disabilities page*/
.disability .block-inline-blockhero-without-highlights .hero-bg {
  background: url(/sites/default/files/2022-02/Diversity_pattern.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 100%;
}

/* Persons with Disabilities page - mobile*/
.disability .block-inline-blockhero-without-highlights .hero-bg {
  background-size: cover;
}

/* Student and Intern page students-interns  */
.students-interns .block-inline-blockhero-with-highlights .hero-bg {
  background: url(/sites/default/files/2022-10/StudentsandInterns_Pattern.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 65%;
}

.students-interns .block-inline-blockhero-without-highlights .hero-bg {
  background: url(/sites/default/files/2022-10/StudentsandInterns_Pattern.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 65%;
  width: 100vw;
}

.stem .block-inline-blockhero-with-highlights .hero-bg {
  background: url(/sites/default/files/default_images/STEM_Pattern.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 65%;
}

.stem .block-inline-blockhero-without-highlights .hero-bg {
  background: url(/sites/default/files/default_images/STEM_Pattern.png);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 65%;
  width: 100vw;
}

.specialized-careers .hero-bg {
  background: url(/sites/default/files/2022-10/Specialized_Pattern.png);
  background-size: 100vw 500px;
  background-position: 0 -75px;
  background-repeat: no-repeat;
}

.hero-content .sr-only, .hero-with-highlights .sr-only,
.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  height: 1px;
  overflow: hidden;
}

.two-col-hero-with-highlights .hero-wh-overline {
  font-family: 'Roboto', sans-serif;
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0px;
}


.two-col-hero-with-highlights .hero-wh-headline {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 4.25rem;
  padding-bottom: 10px;
}

.hero-with-highlights h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.25rem;
  padding-bottom: 10px;
  font-family: 'Roboto Condensed', sans-serif;
}

.hero-with-highlights .highlights p {
  color: var(--primary-gold);
  text-transform: uppercase;
}

.hero-with-highlights .highlights li {
  padding-bottom: 20px;
}

.hero-with-highlights .highlights ul {
  padding-left: 1.5rem;
  max-width: 100%;
}

.hero-with-highlights .special-agent .careers-link {
  padding-left: 0px;
  text-align: center;
}

.hero-with-highlights .special-agent .careers-link a::after {
  content: '';
}

.highlight-section{
  background-color: #1C294C;
  padding-left: 5rem !important;
}

/* Mobile */
@media screen and (max-width: 767px) {

  /*  Security Survilance and Forensics pages Oct 14   */
  .secusurbg .block-inline-blockhero-without-highlights .hero-bg {
    background-size: cover;
  }

  /*  arts acquisitions finance business four pages   */
  .aafb .block-inline-blockhero-without-highlights .hero-bg {
    background-size: cover;
  }

  /* Student and Intern Page   */
  .students-interns .block-inline-blockhero-with-highlights .hero-bg {
    background-size: cover;
  }

  .locationsbg .block-inline-blockhero-with-highlights .hero-bg {
    background-size: cover;
  }

  .locationsbg .block-inline-blockhero-without-highlights .hero-bg {
    background-size: cover;
  }

  .stem.hero-with-highlights .pt-5.pb-5.col-md-8.border-end.border-white.d-flex.flex-column.justify-content-center {
    background: url(/sites/default/files/default_images/STEM_Pattern.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
  }

  .students-interns.hero-with-highlights .pt-5.pb-5.col-md-8.border-end.border-white.d-flex.flex-column.justify-content-center {
    background: url(/sites/default/files/2022-10/StudentsandInterns_Pattern.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
  }

  .stem.hero-with-highlights .hero-bg .container {
    max-width: 100%;
  }

  .students-interns.hero-with-highlights .hero-bg .container {
    max-width: 100%;
  }

  .hero-with-highlights .block-content--type-hero-with-highlights .container, .hero-with-highlights .block-inline-blockhero-without-highlights .container {
    padding-left: 0;
    padding-right: 0;
  }

  .stem .block-inline-blockhero-without-highlights .hero-bg {
    background-size: cover;
  }
  .stem .block-inline-blockhero-without-highlights .careers-link {
    width: 90%;
    max-width: 512px;
  }

  /* .stem .block-inline-blockhero-without-highlights .container.pt-5.pb-5.col-md-8.d-flex.flex-column.justify-content-center {
      padding-left: 1rem;
      padding-right: 1rem;
  } */

  .highlight-section {
    background-color: #1C294C;
    padding-left: 1rem !important;
  }

  .eligibility .hero-bg {
    background-size: 90%;
  }

  .special-agent .hero-bg {
      background-size: 90%;
  }

  .diversity .hero-bg {
      background-size: 90%;
  }

  .featured_careers .hero-bg {
      background-size: 90%;
  }

  .stem .hero-bg {
      background-size: 90%;
  }

  .students-interns .hero-bg {
      background-size: 90%;
  }

  .highlight-section {
    border-top: 1px solid white;
  }

  .hero-with-highlights.special-agent .careers-link {
    padding-left: 20px;
    text-align: left;
  }

  .hero-with-highlights.special-agent .careers-link a::after {
    content: '\e5e1';
  }

  .hero-with-highlights h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4rem;
    line-height: 4.25rem;
    padding-bottom: 10px;
    font-family: 'Roboto Condensed', sans-serif;
  }

  .hero-with-highlights h1 {
    font-size:2.7rem;
    line-height: 2.7rem;
  }

}

/* small Tablet*/
@media (min-width: 250px) and (max-width:650px) {

  .eligibility .hero-bg {
    background-size: 100vh;
    background-repeat: repeat-y;
    }

  .special-agent .hero-bg {
    /* background-size: 140%; */
    background-size: 100vh;
    background-repeat: repeat-y;
  }

  .stem .hero-bg {
      background-size: cover;
  }

  .diversity .hero-bg {
    background-size:140%;
  }

  .featured_careers .hero-bg {
    /* background-size: 140%; */
    background-size: 100vh;
    background-repeat: repeat;
    background-position: 35rem 27rem;
  }

  .students-interns .hero-bg {
    background-size: cover;
  }

  .stem .block-inline-blockhero-without-highlights .hero-bg {
    background-size: cover;
  }

  .stem .block-inline-blockhero-with-highlights .hero-bg {
    background-size: cover;
  }

  .students-interns .block-inline-blockhero-with-highlights .hero-bg {
    background-size: cover;
  }

}

/* Tablet */
@media (min-width: 768px) and (max-width:992px) {

  .eligibility .hero-bg {
    background-size: 180%;
    background-position: left 140% bottom;
  }

  .special-agent .hero-bg {
    background-size: 185%;
    background-position: left 140% bottom;
  }

  .stem .hero-bg {
    background-size: 185%;
    background-position: left 140% bottom;
  }

  .stem .block-inline-blockhero-without-highlights .hero-bg {
    background-size: cover;
  }

  .diversity .hero-bg {
    background-size: 185%;
    background-position: left 140% bottom;
  }

  .featured_careers .hero-bg {
    background-size: 185%;
    background-position: left 140% bottom;
  }

  .students-interns .hero-bg {
    background-size: 185%;
    background-position: left 140% bottom;
  }

  .highlight-section {
    background-color: #1C294C;
    padding-left: 3rem !important;
  }
  .row.block-content.block-content--type-hero-without-highlights.block-content--view-mode-full.ds-1col.clearfix .row {
    --bs-gutter-x: 0rem;
  }
  .row.block-content.block-content--type-hero-without-highlights.block-content--view-mode-full.ds-1col.clearfix {
    --bs-gutter-x: 0rem;
  }

}

@media (min-width: 768px) and (max-width: 1024px) {

  .stem .block-inline-blockhero-with-highlights .hero-bg {
    background-size: 0%;
  }

  .students-interns .block-inline-blockhero-with-highlights .hero-bg {
    background-size: 0%;
  }

  .stem.hero-with-highlights .hero-bg .pt-5.pb-5.col-md-8.border-end.border-white.d-flex.flex-column.justify-content-center {
    background: url(/sites/default/files/default_images/STEM_Pattern.png);
    background-size: cover;
  }

  .students-interns.hero-with-highlights .hero-bg .pt-5.pb-5.col-md-8.border-end.border-white.d-flex.flex-column.justify-content-center {
    background: url(/sites/default/files/2022-10/StudentsandInterns_Pattern.png);
    background-size: cover;
  }

}

/* large Tablet*/
@media (min-width: 1024px) and (max-width:1420px) {

  .eligibility .hero-bg {
    background-size: 80%;
    background-position: left 0% bottom;
  }

 .special-agent .hero-bg {
    background-size: 80%;
    background-position: left 0% bottom;
  }

  .stem .hero-bg {
    background-size: 80%;
    background-position: left 0% bottom;
  }

  .diversity .hero-bg {
    background-size: 80%;
    background-position: left 0% bottom;
  }

  .featured_careers .hero-bg {
    background-size: 80%;
    background-position: left 0% bottom;
  }

  .students-interns .hero-bg {
    background-size: 80%;
    background-position: left 0% bottom;
  }

  .highlight-section {
    background-color: #1C294C;
    padding-left: 3rem !important;
  }

}

@media (min-width: 1025px) and (max-width: 1542px) {

  .stem .block-inline-blockhero-with-highlights .hero-bg {
    background-repeat: repeat-y;
    background-size: 85%;
  }

  .students-interns .block-inline-blockhero-with-highlights .hero-bg {
    background-repeat: repeat-y;
    background-size: 85%;
  }

}

@media (max-width: 1024px) {

  .specialized-careers .hero-bg {
    background: url(/sites/default/files/background-images/Specialized_Pattern.png);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
  }

}

/*
.hero-with-highlights.special-agent .careers-link {
  padding-left: 0px;
  text-align: center;
}

.hero-with-highlights.special-agent .careers-link a::after {
  content: '';
}

/* Hero with Highlights */
/*
.eligibility .hero-bg {
  background: url(/sites/default/files/2022-02/eligibility_pattern.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.special-agent .hero-bg {
  background: url(/sites/default/files/2022-03/specialagent-pattern.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.diversity .hero-bg {
  background: url(/sites/default/files/default_images/Diversity_pattern.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.hero-with-highlights h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 4.3rem;
  line-height: 3.8rem;
  padding-bottom: 10px;
  font-family: 'Roboto Condensed';

}

.hero-with-highlights .block-content--type-hero-with-highlights, .hero-with-highlights .block-inline-blockhero-without-highlights{
  background: var(--primary-navy);
  color: white;
}

.hero-with-highlights .highlights p {
  color: var(--primary-gold);
  text-transform: uppercase;
}

.hero-with-highlights .highlights li {
  padding-bottom: 20px;
}

.hero-with-highlights .highlights ul {
  padding-left: 1.5rem;
} */