.container.xl-pad {
  padding-top: 15rem;
  padding-bottom: 15rem;
}



/*
 * Jobs 
 */

/*
.homepage.jobsHeadVideo.VideoSection .videoContainer {
  z-index: 10000;
}

.homepage.jobsHeadVideo.VideoSection .videoContainer video {
  position: relative;
  z-index: 1000000;
}

.homepage.jobsHeadVideo.VideoSection .videoControlsCont .videoControls {
  z-index: 100000;
}

.jobsCallout {
  align-items: center;
  position: relative;
  z-index: 1000;
}

.jobsCallout .twoButton {
  justify-content: center;
}

.jobsCallout p {
  font-size: 1.25rem;
  text-align: center;
}

.jobsQuoteCallout {
  align-items: center;
  position: relative;
  z-index: 1000;
  text-align: center;
}

.jobsQuoteCallout p {
  font-size: 1.25rem;
  text-align: center;
  max-width: 70%;
}

.jobsQuoteCallout .arrow-link {
  font-weight: 600;
}

.homepage.VideoSection.parallaxVideo {
  position: relative;
  z-index: 100;
}

.homepage.VideoSection.parallaxVideo .videoContainer video {
  min-height: 80rem;
  max-height: 80rem;
  object-fit: cover;
}

.homepage.VideoSection.parallaxVideo .homepageVideoTextCont {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 100000000000;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9) 00%,
    rgba(0, 0, 0, 0.4) 70%
  );
}

.homepage.VideoSection.parallaxVideo .videoControlsCont {
  z-index: 100000000000000;
}

.homepage.VideoSection.jobsHeadVideo .videoControlsCont .videoControls button {
  background: var(--district-color);
}

.homepage.VideoSection.jobsHeadVideo .videoControlsCont .videoControls span {
  color: black;
}

.homepage.VideoSection .videoControlsCont .videoControls.parallax {
  flex-direction: row-reverse;
}

.homepage.VideoSection .videoControlsCont .videoControls.parallax span {
  font-size: 1.25rem;
  font-weight: 600;
}

.jobsLinkGrid {
  position: relative;
  z-index: 300;
}

.imgCard.simple h3 {
  margin: 0;
  text-align: center;
  font-size: 1.7rem;
}

.jobsLinkGrid h2,
.jobsLinkGrid p {
  text-align: center;
}

.jobsLinkGrid p {
  font-size: 1.25rem;
}

.jobAccordions h2 {
  text-align: center;
}

.jobAccordions .accordions {
  padding: 3rem 0;
  width: 100%;
}

.jobAccordions .applySection {
  width: 100%;
}

.jobAccordions .twoButton {
  width: 100%;
  align-items: center;
  justify-content: center;
}

.homepage.VideoSection.parallaxVideo .quote {
  width: 40vw;
  margin: auto;
  padding-right: 40vw;
  padding-top: 20vh;
}

.homepage.VideoSection.parallaxVideo .quote .quoteContent {
  font-size: 2.25rem;
  font-weight: 600;
}

.homepage.VideoSection.parallaxVideo .quote .quoteContent:before {
  content: "\f10d";
  font-family: "NerdFontsSymbols Nerd Font";
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-right: 0.5rem;
  position: relative;
  top: -0.5rem;
}

.homepage.VideoSection.parallaxVideo .quote .quoteContent:after {
  content: "\f10e";
  font-family: "NerdFontsSymbols Nerd Font";
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-left: 0.5rem;
  position: relative;
  top: 0.5rem;
}

.homepage.VideoSection.parallaxVideo .quote .quoteAttribution {
  font-size: 1.25rem;
  font-weight: 600;
}

.homepage.VideoSection.jobsHeadVideo .videoControls {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding-right: 3rem;
  padding-bottom: 2rem;
  gap: 1rem;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}

.homepage.VideoSection.jobsHeadVideo .videoControls .playPause {
  margin-right: 4rem;
}

@media only screen and (max-width: 1064px) {
  .homepage.VideoSection.parallaxVideo .quote {
    width: 60vw;
    padding-right: 0;
  }

  .imgCard.simple .flex-col.pad-2r {
    padding: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  .homepage.VideoSection.parallaxVideo .quote {
    width: 80vw;
  }

  .homepage.VideoSection.parallaxVideo .homepageVideoTextCont {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8) 00%,
      rgba(255, 255, 255, 0.1) 80%
    );
  }
}

@media only screen and (max-width: 480px) {
  .homepage.VideoSection.parallaxVideo .quote {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .homepage.VideoSection.parallaxVideo .homepageVideoTextCont {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.9) 00%,
      rgba(0, 0, 0, 0.4) 70%
    );
  }

  .jobsQuoteCallout p {
    width: 100%;
    max-width: 100%;
  }

  .jobsCallout .twoButton {
    row-gap: 0.25rem;
  }

  .container.xl-pad {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.videoPlayerContainerSection {
  display: none;
  backdrop-filter: blur(50px);
  position: fixed;
  z-index: 100000;
  background: transparent;
  top: 0vh;
  bottom: 0vh;
  left: 0vh;
  right: 0vh;
}*/



/*
 * Jobs 
 */
.homepage.jobsHeadVideo.VideoSection .videoContainer {
  z-index: 10000;
}

.homepage.jobsHeadVideo.VideoSection .videoContainer video {
  position: relative;
  z-index: 1000000;
}

.homepage.jobsHeadVideo.VideoSection .videoControlsCont .videoControls {
  z-index: 10000000;
}

.jobsCallout {
  align-items: center;
  position: relative;
  z-index: 1000;
}

.jobsCallout .twoButton {
  justify-content: center;
}

.jobsCallout p {
  font-size: 1.25rem;
  text-align: center;
}

.jobsQuoteCallout {
  align-items: center;
  position: relative;
  z-index: 1000;
  text-align: center;
}

.jobsQuoteCallout p {
  font-size: 1.25rem;
  text-align: center;
  max-width: 70%;
}

.jobsQuoteCallout .arrow-link {
  font-weight: 600;
}

.homepage.VideoSection.parallaxVideo {
  position: relative;
  z-index: 100;
}

.homepage.VideoSection.parallaxVideo .videoContainer video {
  min-height: 100vh;
  max-height: 100vh;
  object-fit: cover;
  object-position:top center !important;
}

.homepage.VideoSection.parallaxVideo .homepageVideoTextCont {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 100000000000;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9) 00%,
    rgba(0, 0, 0, 0.4) 70%
  );
}

.homepage.VideoSection.parallaxVideo .videoControlsCont {
  z-index: 100000000000000;
}

.jobsLinkGrid {
  position: relative;
  z-index: 300;
}

.imgCard.simple h3 {
  margin: 0;
  text-align: center;
  font-size: 1.7rem;
}

.jobsLinkGrid h2,
.jobsLinkGrid p {
  text-align: center;
}

.jobsLinkGrid p {
  font-size: 1.25rem;
}

.jobAccordions h2 {
  text-align: center;
}

.jobAccordions .accordions {
  padding: 3rem 0;
  width: 100%;
}

.jobAccordions .applySection {
  width: 100%;
}

.jobAccordions .twoButton {
  width: 100%;
  align-items: center;
  justify-content: center;
}

.homepage.VideoSection.parallaxVideo .quote {
  width: 40vw;
  margin: auto;
  padding-right: 40vw;
  padding-top: 20vh;
}

.homepage.VideoSection.parallaxVideo .quote .quoteContent {
  font-size: 2.25rem;
  font-weight: 600;
}

.homepage.VideoSection.parallaxVideo .quote .quoteContent:before {
  content: "\f10d";
  font-family: "NerdFontsSymbols Nerd Font";
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-right: 0.5rem;
  position: relative;
  top: -0.5rem;
}

.homepage.VideoSection.parallaxVideo .quote .quoteContent:after {
  content: "\f10e";
  font-family: "NerdFontsSymbols Nerd Font";
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-left: 0.5rem;
  position: relative;
  top: 0.5rem;
}

.homepage.VideoSection.parallaxVideo .quote .quoteAttribution {
  font-size: 1.25rem;
  font-weight: 600;
}
.homepage.VideoSection.jobsHeadVideo .videoControls {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding-right: 3rem;
  padding-bottom: 2rem;
  gap: 1rem;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}
.homepage.VideoSection.jobsHeadVideo .videoControls .playPause {
  margin-right: 4rem;
}

@media only screen and (max-width: 1064px) {
  .homepage.VideoSection.parallaxVideo .quote {
    width: 60vw;
    padding-right: 0;
  }

  .imgCard.simple .flex-col.pad-2r {
    padding: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  .homepage.VideoSection.parallaxVideo .quote {
    width: 80vw;
  }
  .homepage.VideoSection.parallaxVideo .homepageVideoTextCont {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8) 00%,
      rgba(255, 255, 255, 0.1) 80%
    );
  }
}

@media only screen and (max-width: 480px) {
  .homepage.VideoSection.parallaxVideo .quote {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .homepage.VideoSection.parallaxVideo .homepageVideoTextCont {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.9) 00%,
      rgba(0, 0, 0, 0.4) 70%
    );
  }
  .jobsQuoteCallout p {
    width: 100%;
    max-width: 100%;
  }
  .jobsCallout .twoButton {
    row-gap: 0.25rem;
  }
  .container.xl-pad {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.homepage.VideoSection.jobsHeadVideo .videoControlsCont .videoControls button{
	background:var(--district-color);
	
}
.homepage.VideoSection.jobsHeadVideo .videoControlsCont .videoControls span{
	color:#000;
	
}
.homepage.VideoSection .videoControlsCont .videoControls.parallax span{
	font-weight:600;
	font-size:1.2rem;
}
.homepage.VideoSection .videoControlsCont .videoControls.parallax{
	flex-direction:row-reverse;
}