/******************************************************************
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
*********************/
/* TRANSFORMING VIRTUAL LEARNING IN SPECIAL EDUCATION-TY */
.page-template-page-transforming-virtual-sped-ty .mobile-nav {
  display: none;
}
.page-template-page-transforming-virtual-sped-ty .section--latest-slp-jobs h3 {
  font-size: 3.6rem;
  text-align: center;
}
.page-template-page-transforming-virtual-sped-ty .thank-you .sec-footer-cta .btn {
  max-width: 400px;
  line-height: 16px;
  background-color: #c81330;
  color: #fff;
  border: none;
  border: 0px;
  box-shadow: none;
  margin-top: 4rem;
}
.page-template-page-transforming-virtual-sped-ty .page-hero {
  background: none;
  --page-hero-overlay: inset 0 0 0 2000px rgba(29, 69, 136, 0.61);
}
.page-template-page-transforming-virtual-sped-ty .sec-footer-abstract-2 {
  background: none;
  padding: 8rem 0;
  background-color: #f3ad1c;
}
.page-template-page-transforming-virtual-sped-ty .bg-lt-orange {
  background-color: #f3ad1c;
  padding: 4rem;
}
.page-template-page-transforming-virtual-sped-ty .footer-cta a.btn.white-btn {
  line-height: 16px;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns {
  padding-top: 8rem;
  background-color: #f3ad1c;
  color: #fff;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns li[class^=gchoice_] {
  display: grid;
  grid-template-columns: 40px 1fr;
  column-gap: 1rem;
  align-content: start;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .gfield_checkbox input[type=checkbox] {
  width: 30px;
  height: 30px;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .copy-header {
  text-align: center;
  max-width: 1164px;
  margin: 0 auto;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .copy-header p {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.3;
  hyphens: none;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns input[type=text],
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns input[type=email] {
  min-height: 52px;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .gchoice {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .gfield_checkbox label a {
  color: #fff;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .gfield_required {
  color: #fff;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .image-column {
  margin-top: 8rem;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .form-column {
  max-width: 450px;
  margin: 0 auto;
}
.page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .column-image {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.page-template-page-transforming-virtual-sped-ty .hero-content .btn {
  width: 100%;
  max-width: 350px;
}
.page-template-page-transforming-virtual-sped-ty .hero-content .red-border-btn {
  margin-top: 2rem;
}
.page-template-page-transforming-virtual-sped-ty .hero-content .red-btn,
.page-template-page-transforming-virtual-sped-ty .hero-content .red-border-btn {
  width: 100%;
  max-width: 350px;
}
.page-template-page-transforming-virtual-sped-ty .form-wrapper header.copy-header {
  text-align: center;
  max-width: 1164px;
  margin: 0 auto;
}
.page-template-page-transforming-virtual-sped-ty .form-column label.gfield_label {
  color: #ffffff;
}
.page-template-page-transforming-virtual-sped-ty .block-reason-wrap {
  padding-top: 3rem;
  padding-bottom: 8rem;
}
.page-template-page-transforming-virtual-sped-ty .block-reason-wrap .block-reason {
  padding-bottom: 4rem;
}
.page-template-page-transforming-virtual-sped-ty .block-reason-wrap .block-reason p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000000;
  font-weight: 500;
}
.page-template-page-transforming-virtual-sped-ty .block-reason-wrap h4 {
  margin: 2rem 0 1.6rem;
  text-transform: uppercase;
}
.page-template-page-transforming-virtual-sped-ty .section--support-blocks h3 {
  text-align: center;
  margin: 1rem auto 3.5rem;
  line-height: 1.16;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer {
  background-color: #0a2f6c;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column {
  margin-bottom: 4rem;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.logo {
  margin-bottom: 5rem;
  text-align: center;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.logo svg {
  max-width: 100%;
  width: 284px;
  margin-top: 1rem;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.quick-apply .btn {
  width: 100%;
  max-width: 343px;
  padding: 2rem;
  text-align: center;
  min-width: 182px;
}
.page-template-page-transforming-virtual-sped-ty 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;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.helpful-links a:hover {
  text-decoration: none;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.social-links {
  margin: 8rem auto;
  text-align: center;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.social-links h4 {
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: none;
  display: none;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.social-links svg {
  width: 35px;
  height: 35px;
}
.page-template-page-transforming-virtual-sped-ty footer.site-footer .desktop-social {
  display: none;
}
@media (min-width: 768px) {
  .page-template-page-transforming-virtual-sped-ty .hero-content .red-btn,
  .page-template-page-transforming-virtual-sped-ty .hero-content .red-border-btn {
    min-width: 182px;
    width: auto;
  }
  .page-template-page-transforming-virtual-sped-ty .block-reason-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5%;
    align-items: baseline;
  }
  .page-template-page-transforming-virtual-sped-ty .block-reason-wrap .block-reason {
    padding-bottom: 0;
  }
  .page-template-page-transforming-virtual-sped-ty .block-reason-wrap .block-reason p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-transforming-virtual-sped-ty .block-reason-wrap h4 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-transform: none;
  }
  .page-template-page-transforming-virtual-sped-ty main .btn {
    width: 100%;
    max-width: 309px;
    text-align: center;
  }
  .page-template-page-transforming-virtual-sped-ty .page-hero .hero-inner {
    margin-left: 0;
    margin-right: 0;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .site-footer-columns {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5rem;
    justify-content: center;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.logo {
    width: 100%;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.quick-apply {
    width: 100%;
    text-align: center;
    margin: 2rem auto 0;
  }
}
@media (min-width: 1030px) {
  .page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .gfield_checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
  }
  .page-template-page-transforming-virtual-sped-ty .section--form-copy-columns h2 {
    font-size: 5rem;
  }
  .page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .copy-header {
    margin-top: 10rem;
  }
  .page-template-page-transforming-virtual-sped-ty .page-hero {
    padding: 4rem 0 6rem;
  }
  .page-template-page-transforming-virtual-sped-ty .page-hero .logo {
    width: 284px;
    margin-bottom: 2rem;
  }
  .page-template-page-transforming-virtual-sped-ty .hero-content h1 {
    font-size: 6.2rem;
  }
  .page-template-page-transforming-virtual-sped-ty .hero-content .hero-buttons {
    display: flex;
    flex-direction: row;
    column-gap: 2rem;
  }
  .page-template-page-transforming-virtual-sped-ty .hero-content .btn {
    max-width: max-content;
    min-width: 213px;
  }
}
@media (min-width: 1400px) {
  .page-template-page-transforming-virtual-sped-ty .section--form-copy-columns {
    margin-top: -11.5rem;
  }
  .page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .copy-header p {
    max-width: 910px;
    margin: 0 auto;
  }
  .page-template-page-transforming-virtual-sped-ty .section--form-copy-columns .form-and-image {
    display: flex;
    flex-direction: row-reverse;
    max-width: 965px;
    margin: 6rem auto 3rem;
    column-gap: 6rem;
  }
  .page-template-page-transforming-virtual-sped-ty .support-blocks h4 {
    font-size: 2.8rem;
  }
  .page-template-page-transforming-virtual-sped-ty .large-desktop-only {
    display: block;
  }
  .page-template-page-transforming-virtual-sped-ty:not(.page-thank-you) .page-hero {
    position: relative;
  }
  .page-template-page-transforming-virtual-sped-ty: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;
  }
  .page-template-page-transforming-virtual-sped-ty:not(.page-thank-you) .page-hero .hero-content {
    padding-bottom: 5rem;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .site-footer-columns {
    margin: 4rem auto 6rem;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column {
    width: 23%;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.logo {
    width: 25%;
    text-align: left;
    order: 1;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.logo svg {
    margin-top: 0;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.quick-apply {
    order: 4;
    width: 15%;
    text-align: right;
    margin-top: 0;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.quick-apply .btn {
    max-width: 182px;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.helpful-links {
    order: 2;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.contact-info {
    order: 3;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column.social-links {
    display: none;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .footer-column h4 {
    margin-top: 0;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .desktop-social {
    display: block;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .desktop-social h4 {
    margin-top: 4rem;
  }
  .page-template-page-transforming-virtual-sped-ty footer.site-footer .desktop-social .follow-us-links {
    display: flex;
    max-width: 190px;
    margin: 0;
  }
}

/* END TRANSFORMING VIRTUAL LEARNING IN SPECIAL EDUCATION - TY */
/* TRANSFORMING VIRTUAL LEARNING IN SPECIAL EDUCATION (version 2 for a/b test) */
.page-template-page-transforming-virtual-sped-2 .page-hero {
  background: none;
}
.page-template-page-transforming-virtual-sped-2 .page-hero .hero-buttons {
  text-align: center;
}
.page-template-page-transforming-virtual-sped-2 .footer-cta a.btn.white-btn {
  line-height: 16px;
}
.page-template-page-transforming-virtual-sped-2 .download-button-wrap {
  margin: 3.6rem auto 0;
}
.page-template-page-transforming-virtual-sped-2 .download-button-wrap .btn.download-white-paper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  padding: 10px 20px;
}
.page-template-page-transforming-virtual-sped-2 .download-button-wrap .btn.download-white-paper::before {
  content: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_7837_23807%29%22%3E%0A%3Cpath%20d%3D%22M14.9999%2020C14.7437%2020%2014.4987%2019.895%2014.3224%2019.71L7.75994%2012.835C7.18994%2012.2388%207.61369%2011.25%208.43744%2011.25H11.8749V4.0625C11.8749%203.20125%2012.5762%202.5%2013.4374%202.5H16.5624C17.4237%202.5%2018.1249%203.20125%2018.1249%204.0625V11.25H21.5624C22.3862%2011.25%2022.8099%2012.2388%2022.2399%2012.835L15.6774%2019.71C15.5012%2019.895%2015.2562%2020%2014.9999%2020Z%22%20fill%3D%22%2374C2DF%22%2F%3E%0A%3Cpath%20d%3D%22M27.8125%2027.5H2.1875C0.98125%2027.5%200%2026.5187%200%2025.3125V24.6875C0%2023.4813%200.98125%2022.5%202.1875%2022.5H27.8125C29.0187%2022.5%2030%2023.4813%2030%2024.6875V25.3125C30%2026.5187%2029.0187%2027.5%2027.8125%2027.5Z%22%20fill%3D%22%23BEC75B%22%2F%3E%0A%3Cpath%20d%3D%22M14.9999%202.5H13.4374C12.5762%202.5%2011.8749%203.20125%2011.8749%204.0625V11.25H8.43744C7.61369%2011.25%207.18994%2012.2388%207.75994%2012.835L14.3224%2019.71C14.4987%2019.895%2014.7437%2020%2014.9999%2020V2.5Z%22%20fill%3D%22%2374C2DF%22%2F%3E%0A%3Cpath%20d%3D%22M15%2022.5H2.1875C0.98125%2022.5%200%2023.4813%200%2024.6875V25.3125C0%2026.5187%200.98125%2027.5%202.1875%2027.5H15V22.5Z%22%20fill%3D%22%23BEC75B%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_7837_23807%22%3E%0A%3Crect%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  display: block;
  width: 30px;
  height: 30px;
}
.page-template-page-transforming-virtual-sped-2 .page-hero {
  background-color: #bec75b;
  padding-bottom: 1.5rem;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 70% 0;
}
.page-template-page-transforming-virtual-sped-2 .page-hero h1 {
  text-transform: none;
  color: var(--navy-200);
  font-size: 3.6rem;
  line-height: 1.13;
  margin-bottom: 2.4rem;
}
.page-template-page-transforming-virtual-sped-2 .page-hero .hero-content {
  padding-bottom: 2rem;
  padding-top: 1.6rem;
}
.page-template-page-transforming-virtual-sped-2 .page-hero .hero-content .btn {
  width: 100%;
  max-width: 350px;
}
.page-template-page-transforming-virtual-sped-2 .page-hero .hero-content .red-border-btn {
  margin-top: 2rem;
}
.page-template-page-transforming-virtual-sped-2 .page-hero .hero-content .red-btn,
.page-template-page-transforming-virtual-sped-2 .page-hero .hero-content .hero-content .red-border-btn {
  width: 100%;
  max-width: 350px;
}
.page-template-page-transforming-virtual-sped-2 .page-hero .hero-inner {
  padding: 0 1.5rem;
}
.page-template-page-transforming-virtual-sped-2 .page-hero .hero-inner p {
  color: #4f4f4f;
  font-size: 1.8rem;
  line-height: 1.6;
  hyphens: none;
}
.page-template-page-transforming-virtual-sped-2 .page-hero .header-image {
  text-align: center;
  margin: 4rem auto 1rem;
  padding: 0 1.5rem;
}
.page-template-page-transforming-virtual-sped-2 .page-hero .header-image .column-image {
  max-width: 100%;
  height: auto;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services {
  padding: 5rem 0 6rem;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .column-image {
  max-width: 100%;
  height: auto;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services strong {
  font-weight: 800;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .header {
  margin: 1rem auto 5rem;
  text-align: center;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .header h2 {
  text-transform: none;
  color: var(--navy-200);
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: 500;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .slant-block {
  padding: 8rem 0.5rem;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .slant-block .copy-header em {
  font-style: italic;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .slant-block .copy-header p {
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 600;
  hyphens: none;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .bullet-points-wrap {
  margin: 6rem auto 4rem;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .bullet-points-wrap ul {
  margin: 0;
  padding: 0;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .bullet-points-wrap li {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.5;
  margin-bottom: 5rem;
  display: flex;
  flex-wrap: none;
  flex-direction: row;
  gap: 2rem;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .bullet-points-wrap li::before {
  content: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20fill%3D%22%2354A399%22%2F%3E%0A%3Cpath%20d%3D%22M11.5755%2021.8708L19.0894%2030.6583L30.1251%2013.4118%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  display: block;
  width: 42px;
  height: 42px;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer {
  background-color: #74c2df;
  color: var(--navy-200);
  padding: 6.4rem 2rem;
  text-align: center;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer p {
  font-size: 3rem;
  line-height: 1.3;
  color: var(--navy-200);
  font-weight: 600;
  hyphens: unset;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer p:first-of-type {
  margin-top: 0;
  margin-bottom: 0;
}
.page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer strong {
  font-weight: 900;
  font-size: 4.8rem;
  line-height: 1;
}
.page-template-page-transforming-virtual-sped-2 .section--testimonial-block {
  padding-bottom: 2rem;
  padding-top: 3rem;
}
.page-template-page-transforming-virtual-sped-2 .section--testimonial-block .testimonial-wrap::before {
  content: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2242%22%20height%3D%2234%22%20viewBox%3D%220%200%2042%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.144%200.559998L12.328%2016.176H17.448V33.456H0.168V15.92L4.776%200.559998H15.144ZM39.208%200.559998L36.392%2016.176H41.512V33.456H24.232V15.92L28.84%200.559998H39.208Z%22%20fill%3D%22%23F3AD1C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  display: block;
  width: 42px;
  height: 34px;
  margin-bottom: 3rem;
}
.page-template-page-transforming-virtual-sped-2 .section--testimonial-block .testimonial-wrap::after {
  content: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2242%22%20height%3D%2234%22%20viewBox%3D%220%200%2042%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.144%200.559998L12.328%2016.176H17.448V33.456H0.168V15.92L4.776%200.559998H15.144ZM39.208%200.559998L36.392%2016.176H41.512V33.456H24.232V15.92L28.84%200.559998H39.208Z%22%20fill%3D%22%23F3AD1C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  transform: rotate(180deg);
  display: block;
  width: 42px;
  height: 34px;
  margin-bottom: 3rem;
  margin-top: auto;
  margin-left: auto;
}
.page-template-page-transforming-virtual-sped-2 .section--testimonial-block .testimonial-wrap p {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.7;
  color: #0d316a;
  hyphens: none;
}
.page-template-page-transforming-virtual-sped-2 .section--testimonial-block .copy-image-column {
  gap: 3rem;
  display: flex;
  flex-direction: column;
}
.page-template-page-transforming-virtual-sped-2 .section--testimonial-block .copy-column .header p {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.7;
  color: #0d316a;
}
.page-template-page-transforming-virtual-sped-2 .section--testimonial-block .image-column {
  text-align: center;
}
.page-template-page-transforming-virtual-sped-2 .section--testimonial-block .image-column img {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.page-template-page-transforming-virtual-sped-2 .section--need-the-best {
  padding-top: 2rem;
}
.page-template-page-transforming-virtual-sped-2 .section--need-the-best h3 {
  font-size: 2.8rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 800;
  color: #0d316a;
  margin-top: 4rem;
  text-transform: none;
}
.page-template-page-transforming-virtual-sped-2 .section--need-the-best header {
  color: #0a2f6c;
  text-align: center;
}
.page-template-page-transforming-virtual-sped-2 .section--need-the-best .header p {
  text-align: center;
  max-width: 816px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3;
  color: #4f4f4f;
}
.page-template-page-transforming-virtual-sped-2 .block-reason-wrap {
  padding-top: 3rem;
  padding-bottom: 0rem;
}
.page-template-page-transforming-virtual-sped-2 .block-reason-wrap .block-reason {
  padding-bottom: 4rem;
}
.page-template-page-transforming-virtual-sped-2 .block-reason-wrap .block-reason p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000000;
  font-weight: 500;
}
.page-template-page-transforming-virtual-sped-2 .block-reason-wrap h4 {
  margin: 2rem 0 1.6rem;
  text-transform: none;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3;
  color: #4f4f4f;
}
.page-template-page-transforming-virtual-sped-2 .sec-footer-cta h2 {
  margin-top: 2.4rem;
  font-size: 3.6rem;
  line-height: 1.3;
}
.page-template-page-transforming-virtual-sped-2 .sec-footer-cta .btn {
  padding: 16px 20px;
  margin: 5rem auto;
  width: 100%;
  max-width: 345px;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer {
  background-color: #0a2f6c;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column {
  margin-bottom: 4rem;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.logo {
  margin-bottom: 5rem;
  text-align: center;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.logo svg {
  max-width: 100%;
  width: 284px;
  margin-top: 1rem;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.quick-apply .btn {
  width: 100%;
  max-width: 343px;
  padding: 2rem;
  text-align: center;
  min-width: 182px;
  margin-bottom: 6rem;
}
.page-template-page-transforming-virtual-sped-2 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;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.helpful-links a:hover {
  text-decoration: none;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.social-links {
  margin: 8rem auto;
  text-align: center;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.social-links h4 {
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: none;
  display: none;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.social-links svg {
  width: 35px;
  height: 35px;
}
.page-template-page-transforming-virtual-sped-2 footer.site-footer .desktop-social {
  display: none;
}
.page-template-page-transforming-virtual-sped-2 .sec-footer-vl {
  background: url("/wp-content/themes/vocovision/images/content/transforming-virtual-sped/content-footer-bg_small.jpg") no-repeat 50% 50%;
  background-size: auto;
  background-size: cover;
  padding: 2rem 0;
}
@media (min-width: 768px) {
  .page-template-page-transforming-virtual-sped-2 .page-hero .header-image .column-image {
    max-width: 75%;
  }
  .page-template-page-transforming-virtual-sped-2 .container {
    padding-right: 65px;
    padding-left: 65px;
  }
  .page-template-page-transforming-virtual-sped-2 .hero-content .red-btn,
  .page-template-page-transforming-virtual-sped-2 .hero-content .red-border-btn {
    min-width: 182px;
    width: auto;
  }
  .page-template-page-transforming-virtual-sped-2 main .btn {
    width: 100%;
    max-width: 309px;
    text-align: center;
  }
  .page-template-page-transforming-virtual-sped-2 .hero-inner {
    margin: 4rem auto;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer {
    text-align: left;
  }
  .page-template-page-transforming-virtual-sped-2 .block-reason-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5%;
    align-items: baseline;
  }
  .page-template-page-transforming-virtual-sped-2 .block-reason-wrap .block-reason {
    padding-bottom: 0;
  }
  .page-template-page-transforming-virtual-sped-2 .block-reason-wrap .block-reason p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-template-page-transforming-virtual-sped-2 .block-reason-wrap h4 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-transform: none;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .site-footer-columns {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5rem;
    justify-content: center;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.logo {
    width: 100%;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.quick-apply {
    width: 100%;
    text-align: center;
    margin: 2rem auto 0;
  }
  .page-template-page-transforming-virtual-sped-2 .sec-footer-vl {
    background: url("/wp-content/themes/vocovision/images/content/transforming-virtual-sped/content-footer-bg_large.jpg") no-repeat 50% 50%;
    background-size: auto;
    background-size: cover;
  }
}
@media (min-width: 1030px) {
  .page-template-page-transforming-virtual-sped-2 .page-hero {
    padding: 0 0 6rem;
  }
  .page-template-page-transforming-virtual-sped-2 .page-hero .logo {
    margin-bottom: 1.6rem;
  }
  .page-template-page-transforming-virtual-sped-2 .logo {
    margin-left: -1.5rem;
  }
  .page-template-page-transforming-virtual-sped-2 .hero-content h1 {
    font-size: 4.4rem;
    line-height: 1.3;
    margin-bottom: 3.2rem;
  }
  .page-template-page-transforming-virtual-sped-2 .hero-content .hero-buttons {
    display: flex;
    flex-direction: row;
    column-gap: 2rem;
  }
  .page-template-page-transforming-virtual-sped-2 .hero-content .btn {
    max-width: max-content;
    min-width: 213px;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .header {
    max-width: 926px;
    margin: 6rem auto 8rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .header h2 {
    font-size: 3.2rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .copy-image-column {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .slant-block .copy-header {
    align-self: flex-end;
    max-width: 571px;
    order: 1;
    flex: 1 1 50%;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .slant-block .copy-header p {
    font-size: 2.8rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .bullet-points-wrap {
    order: 3;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .bullet-points-wrap li {
    font-size: 2.8rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .image-column {
    order: 2;
    flex: 1 1 40%;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer .content-wrap {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .page-template-page-transforming-virtual-sped-2 .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .page-template-page-transforming-virtual-sped-2 a.logo {
    width: 284px;
  }
  .page-template-page-transforming-virtual-sped-2 .page-hero {
    position: relative;
  }
  .page-template-page-transforming-virtual-sped-2 .page-hero:before {
    content: " ";
    background-image: url('data:image/svg+xml;utf8, <svg width="975" height="853" viewBox="0 0 975 853" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.9275 851.778C-105.392 643.397 357.41 644.678 561.803 648.665C766.197 652.651 918.122 484.758 963.786 325.588C1000.32 198.251 923.835 81.8147 871.742 100.2C819.65 118.585 828.223 164.676 842.062 182.587C855.902 200.497 887.605 209.523 913.703 189.239C939.801 168.955 966.877 92.4163 870.596 29.7912C789.553 -22.9233 694.544 -17.9823 668.607 -4.53294" stroke="white" stroke-width="2"/></svg>');
    background-size: 100% 100%;
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 35%;
    z-index: 0;
    max-width: 1400px;
  }
  .page-template-page-transforming-virtual-sped-2 .page-hero .header-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .page-template-page-transforming-virtual-sped-2 .page-hero .hero-inner {
    max-width: 710px;
    padding: 0;
    margin-right: 0;
    flex: 1 1 auto;
  }
  .page-template-page-transforming-virtual-sped-2 .page-hero .hero-content {
    position: relative;
    z-index: 1;
  }
  .page-template-page-transforming-virtual-sped-2 .page-hero .header-image {
    flex: 1 1 650px;
  }
  .page-template-page-transforming-virtual-sped-2 .page-hero .header-image .column-image {
    max-width: 100%;
  }
  .page-template-page-transforming-virtual-sped-2 .bullet-points-wrap {
    display: flex;
    gap: 2rem;
  }
  .page-template-page-transforming-virtual-sped-2 .bullet-points-wrap ul {
    flex: 1 1 50%;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .slant-block {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer .content-wrap {
    display: flex;
    max-width: 100%;
    gap: 4rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer .copy {
    max-width: 977px;
    flex: 1 1 auto;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer .download-button-wrap {
    flex: 0 0 332px;
    margin: 0;
    display: flex;
    align-content: center;
    justify-content: flex-end;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .services-footer .download-button-wrap .btn {
    align-self: center;
  }
  .page-template-page-transforming-virtual-sped-2 .section--testimonial-block .copy-image-column {
    flex-direction: row;
    gap: 4rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--testimonial-block .copy-column {
    flex: 0 0 50%;
    order: 2;
  }
  .page-template-page-transforming-virtual-sped-2 .section--testimonial-block .image-column {
    flex: 0 0 50%;
    order: 1;
  }
  .page-template-page-transforming-virtual-sped-2 .testimonial-wrap {
    display: flex;
    flex-direction: row;
    gap: 2rem;
  }
}
@media (min-width: 1400px) {
  .page-template-page-transforming-virtual-sped-2 .page-hero .header-image {
    padding: 0;
    margin: 0;
  }
  .page-template-page-transforming-virtual-sped-2 .page-hero .header-image .column-image {
    max-width: 550px;
  }
  .page-template-page-transforming-virtual-sped-2 .hero-inner {
    margin-left: 0rem;
  }
  .page-template-page-transforming-virtual-sped-2 .hero-content h1 {
    font-size: 5.4rem;
  }
  .page-template-page-transforming-virtual-sped-2 .logo {
    margin-left: -3.5rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .header {
    margin: 8rem auto 8rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .header h2 {
    font-size: 4.2rem;
  }
  .page-template-page-transforming-virtual-sped-2 .angle-top-right {
    overflow: visible;
    clip-path: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    background-image: url('data:image/svg+xml;utf8, <svg width="1600" height="1028" viewBox="0 0 1600 1028" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1600 1028L0 1028L0.000211941 -0.000872298L1600 199.999L1600 1028Z" fill="%231D4588"/></svg>');
  }
  .page-template-page-transforming-virtual-sped-2 .angle-top-right .image-column .header-image {
    top: -10rem;
    position: relative;
  }
  .page-template-page-transforming-virtual-sped-2 .section--need-the-best {
    padding-top: 6rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--need-the-best h3 {
    font-size: 4rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--need-the-best header {
    color: #0a2f6c;
    text-align: center;
    margin-bottom: 6rem;
  }
  .page-template-page-transforming-virtual-sped-2 .sec-footer-cta {
    padding: 10rem 0;
    margin-top: 6rem;
  }
  .page-template-page-transforming-virtual-sped-2 .sec-footer-cta h2 {
    font-size: 5rem;
    max-width: 1200px;
    margin: 0 auto;
  }
  .page-template-page-transforming-virtual-sped-2 .sec-footer-cta .btn {
    margin: 7rem auto 3rem;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .site-footer-columns {
    margin: 4rem auto 6rem;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column {
    width: 23%;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.logo {
    width: 25%;
    text-align: left;
    order: 1;
    flex: 0 0 300px;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.logo svg {
    margin-top: 0;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.quick-apply {
    order: 4;
    flex: 0 1 auto;
    width: auto;
    text-align: right;
    margin-top: 0;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.quick-apply .btn {
    max-width: 323px;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.helpful-links {
    order: 3;
    flex: 0 0 200px;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.contact-info {
    order: 2;
    flex: 0 0 200px;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.contact-info ul:first-of-type {
    list-style-type: none;
    margin-top: 0;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column.social-links {
    display: none;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .footer-column h4 {
    margin-top: 0;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .desktop-social {
    display: block;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .desktop-social h4 {
    margin-top: 4rem;
  }
  .page-template-page-transforming-virtual-sped-2 footer.site-footer .desktop-social .follow-us-links {
    display: flex;
    max-width: 190px;
    margin: 0;
  }
}
@media (min-width: 1600px) {
  .page-template-page-transforming-virtual-sped-2 .site-header .header-image {
    padding: 0;
    margin: 0;
  }
  .page-template-page-transforming-virtual-sped-2 .site-header .header-image .column-image {
    max-width: 650px;
  }
  .page-template-page-transforming-virtual-sped-2 .logo {
    margin-left: -7rem;
  }
  .page-template-page-transforming-virtual-sped-2 .hero-inner {
    margin-left: 0rem;
  }
  .page-template-page-transforming-virtual-sped-2 .hero-content h1 {
    font-size: 5.4rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services {
    padding: 5rem 0 10rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .header {
    margin: 8rem auto 6rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .header h2 {
    font-size: 4.2rem;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .slant-block .copy-header {
    margin-bottom: 60px;
  }
  .page-template-page-transforming-virtual-sped-2 .section--access-to-services .bullet-points-wrap {
    margin: 0rem auto 4rem;
  }
}

/* END TRANSFORMING VIRTUAL LEARNING IN SPECIAL EDUCATION */