/******************************************************************
Site Name: VocoVision
Author: Soliant MC

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
*********************/
/*********************
Updates to css vars
*********************/
:root {
  --font-main: 'Raleway', sans-serif;
  --font-secondary: 'Montserrat', sans-serif;
  --white: #ffffff;
  --background-blue: #f4fdff;
  --fuchsia-aa: #c81330;
  --lime-200: #bec75b;
  --sky-200: #74c2df;
  --orange-200: #f3ad1c;
  --teal-100: #e9f6f5;
  --teal-200: #2fccbe;
  --teal-300: #26a499;
  --teal-400: #397069;
  --teal-aa: #397069;
  --light-teal: #e9f6f5;
  --bright-blue-aa: #1160ca;
  --lead-300: #4f4f4f;
  --navy-200: #1d4588;
  --navy-300: #0d316a;
  --navy-400: #051633;
  --medium-blue: #004586;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
BREAKPOINTS
*********************/
/*********************
TRANSITIONS/ETC
*********************/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
ANGLES
*********************/
/*
* Schools Staffing LP
* use: Schools Staffing LP & TY Page
*/
[class*=page-template-page-schools-staffing] [class^=section--] h3 {
  font-size: 2.4rem;
  line-height: 1.16;
  text-align: center;
  margin: 1rem auto 3.5rem;
}
[class*=page-template-page-schools-staffing] p {
  hyphens: none;
}
[class*=page-template-page-schools-staffing] .background-grey {
  background-color: #f2f2f2;
}
[class*=page-template-page-schools-staffing] .large-desktop-only {
  display: none;
}
[class*=page-template-page-schools-staffing] .page-hero .hero-buttons {
  text-align: left;
}
[class*=page-template-page-schools-staffing] .page-hero .content-wrap--left {
  max-width: min(90%, 575px);
  padding-block: 0;
}
@media (max-width: 1029px) {
  [class*=page-template-page-schools-staffing] .page-hero {
    --page-hero-overlay: inset 0 0 0 2000px rgba(29, 69, 136, 0.61);
    box-shadow: var(--page-hero-overlay);
  }
}
@media (min-width: 1030px) {
  [class*=page-template-page-schools-staffing] .page-hero .content-wrap--left {
    padding-block: 4rem;
  }
}
[class*=page-template-page-schools-staffing] .site-header--fade + main .page-hero,
[class*=page-template-page-schools-staffing] .site-header--transparent + main .page-hero {
  margin-top: calc(var(--site-header-height, 0px) * -1);
  padding-top: calc(1.6rem + var(--site-header-height, 0px));
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
[class*=page-template-page-schools-staffing] .site-header-grad-bg {
  background: none;
  padding-bottom: 0;
  padding-top: 0;
}
[class*=page-template-page-schools-staffing] .hero-content {
  padding-bottom: 4rem;
  padding-top: 3rem;
}
[class*=page-template-page-schools-staffing] .hero-content h1 {
  font-size: 4rem;
}
[class*=page-template-page-schools-staffing] .hero-content p {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 600;
}
[class*=page-template-page-schools-staffing] .hero-content .btn {
  width: 100%;
  max-width: 350px;
}
[class*=page-template-page-schools-staffing] main .btn {
  width: 100%;
  max-width: 100%;
  text-align: center;
}
[class*=page-template-page-schools-staffing] footer.site-footer {
  background-color: #0a2f6c;
}
[class*=page-template-page-schools-staffing] footer.site-footer .footer-column {
  margin-bottom: 4rem;
}
[class*=page-template-page-schools-staffing] footer.site-footer .footer-column.logo {
  margin-bottom: 5rem;
  text-align: center;
}
[class*=page-template-page-schools-staffing] footer.site-footer .footer-column.logo svg {
  max-width: 100%;
  width: 284px;
  margin-top: 1rem;
}
[class*=page-template-page-schools-staffing] footer.site-footer .footer-column.quick-apply .btn {
  width: 100%;
  max-width: 343px;
  padding: 2rem;
  text-align: center;
  min-width: 182px;
}
[class*=page-template-page-schools-staffing] footer.site-footer .footer-column.helpful-links a {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.12em;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #f8f9fa;
}
[class*=page-template-page-schools-staffing] footer.site-footer .footer-column.helpful-links a:hover {
  text-decoration: none;
}
[class*=page-template-page-schools-staffing] footer.site-footer .footer-column.social-links {
  margin: 8rem auto;
  text-align: center;
}
[class*=page-template-page-schools-staffing] footer.site-footer .footer-column.social-links h4 {
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: none;
  display: none;
}
[class*=page-template-page-schools-staffing] footer.site-footer .footer-column.social-links svg {
  width: 35px;
  height: 35px;
}
[class*=page-template-page-schools-staffing] footer.site-footer .desktop-social {
  display: none;
}
[class*=page-template-page-schools-staffing] section.section--support-blocks {
  padding-top: 0;
}
[class*=page-template-page-schools-staffing] .section-upcoming-school-year .image-column {
  margin-top: 0rem;
}
[class*=page-template-page-schools-staffing] .section-upcoming-school-year .copy-image-columns {
  align-items: flex-start;
}
@media (min-width: 768px) {
  [class*=page-template-page-schools-staffing] main .btn {
    width: 100%;
    max-width: 309px;
    text-align: center;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .site-footer-columns {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5rem;
    justify-content: center;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column.logo {
    width: 100%;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column.quick-apply {
    width: 100%;
    text-align: center;
    margin: 2rem auto 0;
  }
}
@media (min-width: 1030px) {
  [class*=page-template-page-schools-staffing] .site-header {
    padding-block: 4rem 0;
  }
  [class*=page-template-page-schools-staffing] .site-header .logo {
    width: 284px;
    margin-bottom: 2rem;
  }
  [class*=page-template-page-schools-staffing] .hero-content h1 {
    font-size: 6.2rem;
  }
  [class*=page-template-page-schools-staffing] .hero-content .hero-buttons {
    display: flex;
    flex-direction: row;
    column-gap: 2rem;
  }
  [class*=page-template-page-schools-staffing] .hero-content .btn {
    max-width: max-content;
    min-width: 213px;
  }
}
@media (min-width: 1400px) {
  [class*=page-template-page-schools-staffing] .large-desktop-only {
    display: block;
  }
  [class*=page-template-page-schools-staffing]:not(.page-thank-you) .page-hero {
    position: relative;
  }
  [class*=page-template-page-schools-staffing]:not(.page-thank-you) .page-hero::after {
    content: url('data:image/svg+xml;utf8, <svg width="167" height="188" viewBox="0 0 167 188" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="72.6258" cy="115.024" r="54" transform="rotate(63.0096 72.6258 115.024)" fill="%23F1AC33"/><circle cx="133.29" cy="33.6231" r="25" transform="rotate(63.0096 133.29 33.6231)" fill="%23F1AC33"/></svg>');
    display: block;
    width: 166px;
    height: 187px;
    position: absolute;
    right: calc(50% - 700px);
    bottom: -70px;
  }
  [class*=page-template-page-schools-staffing]:not(.page-thank-you) .page-hero .hero-content {
    padding-bottom: 5rem;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .site-footer-columns {
    margin: 4rem auto 6rem;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column {
    width: 23%;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column.logo {
    width: 25%;
    text-align: left;
    order: 1;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column.logo svg {
    margin-top: 0;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column.quick-apply {
    order: 4;
    width: 15%;
    text-align: right;
    margin-top: 0;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column.quick-apply .btn {
    max-width: 182px;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column.helpful-links {
    order: 2;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column.contact-info {
    order: 3;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column.social-links {
    display: none;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .footer-column h4 {
    margin-top: 0;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .desktop-social {
    display: block;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .desktop-social h4 {
    margin-top: 4rem;
  }
  [class*=page-template-page-schools-staffing] footer.site-footer .desktop-social .follow-us-links {
    display: flex;
    max-width: 190px;
    margin: 0;
  }
}

[class*=schools-staffing] .section--lead-in-block .copy-image-columns .copy-column h2 {
  font-size: 3.6rem;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1.16;
  text-transform: uppercase;
  color: #0d316a;
  text-align: left;
}
[class*=schools-staffing] section.section--need-the-best.angle.angle-both-right-left {
  padding-top: 9rem;
  margin-bottom: 0rem;
}
[class*=schools-staffing] .section--support-blocks h3 {
  font-size: 2.4rem;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #0d316a;
  margin-top: 4rem;
}
[class*=schools-staffing] .section--support-blocks header {
  color: #0a2f6c;
  text-align: center;
}
[class*=schools-staffing] .section--support-blocks .support-image {
  max-width: 100%;
  height: auto;
  margin: 4rem auto;
}
[class*=schools-staffing] .section--support-blocks .support-blocks {
  margin-top: 4rem;
}
[class*=schools-staffing] .section--support-blocks .support-block {
  background-color: #f1ac33;
  color: #fff;
  padding: 3rem 1.5rem;
  text-align: center;
  margin: 0 auto 2.4rem;
  max-width: 449px;
}
[class*=schools-staffing] .section--support-blocks h4 {
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 900;
  margin: 0 0 1rem;
}
[class*=schools-staffing] .section--support-blocks p {
  hyphens: none;
  font-size: 1.6rem;
  line-height: 1.3;
}
[class*=schools-staffing] .section--lead-in-block {
  color: #0a2f6c;
  padding-bottom: 4rem;
  padding-top: 0;
  padding-bottom: 0rem;
}
[class*=schools-staffing] .section--lead-in-block h2 {
  font-size: 3.4rem;
  line-height: 1.34;
  font-weight: 600;
  text-transform: none;
  text-align: left;
}
[class*=schools-staffing] .section--lead-in-block p {
  font-size: 1.6rem;
  line-height: 1.5;
  padding-right: 50px;
}
[class*=schools-staffing] .section--lead-in-block .highlight {
  font-size: 3.6rem;
  font-weight: 900;
}
[class*=schools-staffing] .section--lead-in-block .copy-image-columns {
  margin-top: 0.5rem;
}
[class*=schools-staffing] .section--lead-in-block .copy-column {
  max-width: 100%;
  margin: 0 auto;
}
[class*=schools-staffing] .section--lead-in-block .image-column {
  margin-top: 0rem;
  margin-bottom: 5rem;
}
[class*=schools-staffing] .section--lead-in-block .column-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
[class*=schools-staffing] .section-upcoming-school-year {
  color: #0a2f6c;
  padding-bottom: 8rem;
}
[class*=schools-staffing] .section-upcoming-school-year h2 {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 2.4rem;
  color: #ffffff;
}
[class*=schools-staffing] .section-upcoming-school-year p {
  font-family: "Raleway", sans-serif;
  color: #ffffff;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 32px;
  font-size: 2.4rem;
}
[class*=schools-staffing] .section-upcoming-school-year .highlight {
  font-size: 3.6rem;
  font-weight: 900;
}
[class*=schools-staffing] .section-upcoming-school-year .copy-image-columns {
  margin: 2.4rem auto 6rem;
  display: inline-block;
}
[class*=schools-staffing] .section-upcoming-school-year .copy-column {
  max-width: 100%;
  margin: 0 auto;
}
[class*=schools-staffing] .section-upcoming-school-year .image-column {
  margin-top: 4.5rem;
}
[class*=schools-staffing] .section-upcoming-school-year .column-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
[class*=schools-staffing] .section-upcoming-school-year .button-column {
  margin-bottom: 6rem;
}
[class*=schools-staffing] .section--testimonials {
  color: #0a2f6c;
  background-color: #f2f2f2;
  padding-bottom: 10rem;
}
[class*=schools-staffing] .section--stats-blocks {
  margin-top: -3rem;
  padding-top: 7rem;
  padding-bottom: 5rem;
}
[class*=schools-staffing] .section--stats-blocks .stats-blocks-wrap {
  margin-top: 4rem;
}
[class*=schools-staffing] .section--stats-blocks h3 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.4rem;
  text-align: center;
}
[class*=schools-staffing] .section--stats-blocks .stats-blocks {
  margin-top: 5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 4rem;
}
[class*=schools-staffing] .section--stats-blocks .stats-block:last-child {
  margin-bottom: 0;
}
[class*=schools-staffing] .section--stats-blocks .stats-block {
  margin: 0 auto 3rem;
  max-width: 100%;
}
[class*=schools-staffing] .section--stats-blocks .stats-block .column-image {
  margin: 0 0 3rem;
}
[class*=schools-staffing] .section--stats-blocks .stats-block h4 {
  margin-bottom: 1rem;
}
[class*=schools-staffing] .section--stats-blocks .stats-block .stat-number {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 800;
  color: #c81330;
  font-size: 5.5rem;
  line-height: 65px;
  text-transform: uppercase;
  text-align: left;
}
[class*=schools-staffing] .section--stats-blocks .stats-block p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #0d316a;
  font-size: 2.4rem;
  line-height: 32px;
  margin-block-start: 1.8rem;
}
[class*=schools-staffing] .section--stats-blocks footer {
  background-color: transparent;
  padding-top: 1rem;
  padding-bottom: 2.5rem;
  text-align: center;
}
[class*=schools-staffing] .section--stats-blocks footer h3 {
  text-align: center;
  text-transform: none;
  font-weight: normal;
  font-size: 2.4rem;
}
[class*=schools-staffing] .section--stats-blocks footer .quick-apply-link {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-decoration-line: underline;
  text-transform: uppercase;
}
[class*=schools-staffing] .section--stats-blocks footer .quick-apply-link:hover {
  text-decoration: none;
}
[class*=schools-staffing] .section--lead-in-block .school-professionals-blocks li {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #0d316a;
  font-size: 3rem;
  line-height: 4rem;
  margin-bottom: 4.4rem;
  max-width: 560px;
}
[class*=schools-staffing] .section--lead-in-block .school-professionals-blocks li::marker {
  font-size: 4rem;
  color: #f3ad1c;
}
[class*=schools-staffing] .section--testimonial-block {
  padding-top: 0rem;
  padding-bottom: 8rem;
}
[class*=schools-staffing] .section--testimonial-block .copy-image-column {
  display: inline-block;
}
[class*=schools-staffing] .section--testimonial-block .copy-image-columns {
  margin: 2.4rem auto 2rem;
  display: inline-block;
}
[class*=schools-staffing] .section--testimonial-block .column-image {
  max-width: 100%;
  height: auto;
  margin: 4rem auto;
}
[class*=schools-staffing] .section--testimonial-block .copy-column {
  max-width: 100%;
  margin: 0 auto;
}
[class*=schools-staffing] .section--testimonial-block .copy-column .header p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 3.2rem;
  color: #0a2f6c;
}
[class*=schools-staffing] .section--testimonial-block .copy-column .header p.author {
  font-style: italic;
  padding-top: 2.4rem;
}
[class*=schools-staffing] .section--testimonial-block .stats-blocks-wrap {
  margin-top: 4rem;
}
[class*=schools-staffing] .section--testimonial-block h3 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.4rem;
  text-align: center;
}
[class*=schools-staffing] .section--testimonial-block .stats-blocks {
  margin-top: 5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 4rem;
}
[class*=schools-staffing] .section--testimonial-block .stats-block {
  margin-bottom: 7rem;
  margin: 0 auto 7rem;
  max-width: 335px;
}
[class*=schools-staffing] .section--testimonial-block .stats-block .column-image {
  margin: 0 0 3rem;
}
[class*=schools-staffing] .section--testimonial-block .stats-block h4 {
  margin-bottom: 1rem;
}
[class*=schools-staffing] .section--testimonial-block footer {
  background-color: transparent;
  padding-top: 1rem;
  padding-bottom: 2.5rem;
  text-align: center;
}
[class*=schools-staffing] .section--testimonial-block footer h3 {
  text-align: center;
  text-transform: none;
  font-weight: normal;
  font-size: 2.4rem;
}
[class*=schools-staffing] .section--testimonial-block footer .quick-apply-link {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-decoration-line: underline;
  text-transform: uppercase;
}
[class*=schools-staffing] .section--testimonial-block footer .quick-apply-link:hover {
  text-decoration: none;
}
[class*=schools-staffing] .section--copy-button-columns {
  color: #0d316a;
  padding-top: 0.5rem;
  padding-bottom: 4rem;
  margin-top: 0rem;
}
[class*=schools-staffing] .section--copy-button-columns h3 {
  color: #0d316a;
  text-align: left;
  line-height: 1.6;
  font-size: 2.4rem;
}
[class*=schools-staffing] .section--copy-button-columns p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.6;
  color: #0d316a;
}
[class*=schools-staffing] .section--copy-button-columns .button-column {
  text-align: left;
  margin-top: 4rem;
}
[class*=schools-staffing] .section--lead-in-block header {
  color: #0a2f6c;
  text-align: center;
}
[class*=schools-staffing] .section--lead-in-block .support-image {
  max-width: 100%;
  height: auto;
  margin: 4rem auto;
}
[class*=schools-staffing] .section--lead-in-block .school-professionals-blocks {
  margin: 5rem auto 5rem;
  padding: 0 5rem;
  padding-left: 3.2rem;
}
[class*=schools-staffing] .section--lead-in-block .school-professionals-block {
  background-color: #da6c9e;
  color: #fff;
  padding: 3rem 1.5rem;
  text-align: center;
  margin: 0 auto 2.4rem;
  max-width: 449px;
}
[class*=schools-staffing] .section--lead-in-block h4 {
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 900;
  margin: 0 0 1rem;
}
[class*=schools-staffing] .section--lead-in-block p {
  hyphens: none;
  font-size: 1.6rem;
  line-height: 1.3;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.4rem;
  color: #0d316a;
  text-align: left;
}
[class*=schools-staffing] .section--image-slant-copy-columns {
  padding: 0;
  margin-top: -3rem;
}
[class*=schools-staffing] .section--image-slant-copy-columns .column-image {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
[class*=schools-staffing] .section--image-slant-copy-columns .copy-column {
  margin: 6rem auto 8rem;
  text-align: left;
  max-width: 540px;
}
[class*=schools-staffing] .section--image-slant-copy-columns .copy-column h3 {
  text-align: left;
}
[class*=schools-staffing] .section--image-slant-copy-columns .image-column {
  margin: 0 -1.5rem;
}
[class*=schools-staffing] .section--image-slant-copy-columns .footer-column.logo svg {
  max-width: 100%;
  width: 284px;
  margin-bottom: 5rem;
  margin-top: 1rem;
}
[class*=schools-staffing] .section--form-copy-columns {
  padding-top: 8rem;
  background-color: #f3ad1c;
  color: #fff;
}
[class*=schools-staffing] .section--form-copy-columns li[class^=gchoice_] {
  display: grid;
  grid-template-columns: 40px 1fr;
  column-gap: 1rem;
  align-content: start;
}
[class*=schools-staffing] .section--form-copy-columns .gfield_checkbox input[type=checkbox] {
  width: 30px;
  height: 30px;
}
[class*=schools-staffing] .section--form-copy-columns .copy-header {
  text-align: left;
  max-width: 1164px;
  margin: 0 auto;
}
[class*=schools-staffing] .section--form-copy-columns .copy-header p {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.3;
  hyphens: none;
}
[class*=schools-staffing] .section--form-copy-columns input[type=text] {
  min-height: 52px;
}
[class*=schools-staffing] .section--form-copy-columns .gchoice {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
[class*=schools-staffing] .section--form-copy-columns .gfield_checkbox label a {
  color: #fff;
}
[class*=schools-staffing] .section--form-copy-columns .gfield_required {
  color: #fff;
}
[class*=schools-staffing] .section--form-copy-columns .image-column {
  margin-top: 8rem;
}
[class*=schools-staffing] .section--form-copy-columns {
  /*.form-column {max-width: 450px; margin: 0 auto;}*/
}
[class*=schools-staffing] .section--form-copy-columns .column-image {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
[class*=schools-staffing] .hide-768 {
  display: none;
}
[class*=schools-staffing] .section--need-the-best h3 {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 3.6rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #0d316a;
  text-align: left;
}
[class*=schools-staffing] .section--need-the-best p {
  hyphens: none;
  font-size: 1.6rem;
  line-height: 1.3;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.4rem;
  color: #0d316a;
  text-align: left;
}
[class*=schools-staffing] .section--need-the-best .need-the-best-blocks li {
  margin-top: 5rem;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #0d316a;
  font-size: 3rem;
  line-height: 4rem;
  margin-bottom: 4.4rem;
}
[class*=schools-staffing] .section--need-the-best .need-the-best-blocks li::marker {
  font-size: 4rem;
  color: #f3ad1c;
}
[class*=schools-staffing] .section--need-the-best ul.need-the-best-blocks {
  padding: 0 5rem;
  margin: 0;
  padding-left: 3.2rem; /*padding-bottom: 5rem;*/
}
[class*=schools-staffing] .form-wrapper {
  display: inline-block;
  max-width: 100%;
  width: 100%;
}
[class*=schools-staffing] .footer-cta a.btn.white-btn {
  max-width: 100%;
}
@media (min-width: 768px) {
  [class*=schools-staffing] section.section--need-the-best.angle.angle-both-right-left {
    padding-top: 9rem;
    margin-bottom: -7rem;
  }
  [class*=schools-staffing] .section--need-the-best h3 {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 5rem;
    line-height: 59px;
    text-transform: uppercase;
    color: #0d316a;
    text-align: left;
  }
  [class*=schools-staffing] .section-upcoming-school-year {
    color: #0a2f6c;
    padding-bottom: 8rem;
  }
  [class*=schools-staffing] .section-upcoming-school-year h2 {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 3.6rem;
    color: #ffffff;
  }
  [class*=schools-staffing] .section-upcoming-school-year p {
    font-family: "Raleway", sans-serif;
    color: #ffffff;
    font-style: normal;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 32px;
  }
  [class*=schools-staffing] .section-upcoming-school-year .highlight {
    font-size: 3.6rem;
    font-weight: 900;
  }
  [class*=schools-staffing] .section-upcoming-school-year .copy-image-columns {
    margin: 2.4rem auto 6rem;
    display: inline-block;
  }
  [class*=schools-staffing] .section-upcoming-school-year .copy-column {
    max-width: 100%;
    margin: 0 auto;
  }
  [class*=schools-staffing] .section-upcoming-school-year .image-column {
    margin-top: 4.5rem;
  }
  [class*=schools-staffing] .section-upcoming-school-year .column-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  [class*=schools-staffing] .section--lead-in-block .copy-image-columns h2 {
    font-size: 5rem;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 5rem;
    line-height: 59px;
    text-transform: uppercase;
    color: #0d316a;
    text-align: left;
  }
  [class*=schools-staffing] .hide-large {
    display: none;
  }
  [class*=schools-staffing] .hide-768 {
    display: inline-block;
  }
  [class*=schools-staffing] .section--support-blocks h3 {
    font-size: 3.6rem;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 900;
    color: #0d316a;
    max-width: 897px;
  }
  [class*=schools-staffing] .section--stats-blocks {
    margin-top: -3rem;
    padding-top: 0rem;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-blocks-wrap {
    margin-top: 4rem;
  }
  [class*=schools-staffing] .section--stats-blocks h3 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.4rem;
    text-align: center;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-blocks {
    margin-top: 5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 4rem;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-block {
    margin: 0 auto 0rem;
    max-width: 100%;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-block .column-image {
    margin: 0 0 3rem;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-block h4 {
    margin-bottom: 1rem;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-block .stat-number {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 800;
    color: #c81330;
    font-size: 5.5rem;
    line-height: 65px;
    text-transform: uppercase;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-block p {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #0d316a;
    font-size: 2.4rem;
    line-height: 32px;
  }
  [class*=schools-staffing] .section--stats-blocks footer {
    background-color: transparent;
    padding-top: 1rem;
    padding-bottom: 2.5rem;
    text-align: center;
  }
  [class*=schools-staffing] .section--stats-blocks footer h3 {
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-size: 2.4rem;
  }
  [class*=schools-staffing] .section--stats-blocks footer .quick-apply-link {
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: 0.12em;
    text-decoration-line: underline;
    text-transform: uppercase;
  }
  [class*=schools-staffing] .section--stats-blocks footer .quick-apply-link:hover {
    text-decoration: none;
  }
  [class*=schools-staffing] .form-column {
    max-width: 100%;
    margin: 0 auto;
  }
  [class*=schools-staffing] .form-column .gf_left_half,
  [class*=schools-staffing] .form-column .gf_right_half {
    width: 100%;
    display: inline-block;
  }
  [class*=schools-staffing] .form-column .gf_left_half {
    margin-right: 0%;
  }
  [class*=schools-staffing] .form-column .gf_right_half {
    margin-left: 0%;
  }
  [class*=schools-staffing] .column-image {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  [class*=schools-staffing] .section--form-copy-columns .copy-header {
    text-align: left;
    max-width: 100%;
    margin: 0 auto;
  }
  [class*=schools-staffing] .section--stats-blocks {
    padding-top: 10rem;
  }
  [class*=schools-staffing] .section--stats-blocks h3 {
    font-size: 3.75rem;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-blocks-wrap {
    margin: 0rem auto 0;
    max-width: 560px;
  }
  [class*=schools-staffing] .section--latest-slp-jobs footer.job-carousel-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1.5rem;
    margin-top: 5rem;
    gap: 1rem;
  }
  [class*=schools-staffing] .section--latest-slp-jobs footer.job-carousel-footer p {
    margin: 0;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns {
    margin-top: -5.5rem;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns .image-column {
    padding: 0;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns .column-image {
    max-width: 400px;
  }
  [class*=schools-staffing] .section--form-copy-columns {
    padding-top: 16rem;
  }
  [class*=schools-staffing] .section--form-copy-columns .form-and-image {
    margin-top: 6rem;
  }
  [class*=schools-staffing] .section--form-copy-columns .form-and-image .validation_error {
    font-size: 2rem;
    line-height: 1.2;
  }
}
@media (min-width: 1030px) {
  [class*=schools-staffing] .footer-cta a.btn.white-btn {
    max-width: 400px;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks {
    margin-top: 10rem;
    max-width: 100%;
  }
  [class*=schools-staffing] .support-block {
    width: 31%;
    max-width: 100%;
    padding: 7rem 2rem 5rem;
  }
  [class*=schools-staffing] .section--need-the-best ul.need-the-best-blocks {
    margin: 0;
    padding-bottom: 5rem;
  }
  [class*=schools-staffing] .section-upcoming-school-year .copy-image-columns {
    margin: 2.4rem auto 13rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 4rem;
  }
  [class*=schools-staffing] .section-upcoming-school-year .copy-column {
    max-width: 690px;
    margin: 0 auto;
  }
  [class*=schools-staffing] .section--support-blocks {
    padding: 12rem 0;
    padding-bottom: 7.5rem;
    padding-top: 5rem;
  }
  [class*=schools-staffing] .section--support-blocks .header {
    max-width: 1311px;
    margin: 0 auto 4rem;
  }
  [class*=schools-staffing] .section--support-blocks h2 {
    font-size: 5rem;
  }
  [class*=schools-staffing] .section--support-blocks h3 {
    font-size: 3.6rem;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 900;
    color: #0d316a;
  }
  [class*=schools-staffing] .section--support-blocks .stats-blocks {
    margin-top: 5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 4rem;
  }
  [class*=schools-staffing] .section--support-blocks .stats-block {
    margin: 0 auto 0rem;
    max-width: 25%;
  }
  [class*=schools-staffing] .section--support-blocks .stats-block .column-image {
    margin: 0 0 3rem;
  }
  [class*=schools-staffing] .section--support-blocks .stats-block h4 {
    margin-bottom: 1rem;
  }
  [class*=schools-staffing] .section--support-blocks .stats-block .stat-number {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 800;
    color: #c81330;
    font-size: 5.5rem;
    line-height: 65px;
    text-transform: uppercase;
  }
  [class*=schools-staffing] .section--support-blocks .stats-block p {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #0d316a;
    font-size: 2.4rem;
    line-height: 32px;
  }
  [class*=schools-staffing] .section--support-blocks .support-blocks {
    margin-top: 5rem;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    flex-wrap: wrap;
    margin: 7rem -2rem 1rem;
  }
  [class*=schools-staffing] .section--support-blocks .support-blocks p {
    font-size: 2.4rem;
    font-weight: 600;
  }
  [class*=schools-staffing] .section--support-blocks .support-image {
    margin: 9rem auto 5rem;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-blocks-wrap {
    margin: 0rem auto 0;
    max-width: none;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-block {
    margin: 0 auto 0rem;
    max-width: 25%;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-block h2 {
    font-size: 5rem;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-block h3 {
    margin-top: 5rem;
  }
  [class*=schools-staffing] .section--copy-button-columns h3 {
    margin: 0;
    font-size: 3.6rem;
  }
  [class*=schools-staffing] .section--lead-in-block {
    padding: 2rem 0;
    padding-bottom: 6rem;
  }
  [class*=schools-staffing] .section--lead-in-block .header {
    max-width: 916px;
    margin: 0 auto 4rem;
  }
  [class*=schools-staffing] .section--lead-in-block h2 {
    font-size: 5rem;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 5rem;
    line-height: 59px;
    text-transform: uppercase;
    color: #0d316a;
    text-align: left;
  }
  [class*=schools-staffing] .section--lead-in-block h3 {
    font-size: 3.6rem;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks {
    columns: 2;
    column-gap: 12rem;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks .school-professionals-block {
    width: 350px;
    max-width: 100%;
    padding: 7rem 3rem 5rem;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks h4 {
    font-size: 5rem;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks p {
    font-size: 2.4rem;
    font-weight: 600;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks li {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #0d316a;
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 3.4rem;
    max-width: 560px;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks li::marker {
    font-size: 4rem;
    color: #f3ad1c;
  }
  [class*=schools-staffing] .section--lead-in-block .support-image {
    margin: 7rem auto 5rem;
  }
  [class*=schools-staffing] .section--latest-slp-jobs {
    padding: 10rem 0 16rem;
  }
  [class*=schools-staffing] .section--latest-slp-jobs h3 {
    font-size: 3.6rem;
  }
  [class*=schools-staffing] .section--latest-slp-jobs footer.job-carousel-footer {
    margin-top: 8rem;
  }
  [class*=schools-staffing] .section--latest-slp-jobs footer.job-carousel-footer p {
    font-size: 2.4rem;
    font-weight: 600;
  }
  [class*=schools-staffing] .section--latest-slp-jobs footer.job-carousel-footer a {
    font-size: 2rem;
    font-weight: bold;
  }
  [class*=schools-staffing] .section--form-copy-columns .gfield_checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
  }
  [class*=schools-staffing] .section--form-copy-columns h2 {
    font-size: 5rem;
  }
  [class*=schools-staffing] .section--form-copy-columns .copy-header {
    margin-top: 10rem;
  }
}
@media (min-width: 1200px) {
  [class*=schools-staffing] .form-column {
    max-width: 460px;
    margin: 0 auto;
  }
  [class*=schools-staffing] .form-column .gf_left_half,
  [class*=schools-staffing] .form-column .gf_right_half {
    width: 48%;
    display: inline-block;
  }
  [class*=schools-staffing] .form-column .gf_left_half {
    margin-right: 2%;
  }
  [class*=schools-staffing] .form-column .gf_right_half {
    margin-left: 2%;
  }
  [class*=schools-staffing] .section--form-copy-columns .copy-header {
    text-align: left;
    max-width: 100%;
    margin: 0 auto;
  }
  [class*=schools-staffing] .section--lead-in-block .copy-column {
    max-width: 690px;
    margin: 0 auto;
  }
  [class*=schools-staffing] .section--testimonial-block .copy-column {
    max-width: 690px;
    margin: 0 auto;
    padding-right: 2rem;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns {
    margin-top: -8.5rem;
    margin-bottom: -8.5rem;
    background-image: url("/wp-content/themes/vocovision/images/content/woman-and-baby.jpg");
    background-repeat: no-repeat;
    background-size: 40%;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns h3 {
    font-size: 3.6rem;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns .image-copy-columns {
    display: flex;
    flex-direction: row;
    column-gap: 10rem;
    align-items: center;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns .image-column {
    clip-path: none;
    margin-left: -115px;
    width: 50%;
    height: 100%;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns .column-image {
    display: none;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns .copy-column {
    margin-top: 12rem;
  }
  [class*=schools-staffing].retired .section--image-slant-copy-columns {
    background-image: url("/wp-content/themes/vocovision/images/content/man-waving-at-screen.jpg");
  }
  [class*=schools-staffing].recent-grads .section--image-slant-copy-columns {
    background-image: url("/wp-content/themes/vocovision/images/content/man-waving-at-screen-2.jpg");
  }
}
@media (min-width: 1366px) {
  [class*=schools-staffing] .section--image-slant-copy-columns {
    margin-top: -9.6rem;
    margin-bottom: -9.6rem;
  }
}
@media (min-width: 1400px) {
  [class*=schools-staffing] .support-blocks h4 {
    font-size: 3.6rem;
  }
  [class*=schools-staffing] .support-blocks p {
    font-size: 2.4rem;
    font-weight: 600;
  }
  [class*=schools-staffing] .section--form-copy-columns .copy-header {
    text-align: left;
    max-width: 690px;
    margin: 0 auto;
    padding-right: 5rem;
  }
  [class*=schools-staffing] .form-wrapper {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    column-gap: 2rem;
  }
  [class*=schools-staffing] .section--testimonial-block .copy-image-column {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  [class*=schools-staffing] .section--lead-in-block .copy-image-columns {
    margin: 2.4rem auto 2rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 4rem;
  }
  [class*=schools-staffing] .section--lead-in-block .image-column {
    margin-top: 0;
  }
  [class*=schools-staffing] .section--stats-blocks .stats-blocks-wrap {
    margin: 0rem auto 0;
  }
  [class*=schools-staffing] .section--stats-blocks .copy-image-column {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  [class*=schools-staffing] .section--stats-blocks .column-image {
    margin-top: -28rem;
  }
  [class*=schools-staffing] .section--stats-blocks footer {
    display: grid;
    grid-template-columns: max-content max-content;
    gap: 2rem;
    justify-content: space-evenly;
    width: max-content;
    margin: 0 auto;
  }
  [class*=schools-staffing] .section--stats-blocks footer h3,
  [class*=schools-staffing] .section--stats-blocks footer a {
    margin: 0;
    line-height: 2.4rem;
  }
  [class*=schools-staffing] .section--need-the-best .copy-image-columns {
    margin: 2.4rem auto 5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: normal;
  }
  [class*=schools-staffing] .section--need-the-best .image-column {
    margin-top: 0;
  }
  [class*=schools-staffing] .section--need-the-best .need-the-best-blocks {
    columns: 2;
  }
  [class*=schools-staffing] .section--need-the-best .copy-column {
    max-width: 690px;
    padding-right: 2rem;
  }
  [class*=schools-staffing] .section--need-the-best h3 {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 5rem;
    line-height: 59px;
    text-transform: uppercase;
    color: #0d316a;
    text-align: left;
  }
  [class*=schools-staffing] .section--need-the-best p {
    hyphens: none;
    font-size: 1.6rem;
    line-height: 1.3;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 2.4rem;
    color: #0d316a;
    text-align: left;
  }
  [class*=schools-staffing] .section--need-the-best .need-the-best-blocks li {
    margin-right: 5rem;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #0d316a;
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 4.4rem;
    margin-top: 0;
  }
  [class*=schools-staffing] .section--need-the-best .need-the-best-blocks li::marker {
    font-size: 4rem;
    color: #f3ad1c;
  }
  [class*=schools-staffing] .section--copy-button-columns {
    padding: 0rem 0;
  }
  [class*=schools-staffing] .section--copy-button-columns h3 {
    font-size: 3.6rem;
  }
  [class*=schools-staffing] .section--lead-in-block .header {
    max-width: 100%;
  }
  [class*=schools-staffing] .section--lead-in-block .header h2,
  [class*=schools-staffing] .section--lead-in-block .header p {
    max-width: 916px;
    margin-left: auto;
    margin-right: auto;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks {
    margin: 6rem 0rem 1rem;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks .school-professionals-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 3rem 2rem;
  }
  [class*=schools-staffing] .section--latest-slp-jobs .card-footer .date-posted {
    display: block;
  }
  [class*=schools-staffing] .section--latest-slp-jobs .card-footer li {
    font-size: 1.6rem;
    text-transform: none;
    line-height: 1;
    flex-basis: calc(33.3% - 2rem);
    color: #000;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns {
    margin-top: -10.1rem;
    margin-bottom: 1em;
  }
  [class*=schools-staffing] .section--form-copy-columns {
    margin-top: -11.5rem;
  }
  [class*=schools-staffing] .section--form-copy-columns .copy-header p {
    max-width: 910px;
    margin: 0 auto;
  }
}
@media (min-width: 1600px) {
  [class*=schools-staffing] .support-block {
    width: 450px;
    max-width: 100%;
    padding: 7rem 2rem 5rem;
  }
  [class*=schools-staffing] .section--lead-in-block .school-professionals-blocks .school-professionals-block {
    width: 454px;
  }
  [class*=schools-staffing] .section--image-slant-copy-columns {
    margin-top: -11.25rem;
    margin-bottom: 0em;
  }
}

.wfh-slp-careers.thank-you .section--latest-slp-jobs {
  padding: 10rem 0;
  clip-path: none;
}
.wfh-slp-careers.thank-you .section--latest-slp-jobs footer.job-carousel-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wfh-slp-careers.thank-you .sec-footer-cta .btn {
  max-width: 182px;
}