@charset "UTF-8";
@import "../layout/bootstrap-4.6.2.css";
@import url("https://use.typekit.net/spm5nwy.css");
@import url("https://use.typekit.net/hzl0qiv.css");
.bg-dark-gray {
  background: #4d4d4f;
}

.bg-pitch-gray {
  background: #2d2d2d;
}

.black {
  color: #000000;
}

.blue {
  color: #004b85;
}

.bg-dark-blue {
  background: #003462;
}

.dark-gray {
  color: #4d4d4f;
}

.green {
  color: #5c7f3d;
}

.light-gray {
  color: #b1b3b6;
}

.medium-gray {
  color: #808285;
}

.red {
  color: #840037;
}

.white {
  color: #ffffff;
}

.yellow,
.yellow a,
div.blue .yellow,
div.red .yellow {
  color: #efae2a;
}

input,
textarea,
select {
  resize: none;
  outline: none !important;
  height: auto;
  width: 100%;
  box-shadow: none !important;
  border: 1px solid #b1b3b6;
  border-radius: 5px;
  -webkit-appearance: none !important;
  display: block;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
input[type="file"]:focus {
  border-color: #808285;
}

input[type="file"] {
  padding: 3px 5px 4px 5px;
}

textarea {
  height: 90px;
}

select {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  padding-right: 30px !important;
  background-image: url(/sites/default/files/images/layout/chevron-down.png) !important;
  background-position: right 10px center !important;
  background-size: 14px auto !important;
  background-repeat: no-repeat !important;
}

select::-ms-expand {
  display: none;
}

footer select {
  background-image: url(/sites/default/files/images/layout/chevron-down-white.png) !important;
}

div.red label,
div.blue label {
  color: #ffffff;
}

div.form label,
div.overlay-off label,
div.overlay-on label {
  color: #000000;
}

.hide-labels label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

input[type="radio"],
input[type="checkbox"],
input[type="radio"] + label,
input[type="checkbox"] + label {
  cursor: pointer;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
  position: relative;
  padding-left: 22px;
}

input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
  background: #004b85;
}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
  content: "";
  height: 15px;
  width: 15px;
  display: inline-block;
  border: 1px solid #000000;
  margin: 3px 5px 0px 0px;
  position: absolute;
  background-color: #ffffff;
  left: 0;
}

fieldset.large input[type="radio"] + label:before,
fieldset.large input[type="checkbox"] + label:before {
  height: 22px;
  width: 22px;
  margin-top: 0px;
  top: 4px;
}

input[type="radio"] + label:before {
  border-radius: 50%;
}

input[type="radio"],
input[type="checkbox"] {
  display: none;
}

main form input[type="text"],
main form input[type="email"],
main form input[type="password"],
main form input[type="tel"],
main form input[type="file"],
main form input[type="date"],
main form input[type="time"],
main form select,
main form textarea,
main form span.radio,
main form span.checkbox,
main form fieldset {
  margin-bottom: 20px;
  margin-top: 0 !important;
  display: block;
}

div.form-large input[type="text"],
div.form-large input[type="email"],
div.form-large input[type="password"],
div.form-large input[type="tel"],
div.form-large input[type="file"],
div.form-large select,
div.form-large textarea {
  padding: 12px;
  height: auto;
  margin-bottom: 15px;
}
div.form-large input[type="submit"].btn.button--primary {
  width: 100%;
  padding: 20px;
  font-size: 24px;
}

form div.webform-required {
  display: none;
}

form div.webform-options-display-side-by-side > div + div {
  margin-left: 15px;
}

@media (max-width: 991.98px) {
  form div.webform-options-display-side-by-side > div + div {
    margin-top: 10px;
  }
}
fieldset div.js-form-type-radio {
  position: relative;
}

fieldset.legend-bold legend {
  font-weight: bold;
  margin-bottom: 10px;
}

fieldset.legend-uppercase legend {
  text-transform: uppercase;
}

form legend {
  font-size: inherit;
  color: initial;
}

form label,
form fieldset.radios--wrapper legend {
  margin-bottom: 8px;
  text-transform: uppercase;
}

form fieldset.no-text-transform legend {
  text-transform: none;
}

form label.option,
form label.option + div.description {
  text-transform: none;
  padding-left: 22px;
}

form fieldset.large label.option,
form fieldset.large label.option + div.description {
  padding-left: 30px;
  padding-top: 4px;
}

form label.option + div.description {
  font-size: 16px;
  font-style: italic;
}

form label.form-required:after,
form fieldset.required legend span:after {
  content: "*";
  color: #f00;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  top: -5px;
  left: 3px;
}

form div[aria-label="Error message"] div[role="alert"] {
  color: #f00;
  font-weight: bold;
  margin-bottom: 10px;
}

form div.webform-flexbox {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

form div.form-item p.disclaimer {
  margin-top: -14px !important;
  margin-bottom: 14px !important;
}

input[type="text"][readonly],
input[type="email"][readonly],
input[type="tel"][readonly] {
  background-color: #f1f2f2;
}

div.form {
  width: 100%;
  margin: -580px 0px 30px 0px;
  background: #f1f2f2;
  border: 1px solid #b1b3b6;
  transition: 1s all;
}

div.register.reversed div.form {
  background: #ffffff;
}

div.form > h4:first-child {
  background: #003462;
  padding: 10px 25px 20px 25px;
  text-align: center;
  text-transform: none;
  margin: 0px !important;
}

div.form > div {
  padding: 20px 30px 20px 30px;
}

div.form > div p,
div.form > div p a {
  color: #000000 !important;
}

div.form > div + p {
  margin: 0;
}

div.form > div + p a.btn {
  background: #efae2a;
  width: 100%;
  margin: 0px;
  padding: 20px 15px 20px 15px;
  font-size: 32px;
  letter-spacing: 3px;
  color: #000000;
  border: 0px !important;
  border-radius: 0px !important;
}

div.form > div + p a.btn:hover {
  color: #ffffff;
  background: #004b85 !important;
}

div.form input[type="text"],
div.form input[type="email"],
div.form input[type="tel"],
div.form select {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 15px;
}

div.form input[type="text"],
div.form input[type="email"],
div.form input[type="tel"] {
  padding: 12px;
}

@media (max-width: 991px) {
  div.form {
    margin-top: 10px !important;
  }
}
@media (max-width: 679px) {
  div.form > h4:first-child,
  div.form > h4 {
    padding: 10px 15px 20px 15px;
  }
}
div.fieldset-wrapper div.webform-options-display-one-column div.form-item {
  line-height: 1.5em;
}

div.fieldset-wrapper
  div.webform-options-display-one-column
  div.form-item
  label
  + div.description {
  margin-top: -10px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.8);
}

div.fieldset-wrapper
  div.webform-options-display-one-column
  div.form-item
  + div.form-item {
  margin-top: 5px;
}

/* Neuropol X font */
/* Mazurquica font */
@font-face {
  font-family: "NewsGothic";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src:
    url("/themes/cvtc/fonts/news-gothic-regular.woff2") format("woff2"),
    url("/themes/cvtc/fonts/news-gothic-regular.woff") format("woff");
}
@font-face {
  font-family: "NewsGothic";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src:
    url("/themes/cvtc/fonts/news-gothic-bold.woff2") format("woff2"),
    url("/themes/cvtc/fonts/news-gothic-bold.woff") format("woff");
}
@font-face {
  font-family: "NewsGothic";
  font-weight: normal;
  font-style: italic;
  font-display: swap;
  src:
    url("/themes/cvtc/fonts/news-gothic-italic.woff2") format("woff2"),
    url("/themes/cvtc/fonts/news-gothic-italic.woff") format("woff");
}
@font-face {
  font-family: "NewsGothic";
  font-weight: bold;
  font-style: italic;
  font-display: swap;
  src:
    url("/themes/cvtc/fonts/news-gothic-bold-italic.woff2") format("woff2"),
    url("/themes/cvtc/fonts/news-gothic-bold-italic.woff") format("woff");
}
@font-face {
  font-family: "NewsGothicCondensed";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src:
    url("/themes/cvtc/fonts/news-gothic-condensed-regular.woff2")
      format("woff2"),
    url("/themes/cvtc/fonts/news-gothic-condensed-regular.woff") format("woff");
}
@font-face {
  font-family: "NewsGothicCondensed";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src:
    url("/themes/cvtc/fonts/news-gothic-condensed-bold.woff2") format("woff2"),
    url("/themes/cvtc/fonts/news-gothic-condensed-bold.woff") format("woff");
}
@font-face {
  font-family: "AtlantisTheLostCity";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src:
    url("/themes/cvtc/fonts/atlantis-the-lost-city.woff2") format("woff2"),
    url("/themes/cvtc/fonts/atlantis-the-lost-city.woff") format("woff");
}
@font-face {
  font-family: "AtlantisTheLostCity";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src:
    url("/themes/cvtc/fonts/atlantis-the-lost-city.woff2") format("woff2"),
    url("/themes/cvtc/fonts/atlantis-the-lost-city.woff") format("woff");
}
:root {
  interpolate-size: allow-keywords;
}

html,
body,
td {
  font-family: "NewsGothic", Arial, sans-serif;
  font-size: 16px;
  line-height: 1em;
  vertical-align: top;
  padding: 0;
}

p,
li {
  font-size: 16px;
  line-height: 1.5em;
  color: #000000;
  margin: 0 0 0.875em 0;
}

li {
  margin: 0 0 2px 0;
}

p.small,
div.small p,
div.box p.small,
div.box div.small p,
blockquote.small p {
  font-size: 14px !important;
}

p.large,
div.box p.large,
div.large p {
  font-size: 20px;
}

p.extra-large,
div.extra-large p {
  font-size: 24px;
}

html body div p.disclaimer,
html body div p.disclaimer a,
html body div p em.disclaimer,
html body div p em.disclaimer a {
  font-style: italic;
  color: #4d4d4f;
  font-size: 13px !important;
}

html body div p em.disclaimer {
  line-height: 1.5em !important;
  display: inline-block;
}

div.gray p.disclaimer,
div.gray p.disclaimer a,
div.gray p em.disclaimer,
div.gray p em.disclaimer a {
  color: #4d4d4f;
}

div.blue p.disclaimer,
div.blue p.disclaimer a,
div.blue p em.disclaimer,
div.blue p em.disclaimer a {
  color: #ffffff;
}

div.photo-box div p {
  color: #000000;
}

.nomargin {
  margin: 0 !important;
}

.less-margin p {
  margin-bottom: 0.4em;
}

.less-margin p a {
  text-decoration: none;
}

.less-margin p a:hover,
.less-margin p a:focus {
  text-decoration: underline;
}

.nowrap {
  white-space: nowrap;
}

@media (min-width: 1200px) {
  html,
  body,
  td,
  p,
  li {
    font-size: 18px;
  }
  p.small,
  div.small p,
  blockquote.small p {
    font-size: 16px !important;
  }
}
@media (max-width: 991.98px) {
  p,
  li {
    font-size: 18px;
  }
  p.small,
  div.small p {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) {
  .two-columns {
    /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
    -moz-column-count: 2 !important;
    column-count: 2 !important;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin: 0 0 0.875em 0;
  }
  .three-columns {
    /* Chrome, Safari, Opera */
    -moz-columns: 3; /* Firefox */
    columns: 3;
    -moz-column-count: 3 !important;
    column-count: 3 !important;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin: 0 0 0.875em 0;
  }
  .three-columns input + label {
    margin: 0 !important;
    min-height: 28px;
  }
  .two-columns > p,
  .three-columns > p {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
}
ul {
  margin: 0 0 0.875em 0;
  padding: 0 0 0 40px;
}

hr {
  height: 1px;
  background-color: #b1b3b6;
  border: none !important;
}

hr.padded {
  margin: 40px 0 40px 0;
}

hr.short {
  max-width: 170px;
  margin: 40px auto 40px auto;
}

div.dots {
  background: top left repeat-x
    url(/sites/default/files/images/layout/big-yellow-dotted.png);
  background-color: transparent !important;
  background-size: auto 6px !important;
  margin-bottom: 35px;
  margin-top: 35px;
  height: 6px !important;
  width: 100%;
  clear: both;
}

div.dots.blue {
  background-image: url(/sites/default/files/images/layout/big-blue-dotted.png);
}

div.dots.white {
  background-image: url(/sites/default/files/images/layout/big-white-dotted.png);
}

div.dots.sm {
  background-size: auto 4px !important;
  margin-bottom: 20px;
  margin-top: 20px;
  height: 4px !important;
}

@media (min-width: 768px) {
  div.dots.padded {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
div.img-full-width {
  height: 550px;
  width: 100%;
  background-size: cover;
  background-position: top;
  margin-top: 14px;
  margin-bottom: 40px;
}

div.img-full-width.short {
  height: 300px;
}

@media (max-width: 767.98px) {
  div.img-full-width {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 40px;
    width: auto;
    height: 250px !important;
  }
}
h1,
p.h1 {
  text-transform: uppercase;
  font-weight: bold;
  color: #004b85;
  font-size: 60px;
  line-height: 1.2em;
}

header h1.long {
  font-size: 52px;
}

h1.line-after:after {
  content: "";
  height: 4px;
  width: 100px;
  background: #efae2a;
  display: block;
  margin: 30px auto 45px;
}

@media (max-width: 1199.98px) {
  h1,
  p.h1,
  header h1.long {
    font-size: 45px;
  }
}
@media (max-width: 991.98px) {
  h1,
  p.h1,
  header h1.long {
    font-size: 34px;
  }
}
h2,
p.h2 {
  font-size: 40px;
  line-height: 1.25em;
  color: #840037;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  h2,
  p.h2 {
    font-size: 28px;
  }
}
h2.atlantis {
  font-family: "AtlantisTheLostCity", "NewsGothic", Arial, sans-serif;
  font-size: 60px;
  line-height: 0.95em;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 1px;
}

@media (max-width: 991.98px) {
  h2.atlantis {
    font-size: 48px;
  }
}
h2.atlantis span {
  font-family: "NewsGothic", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1em;
  display: block;
  padding-bottom: 15px;
}

h3,
p.h3,
div.blue div.photo-box h3,
div.blue div.form h3 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  color: #004b85;
  margin: 25px 0 10px 0;
}

div.popover h3.popover-header {
  margin-top: 0 !important;
  padding-top: 15px !important;
}

@media (max-width: 767.98px) {
  h3.mobile-margin-top-normal {
    margin-top: 25px !important;
  }
}
div.photo-box div h3 {
  margin: 10px 0 10px 0 !important;
}

div.resources a + h3 {
  margin: -15px 0 40px 0;
}

h4,
p.h4 {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0 14px 0;
}

@media (max-width: 767.98px) {
  h4.mobile-margin-top-normal {
    margin-top: 20px !important;
  }
}
h5,
p.h5 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0 6px 0;
}

@media (max-width: 767.98px) {
  h5.mobile-margin-top-normal {
    margin-top: 20px !important;
  }
}
h6,
p.h6,
h6 a {
  font-size: 18px;
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

@media (max-width: 767.98px) {
  h6.mobile-margin-top-normal {
    margin-top: 20px !important;
  }
}
.atlantis {
  font-family: "AtlantisTheLostCity", "NewsGothic", Arial, sans-serif;
}

main h1 + h3,
main h1 + p.h3 {
  color: #4d4d4f;
}

main h1 + h3,
main h1 + p.h3,
main h1:last-child {
  margin: 0 0 40px 0;
}

@media (min-width: 768px) {
  main div.row > div h1:first-child,
  main div.row > div h2:first-child,
  main div.row > div p.h2:first-child,
  main div.row > div h4:first-child,
  main div.row > div p.h4:first-child,
  main div.row > div h5:first-child,
  main div.row > div p.h5:first-child,
  main div.row > div h3:first-child,
  main div.row > div p.h3:first-child,
  main div.row > div h6:first-child,
  main div.row > div p.h6:first-child {
    margin-top: 0 !important;
  }
  .no-top {
    margin-top: 0 !important;
  }
}
@media (max-width: 767.98px) {
  main div.row > div + div h1:first-child,
  main div.row > div + div h2:first-child,
  main div.row > div + div p.h2:first-child,
  main div.row > div + div h4:first-child,
  main div.row > div + div p.h4:first-child,
  main div.row > div + div h5:first-child,
  main div.row > div + div p.h5:first-child,
  main div.row > div + div h3:first-child,
  main div.row > div + div p.h3:first-child,
  main div.row > div + div h6:first-child,
  main div.row > div + div p.h6:first-child,
  main .mobile-margin-top {
    margin-top: 40px;
  }
}
main img.img-fluid {
  margin-bottom: 30px;
}

div.embed-responsive.padded {
  margin: 40px 0 60px 0;
}

@media (min-width: 576px) {
  div.container {
    max-width: 1445px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
main > div,
div.blue.overlay > div,
div.gray.overlay > div {
  padding: 85px 0 85px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

main > div.less-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 767.98px) {
  main > div,
  div.blue.overlay > div,
  div.gray.overlay > div {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
main > a + div.container + a + script + div.container,
main > a + div.container + a + div.container,
main > div.mobile-bg + div + a + div.container {
  padding-top: 0;
  border-top: 0;
}

nav.minimal + main > div:first-child {
  padding-top: 0 !important;
}

main div.box .fa-check-circle {
  color: #5c7f3d;
}

div.blue,
div.dark-blue {
  color: #ffffff;
  background-color: #004b85;
  background-size: cover;
}

div.dark-blue {
  background-color: #003462;
}

div.blue p,
div.blue li,
div.blue h1,
div.blue h2,
div.blue h4,
div.blue h5,
div.blue h3,
div.blue h6,
div.blue a,
div.dark-blue p,
div.dark-blue li,
div.dark-blue h1,
div.dark-blue h2,
div.dark-blue h4,
div.dark-blue h5,
div.dark-blue h3,
div.dark-blue h6,
div.dark-blue a,
div.gray.overlay p,
div.gray.overlay li,
div.gray.overlay h2,
div.gray.overlay h4,
div.gray.overlay h5,
div.gray.overlay h3,
div.gray.overlay h6,
div.gray.overlay a {
  color: #ffffff;
}

div.blue.overlay {
  padding: 0 !important;
}

div.blue.overlay > div {
  background-color: rgba(0, 36, 65, 0.8);
}

div.gray.overlay {
  color: #ffffff;
  background-color: #4d4d4f;
  background-size: cover;
  padding: 0 !important;
}

div.gray.overlay > div {
  background-color: rgba(77, 77, 79, 0.6);
}

div.red {
  background-color: #840037;
  background-size: cover;
}

div.red p,
div.red li,
div.red h2,
div.red h4,
div.red h5,
div.red h3 {
  color: #ffffff;
}

div.red a {
  color: #efae2a;
}

div.red a:hover {
  color: #ffffff !important;
}

div.gray,
figure.gray {
  background-color: #f1f2f2;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

div.container.full {
  max-width: 100% !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}

@media (max-width: 1350px) {
  div.container.full {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media (max-width: 768px) {
  div.container.full {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
div.force-full > div.container,
div.force-full > div.container > div.row,
div.force-full > div.container > div.row > div {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

nav.minimal {
  border-top: 8px solid #004b85;
  position: relative;
  z-index: 10;
}

nav.minimal > div {
  position: absolute;
}

.nav-skip-to {
  font-size: 1rem;
  left: 1rem;
  position: absolute;
  top: 0.65rem;
  z-index: 2;
}
.nav-skip-to:not(:focus-within) {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
}
.nav-skip-to a {
  background-color: #840037;
  border-radius: 100vmax;
  box-shadow: 0.075em 0.075em 0.2em rgba(0, 0, 0, 0.85);
  line-height: 1.5;
  padding: 0.25em 0.75em;
  color: #ffffff;
  text-decoration: none;
}
.nav-skip-to a:hover,
.nav-skip-to a:focus,
.nav-skip-to a:focus-visible {
  color: #ffffff;
}
.nav-skip-to a:focus,
.nav-skip-to a:focus-visible {
  outline-color: #5f002a;
}

@media (min-width: 992px) {
  .nav-skip-to,
  a[name="top"]#skip {
    font-size: 1.2rem;
  }
}
a[name="top"]#skip {
  background-color: #840037;
  border-radius: 100vmax;
  box-shadow: 0.075em 0.075em 0.2em rgba(0, 0, 0, 0.85);
  color: #ffffff;
  font-size: 1rem;
  left: 1rem;
  line-height: 1.5;
  position: absolute;
  top: 0.65rem;
  padding: 0.25em 0.75em;
  text-decoration: none;
  z-index: 2;
}
a[name="top"]#skip:not(:focus-visible) {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
}
a[name="top"]#skip:hover,
a[name="top"]#skip:focus,
a[name="top"]#skip:focus-visible {
  color: #ffffff;
}
a[name="top"]#skip:focus,
a[name="top"]#skip:focus-visible {
  outline: 2px dotted #efae2a;
  outline-offset: 2px;
}

nav.supernav,
div.nav-sm > p:first-child {
  background-color: #ffffff;
  color: #000000;
}

nav.supernav div.col-12:first-child {
  padding: 0 !important;
  overflow: hidden;
  min-width: 275px;
}

@media (max-width: 1450px) {
  nav.supernav div.col-12:first-child {
    display: none;
  }
}
nav.supernav div.col-12:first-child p,
div.nav-sm > p:first-child {
  display: inline-block;
  color: #840037;
  font-size: 18px;
  line-height: 1em;
  font-family: "NewsGothicCondensed", "NewsGothic", Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 15px 15px;
  text-transform: uppercase;
}

nav.supernav div.col-12:first-child + div.col {
  padding-left: 0 !important;
}

nav.supernav a {
  display: inline-block;
  font-size: 13px;
  line-height: 1em;
  text-transform: uppercase;
  color: #000000;
  text-decoration: none;
  text-shadow: 0 0 1px #ebebec;
  transition: 0.15s background-color;
  padding: 18px 8px 18px 8px;
}
nav.supernav a:hover,
nav.supernav a:focus,
nav.supernav a:focus-visible {
  color: #ffffff;
  background-color: #4d4d4f;
}
nav.supernav a:focus,
nav.supernav a:focus-visible {
  outline: none;
}

nav.supernav a:last-of-type {
  background: none !important;
  padding: 0;
}

@media (max-width: 1199.98px) {
  nav.supernav a {
    padding-left: 7px;
    padding-right: 7px;
  }
}
nav.supernav a svg.commons {
  height: auto;
  width: 120px;
  vertical-align: middle;
  margin: -1px 15px 0 10px;
}

nav.supernav a:has(svg.commons) {
  outline-offset: 0;
  padding-block: 0.4em;
}
nav.supernav a:has(svg.commons):focus,
nav.supernav a:has(svg.commons):focus-within {
  outline: 2px dotted #003462;
}

@media (max-width: 1315px) {
  nav.supernav a {
    padding-left: 6px;
    padding-right: 6px;
  }
  nav.supernav a svg.commons {
    height: auto;
    width: 90px;
    margin-top: -4px;
    margin-left: 6px;
  }
}
a:has(svg.commons) {
  color: #efae2a;
  transition: 0.3s color;
}
a:has(svg.commons):hover,
a:has(svg.commons):focus,
a:has(svg.commons):focus-visible {
  color: #ffffff;
}

section.main-nav .text-right a:focus,
section.main-nav .text-right a:focus-visible {
  outline: none;
}
section.main-nav .text-right a:focus svg,
section.main-nav .text-right a:focus-visible svg {
  outline: 2px dotted #efae2a;
  outline-offset: 2px;
}

section.main-nav .container.full .d-xl-block.nav a:focus,
section.main-nav .container.full .d-xl-block.nav a:focus-visible {
  outline: 2px dotted #efae2a;
  outline-offset: 2px;
}

@media (min-width: 1200px) {
  a:has(svg.commons) {
    color: #840037;
  }
  a:has(svg.commons):hover,
  a:has(svg.commons):focus,
  a:has(svg.commons):focus-visible {
    color: #003462;
  }
}
@media (max-width: 1199.98px) {
  nav.supernav {
    background-color: #ffffff !important;
  }
  nav.supernav div.col-12:first-child,
  nav.supernav div.col-12:first-child p,
  div.nav-sm > p:first-child {
    background-color: #ffffff !important;
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 8px 0 8px 0;
  }
  nav.supernav div.col-12:first-child + div {
    display: none;
  }
}
@media (max-width: 767.98px) {
  nav.supernav div.col-12:first-child,
  nav.supernav div.col-12:first-child p,
  div.nav-sm > p:first-child {
    font-size: 14px;
    padding: 5px 0 5px 0;
  }
}
header {
  position: relative;
  background-color: #002441;
}

header div.wrapper .flare-bg {
  height: 100%;
  width: 100%;
  min-height: 350px;
  border: 0;
  margin: 0;
  padding: 0;
}

@media (max-width: 1199.98px) {
  header div.wrapper .flare-bg {
    min-height: 300px;
  }
}
@media (max-width: 991.98px) {
  header div.wrapper .flare-bg {
    min-height: 160px;
  }
}
header.short {
  min-height: 150px !important;
  background-color: #003462;
  background-image: linear-gradient(
    -70deg,
    #003462 0,
    #003462 75%,
    #004b85 75%
  );
}

@media (max-width: 991.98px) {
  header.short {
    min-height: 80px !important;
    background-image: linear-gradient(
      -70deg,
      #003462 0,
      #003462 45%,
      #004b85 45%
    );
  }
  header.short > div.container:first-child,
  header.short div.nav-sm > div.container.full {
    padding-top: 30px;
  }
}
header a.btn svg path {
  fill: currentColor;
}

section.main-nav {
  background-color: #003462;
  font-size: 20px;
  z-index: 101;
  width: 100%;
  padding: 28px 0 28px 0;
}

.logo a:focus,
.logo a:focus-visible {
  outline: 2px dotted #efae2a;
  outline-offset: 5px;
}

nav:not(nav.minimal) div.logo,
section.main-nav div.logo {
  max-width: 215px;
  z-index: 101;
  padding-right: 0 !important;
  color: #ffffff !important;
}

nav div.logo.workforce-solutions,
section.main-nav div.logo.workforce-solutions {
  max-width: 450px;
}

nav div.logo svg,
section.main-nav div.logo svg {
  height: auto;
  width: 200px;
}

nav.minimal div.logo svg {
  height: auto;
  width: 200px;
  margin-top: 25px;
}

nav div.logo.workforce-solutions svg,
section.main-nav div.logo.workforce-solutions svg {
  height: auto;
  width: 403px;
}

@media (max-width: 500px) {
  nav div.logo.workforce-solutions,
  section.main-nav div.logo.workforce-solutions {
    max-width: 275px;
  }
  nav div.logo.workforce-solutions svg,
  section.main-nav div.logo.workforce-solutions svg {
    height: auto;
    width: 250px;
  }
}
nav div.logo a svg path,
section.main-nav div.logo a svg path {
  fill: #ffffff;
  transition: 0.3s fill;
}

nav div.logo a:hover svg path,
nav div.logo a:focus svg path,
section.main-nav div.logo a:hover svg path,
section.main-nav div.logo a:focus svg path {
  fill: #efae2a;
  transition: 0.3s fill;
}

@media (max-width: 991.98px) {
  section.main-nav div.logo {
    max-width: 200px;
    z-index: 101;
  }
  section.main-nav div.logo svg {
    height: auto;
    width: 180px;
  }
}
header p,
header p a,
header p a:hover,
header p a:focus,
header label {
  color: #ffffff;
}

header p.intro {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: bold;
  color: #ffffff;
}

section.main-nav div.nav {
  padding: 2px 25px 0 0;
  text-align: right;
}

section.main-nav div.nav a,
section.main-nav div.col.text-right a {
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}
section.main-nav div.nav a:hover,
section.main-nav div.nav a:focus,
section.main-nav div.nav a:focus-visible,
section.main-nav div.col.text-right a:hover,
section.main-nav div.col.text-right a:focus,
section.main-nav div.col.text-right a:focus-visible {
  color: #efae2a;
}

section.main-nav div.nav a:hover,
section.main-nav div.nav a:focus,
section.main-nav div.nav a:focus-visible {
  color: #efae2a;
}

section.main-nav div.nav a + a {
  margin-left: 36px;
}

section.main-nav div.nav a {
  font-size: 20px;
}

@media (max-width: 1600px) {
  section.main-nav div.nav a {
    font-size: 18px;
  }
  section.main-nav div.nav a + a {
    margin-left: 36px;
  }
}
@media (max-width: 1450px) {
  section.main-nav div.logo svg {
    height: auto;
    width: 225px;
  }
  section.main-nav div.nav a + a {
    margin-left: 20px;
  }
}
@media (max-width: 1350px) {
  section.main-nav div.logo svg {
    height: auto;
    width: 200px;
  }
  section.main-nav div.logo {
    max-width: 215px;
  }
}
@media (max-width: 1270px) {
  section.main-nav div.nav a {
    font-size: 17px;
  }
}
section.main-nav div.nav a:has(svg.fa-search) {
  align-content: center;
  border-radius: 100vmax;
  display: inline-block;
  margin-block: -0.75rem -1rem;
  margin-inline: 1.2rem -0.75rem;
  padding: 0.75rem;
  text-align: center;
}
section.main-nav div.nav a:has(svg.fa-search):focus,
section.main-nav div.nav a:has(svg.fa-search):focus-visible {
  outline: 2px dotted #efae2a;
}

section.main-nav div.nav a svg.fa-search {
  font-size: 24px;
}

section.main-nav div.nav a:hover svg.fa-search path,
section.main-nav div.nav a:focus svg.fa-search path {
  fill: #efae2a;
}

section.main-nav div.nav-sm nav a,
section.main-nav div.col.text-right a + a svg {
  font-size: 36px;
  line-height: 1em;
}

section.main-nav div.col.text-right svg.commons {
  height: auto;
  width: 120px;
  vertical-align: top;
  margin-top: 11px;
}

section.main-nav div.search {
  display: none;
}

@media (max-width: 450px) {
  section.main-nav div.col.text-right svg.commons {
    margin-top: 5px;
  }
  section.main-nav div.col.text-right > a + a {
    margin-left: 5px !important;
  }
  section.main-nav div.col.text-right a:nth-child(2) {
    display: none;
  }
  section.main-nav div.col.text-right a + a svg {
    font-size: 32px;
    margin-top: -4px;
  }
  section.main-nav div.logo svg {
    height: auto;
    width: 150px;
  }
  section.main-nav div.search {
    align-items: center;
    display: grid;
    margin: 15px 14px -5px 15px;
  }
  section.main-nav div.search a {
    border-radius: 100vmax;
    color: #4d4d4f;
    font-size: 16px;
    grid-column: 1/1;
    grid-row: 1/1;
    justify-self: end;
    margin-inline-end: 0.5rem;
    padding: 0.2em;
  }
  section.main-nav div.search a:hover,
  section.main-nav div.search a:focus,
  section.main-nav div.search a:focus-visible {
    color: #efae2a;
  }
  section.main-nav div.search input {
    width: 100%;
    padding: 4px 30px 4px 10px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    grid-column: 1/1;
    grid-row: 1/1;
    line-height: normal;
  }
  section.main-nav div.search input:hover,
  section.main-nav div.search input:focus,
  section.main-nav div.search input:focus-visible {
    outline: 2px solid #efae2a !important;
  }
}
section.main-nav div.nav-sm nav > a:first-of-type {
  display: none;
}

@media (max-width: 364px) {
  section.main-nav div.col.text-right svg.commons {
    display: none;
  }
  section.main-nav div.nav-sm nav > a:first-of-type {
    display: block;
  }
  section.main-nav div.nav-sm nav > a:first-of-type svg {
    height: auto;
    width: 137px;
  }
}
section.main-nav div.col.text-right > a {
  position: relative;
  z-index: 101;
}

section.main-nav div.col.text-right > a + a {
  display: inline-block;
  margin-left: 15px;
  width: 35px;
}

@media (min-width: 1200px) {
  section.main-nav div.nav-sm {
    display: none;
  }
}
section.main-nav div.nav-sm {
  display: none;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  position: fixed;
  z-index: 200;
  /* max-height: 0; */
  background-color: #2d2d2d;
  overflow: -moz-scrollbars-none;
  overflow: auto;
  transition:
    0.8s background-color,
    0.8s color;
  -ms-overflow-style: none;
}

section.main-nav div.nav-sm::-webkit-scrollbar {
  display: none;
}

section.main-nav div.nav-sm > div.container.full {
  padding-top: 28px;
}

section.main-nav div.nav-sm nav {
  width: 100%;
  padding: 20px 0 52px 0;
}

section.main-nav div.nav-sm nav a {
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
}

section.main-nav div.nav-sm nav a:hover,
section.main-nav div.nav-sm nav a:focus,
section.main-nav div.nav-sm nav a:focus-visible {
  outline: none;
  color: #efae2a;
  background-color: #4d4d4f;
  text-decoration: underline;
}

section.main-nav div.nav-sm nav > a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 10px 10px 15px;
  letter-spacing: 1px;
}

section.main-nav div.nav-sm nav > a,
section.main-nav div.nav-sm nav > div {
  border-top: 1px solid #4d4d4f;
}

section.main-nav div.nav-sm nav div a {
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  padding: 12px 0 12px 15px;
  width: 100%;
  max-width: 50%;
}

@media (min-width: 768px) {
  section.main-nav div.nav-sm nav > a,
  section.main-nav div.nav-sm nav div a {
    padding-left: 30px;
  }
}
section.main-nav div.nav-sm nav div a:nth-child(1),
section.main-nav div.nav-sm nav div a:nth-child(2) {
  padding-top: 16px;
}

header div.wrapper div.container h1 {
  margin-left: -2px; /* Odd built-in spacing on the left at this size */
}

header div.wrapper div.container h1:after {
  content: "";
  background: #efae2a;
  height: 4px;
  width: 60px;
  display: block;
  margin-top: 25px;
}

header div.wrapper div.container h1 ~ p {
  font-size: 18px;
  margin: 0;
  color: #ffffff;
  line-height: 1.75em;
}

header div.wrapper div.container p.intro + h1 {
  margin-top: -10px;
}

header div.wrapper div.container h1 + p {
  margin-top: 30px;
}

@media (max-width: 991.98px) {
  header div.wrapper div.container h1 ~ p {
    font-size: 16px;
  }
  header div.wrapper div.container h1:after,
  header div.wrapper div.container h1 + p {
    margin-top: 20px;
  }
}
div.wrapper {
  overflow: hidden;
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
  background-color: #004b85;
  height: 100%;
}

div.wrapper div.angle-right {
  position: absolute;
  transform: skewX(-20deg);
  right: 0;
  height: 100%;
  width: 40%;
  overflow: hidden;
  top: 0;
  text-align: center;
}

header div.wrapper > a.btn-right {
  display: inline-block;
  background: #efae2a;
  padding: 10px 64px 10px 20px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  bottom: 15px;
  right: -40px;
  transition:
    1s background-color,
    1s color;
  transform: skewX(-20deg);
}

@media (min-width: 768px) {
  header div.wrapper > a.btn-right {
    bottom: 40px;
  }
}
header div.wrapper > a.btn-right > * {
  display: inline-block;
  transform: skewX(20deg);
}

header div.wrapper > a.btn-right:hover {
  transition:
    0.5s background-color,
    0.5s color;
  transition-timing-function: ease-in-out;
  background: #003462;
  right: -20px;
}

header div.wrapper > a.btn-right svg {
  margin-left: 6px;
}

header div.wrapper .flare-bg {
  align-content: center;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

header div.wrapper div.container {
  padding-top: 60px;
  padding-bottom: 40px;
}

@media (max-width: 991.98px) {
  header div.wrapper div.container {
    padding-top: 50px;
  }
}
header div.wrapper div.container > div.row {
  max-width: 1445px;
  margin: 0 auto;
}

header div.wrapper div.angle-right {
  right: -70px;
  width: calc(57% - 127px);
  max-width: 900px;
}

header div.wrapper div.angle-right div video {
  height: calc(100% + 2px);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

div.wrapper div.angle-right div {
  height: 100%;
  width: calc(100% + 20px);
  max-width: 915px;
  min-width: 350px;
  background-color: #002441;
  background-position: center;
  background-size: cover;
  transform: skewX(20deg);
  position: absolute;
  right: 50px;
}

@media (max-width: 870px) {
  div.wrapper.testimonial h2.atlantis {
    font-size: 45px;
  }
  div.wrapper.testimonial p {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  header div.wrapper div.angle-right,
  header div.wrapper div.angle-right div {
    width: 100%;
    right: 0; /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ /* IE 9 */
    transform: none; /* IE 10, Fx 16+, Op 12.1+ */
  }
  main div.wrapper div.angle-right + div.content {
    padding-top: 140px;
  }
}
div.wrapper div.angle-right div:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
}

header div.wrapper.full-bg .flare-bg {
  background-image: linear-gradient(
    -70deg,
    rgba(0, 75, 133, 0) 39%,
    rgba(0, 75, 133, 0.8) 39%
  );
}

@media (max-width: 1200px) {
  header div.wrapper.full-bg .flare-bg {
    background-image: linear-gradient(
      -70deg,
      rgba(0, 75, 133, 0) 32.5%,
      rgba(0, 75, 133, 0.8) 32.5%
    );
  }
}
@media (max-width: 991.98px) {
  div.wrapper div.angle-right div,
  div.wrapper div.angle-right div[style*="background-image"]:before,
  header div.wrapper.full-bg .flare-bg {
    background-image: none;
    background-color: rgba(0, 75, 133, 0.8);
  }
}
div.wrapper.testimonial div.angle-right div:before {
  display: none;
}

div.top-bar-announcement {
  background-color: #004b85;
  padding: 10px 15px 10px 15px;
  text-align: center;
}

div.top-bar-announcement p {
  color: #ffffff;
  margin: 0;
}

@media (min-width: 992px) {
  div.top-bar-announcement a.btn {
    border-radius: 0;
    border: 0;
    padding: 15px 20px 15px 20px;
    margin: 0 15px 0 15px;
  }
  div.top-bar-announcement.blue a.btn.yellow:hover,
  div.top-bar-announcement.blue a.btn.yellow:focus {
    background-color: #808285 !important;
  }
}
div.top-bar-announcement ~ main div.top-info-fixed,
div.top-bar-announcement + div.top-bar-announcement {
  display: none !important;
}

div.top-bar-announcement.closure,
div.top-bar-announcement.weather {
  background-color: #840037;
  color: #ffffff;
  padding: 13px 15px 17px;
}

div.top-bar-announcement.closure p,
div.top-bar-announcement.weather p {
  font-size: 18px;
}

div.top-bar-announcement.closure a,
div.top-bar-announcement.weather a {
  color: inherit;
}

@media (max-width: 767.98px) {
  div.top-bar-announcement.closure p,
  div.top-bar-announcement.weather p {
    font-size: 16px;
  }
}
div.top-bar-announcement.closure p:last-child,
div.top-bar-announcement.weather p:last-child {
  margin-bottom: 0;
}

div.top-info-fixed,
nav.minimal + main > div.top-info-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
  transition: 0.5s all;
  background-color: rgba(0, 52, 98, 0.001);
  padding: 10px 0 10px 0 !important;
}

div.top-info-fixed svg.logo {
  height: auto;
  width: 152px;
}

div.top-info-fixed svg.logo path {
  fill: rgba(255, 255, 255, 0.001);
  transition: 0.5s fill;
}

div.top-info-fixed p,
div.top-info-fixed p a {
  color: #ffffff;
  text-align: right;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  margin: 0;
  transition: 0.5s color;
  padding-top: 12px;
}

div.top-info-fixed.on {
  background-color: rgba(0, 52, 98, 0.7) !important;
  transition: 0.5s color;
  top: 0 !important;
}

div.top-info-fixed.on svg.logo path {
  fill: rgb(255, 255, 255);
  transition: 0.5s fill;
}

div.top-info-fixed.on p {
  padding: 0;
  opacity: 1;
}

@media (max-width: 767.98px) {
  div.top-info-fixed p {
    opacity: 0;
  }
}
div.bg-4 {
  background-position: top left;
  background-size: 32% auto;
}

div.bg-5 {
  background-position: top left;
  background-size: 40% auto;
}

div.bg-6 {
  background-position: top left;
  background-size: 46% auto;
}

div.bg-7 {
  background-position: top left;
  background-size: 57% auto;
}

div.bg-8 {
  background-position: top left;
  background-size: 82% auto;
}

div.bg-right {
  background-position: top right;
}

div.mobile-bg {
  display: none;
  height: 250px;
  background-size: cover;
  background-position: top;
}

@media (max-width: 767.98px) {
  div.mobile-bg {
    display: block;
  }
  div.mobile-bg + div {
    background-image: none !important;
  }
}
div.mobile-bg + div {
  border-top: 85px solid #ffffff;
  border-bottom: 85px solid #ffffff;
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 767.98px) {
  div.mobile-bg + div {
    border-top-width: 10px;
    border-bottom-width: 45px;
  }
}
@media (min-width: 768px) {
  div.mobile-bg + div + a + div.mobile-bg + div,
  div.mobile-bg + div + a + script + div.mobile-bg + div {
    border-top: 0;
  }
  div.mobile-bg
    + div
    div.container
    > div.row
    > div.col-12
    > div.row
    > div.col-12:first-child {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
header h1,
header h5 {
  color: #ffffff;
}

.jump-nav {
  background-color: #2d2d2d;
  min-height: 16px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

header.short + .jump-nav {
  min-height: 12px;
}

.jump-nav a {
  color: #ffffff;
  font-size: 16px;
  line-height: 1em;
  letter-spacing: 1.25px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 30px 0 30px 0;
  position: relative;
}
.jump-nav a:hover,
.jump-nav a:focus,
.jump-nav a:focus-visible,
.jump-nav a:active {
  color: #ffffff;
}
.jump-nav a:focus,
.jump-nav a:focus-visible {
  color: #ffffff;
  outline: 2px dotted #efae2a;
  outline-offset: -2px;
}

.jump-nav a:hover::after,
.jump-nav a:focus::after,
.jump-nav a:focus-visible::after {
  content: " ";
  height: 0;
  width: 0;
  border-left: solid transparent 22px;
  border-right: solid transparent 22px;
  border-bottom: solid #efae2a 13px;
  bottom: 0;
  left: 50%;
  margin-left: -22px;
  position: absolute;
}

.jump-nav a + a + a {
  margin-left: 31px;
}

.jump-nav a:first-of-type {
  display: none;
}

.jump-nav > div.container:not(:has(div.col-12 a + a)) {
  display: none;
}

@media (max-width: 1199.98px) {
  .jump-nav {
    max-height: 46px;
    overflow: hidden;
    transition:
      1s background-color,
      1s color;
  }
  .jump-nav.open {
    max-height: 750px;
  }
  .jump-nav svg.fa-chevron-down {
    transition: 1.1s all;
  }
  .jump-nav.open svg.fa-chevron-down {
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ /* IE 9 */
    transform: rotate(-90deg); /* IE 10, Fx 16+, Op 12.1+ */
    transition: 0.6s all;
  }
  .jump-nav a {
    display: block;
    padding: 15px 0 15px 0;
    margin: 0 !important;
  }
  .jump-nav a:first-of-type {
    display: block;
  }
  .jump-nav a:hover,
  .jump-nav a:focus,
  .jump-nav a:focus-visible {
    color: #efae2a;
  }
  .jump-nav a:hover::after,
  .jump-nav a:focus::after,
  .jump-nav a:focus-visible::after {
    display: none;
  }
}
div.breadcrumbs {
  padding-top: 30px !important;
  padding-bottom: 0 !important;
  margin-bottom: -40px !important;
}
div.breadcrumbs a:hover {
  text-decoration: underline;
}
div.breadcrumbs a:focus,
div.breadcrumbs a:focus-visible {
  outline: 2px dotted #004b85;
  outline-offset: 2px;
}

div.breadcrumbs > div {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

div.breadcrumbs * {
  font-size: 14px;
  color: #000000 !important;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  div.breadcrumbs {
    display: none;
  }
}
div.breadcrumbs svg {
  font-size: 16px;
}

div.box,
figure.box {
  border: 1px solid #808285;
  padding: 40px 40px 24px 40px;
  border-radius: 5px;
}

div.box p,
div.box li {
  font-size: 16px;
}

div.box > h5,
figure.box > figcaption {
  background-color: #004b85;
  display: block;
  color: #ffffff !important;
  font-size: 26px !important;
  line-height: 1em !important;
  margin: 0 -41px 0 -41px !important;
  padding: 12px 40px 12px 40px;
  position: relative;
  top: -41px;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

figure.box > figcaption {
  font-weight: bold;
  text-align: center;
}

@media (max-width: 991.98px) {
  div.box > h2:first-child,
  div.box > h3:first-child,
  div.box > h4:first-child,
  div.box > h5:first-child {
    margin-top: 0 !important;
  }
  div.box > h5 {
    font-size: 26px !important;
    margin: 0 -25px -20px -25px !important;
    padding-left: 24px;
    padding-right: 24px;
  }
  div.box {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 24px;
  }
}
div.box + div.box,
div.box + p,
div.photo-box + p,
div.bordered-content + p {
  margin-top: 30px;
}

div.box select#career-cluster {
  width: 100%;
}

div.box table.delivery-methods tr td:first-child {
  width: 45px;
}

div.box table.delivery-methods tr td:first-child svg {
  font-size: 32px;
  color: #4d4d4f;
  margin: 5px 0 0 -5px;
}

div.box table.delivery-methods tr td p strong {
  font-size: 18px !important;
  text-transform: uppercase;
}

div.box table.delivery-methods tr td p {
  font-size: 16px !important;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  div.extra-padding-right {
    padding-right: 30px !important;
  }
}
@media (min-width: 1200px) {
  div.extra-padding-right {
    padding-right: 45px !important;
  }
}
div.gray div.box {
  border: none !important;
  background-color: #ffffff;
}

div.gray div.box.gray {
  background-color: rgba(0, 0, 0, 0.085);
}

@media (min-width: 768px) {
  div.programs-list {
    /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
  }
}
div.programs-list a {
  color: #000000;
  text-decoration: none;
}

div.programs-list > p {
  margin-bottom: 8px;
}

div.programs-list > p:hover,
div.programs-list > p:focus,
div.programs-list > p:hover a,
div.programs-list > p:focus a,
div.programs-list > p > a:hover,
div.programs-list > p > a:focus {
  color: #004b85 !important;
}

div.programs-list > p > a:focus {
  text-decoration: underline !important;
}

div.programs-list > p > a > svg {
  margin-right: 6px;
}

div.programs-list > p > a > svg.fa-chevron-double-right {
  display: none;
}

div.programs-list svg.fa-thumbs-up {
  color: #efae2a;
}
div.programs-list svg.fa-wifi {
  color: #004b85;
}
div.programs-list svg.fa-user {
  color: #840037;
}

div.program-costs > a {
  color: #000000;
  display: block;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-block-end: 0.875em;
  text-decoration: none;
}
div.program-costs > a:hover {
  text-decoration: underline;
}

div.program-costs > a svg.fa-chevron-right {
  transition: 0.7s all;
  margin-left: 10px;
}

div.program-costs > .on svg.fa-chevron-right {
  transform: rotate(90deg);
}

div.program-costs > a + div {
  max-height: 0;
  transition: 1s all;
  margin-top: -10px;
  overflow: hidden;
}

div.program-costs .program-costs-grid p {
  margin-bottom: 2px;
}

div.program-costs > .program-costs-grid p strong {
  text-transform: none;
}

div.program-costs > a:hover strong + svg path,
div.program-costs > a:focus strong + svg path,
div.program-costs > .on strong + svg path {
  fill: #d18c00;
}

div.program-costs > .on + div {
  max-height: 350px;
}

div.program-costs sup a {
  text-decoration: none !important;
}

div.program-costs + div.text-center a.btn {
  margin: 8px 0 0 0;
  width: 100%;
}

.program-costs-grid {
  display: grid;
  grid-template-columns: 1fr auto;
}

.program-costs-amount {
  display: flex;
}
.program-costs-amount > :last-child {
  margin-inline-start: auto;
}

blockquote {
  border-left: 6px solid #f1f2f2;
  padding: 12px 0 12px 20px;
  margin-left: 20px;
}

blockquote > *:first-child {
  margin-top: 0 !important;
}

div.gray blockquote {
  border-color: #808285;
}

blockquote h3 {
  font-size: 20px;
}

blockquote p {
  margin-bottom: 10px;
}

@media (max-width: 991.98px) {
  blockquote {
    border: none;
    padding-left: 0;
    margin-left: 0;
  }
}
p.date {
  font-size: 14px;
  color: #4d4d4f;
  letter-spacing: 1.5px;
  margin: -4px 0 6px 0;
  text-transform: uppercase;
}

div.latest-news > div,
div.upcoming-events > div {
  margin-top: 30px;
}

div.latest-news p.date,
div.upcoming-events p.date {
  font-weight: bold;
  margin: -15px 0 -18px 0;
}

main.news-details h2 + h4,
main.event-details h2 + h4 {
  margin: -10px 0 16px 0;
}

main.news-details div.float-md-right,
main.event-details div.float-md-right {
  max-width: 410px;
  margin: 0 0 20px 40px;
}

main.news-details div.col-12.mx-auto img.img-fluid + p {
  font-size: 15px;
  color: #4d4d4f;
  font-style: italic;
  margin: -15px 0 0 0;
}

.news-article-content h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  color: #004b85;
  margin: 25px 0 10px 0;
}

div.minor-event.bg-header {
  background-image: url(/sites/default/files/images/events/bg-header-minor-events.png);
  background-position: bottom left;
  background-size: auto;
  padding-bottom: 130px !important;
}

div.minor-event.bg-header + a + div {
  padding-top: 40px !important;
}

div.minor-event.bg-header div.title-banner p {
  font-weight: normal;
  color: #ffffff;
}

div.minor-event.bg-header div.title-banner h1 {
  font-family: "AtlantisTheLostCity", "NewsGothic", Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  margin-top: 6px;
}

div.minor-event.bg-header div.title-banner h1 span {
  color: #efae2a;
}

div.chevron-links p > svg.fa-chevron-right {
  color: #5c7f3d;
  margin-right: 8px;
  transition: all 0.3s;
  position: absolute;
  margin-top: 5px;
}

div.chevron-links p > svg.fa-chevron-right + a {
  display: inline-block;
  margin-left: 18px;
}

div.chevron-links p > svg.fa-chevron-right + a + span {
  display: block;
  margin-left: 18px;
  transition: all 0.6s;
  overflow: hidden;
  max-height: 0;
}

div.chevron-links p.on > svg.fa-chevron-right {
  transform: rotate(90deg);
}

div.chevron-links p.on > svg.fa-chevron-right + a + span {
  max-height: 500px;
}

div.testimonial p {
  font-size: 20px;
  letter-spacing: 1px;
  display: inline-block;
  position: relative;
}
div.testimonial p:first-of-type:before {
  content: "“";
  position: absolute;
  font-size: 45px;
  margin: 2px 0 0 -20px;
  color: #b1b3b6;
}
div.testimonial p:last-of-type {
  color: #efae2a;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "NewsGothic", Arial, sans-serif;
  margin: 0;
  width: 100%;
}
div.testimonial p:last-of-type a {
  color: #efae2a;
}
div.testimonial p:last-of-type a:hover,
div.testimonial p:last-of-type a:focus {
  color: #ffffff;
}
div.testimonial div.quotation-marks > img {
  width: 130px;
  height: auto;
  margin-top: 30px;
  margin-bottom: 0;
}
div.testimonial div:has(div + div.quotation-marks) p:before {
  display: none;
}

main div.blue.force-full div.wrapper.testimonial {
  padding: 85px 0 85px 0 !important;
}

@media (max-width: 767.98px) {
  main div.blue.force-full div.wrapper.blue {
    padding: 50px 15px 50px 15px !important;
  }
}
div.position-relative div.circles {
  margin: -85px 0 0 0;
  text-align: center;
}

@media (max-width: 767.98px) {
  div.position-relative div.circles {
    margin-top: -50px;
  }
}
div.position-relative div.circles a {
  display: inline-block;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background-color: #ffffff;
  text-decoration: none;
}

div.position-relative div.circles a.on {
  background-color: rgba(0, 0, 0, 0.45);
}

div.position-relative div.circles a + a {
  margin-left: 35px;
}

ul.slick-dots {
  text-align: center;
  position: relative;
  top: 40px;
}

ul.slick-dots li {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: #ebebed;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  border-radius: 50%;
}

ul.slick-dots li.slick-active {
  border-color: #004b85;
  background-color: #004b85;
}

ul.slick-dots li + li {
  margin-left: 16px;
}

ul.slick-dots li button {
  display: none;
}

a {
  color: #004b85;
  text-decoration: underline;
}

a:hover {
  color: #004b85;
  text-decoration: none;
}
a:focus,
a:focus-visible {
  outline: 2px dotted #004b85;
  outline-offset: 2px;
}

a[href^="tel:"] {
  white-space: nowrap;
}

.no-underline a {
  text-decoration: none;
}

a.yellow,
a.yellow,
div.blue a.yellow,
div.dark-blue a.yellow,
div.photo-box > div a.yellow {
  color: #efae2a;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 1.3px;
}

div.photo-box a.blue {
  color: #004b85;
}

a.yellow:hover,
a.yellow:focus,
div.gray a.yellow:hover,
div.gray a.yellow:focus,
div.photo-box > div a.yellow:hover,
div.photo-box > div a.yellow:focus {
  color: #004b85;
}

a.yellow + a.yellow {
  margin-left: 30px;
}

a.yellow + p {
  margin-top: 0.875em;
}

a.blue {
  color: #004b85;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 1.3px;
}

a.blue:hover {
  text-decoration: underline;
}

a.blue:focus,
a.blue:focus-visible {
  outline: 2px dotted #004b85;
  outline-offset: 2px;
}

a.blue + a.blue {
  margin-left: 30px;
}

div.red a:hover,
div.red a:focus {
  color: #efae2a;
}

div.red a.yellow:hover,
div.red a.yellow:focus,
div.blue a.yellow:hover,
div.blue a.yellow:focus,
div.dark-blue a.yellow:hover,
div.dark-blue a.yellow:focus,
header a.yellow:hover,
header a.yellow:focus {
  color: #ffffff;
}

div.gray a.yellow,
div.gray span.yellow {
  color: #d18c00;
}

h1 a,
h2 a,
h4 a,
h5 a,
h3 a,
h6 a {
  text-decoration: none;
}

h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h3 a:hover,
h3 a:focus {
  text-decoration: underline !important;
}

a.plain {
  color: inherit;
  text-decoration: none;
}

a.plain:hover,
a.plain:focus {
  text-decoration: underline;
}

div.icon-box {
  background-color: #ebebec;
  padding: 20px 20px 10px 20px;
  margin-top: 60px;
  width: 100%;
  border-radius: 8px;
}

img.img-fluid + div.icon-box,
a + div.icon-box {
  margin-top: 0;
}

div.icon-box > div:first-child {
  color: #004b85;
  font-size: 32px;
  background-color: #ebebec;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  margin: -50px auto 10px auto;
  position: relative;
}

div.gray div.icon-box,
div.gray div.icon-box > div:first-child,
div.blue div.icon-box,
div.blue div.icon-box > div:first-child,
div.dark-blue div.icon-box,
div.dark-blue div.icon-box > div:first-child {
  background-color: #ffffff;
}

div.blue div.icon-box h2,
div.dark-blue div.icon-box h2 {
  color: #004b85;
}

div.blue div.icon-box p,
div.dark-blue div.icon-box p {
  color: #000000;
}

div.icon-box > div svg {
  margin-top: 16px;
}

div.icon-box > div + a {
  color: #000000 !important;
  text-decoration: none !important;
}

div.icon-box p {
  font-size: 16px;
}

div.icon-box > h4,
div.icon-box > h4 span.animate-count {
  color: #000000;
  font-size: 28px;
  line-height: 1em;
}

div.icon-box > h4 span.animate-count {
  display: inline !important;
}

div.icon-box > div + h4 {
  margin-top: -2px;
}

div.icon-box > h4 a {
  color: #000000;
}

.stat {
  color: #fff;
  font-family: "NewsGothic", Arial, sans-serif;
  font-size: 1.125rem;
  margin-block: -0.125rem 0.875rem;
}

.stat-value {
  color: #efae2a;
  font-family: "NewsGothicCondensed", "NewsGothic", Arial, sans-serif;
  font-size: 2.25rem;
  line-height: 0.6;
}

.stat-asterisk {
  vertical-align: super;
}

.stat-label {
  display: block;
  margin-block-start: 0.5rem;
}

div.icon-box:not(:has(.stat)) h3 > span {
  font-size: 18px !important;
  color: #4d4d4f;
  display: block;
  line-height: 1.2em;
  padding-top: 20px;
}

div.icon-box h3 > a {
  color: #000000;
}

div.icon-box h3 sup {
  font-size: 18px;
  top: -1.4em;
}

div.icon-box:not(:has(.stat)) h3 > span:first-child {
  display: block;
  line-height: 18px;
  padding-bottom: 5px;
}

img + div > h3.stat {
  margin-top: 10px !important;
}

div.icon-box svg.fa-circle path {
  fill: #f1f2f2;
}

div.icon-box p {
  font-size: 16px;
}

@media (max-width: 767.98px) {
  div.icon-box.clickable > * {
    display: none;
  }
  div.icon-box.clickable > h3 {
    display: block !important;
    margin: 0 !important;
  }
  div.icon-box.clickable {
    padding: 15px 15px 15px 15px;
    margin-top: 15px;
    width: 100%;
  }
}
div.icon-box.blue,
div.icon-box.blue > div:first-child {
  background-color: #004b85;
}

div.icon-box.blue > div:first-child,
div.icon-box.blue h3,
div.icon-box.blue h3 a,
div.icon-box.blue > h3 span {
  color: #ffffff !important;
}

div.photo-box {
  background-color: #f1f2f2;
  margin-top: 30px;
  text-align: center;
}

div.photo-box > p:first-child > img {
  width: 100%;
  margin: 0;
}

div.photo-box > div {
  padding: 20px 20px 28px 20px;
}

div.photo-box > div > *:last-child {
  margin-bottom: 0;
}

div.gray div.photo-box {
  background-color: #ffffff;
}

div.take-another-look {
  max-width: 1300px;
  margin: 30px auto 40px;
}

@media (max-width: 991.98px) {
  div.take-another-look > div + div {
    margin-top: 20px;
  }
}
div.take-another-look a {
  display: inline-block;
  height: 225px;
  width: 100%;
  position: relative;
  background-color: #003462;
  background-image: linear-gradient(
    -70deg,
    #003462 0,
    #003462 50%,
    #004b85 50%
  );
  background-size: cover;
  background-position: top;
  text-decoration: none;
}

div.take-another-look a h5 {
  background-color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  width: 100%;
  position: absolute;
  text-align: left;
  bottom: 0;
  left: 0;
  padding: 20px 25px 20px 25px;
  margin: 0;
  transition: 0.5s all;
}

div.take-another-look a:hover h5,
div.take-another-look a:focus h5 {
  padding-bottom: 30px;
  transition: 0.35s all;
  background-color: rgba(0, 0, 0, 0.6);
}

div.take-another-look a:hover table td,
div.take-another-look a:focus table td {
  background-color: rgba(255, 255, 255, 0.04);
}

div.bordered-content {
  display: inline-block;
  margin: 20px 0;
  padding: 40px 40px 40px 40px;
  border: 5px solid #f1f2f2;
}

div.gray div.bordered-content {
  border-color: #b1b3b6;
}

div.bordered-content > *:last-child {
  margin-bottom: 0;
}

div.bordered-content + div.bordered-content,
div.col-12 > div.bordered-content:first-child,
div.col > div.bordered-content:first-child {
  margin-top: 0 !important;
}

div.bordered-content.thick {
  padding: 40px 40px 30px 40px;
  border-width: 10px;
}

div.bordered-content.dashed {
  border: 3px dashed #b1b3b6;
}

p.lined-content {
  font-size: 28px;
  color: #4d4d4f;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  padding: 15px 10px;
  margin: 20px 40px 40px 40px;
  text-align: center;
}

div.blue p.lined-content,
div.dark-blue p.lined-content {
  color: #ffffff;
  border-color: #ffffff;
}

@media (max-width: 767.98px) {
  p.lined-content {
    font-size: 20px;
    padding: 15px 20px;
  }
}
div.blue-promo {
  background-color: #003462;
  position: relative;
  margin: 16px 0 0 0;
}

p.tab {
  background-color: #840037;
  color: #ffffff;
  font-size: 20px;
  line-height: 1em;
  text-transform: uppercase;
  padding: 6px 18px 6px 18px;
  position: absolute;
  font-family: "NewsGothicCondensed", "NewsGothic", Arial, sans-serif;
  margin: -16px 0 0 0;
  z-index: 100;
}

p.tab:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-bottom: 16px solid #5f002a;
  border-right: 12px solid transparent;
  right: -12px;
  top: 0;
}

div.blue-promo div.wrapper div.content {
  padding: 30px 30px 10px 30px;
}

div.blue-promo p.tab:first-child + svg.svg-inline--fa,
div.blue-promo svg.svg-inline--fa:first-child {
  font-size: 60px;
  color: #efae2a;
  float: left;
  margin: 0 20px 0 0;
}

div.blue-promo h3 {
  margin: 0 0 2px 0;
  color: #ffffff;
}

div.blue-promo p,
div.blue-promo a {
  color: #ffffff;
}

div.blue-promo div.wrapper div.angle-right {
  width: 280px;
  left: auto;
  right: -52px;
}

div.blue-promo div.wrapper div.angle-right div {
  width: 250px;
  min-width: 250px;
}

div.blue-promo p {
  font-size: 16px;
}

div.blue-promo div.wrapper div.angle-right div:before {
  display: none;
}

@media (max-width: 1349.98px) {
  div.blue-promo div.wrapper div.angle-right {
    display: none;
  }
  div.blue-promo p {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  div.blue-promo {
    margin-bottom: 40px;
  }
  div.blue-promo div.wrapper div.angle-right,
  div.blue-promo div.wrapper div.angle-right div {
    display: block; /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ /* IE 9 */
    transform: none; /* IE 10, Fx 16+, Op 12.1+ */
    height: 100%;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background-size: cover;
    height: 125px;
  }
  div.blue-promo div.wrapper div.angle-right + div.content {
    padding-top: 150px;
  }
}
p + div.blue-promo,
div.blue-promo + div.blue-promo {
  margin-top: 48px;
}

div.blue-promo a:focus,
div.blue-promo a:focus-visible {
  outline-color: white;
}

div.col > div.box.gray.just-the-facts {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 0;
}

@media (min-width: 992px) {
  div.col > div.box.gray.just-the-facts {
    margin-top: -93px;
    padding-top: 102px;
  }
}
div.box.gray.just-the-facts > h2:after,
div.box.gray.just-the-facts > h3:after {
  content: "";
  background: #efae2a;
  height: 4px;
  width: 46px;
  display: block;
  margin-top: 25px;
  margin-bottom: 20px;
}

div.box.gray.just-the-facts > h2 + .just-the-facts-grid > span,
div.box.gray.just-the-facts > h3 + .just-the-facts-grid > span {
  font-size: 16px;
  color: #004b85;
  margin: 7px 10px 0 -2px;
}

div.box.gray.just-the-facts.hs-academy-facts
  > h3
  + .just-the-facts-grid
  > span {
  color: #2d2d2d;
}

div.box.gray.just-the-facts p strong.text-uppercase::before,
div.box.gray.just-the-facts a strong.text-uppercase::before {
  background: #efae2a;
  content: "";
  width: 3px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.just-the-facts-grid {
  display: grid;
  grid-template-columns: auto 1fr;
}

div.box.gray.just-the-facts h2 {
  color: #004b85;
  font-size: 24px;
  font-weight: bold;
  margin: 25px 0 10px 0;
  text-transform: uppercase;
}

main.program-details div.blue-promo {
  margin: 50px 0 0 0;
}
main.program-details div.program-courses p strong:first-child {
  cursor: pointer;
  text-transform: uppercase;
}
main.program-details div.program-courses p svg {
  margin-left: 8px;
  font-size: 14px;
}
main.program-details div.program-courses > p > a {
  color: #000000;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
main.program-details div.program-courses > p > a:hover {
  text-decoration: underline;
}
main.program-details div.program-courses p svg,
main.program-details div.program-courses p.open svg.fa-chevron-up,
main.program-details div.program-courses p.open a + span {
  display: inline;
}
main.program-details div.program-courses p svg.fa-chevron-up,
main.program-details div.program-courses p.open svg.fa-chevron-down,
main.program-details div.program-courses p a + span {
  display: none;
}
main.program-details div.blue.program-outcomes {
  margin-top: 80px;
}
main.program-details div.blue.program-outcomes div.icon-box {
  background-color: transparent;
  margin-top: 0;
}
@media (max-width: 991.98px) {
  main.program-details div.blue.program-outcomes div + div div.icon-box {
    margin-top: 60px;
  }
  main.program-details div.blue.program-outcomes p {
    margin-bottom: 30px;
  }
}
main.program-details div.blue.program-outcomes div.icon-box > div:first-child {
  color: #ffffff;
  background: #840037;
  margin-bottom: 40px;
}
main.program-details div.blue.program-outcomes div.icon-box > div + h4,
main.program-details div.blue.program-outcomes div.icon-box > div + h4 span {
  color: #efae2a !important;
  font-family: "NewsGothicCondensed", "NewsGothic", Arial, sans-serif;
}
main.program-details
  div.blue.program-outcomes
  div.icon-box
  > div
  + h4
  br
  + span,
main.program-details div.blue.program-outcomes div.icon-box p {
  color: #ffffff !important;
  font-family: "NewsGothic", Arial, sans-serif;
}
@media (max-width: 991.98px) {
  main.program-details div.blue.program-outcomes {
    margin-bottom: 45px;
  }
}
main.program-details div.gray div.box.gray > div:first-child {
  color: #ffffff;
  font-size: 32px;
  background-color: #efae2a;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  margin: 0 auto 20px auto;
}
main.program-details div.gray div.box.gray > div:first-child svg {
  margin-top: 19px;
}
main.program-details div.gray div.box.gray h2 {
  color: #004b85;
  font-family: "NewsGothicCondensed", "NewsGothic", Arial, sans-serif;
  margin: 0;
}
main.program-details div.gray div.box.gray h2 + h3 {
  color: #808285;
  margin-top: 0;
}
main.program-details div.student-testimonial {
  background: rgba(0, 0, 0, 0.25);
  padding: 70px 70px 50px 70px;
}
main.program-details div.student-testimonial img {
  width: 350px;
  border-radius: 50%;
  float: right;
  margin: -145px 0 0 70px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
main.program-details div.student-testimonial p:first-of-type {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 30px;
  position: relative;
}
main.program-details div.student-testimonial p:first-of-type:before {
  content: "“";
  font-size: 180px;
  color: rgba(255, 255, 255, 0.15);
  position: absolute;
  top: 0;
  left: -25px;
}
main.program-details div.student-testimonial p + p {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
}
main.program-details div.student-testimonial p + p + p {
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  color: #efae2a;
  letter-spacing: 0.5px;
}
@media (max-width: 767.98px) {
  main.program-details div.student-testimonial {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
  }
  main.program-details div.student-testimonial img {
    width: 300px;
    float: none;
    margin: -145px auto 40px auto;
  }
  main.program-details div.student-testimonial p:first-of-type {
    font-size: 22px;
    margin-bottom: 20px;
  }
  main.program-details div.student-testimonial p:first-of-type:before {
    font-size: 140px;
  }
  main.program-details div.student-testimonial p + p {
    font-size: 20px;
  }
}
main.program-details
  div.buttons-only.red
  a.btn.lg:not(a.btn.white):not(a:hover) {
  color: #840037 !important;
}
main.program-details div.buttons-only.red a.btn.lg:hover {
  color: #840037 !important;
}

div.program-video-arrow {
  margin-top: 80px;
}

div.program-video-arrow svg {
  height: 115px;
  position: absolute;
  z-index: 100;
  margin: -45px 0 0 500px;
}

div.program-video-arrow iframe {
  width: calc(100% - 108px);
  aspect-ratio: 16/9;
  margin: 48px 0 0 48px;
  position: absolute;
}

div.program-video-arrow iframe + div,
div.program-video-arrow p:has(iframe) + div {
  width: calc(100% - 48px);
  aspect-ratio: 16/9;
  border: 12px solid #004b85;
  margin-bottom: 48px;
}

@media (max-width: 991.98px) {
  div.program-video-arrow {
    margin-top: 45px;
    margin-bottom: 65px;
  }
  div.program-video-arrow svg {
    display: none;
  }
  div.program-video-arrow iframe {
    width: calc(100% - 60px);
    margin: 24px 0 0 24px;
  }
  div.program-video-arrow iframe + div,
  div.program-video-arrow p:has(iframe) + div {
    width: calc(100% - 24px);
    border: 8px solid #004b85;
  }
}
div.map-full {
  width: 100%;
  height: 590px;
  z-index: 10;
}

@media (max-width: 991.98px) {
  div.map-full {
    height: 350px;
  }
}
@media (max-width: 767.98px) {
  div.map-full {
    height: 450px;
  }
}
div.map-overlay {
  background-color: #004b85;
  position: absolute;
  z-index: 20;
  padding: 0;
  height: 590px;
  max-width: 450px;
}

div.map-overlay > div {
  padding: 50px 40px 16px 40px;
}

div.map-overlay > div p {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  div.map-overlay {
    position: static;
    height: auto;
    max-width: 100%;
  }
}
div.img-full {
  width: 100%;
  height: 550px;
  z-index: 10;
  background-color: #004b85;
  background-size: cover;
  background-position: top;
}

@media (max-width: 991.98px) {
  div.img-full {
    height: 250px;
  }
}
@media (max-width: 767.98px) {
  div.img-full {
    height: 150px;
  }
}
div.img-overlay {
  background-color: #004b85;
  position: absolute;
  z-index: 20;
  padding: 0;
  height: 550px;
  max-width: 450px;
}

div.img-overlay > div {
  padding: 50px 40px 26px 40px;
}

div.img-overlay > div p {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  div.img-overlay {
    position: static;
    height: auto;
    max-width: 100%;
  }
}
a.btn,
input[type="submit"] {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 14px;
  line-height: 1em;
  padding: 10px 20px 10px 20px;
  color: #004b85;
  background-color: #ebebec;
  border: 2px solid #ebebec;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 14px;
  white-space: normal !important;
  transition:
    0.6s background-color,
    0.6s border-color,
    0.6s color;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}

a.btn:hover,
a.btn:focus,
a.btn:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:focus-visible {
  background-color: #004b85;
  border-color: #004b85;
  color: #ffffff;
  transition:
    0.35s background-color,
    0.35s border-color,
    0.35s color;
}

.btn:focus,
.btn.focus {
  outline: 2px dotted #004b85;
  outline-offset: 2px;
}

a.btn + a.btn {
  margin-left: 20px;
}

p a.btn {
  margin-top: 7px;
}

a.btn.lg,
header a.btn,
input[type="submit"] {
  font-size: 18px;
  padding: 14px 32px 16px 32px;
  margin-bottom: 16px;
}

header h1 + a.btn {
  margin-top: 16px;
  margin-bottom: 0;
}

a.btn.lg + a.btn.lg {
  margin-left: 40px;
}

a.btn.yellow,
input[type="submit"].button--primary {
  background-color: #efae2a !important;
  border-color: #efae2a !important;
  color: #000000;
}

a.btn.red {
  background-color: #840037 !important;
  border-color: #840037 !important;
  color: #ffffff;
}

div.gray a.btn.yellow,
div.gray input[type="submit"].button--primary {
  background-color: #d18c00;
  border-color: #d18c00;
  color: #000000;
}

a.btn.yellow:hover,
a.btn.yellow:focus,
a.btn.yellow:focus-visible,
input[type="submit"].button--primary:hover,
input[type="submit"].button--primary:focus,
input[type="submit"].button--primary:focus-visible {
  background: #004b85 !important;
  border-color: #004b85 !important;
  color: #ffffff;
}

a.btn.red:hover,
a.btn.red:focus {
  background: transparent !important;
  color: #840037 !important;
}

div.buttons-only a:focus,
div.buttons-only a:focus-visible {
  outline-offset: 3px;
  outline-style: dotted;
  outline-width: 2px;
  transition-property: background-color, color;
}

a.btn.white,
div.buttons-only a.btn {
  background-color: transparent;
  border-color: #ffffff;
  border-width: 3px;
  color: #ffffff !important;
}
a.btn.white:hover,
a.btn.white:focus,
a.btn.white:focus-visible,
div.buttons-only a.btn:hover,
div.buttons-only a.btn:focus,
div.buttons-only a.btn:focus-visible {
  background-color: #ffffff;
  color: #840037 !important;
}
a.btn.white:focus,
a.btn.white:focus-visible,
div.buttons-only a.btn:focus,
div.buttons-only a.btn:focus-visible {
  outline-color: #ffffff;
}

div.gray a.btn {
  background-color: rgba(255, 255, 255, 0.8);
  border-color: #ffffff;
}

div.gray a.btn:hover,
div.gray a.btn:focus {
  background: #004b85 !important;
  border-color: #004b85;
  color: #ffffff;
}

div.blue a.btn,
div.dark-blue a.btn,
div.red a.btn {
  color: #000000;
}

:where(div.blue, div.dark-blue, div.red)
  :where(:a.btn, input[type="submit"].button--primary):hover,
:where(div.blue, div.dark-blue, div.red)
  :where(:a.btn, input[type="submit"].button--primary):focus,
:where(div.blue, div.dark-blue, div.red)
  :where(:a.btn, input[type="submit"].button--primary):focus-visible {
  background: #ffffff !important;
  border-color: #ffffff;
}
:where(div.blue, div.dark-blue, div.red)
  :where(:a.btn, input[type="submit"].button--primary):focus,
:where(div.blue, div.dark-blue, div.red)
  :where(:a.btn, input[type="submit"].button--primary):focus-visible {
  outline-color: #ffffff;
}

div.blue :where(a.btn, input[type="submit"].button--primary):hover,
div.blue :where(a.btn, input[type="submit"].button--primary):focus,
div.blue :where(a.btn, input[type="submit"].button--primary):focus-visible {
  color: #004b85 !important;
}

div.dark-blue :where(a.btn, input[type="submit"].button--primary):hover,
div.dark-blue :where(a.btn, input[type="submit"].button--primary):focus,
div.dark-blue
  :where(a.btn, input[type="submit"].button--primary):focus-visible {
  color: #003462 !important;
}

div.red :where(a.btn, input[type="submit"].button--primary):hover,
div.red :where(a.btn, input[type="submit"].button--primary):focus,
div.red :where(a.btn, input[type="submit"].button--primary):focus-visible {
  color: #840037 !important;
}

div.blue.overlay :where(a.btn, input[type="submit"].button--primary):hover,
div.blue.overlay :where(a.btn, input[type="submit"].button--primary):focus,
div.blue.overlay
  :where(a.btn, input[type="submit"].button--primary):focus-visible {
  background: #004b85;
  border-color: #ffffff;
  color: #ffffff !important;
  outline-color: #ffffff;
}

.blue a.btn.yellow:hover,
.blue a.btn.yellow:focus,
.blue a.btn.yellow:focus-visible,
.blue input[type="submit"].button--primary:hover,
.blue input[type="submit"].button--primary:focus,
.blue input[type="submit"].button--primary:focus-visible {
  background: #840037 !important;
  border-color: #efae2a !important;
  color: #efae2a !important;
}

div.overlay-on a.btn {
  color: #004b85 !important;
  background-color: #ebebec !important;
  border: 2px solid #ebebec !important;
  min-width: auto !important;
}

div.overlay-on a.btn:hover,
div.overlay-on a.btn:focus {
  color: #ffffff !important;
  background-color: #004b85 !important;
  border-color: #004b85 !important;
}

a.btn.fixed,
div.buttons-only a.btn {
  min-width: 280px;
}

a.btn svg.fa-play {
  margin-left: 12px;
}

@media (max-width: 575.98px) {
  a.btn {
    display: block;
    margin: 17px 0 0 0 !important;
  }
  a.btn.sm {
    margin: 12px 0 0 0 !important;
  }
}
@media (min-width: 992px) {
  div.experience-cvtc a.btn {
    min-width: 280px;
  }
}
div.toggle-links a {
  font-size: 28px;
  line-height: 1em;
  color: #808285;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

div.toggle-links a svg {
  visibility: hidden;
  margin-left: 6px;
  position: relative;
  top: -5px;
}

div.toggle-links a.on {
  color: #004b85;
  text-decoration: underline;
}

div.toggle-links a.on svg {
  visibility: visible;
}

div.toggle-links a + a {
  margin-left: 32px;
}

@media (max-width: 991.98px) {
  div.toggle-links a {
    display: block;
  }
  div.toggle-links a + a {
    margin: 15px 0 0 0;
  }
}
div.buttons-only {
  padding: 25px 0 25px 0 !important;
}

div.buttons-only a.btn {
  margin: 0;
}

div.buttons-only a.btn + a.btn {
  margin-left: 25px;
}

div.buttons-only h2,
body main div.buttons-only h2:first-child {
  font-size: 30px;
  line-height: 1em;
  margin: 8px 0 10px 0 !important;
}

@media (max-width: 767.98px) {
  div.buttons-only h2 {
    font-size: 28px;
  }
  div.buttons-only div.col-12.col-xl-9 h2 {
    margin-bottom: 15px !important;
  }
}
div.buttons-only h2 p {
  display: none;
}

@media (max-width: 1350px) {
  div.buttons-only div.container {
    max-width: 885px !important;
  }
  div.buttons-only a.btn:nth-of-type(1),
  div.buttons-only a.btn:nth-of-type(2) {
    margin-bottom: 30px;
  }
  div.buttons-only a.btn:nth-of-type(1) {
    margin-top: 0 !important;
  }
  div.buttons-only a.btn:nth-of-type(odd) {
    margin-left: 0 !important;
  }
}
div.pathways .narrow-padding {
  padding: 0 6px;
}

div.pathways div + div p:first-child,
div.pathways div + div a {
  background-color: rgba(255, 255, 255, 0.95);
  color: #000000;
  font-family: "NewsGothic", Arial, sans-serif;
  font-weight: bold;
  padding: 12px 10px 12px 10px;
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin: 0 0 8px 0;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.5px;
}

div.pathways div.row.narrow-padding div p:first-child {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
}

div.pathways div.row.narrow-padding div:nth-last-child(2) p:first-child {
  background-color: rgba(0, 0, 0, 0.75);
}

div.pathways div.row.narrow-padding div:last-child p:first-child {
  background-color: #000000;
}

div.pathways div + div a:hover,
div.pathways div + div a:focus {
  background-color: rgba(255, 255, 255, 0.45);
}

div.pathways p + h2 {
  margin-top: -10px;
}

@media (min-width: 768px) {
  div.pathways p + h2 {
    margin-top: -20px;
  }
}
div.pathways h2 svg.fa-info-circle {
  font-size: 16px;
  position: relative;
  top: -16px;
  color: #840037;
}

@media (min-width: 768px) {
  div.pathways div + div p.triangle:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: -23px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #efae2a;
    border-style: solid;
    border-width: 15px;
  }
  div.pathways div + div a.two-line {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
div.overlay-on,
div.overlay-off {
  align-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  justify-items: center;
  z-index: 9999;
  overflow: auto;
  text-align: center;
  opacity: 1;
  transition: all 1s;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

div.overlay-on h2,
div.overlay-off h2 {
  font-size: 36px !important;
  color: #840037 !important;
}

div div.overlay-on div h2:first-of-type,
div div.overlay-off div h2:first-of-type {
  padding-top: 0 !important;
}

div.overlay-on h3,
div.overlay-off h3,
div.overlay-on h4,
div.overlay-off h4,
div.overlay-on h5,
div.overlay-off h5 {
  color: #004b85 !important;
}

div.overlay-on h5,
div.overlay-off h5 {
  font-size: 28px !important;
}

div.overlay-on p,
div.overlay-on p a,
div.overlay-on li,
div.overlay-off p,
div.overlay-off p a,
div.overlay-off li {
  font-size: 16px !important;
  color: #000000 !important;
}

div.overlay-on div.row > div.col-12 > p:first-child,
div.overlay-on div.row > div.col-12 > h2:first-child,
div.overlay-on div.row > div.col-12 > h3:first-child,
div.overlay-on div.row > div.col-12 > h4:first-child,
div.overlay-on div.row > div.col-12 > h5:first-child {
  margin-top: 0;
}

div.overlay-on > div,
#insider-modal iframe {
  display: inline-block;
  width: 96%;
  max-width: 875px;
  text-align: left;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 40px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  position: relative;
}

#insider-modal iframe {
  padding: 0;
}

div#header-video-overlay.overlay-on > div {
  width: calc(94dvw + 1rem);
}

div.overlay-off {
  top: -100%;
  opacity: 0;
  transition: all 0.5s;
}

div.overlay-on > div h4:first-of-type {
  margin-top: 0;
}

div.overlay-on > div > p:has(a.close) {
  margin: 0;
  padding: 0;
}

div.overlay-on > div a.close {
  display: inline-block;
  position: relative;
  height: 30px;
  width: 30px;
  margin: 0;
  opacity: 1;
  text-decoration: none !important;
  color: #840037;
  right: -30px;
  top: -20px;
}

div.overlay-on > div a.close:hover,
div.overlay-on > div a.close:focus {
  color: #004b85;
}

div.overlay-on a.close,
#insider-modal a.close {
  float: none;
}
div.overlay-on a.close::before,
#insider-modal a.close::before {
  transform: rotate(45deg);
}
div.overlay-on a.close::after,
#insider-modal a.close::after {
  transform: rotate(-45deg);
}
div.overlay-on a.close::before,
div.overlay-on a.close::after,
#insider-modal a.close::before,
#insider-modal a.close::after {
  content: "";
  background-color: currentColor;
  display: inline-block;
  height: 6px;
  margin: 0;
  position: absolute;
  transition:
    0.5s background-color,
    0.5s border-color,
    0.5s color,
    transform 0.3s;
  width: 30px;
}
div.overlay-on a.close:hover::before,
div.overlay-on a.close:hover::after,
#insider-modal a.close:hover::before,
#insider-modal a.close:hover::after {
  transform: rotate(0deg);
}

#insider-modal a.close::before,
#insider-modal a.close::after {
  right: 1rem;
  top: 1.5rem;
}

a.hover,
a.hover img {
  position: relative;
  display: block;
}

a.hover img {
  margin: 0;
}

a.hover > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: rgba(77, 77, 79, 0.5);
}

a.hover:hover > div,
a.hover:focus > div {
  opacity: 1;
}

a.hover > div svg {
  color: #fff;
  font-size: 50px;
  position: absolute;
  top: calc(50% - 0.5em - 5px);
  left: calc(50% - 0.5em);
}

div.page-overlay {
  position: fixed;
  top: -101%;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  overflow: auto;
  -ms-overflow-style: none;
  z-index: 200;
  transition: 1s all cubic-bezier(0.215, 0.61, 0.355, 1);
}

div.page-overlay > div {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

div.page-overlay > div > iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  height: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #e6e7e8;
}

iframe.page-overlay div.page-overlay::-webkit-scrollbar {
  display: none;
}

div.page-overlay::-webkit-scrollbar {
  display: none;
}

div.experience-cvtc {
  height: 575px;
  background-color: #004b85;
  background-image: url(/sites/default/files/images/layout/bg-explore-cvtc-OLD);
  background-size: cover;
  position: relative;
  overflow: hidden;
  border-top: 5px solid #efae2a;
}

div.experience-cvtc > video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

div.experience-cvtc > div {
  position: absolute;
  width: 100%;
  padding: 200px 0 200px 0 !important;
  z-index: 100;
  background: rgba(0, 0, 0, 0.45);
}

@media (max-width: 991.98px) {
  div.experience-cvtc {
    height: auto;
  }
  div.experience-cvtc > div {
    position: relative;
    padding: 125px 0 125px 0 !important;
  }
  div.experience-cvtc > video {
    display: none;
  }
}
@media (max-width: 767.98px) {
  div.experience-cvtc > div {
    padding: 50px 0 50px 0 !important;
  }
}
div.experience-cvtc p {
  font-weight: bold;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

div.experience-cvtc p + p {
  margin-bottom: 30px;
}

@media (max-width: 767.98px) {
  div.experience-cvtc p + p {
    font-size: 34px;
  }
}
div.experience-cvtc a.btn.white.lg {
  background: rgba(255, 255, 255, 0.8);
  color: #000000 !important;
}
div.experience-cvtc a.btn.white.lg:hover,
div.experience-cvtc a.btn.white.lg:focus,
div.experience-cvtc a.btn.white.lg:focus-visible {
  background: rgba(0, 75, 133, 0.8);
  color: #ffffff !important;
}

.user-type-selector select:focus,
.user-type-selector select:focus-visible {
  outline: 2px dotted #004b85 !important;
  outline-offset: 2px;
}

.user-type-selector div.container.full {
  padding-inline: 0 !important;
}

div.user-type-selector {
  background-color: #ffffff;
  box-shadow: 0 -0.05rem 2px 0px rgba(0, 0, 0, 0.75);
  width: 100%;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0;
  text-align: center;
  transition: 0.15s background-color 0.15s color;
  z-index: 900;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
}

/*
  Alleviates accessibility issues, particularly
  for users zooming screen
*/
@media (max-width: 992px) {
  div.user-type-selector {
    display: none;
  }
}
div.user-type-selector a {
  color: #000000;
  padding-inline: 1rem;
  text-decoration: none;
}

div.user-type-selector a:hover,
div.user-type-selector a:focus,
div.user-type-selector a:focus-visible {
  color: #ffffff;
  background-color: #004b85;
  transition: 0.15s all;
}
div.user-type-selector a:focus,
div.user-type-selector a:focus-visible {
  outline: none;
}

div.user-type-selector * {
  text-align: left;
  font-size: 14px;
  line-height: 1em;
}

div.user-type-selector svg {
  font-size: 25px;
  margin-right: 8px;
}

div.user-type-selector .user-type-wrapper {
  align-items: center;
  display: flex;
}
div.user-type-selector .user-type-wrapper > div,
div.user-type-selector .user-type-wrapper > div > div {
  display: flex;
  align-items: stretch;
}
div.user-type-selector .user-type-wrapper > div a,
div.user-type-selector .user-type-wrapper > div .i-am-an-label,
div.user-type-selector .user-type-wrapper > div .quick-links-select,
div.user-type-selector .user-type-wrapper > div > div a,
div.user-type-selector .user-type-wrapper > div > div .i-am-an-label,
div.user-type-selector .user-type-wrapper > div > div .quick-links-select {
  display: flex;
  align-items: center;
  min-height: 4rem;
}

div.user-type-selector div.user-type-wrapper > div:first-child,
div.user-type-selector div.user-type-wrapper > div:first-child select {
  font-size: 18px;
}

div.user-type-selector div.user-type-wrapper > div:first-child a {
  text-transform: uppercase;
  font-weight: bold;
}

div.user-type-selector div.user-type-wrapper > div:first-child a.bounce {
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 4;
  -webkit-animation-delay: 10s;
  -webkit-animation-name: bounce;
  -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */
  -moz-animation-delay: 10s;
  -moz-animation-iteration-count: 4;
  -moz-animation-duration: 2s;
  -moz-animation-name: bounce;
  -moz-animation-fill-mode: forwards; /* this prevents the animation from restarting! */
  animation-delay: 10s;
  animation-iteration-count: 4;
  animation-duration: 2s;
  animation-name: bounce;
  animation-fill-mode: forwards; /* this prevents the animation from restarting! */
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    top: 0;
  }
  40% {
    top: -8px;
  }
  60% {
    top: -4px;
  }
}
div.user-type-selector div.user-type-wrapper > div:first-child a + a {
  position: relative;
}

div.user-type-selector
  div.user-type-wrapper
  > div:first-child
  a
  + a
  svg
  + span {
  display: inline-block;
  background: #ff0000;
  border-radius: 50%;
  font-size: 10px;
  line-height: 1em;
  color: #ffffff;
  position: absolute;
  padding-top: 3px;
  text-align: center;
  top: -16px;
  left: 12px;
  min-height: 16px;
  min-width: 16px;
  font-weight: bold;
}

div.user-type-selector div.user-type-wrapper > div:first-child select {
  border: 0;
  border-bottom: 1px solid #808285;
  font-weight: bold;
  background: none;
  border-radius: 0 !important;
  margin: 0 25px 0 6px;
  line-height: 1.1em;
  padding: 0 18px 2px 4px;
}

div.user-type-selector
  div.user-type-wrapper
  > div:first-child
  select::-ms-expand {
  display: none !important;
}

div.user-type-selector div.user-type-wrapper > div:first-child + div {
  border-left: 1px solid transparent;
  -o-border-image: linear-gradient(
      to top,
      #ffffff 0%,
      #ffffff 25%,
      #808285 25%,
      #808285 75%,
      #ffffff 75%,
      #ffffff 100%
    )
    1;
  border-image: linear-gradient(
      to top,
      #ffffff 0%,
      #ffffff 25%,
      #808285 25%,
      #808285 75%,
      #ffffff 75%,
      #ffffff 100%
    )
    1;
  margin-inline-start: auto;
  white-space: nowrap;
}

div.user-type-selector div.user-type-wrapper > div:first-child + div div {
  padding-left: 20px;
  text-align: right;
}

div.user-type-selector div.user-type-wrapper > div:first-child + div a {
  text-transform: uppercase;
  position: relative;
  text-decoration: none !important;
}

div.user-type-selector div.user-type-wrapper > div:first-child + div a svg {
  font-size: 20px;
  margin: 5px 8px 0 -22px;
  position: absolute;
}

div.user-type-selector div.user-type-wrapper > div:first-child + div a {
  padding-inline-start: 45px;
  padding-inline-end: 28px;
}

div.user-type-selector div.user-type-wrapper > div:first-child + div a svg {
  margin-left: -28px;
}

div.user-type-selector span.user-type-links select {
  display: none;
}

@media (max-width: 1370px) {
  div.user-type-selector span.user-type-links a,
  div.user-type-selector .user-type-wrapper > div > div a {
    display: none;
  }
  div.user-type-selector span.user-type-links select {
    display: inline;
    width: 150px;
  }
}
@media (max-width: 767.98px) {
  div.user-type-selector {
    padding: 16px 0 14px 0;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child {
    padding-right: 20px;
    white-space: nowrap;
  }
  div.user-type-selector
    div.user-type-wrapper
    > div:first-child
    a
    + a
    + span
    span {
    display: none;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child a svg {
    margin-right: 0;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child + div div {
    padding-left: 15px;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child + div a {
    font-size: 16px;
    line-height: 24px;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child + div a svg {
    margin-top: 0;
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  div.user-type-selector {
    padding: 14px 0 12px 0;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child {
    padding-right: 0;
    white-space: nowrap;
    border-right: 1px solid #000000;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child a + a + span {
    max-width: 0;
    max-height: 0;
    overflow: hidden;
    display: inline-block;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child a svg {
    margin-right: 0;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child + div {
    width: auto;
    text-align: right;
    border: none !important;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child + div div {
    padding-left: 0;
  }
  div.user-type-selector
    div.user-type-wrapper
    > div:first-child
    + div
    a
    > span {
    display: none;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child + div a {
    font-size: 16px;
    line-height: 24px;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child + div a svg {
    margin-top: 0;
    font-size: 24px;
  }
}
@media (max-width: 367.98px) {
  div.user-type-selector svg,
  div.user-type-selector div.user-type-wrapper > div:first-child,
  div.user-type-selector div.user-type-wrapper > div:first-child select {
    font-size: 22px;
  }
  div.user-type-selector div.user-type-wrapper > div:first-child + div a svg {
    font-size: 18px;
    margin-left: -18px;
  }
  div.user-type-selector
    div.user-type-wrapper
    > div:first-child
    + div
    a
    + a
    svg {
    margin-left: -22px;
  }
}
.unpublished-banner {
  background-image: repeating-linear-gradient(
    45deg,
    yellow,
    yellow 25px,
    black 25px,
    black 50px
  );
  background-size: 200% 100%;
  color: crimson;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
  text-shadow:
    -2px -2px 0 yellow,
    2px -2px 0 yellow,
    -2px 2px 0 yellow,
    2px 2px 0 yellow;
}
@media (prefers-reduced-motion: no-preference) {
  .unpublished-banner {
    animation: slide-unpublished-bg 30s linear infinite;
  }
  @keyframes slide-unpublished-bg {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 100% 0;
    }
  }
}
.unpublished-banner > * {
  background-color: yellow;
  padding: 0.5rem 1.75rem;
}

footer {
  background-color: #002441;
  padding: 45px 0 30px 0;
  border-bottom: #4d4d4f 10px solid;
}

footer svg,
footer svg path {
  fill: #ffffff;
}

footer p,
footer li {
  color: #ffffff;
  font-size: 15px;
}

footer a {
  color: #ffffff;
  text-decoration: none;
}

footer a:hover,
footer a:focus,
footer a:hover svg path,
footer a:focus svg path {
  color: #efae2a;
  fill: #efae2a;
  text-decoration: none;
}

footer a:focus,
footer a:focus-visible,
footer input:focus,
footer input:focus-visible {
  outline: 2px dotted #efae2a !important;
  outline-offset: 2px;
}

footer a:focus,
footer a:focus-visible {
  outline-color: #ffffff;
}

footer svg.logo {
  height: auto;
  width: 180px;
}

footer div.col-12.col-md-3 p span,
footer div.col-12.col-md-3 + div.col-12.col-md-4 p span {
  color: #efae2a;
  display: inline-block;
  padding: 0 8px 0 8px;
}

@media (max-width: 767.98px) {
  footer div.col-12.col-md-6 {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #004b85;
    border-bottom: 1px solid #004b85;
  }
}
footer select#quick-links-dropdown {
  background-color: #003462;
  border: 1px solid #004b85;
  border-radius: 5px;
  width: 100%;
  max-width: 320px;
  font-size: 16px;
  padding: 8px 8px 8px 10px;
  margin-top: -10px;
  margin-bottom: -10px;
  line-height: normal;
}

@media (max-width: 767.98px) {
  footer select#quick-links-dropdown {
    max-width: 100%;
  }
}
footer p.h5 {
  color: #ffffff;
  font-family: "NewsGothic", Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 8px;
  letter-spacing: 1px;
}

@media (min-width: 576px) {
  footer div.col-md-4 p.h5,
  footer div.col-md-4 + div.col-md-3 p.h5,
  footer div.col-md-4 + div.col-md-3 + div.col-md-2 p.h5 {
    margin-top: 0;
  }
}
footer div.col-12.col-md-6 p.h5 + ul {
  /* Chrome, Safari, Opera */
  -moz-columns: 3; /* Firefox */
  columns: 3;
  margin: 0;
  padding: 0;
}

footer div.col-12.col-md-6 p.h5 + ul li {
  list-style: none;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
}

footer div.col-12.col-md-6 p.h5 + ul li svg.fa-lock {
  margin-right: 6px;
  display: none;
}

footer div.col-12.col-md-6 p.h5 + ul li svg.fa-lock + svg.fa-lock {
  display: inline-block;
}

footer div.col-12.col-md-6 p.h5 + ul li a:hover svg.fa-lock,
footer div.col-12.col-md-6 p.h5 + ul li a:focus svg.fa-lock {
  display: inline-block;
}

footer div.col-12.col-md-6 p.h5 + ul li a:hover svg.fa-lock + svg.fa-lock,
footer div.col-12.col-md-6 p.h5 + ul li a:focus svg.fa-lock + svg.fa-lock {
  display: none;
}

footer div + div.col-12.col-md-3 p.h5 + input {
  font-size: 16px;
  color: #4d4d4f !important;
  border-radius: 5px;
  padding: 8px 24px 8px 10px;
  border: 0;
  width: 100%;
  max-width: 320px;
  line-height: normal;
}

@media (max-width: 767.98px) {
  footer div + div.col-12.col-md-3 p.h5 + input {
    max-width: 100%;
  }
}
footer input#search-footer {
  max-width: 250px;
}

footer div.social a svg {
  font-size: 28px;
}

footer div.social {
  display: inline-block;
  height: 35px;
  width: 32px;
}

footer div.social:nth-of-type(3) span.fa-layers {
  top: -5px;
}

@media (max-width: 767.98px) {
  footer div.social:nth-of-type(3) span.fa-layers {
    font-size: 28px;
    top: 0;
  }
}
footer div.social a svg path {
  fill: #f1f2f2;
}

footer div.social a:hover svg path,
footer div.social a:focus svg path {
  fill: #7f99b0;
}

footer div.social a svg.fa-instagram path {
  fill: #003462;
}

footer div.col-12 + p.col-12 {
  font-size: 13px;
  line-height: 1em;
  margin: 0;
}

@media (min-width: 1440px) {
  footer div.col-12 + p.col-12 {
    margin-top: -24px;
  }
}
#olark-wrapper > div.olark-launch-button-wrapper,
#olark-wrapper button.olark-context-menu-button {
  display: none !important;
}

#olark-wrapper div.olark-top-bar a.olark-close-icon {
  font-size: 18px !important;
  line-height: 1em !important;
  float: right !important;
  margin: -10px -10px 0 0 !important;
}

#olark-wrapper
  div.olark-top-bar.olark-has-agent
  a.olark-close-icon
  #olark-wrapper
  .olark-close-button {
  margin-top: 0 !important;
}
#olark-wrapper
  div.olark-top-bar.olark-has-agent
  a.olark-close-icon
  #olark-wrapper
  .olark-close-button:focus,
#olark-wrapper
  div.olark-top-bar.olark-has-agent
  a.olark-close-icon
  #olark-wrapper
  .olark-close-button:focus-visible {
  outline: 2px dotted #efae2a !important;
  outline-offset: 2px;
}

#olark-wrapper .olark-close-button:focus,
#olark-wrapper .olark-close-button:focus-visible {
  outline: 2px dotted #efae2a !important;
  outline-offset: 2px;
}

#olark-wrapper input:focus,
#olark-wrapper input:focus-visible,
#olark-wrapper .olark-survey-form-submit:focus,
#olark-wrapper .olark-survey-form-submit:focus-visible {
  outline-color: #ffffff !important;
}

div.calendar-icons p {
  line-height: 2em;
  margin: 0;
}

div.calendar-icons p + p {
  margin-top: 20px;
}

div.hide-calendar div.calendar-icons p.calendar,
div.hide-social div.calendar-icons p.social {
  display: none;
}

div.calendar-icons a {
  text-decoration: none;
  color: #000000;
  white-space: nowrap;
}

div.calendar-icons a svg {
  color: #004b85;
  font-size: 20px;
}

div.calendar-icons a:hover,
div.calendar-icons a:focus,
div.calendar-icons a:hover svg,
div.calendar-icons a:focus svg {
  color: #840037;
}

div.calendar-icons a + a {
  margin-left: 20px;
}

@media (min-width: 768px) {
  div.calendar-icons a + br + a {
    margin-left: 20px;
  }
}
div.scrolling-photos {
  padding: 0 !important;
  overflow-x: hidden;
  position: relative;
  height: 315px;
}

div.scrolling-photos div#scrolling-photos {
  white-space: nowrap;
  height: 315px;
  position: absolute;
  left: 0;
  transition: 10s all;
}

div.scrolling-photos div#scrolling-photos img {
  height: 100%;
  width: auto;
  border: 12px solid #4d4d4f;
  border-left: 0;
}

div.room-rentals p {
  margin-top: -8px;
  padding: 10px;
}
div.room-rentals p:first-child {
  display: none;
}
div.room-rentals p > span {
  width: 100%;
  display: block;
}
div.room-rentals p > span:nth-of-type(1) {
  text-transform: uppercase;
}
@media (max-width: 991px) {
  div.room-rentals p > span:nth-of-type(1) {
    color: #004b85;
  }
}
div.room-rentals p > span:nth-of-type(1),
div.room-rentals p > span:before {
  font-weight: bold;
}
div.room-rentals p > span:nth-of-type(2):before {
  content: "Room Number:";
}
div.room-rentals p > span:nth-of-type(3):before {
  content: "Four Hours or Less:";
}
div.room-rentals p > span:nth-of-type(4):before {
  content: "More Than Four Hours:";
}
div.room-rentals p:first-child,
div.room-rentals p:first-child a {
  background: none !important;
}
@media (min-width: 992px) {
  div.room-rentals p {
    width: auto;
    padding: 5px;
    margin: 0;
  }
  div.room-rentals p > span {
    font-weight: normal !important;
    width: auto;
    display: inline-block;
    text-align: left;
  }
  div.room-rentals p:first-child,
  div.room-rentals p:first-child a {
    display: block;
    background: #004b85 !important;
    text-transform: uppercase !important;
    color: #ffffff;
    text-decoration: none;
  }
  div.room-rentals p > span:after,
  div.room-rentals p > span:before {
    display: none;
  }
  div.room-rentals p > span:nth-of-type(1) {
    width: 100%;
    max-width: calc(100% - 500px);
    text-transform: none;
  }
  div.room-rentals p:first-child > span:nth-of-type(1) {
    text-transform: uppercase;
  }
  div.room-rentals p > span:nth-of-type(2) {
    min-width: 200px;
  }
  div.room-rentals p > span:nth-of-type(3),
  div.room-rentals p > span:nth-of-type(4) {
    width: 1px;
    min-width: 135px;
    text-align: center;
  }
}
div.room-rentals p:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.08);
}

table.courses thead th p {
  color: #ffffff;
}
table.courses thead th {
  background-color: #003462;
  font-weight: normal;
  max-width: 450px;
}
table.courses tbody tr:nth-child(even) td {
  background-color: #f1f2f2;
}
table.courses p {
  margin: 0;
}
table.courses th,
table.courses td {
  padding: 4px 30px 4px 15px;
}
table.courses td + td {
  padding-left: 30px;
  padding-right: 15px;
}

div.gray table.courses tbody tr:nth-child(even) td,
div.blue table.courses tbody tr:nth-child(even) td,
div.red table.courses tbody tr:nth-child(even) td {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-5col {
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 540px) {
  .col-sm-5col {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 720px) {
  .col-md-5col {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 960px) {
  .col-lg-5col {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1140px) {
  .col-xl-5col {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (prefers-reduced-motion: reduce) {
  div.angle-right video,
  div.experience-cvtc video {
    display: none !important;
  }
  *,
  *:before,
  *:after {
    transition: 0.0001s all !important;
    animation: none !important;
  }
}
form.user-login-form {
  max-width: 800px;
  margin: 100px auto 65px;
}
form.user-login-form div.description {
  display: none;
}

form.user-login-form:before {
  content: "CVTC Admin Login";
  display: block;
  font-size: 40px;
  line-height: 1.25em;
  color: #840037;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}

.smaller-heading {
  font-size: 1.2rem;
}

.blue a.btn:not(.blue):not(.yellow):not(.red):hover,
.blue a.btn:not(.blue):not(.yellow):not(.red):focus,
.blue a.btn:not(.blue):not(.yellow):not(.red):focus-visible {
  border-color: #efae2a;
  background-color: #efae2a;
  color: black !important;
  outline-color: #ffffff;
}

.earn-credit-prior-learning {
  display: flex;
}

.student-story:focus-within {
  outline: 2px dotted #efae2a;
}

.blog-article-wrapper:focus-within,
.event-item:focus-within,
.news-story-item:focus-within {
  outline: 2px dotted #004b85;
}

.student-story,
.blog-article-wrapper,
.event-item,
.news-story-item {
  position: relative;
}
.student-story:focus-within,
.blog-article-wrapper:focus-within,
.event-item:focus-within,
.news-story-item:focus-within {
  outline-offset: 2px;
}
.student-story:hover .click-area,
.student-story:focus .click-area,
.student-story:focus-visible .click-area,
.blog-article-wrapper:hover .click-area,
.blog-article-wrapper:focus .click-area,
.blog-article-wrapper:focus-visible .click-area,
.event-item:hover .click-area,
.event-item:focus .click-area,
.event-item:focus-visible .click-area,
.news-story-item:hover .click-area,
.news-story-item:focus .click-area,
.news-story-item:focus-visible .click-area {
  position: absolute;
  inset: 0;
}
.student-story a:focus,
.student-story a:focus-visible,
.blog-article-wrapper a:focus,
.blog-article-wrapper a:focus-visible,
.event-item a:focus,
.event-item a:focus-visible,
.news-story-item a:focus,
.news-story-item a:focus-visible {
  outline: none;
}
.student-story .blue,
.blog-article-wrapper .blue,
.event-item .blue,
.news-story-item .blue {
  color: #004b85;
  font-weight: bold;
  letter-spacing: 1.3px;
  text-decoration: none;
  text-transform: uppercase;
}

div.blue .student-story a.yellow:hover,
div.blue .student-story a.yellow:focus,
div.blue .student-story a.yellow:focus-visible {
  color: #efae2a;
}

.pos-impact-community {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
}

@media (min-width: 720px) {
  .pos-impact-community {
    flex-direction: row;
    gap: 2rem;
  }
}
.discover-one-of-a-kind {
  position: relative;
}
.discover-one-of-a-kind > div:focus-within {
  outline: 2px dotted #efae2a;
  outline-offset: 2px;
}
.discover-one-of-a-kind > div:focus-within a:focus,
.discover-one-of-a-kind > div:focus-within a:focus-visible {
  outline: none;
}
.discover-one-of-a-kind .click-area {
  inset: 0;
  position: absolute;
}

.two-columns > .wsce-event-item {
  display: inline-block;
  width: 100%;
}

.wsce-event-item {
  position: relative;
}
.wsce-event-item:focus,
.wsce-event-item:focus-visible {
  outline: 2px dotted #004b85;
  outline-offset: -2px;
}
.wsce-event-item .click-area {
  inset: 0;
  position: absolute;
}

.search-modal {
  align-items: center;
  background-image: linear-gradient(-70deg, #003462 45%, #004b85 45%);
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  max-height: none;
  justify-content: center;
  height: 100dvh;
  margin: 0;
  overflow: hidden;
  padding: 0;
  translate: 0 -100%;
  transition:
    display 600ms,
    overlay 600ms,
    translate 500ms ease;
  transition-behavior: allow-discrete;
  width: 100dvw;
  max-width: none;
}
.search-modal::backdrop {
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition:
    display 600ms allow-discrete,
    opacity 500ms ease;
}
.search-modal[open] {
  display: flex;
  translate: 0 0;
}
@starting-style {
  .search-modal[open] {
    translate: 0 -100%;
  }
}
.search-modal[open]::backdrop {
  opacity: 1;
}
.search-modal a:focus,
.search-modal a:focus-visible,
.search-modal input:focus,
.search-modal input:focus-visible,
.search-modal button:focus,
.search-modal button:focus-visible {
  outline: 2px dotted #efae2a !important;
  outline-offset: 2px;
}

@starting-style {
  .search-modal[open]::backdrop {
    opacity: 0;
  }
}
.search-modal-wrapper {
  display: grid;
  height: 100%;
  max-height: 550px;
  overflow: auto;
  padding-block-start: 1rem;
  width: calc(100% - 4rem);
}

.search-modal-search {
  grid-column: 1/2;
  grid-row: 2/3;
}
.search-modal-search input {
  background-color: transparent;
  border: none;
  border-bottom: 3px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
  font-size: 1.5rem;
  padding: 0.2em;
}
.search-modal-search input::-moz-placeholder {
  color: #ffffff;
  opacity: 0.8;
}
.search-modal-search input::placeholder {
  color: #ffffff;
  opacity: 0.8;
}

.search-modal-contact {
  grid-column: 1/2;
  grid-row: 3/4;
  margin-block-start: 4rem;
  place-self: center start;
}
.search-modal-contact * {
  font-size: 1.3rem;
}
.search-modal-contact h3 {
  margin: 0;
}
.search-modal-contact h3,
.search-modal-contact p {
  color: #ffffff;
}
.search-modal-contact a {
  color: #efae2a;
}
.search-modal-contact a[href^="mail"] {
  display: block;
}

.search-modal-close {
  background: transparent;
  border: none;
  grid-column: 1/2;
  grid-row: 1/2;
  margin-block-end: 1.5rem;
  place-self: center end;
}
.search-modal-close::before {
  color: #ffffff;
  content: "×";
  font-size: 1.8rem;
  font-weight: bold;
}
.search-modal-close:hover::before {
  opacity: 0.8;
}

@media (min-width: 1200px) {
  .search-modal-wrapper {
    max-height: 350px;
    max-width: 1200px;
  }
  .search-modal-contact {
    margin-block-start: 0;
    margin-inline-start: 7rem;
    max-width: 30ch;
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .search-modal-contact * {
    font-size: 1rem;
  }
  .search-modal-close {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.overlay-modal {
  align-items: start;
  background-color: #ffffff;
  border: none;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  flex-direction: column;
  max-height: none;
  max-width: 875px;
  padding: 2rem;
  translate: 0 calc(-100% - 50dvh);
  transition:
    display 600ms,
    overlay 600ms,
    translate 500ms ease;
  transition-behavior: allow-discrete;
  width: 96%;
}
.overlay-modal::backdrop {
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  transition:
    display 600ms allow-discrete,
    opacity 500ms ease;
}
.overlay-modal[open] {
  display: flex;
  translate: 0 0;
}
@starting-style {
  .overlay-modal[open] {
    translate: 0 calc(-100% - 50dvh);
  }
}
.overlay-modal[open]::backdrop {
  opacity: 1;
}
.overlay-modal#promo-overlay {
  background-color: transparent;
  box-shadow: none;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  max-width: none;
  max-height: none;
  min-height: 100%;
  padding: 0;
}
.overlay-modal#promo-overlay .overlay-modal-wrapper {
  position: relative;
}
.overlay-modal#promo-overlay .overlay-modal-wrapper img {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.overlay-modal#promo-overlay .overlay-modal-close {
  position: absolute;
  right: -2.5rem;
  top: -2rem;
}
.overlay-modal#promo-overlay .overlay-modal-close::before {
  color: #ffffff;
  transition: opacity 150ms;
}
.overlay-modal#promo-overlay .overlay-modal-close:hover::before {
  opacity: 0.8;
}
.overlay-modal#promo-overlay a:focus,
.overlay-modal#promo-overlay a:focus-visible,
.overlay-modal#promo-overlay button:focus,
.overlay-modal#promo-overlay button:focus-visible {
  outline-color: #efae2a;
}
.overlay-modal h2 {
  font-size: 2rem;
}
.overlay-modal p {
  font-size: 0.9rem;
}

@starting-style {
  .overlay-modal[open]::backdrop {
    opacity: 0;
  }
}
.overlay-modal-close {
  background: transparent;
  border: none;
  align-self: end;
}
.overlay-modal-close::before {
  color: #840037;
  content: "✖";
  font-size: 1.8rem;
  font-weight: bold;
  transition: color 150ms linear;
}
.overlay-modal-close:hover::before {
  color: #004b85;
}
.overlay-modal-close:focus,
.overlay-modal-close:focus-visible {
  outline: 2px dotted #004b85;
  outline-offset: 2px;
}

.advising-tips h4 {
  font-size: 20px;
}

.g-recaptcha {
  display: flex;
  justify-content: center;
}

.box:is(.blue, .dark-blue) a:focus,
.box:is(.blue, .dark-blue) a:focus-visible {
  outline-color: #ffffff;
}

input[type="radio"],
input[type="checkbox"] {
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

input:is([type="radio"], [type="checkbox"]):is(:focus, :focus-visible)
  + label::before {
  outline: 2px dotted #004b85;
  outline-offset: 2px;
}

#request-info {
  display: none;
  height: 0;
  overflow: hidden;
  padding: 0;
  transition-behavior: allow-discrete;
  transition-duration: 1.5s;
  transition-property: display, height, padding;
}

#request-info.open {
  display: block;
  height: auto;
  padding: 85px 0 85px 0;
}

@starting-style {
  #request-info.open {
    height: 0;
    padding: 0;
  }
}
@media print {
  /* PRS Start Dates */
  #start-effective-dates > :first-child {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* PRS Effective */
  #start-effective-dates > :last-child {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
}
.prs-type,
.prs-code {
  display: block;
}

@media print, (min-width: 768px) {
  .prs-type {
    display: inline;
  }
  .prs-type::after {
    content: " | ";
  }
  .prs-code {
    display: inline;
  }
}
/*
div.user-type-selector.over-zoom-threshold {
  display: none;
}
*/
.mt-md-3\.5 {
  margin-top: 1.25rem !important;
}

.svg-inline--fa {
  width: auto;
}

main.alumni div.tips {
  margin-top: 30px; /* Chrome, Safari, Opera */
  -moz-columns: 1; /* Firefox */
  columns: 1; /* Chrome, Safari, Opera */
  -moz-column-gap: 0px; /* Firefox */
  column-gap: 0px;
}
main.alumni div.tips p,
main.alumni div.tips a {
  font-size: 20px;
  line-height: 1em;
  color: #4d4d4f;
  text-align: left;
  margin-bottom: 16px;
  text-decoration: none;
}
main.alumni div.tips p span {
  display: inline-block;
  margin: 0px 8px 0px 0px;
  border: 2px solid #004b85;
  color: #004b85;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  text-align: center;
  letter-spacing: -1px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1em;
  padding-top: 10px;
}
main.alumni div.tips p a:hover span {
  background: #004b85;
  color: #ffffff;
}
main.alumni p.social-icons {
  font-size: 50px;
  color: #004b85;
  margin-top: 20px;
}
main.alumni p.social-icons a + a {
  margin-left: 30px;
}
main.alumni div.count {
  display: inline-block;
  height: 77px;
  width: 77px;
  border: 3px solid #840037;
  border-radius: 50%;
  text-align: center;
  margin-top: 40px;
}
main.alumni div.count:before {
  content: "";
  height: 38px;
  width: 3px;
  background: #840037;
  position: absolute; /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ /* IE 9 */
  transform: rotate(50deg); /* IE 10, Fx 16+, Op 12.1+ */
  margin: -15px 0px 0px 80px;
}
main.alumni div.count-alt:before {
  /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ /* IE 9 */
  transform: rotate(-50deg); /* IE 10, Fx 16+, Op 12.1+ */
  margin-left: -13px;
}
main.alumni div.count svg.svg-inline--fa {
  color: #840037;
  margin-top: 16px;
  width: 100%;
}
main.alumni div.count svg.svg-inline--fa {
  font-size: 40px;
}
main.alumni div.count svg + span {
  background: #840037;
  display: inline-block;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  color: #ffffff;
  font-size: 24px;
  line-height: 1em;
  padding-top: 6px;
  position: absolute;
  margin: -40px 0px 0px 20px;
  letter-spacing: -1.5px;
}
main.alumni div.count-alt svg + span {
  margin-left: -130px;
}
main.alumni div.blue-bg-image div.count {
  border-color: #ffffff;
}
main.alumni div.blue-bg-image div.count:before {
  background: #ffffff;
}
main.alumni div.blue-bg-image div.count svg.svg-inline--fa {
  color: #ffffff;
}
main.alumni div.blue-bg-image div.count svg + span {
  background: #ffffff;
  color: #000000;
}
main.alumni div.count.count-center {
  position: static;
}
main.alumni div.count.count-center + div {
  padding: 0px;
}
main.alumni h4 {
  color: #000000;
}
main.alumni div.count + div > h4 {
  margin-top: 25px;
}
main.alumni div.border-right {
  border-bottom: 1px solid #a3a3a3;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  main.alumni div.border-right {
    border-bottom: 0px;
    border-right: 1px solid #a3a3a3;
  }
  main.alumni div.count {
    position: absolute;
  }
  main.alumni div.count + div {
    padding: 55px 0px 20px 100px;
  }
  main.alumni div.tips {
    /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
  }
  main.alumni div.tips p {
    font-size: 24px;
  }
}
@media (min-width: 1100px) {
  main.alumni div.tips {
    /* Chrome, Safari, Opera */
    -moz-columns: 3; /* Firefox */
    columns: 3;
  }
}
main.alumni a.two-toned-button,
main.alumni div.two-toned-button a {
  display: inline-block;
  background-color: #4d4d4f;
  background-image: linear-gradient(
    -70deg,
    #2d2d2d 0px,
    #2d2d2d 50%,
    #4d4d4f 50%
  );
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.5em;
  padding: 22px 22px 22px 22px;
  max-width: 380px;
  text-decoration: none;
  transition: 1s all;
}
main.alumni a.two-toned-button:hover,
main.alumni div.two-toned-button a:hover {
  background-image: linear-gradient(
    -70deg,
    #003462 0px,
    #003462 50%,
    #004b85 50%
  );
  transition: 0.4s all;
}
main.alumni a.two-toned-button + a.two-toned-button,
main.alumni div.two-toned-button + a.two-toned-button,
main.alumni a.two-toned-button + div.two-toned-button,
main.alumni div.two-toned-button + div.two-toned-button {
  margin-top: 30px;
}
main.alumni a.two-toned-button span,
main.alumni div.two-toned-button a span {
  font-size: 26px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}
main.alumni div.bordered-content p {
  font-size: 18px;
}
main.alumni p.social-icons {
  font-size: 50px;
  color: #004b85;
  margin-top: 25px;
}
main.alumni p.social-icons a + a {
  margin-left: 30px;
}

main.continuing-education h2 {
  color: #004b85;
}
main.continuing-education div.blue h2,
main.continuing-education div.dark-blue h2,
main.continuing-education div.green h2 {
  color: #ffffff;
}
main.continuing-education .green {
  color: #5c7f3d;
}
main.continuing-education h3.block-header {
  font-size: 22px;
  letter-spacing: 2px;
  color: #5c7f3d;
  text-align: center;
  padding: 20px 0px 0px 0px;
  text-transform: uppercase;
}
main.continuing-education h4.text-center {
  font-size: 24px;
  font-weight: bold;
  text-transform: none;
  color: #5c7f3d;
  margin: 8px 0px 8px 0px;
  letter-spacing: 2.5px;
}
main.continuing-education h5:not(.normal) {
  letter-spacing: 2px;
  color: #5c7f3d;
}
main.continuing-education blockquote {
  border-color: #5c7f3d;
}
main.continuing-education div#testimonials-carousel div.item p em {
  font-size: 18px;
  color: #840037;
}
main.continuing-education div#testimonials-carousel div.item {
  padding-right: 5px;
}
main.continuing-education div#testimonials-carousel {
  margin-top: 24px;
}
main.continuing-education div.green,
main.continuing-education div.icon-box.blue,
main.continuing-education div.icon-box.blue > div:first-child {
  background-color: #5c7f3d;
}
main.continuing-education a.btn.yellow {
  color: #003462 !important;
  background-color: #e98724 !important;
  border-color: #e98724 !important;
}
main.continuing-education a.btn.green {
  color: #ffffff !important;
  background-color: #5c7f3d !important;
  border-color: #5c7f3d !important;
}
main.continuing-education a.btn.yellow:hover,
main.continuing-education a.btn.green:hover {
  background-color: transparent !important;
}
main.continuing-education > div:not(.blue, .dark-blue) a.btn.yellow:hover,
main.continuing-education > div:not(.blue, .dark-blue) a.btn.green:hover {
  color: #000000 !important;
  background-color: transparent !important;
}
main.continuing-education a.button-download {
  display: inline-block;
  padding: 15px 25px 15px 85px;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  background-color: #5c7f3d;
  background-image: linear-gradient(
    75deg,
    rgba(255, 255, 255, 0.12) 0px,
    rgba(255, 255, 255, 0.12) 110px,
    rgba(255, 255, 255, 0) 110px
  );
  text-decoration: none;
  transition: 1s all;
  margin-top: 20px;
  text-align: left;
  border-radius: 5px;
}
main.continuing-education a.button-download:hover {
  background-color: #004b85;
  transition: 0.4s all;
}
main.continuing-education a.button-download svg {
  float: left;
  width: 46px;
  height: 52px;
  margin: 0px 0px 0px -65px;
}
main.continuing-education a.button-download span {
  font-size: 22px;
  font-family: "NewsGothic", Arial, sans-serif;
}
main.continuing-education input[type="submit"].button--primary {
  background-color: #5c7f3d !important;
  border-color: #5c7f3d !important;
  color: #ffffff !important;
}
main.continuing-education input[type="submit"].button--primary:hover {
  background-color: transparent !important;
}
main.continuing-education
  > div:not(.blue, .dark-blue)
  input[type="submit"].button--primary:hover {
  color: #000000 !important;
}
@media (max-width: 768px) {
  main.continuing-education a.button-download {
    margin-bottom: 20px;
    padding-left: 75px;
    padding-right: 15px;
  }
  main.continuing-education div#testimonials-carousel div.item p {
    text-align: center !important;
  }
  main.continuing-education div.overlay-on > table > tbody > tr > td > div {
    padding-left: 20px;
    padding-right: 20px;
  }
  main.continuing-education
    div.overlay-on
    > table
    > tbody
    > tr
    > td
    > div
    a.close {
    margin-right: -6px;
  }
}
main.continuing-education div.overlay-on h5 + div.dots.sm {
  margin-bottom: 10px;
}
main.continuing-education div.overlay-on h5 + div.dots.sm + p + div.dots.sm {
  margin-top: 10px;
}

div.filters {
  text-align: right;
}

div.filters select {
  display: inline;
  padding: 4px 8px;
  width: auto;
}

div.filters select + select,
div.filters select + label + select {
  margin-left: 15px;
}

div.filters select + p {
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 0;
}

@media (max-width: 992px) {
  div.filters {
    text-align: left;
  }
  div.filters select {
    width: 45%;
    margin-left: 0px !important;
    margin-right: 15px;
  }
}
@media (max-width: 567px) {
  div.filters select {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
div.bd-box {
  background: rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  padding: 15px 40px 15px 77px;
  margin-left: 85px;
}

div.bd-box > p:first-child > img:first-child {
  margin-left: -127px;
  margin-top: 7px;
}

div.bd-box + div.bd-box {
  margin-top: 30px;
}

main.foundation div.line-left-stats > div {
  padding-left: 15px;
  border-left: 4px solid #840037;
}
main.foundation div.line-left-stats > div p.h2 {
  color: #004b85;
  text-transform: none;
}
main.foundation div.line-left-stats > div p.h2 span.small {
  font-size: 26px;
  font-weight: bold;
}
main.foundation p.number-large {
  font-size: 100px;
  font-weight: bold;
  line-height: 90px;
  margin: 0;
  border-bottom: 4px solid #840037;
  padding-bottom: 25px;
}
main.foundation a.side-tab {
  left: -75px;
  padding-top: 40px;
  position: fixed;
  top: 240px;
  transform: rotate(-90deg);
  z-index: 499;
}
main.foundation a.side-tab:hover {
  background-color: #840037 !important;
  border-color: #840037 !important;
  color: #ffffff !important;
  left: -60px;
}
main.foundation div.blue-hover {
  background-size: cover;
  background-position: center;
  aspect-ratio: 1/1;
  padding: 40px;
}
main.foundation div.blue-hover > div {
  align-content: center;
  height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  transition: 1.5s all;
}
main.foundation div.blue-hover > div h3 {
  font-size: 40px;
  color: #ffffff;
  transition: 1s all;
}
main.foundation div.blue-hover > div p {
  max-height: 0px;
  overflow: hidden;
  transition: 1s all;
}
main.foundation div.blue-hover:hover > div {
  padding: 40px;
  background: #ffffff;
  transition: 0.5s all;
}
main.foundation div.blue-hover:hover > div h3 {
  font-size: 28px;
  color: #004b85;
  margin-bottom: 20px;
  transition: 0.25s all;
}
main.foundation div.blue-hover:hover > div p {
  max-height: 400px;
  transition: 1s all;
}
main.foundation div.col > div.border-left {
  border-left: 4px solid #003462 !important;
  padding: 20px 0 20px 40px;
}

div.home-header {
  padding: 0;
  position: relative;
  width: 100%;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.65)),
    url(/sites/default/files/images/home/home-header.jpg);
  background-size: cover;
  /*
    h1 span {
      animation:yourDreams 6.5s 1;
    }

    h1 span:nth-child(1) {
      animation-delay:2s;
    }

    h1 span:nth-child(2) {
      animation-delay:2.5s;
    }

    h1 span:nth-child(3) {
      animation-delay:3.75s;
    }

    h1 span:nth-child(4) {
      animation-delay:4.25s;
    }

    @keyframes yourDreams {
      0%, 50% {
        color:#EFAE2A;
      }
      51%, 100% {
        color:#FFFFFF;
      }
    }
  */
}
div.home-header h1 {
  font-family: "NewsGothicCondensed";
  font-size: 80px;
  line-height: 1.1em;
}
div.home-header div.still-interested h3 {
  font-size: 28px;
  margin-bottom: 25px;
  padding-top: 15px;
}
div.home-header div.still-interested div.col-12 > div {
  border-radius: 4px;
  background-size: cover;
  background-position: top center;
  position: relative;
  min-height: 265px;
}
div.home-header div.still-interested div.col-12 > div p {
  font-size: 20px;
  line-height: 1.25em;
  padding: 13px 20px 15px;
  margin: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 75, 133, 0.75);
  transition: 0.5s all;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.home-header div.still-interested div.col-12 > div p a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  transition:
    0.5s background-color,
    0.5s border-color,
    0.5s color;
}
div.home-header div.still-interested div.col-12 > div p a svg {
  color: #ffffff;
  margin-left: 6px;
  transition: 0.5s all;
}
div.home-header div.still-interested div.col-12 > div:hover {
  cursor: pointer;
}
div.home-header div.still-interested div.col-12 > div:hover p {
  background-color: rgba(255, 255, 255, 0.8);
  transition: 0.25s all;
  padding-bottom: 20px;
}
div.home-header div.still-interested div.col-12 > div:hover p a,
div.home-header div.still-interested div.col-12 > div:hover p a svg {
  color: #840037;
  transition:
    0.25s background-color,
    0.25s border-color,
    0.25s color,
    0.25s fill;
}

div.home-header > div.container > div.row > div.col-12 > div:first-child {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
div.home-header > div.container > div.row > div.col-12 > div:first-child video {
  height: auto;
  width: auto;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}
div.home-header > div.container > div.row > div.col-12 div.overlay {
  background: rgba(0, 0, 0, 0.55);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
div.home-header > div.container > div.row > div.col-12 > div.container {
  position: relative;
  z-index: 3;
  padding-top: 100px;
  padding-bottom: 80px;
}

div.home-header:has(h1 + h3)
  > div.container
  > div.row
  > div.col-12
  > div.container {
  padding-top: 200px;
  padding-bottom: 175px;
}

@media (min-width: 992px) {
  div.home-header div.still-interested h1 span {
    display: block;
  }
}
@media (max-width: 767.98px) {
  div.home-header h1 {
    font-size: 65px;
    margin-bottom: 30px;
  }
}
div.get-started {
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #ffffff;
  background-image: linear-gradient(
    to right,
    #840037 70%,
    #ffffff 70%,
    #ffffff 80%,
    #ebebec 80%
  );
}
div.get-started a:focus,
div.get-started a:focus-visible {
  outline: 2px dotted #efae2a;
  outline-offset: 2px;
}
div.get-started p.large {
  max-width: 460px;
}
div.get-started div.bg-image {
  background-image: url(/sites/default/files/images/home/trio-students.png);
  background-size: auto 100%;
  background-position: top right;
  background-repeat: no-repeat;
  padding-top: 45px;
  padding-bottom: 45px;
}
div.get-started a.btn-box {
  display: inline-block;
  padding: 80px 20px 20px 20px;
  max-width: 205px;
  font-size: 20px;
  line-height: 1.35em;
  background-size: auto 50px;
  background-position: top 15px right 20px;
  background-repeat: no-repeat;
  color: #003462;
  background-color: #ebebec;
  transition:
    0.75s background-color,
    0.75s border-color,
    0.75s color;
  margin-top: 25px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  border: 0;
}
div.get-started a.btn-box + a.btn-box {
  margin-left: 30px;
}
div.get-started a.btn-box.on,
div.get-started a.btn-box:hover {
  color: #ffffff;
  background-color: #004b85;
  transition:
    0.25s background-color,
    0.25s border-color,
    0.25s color;
}
div.get-started a.btn-box.magnifying-glass {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20fill%3D%22%23EFAE2A%22%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%22%2F%3E%3C%2Fsvg%3E);
}
div.get-started a.btn-box.compass {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20fill%3D%22%23EFAE2A%22%20d%3D%22M464%20256A208%20208%200%201%200%2048%20256a208%20208%200%201%200%20416%200zM0%20256a256%20256%200%201%201%20512%200A256%20256%200%201%201%200%20256zm306.7%2069.1L162.4%20380.6c-19.4%207.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5%209.9-15.1%2018.4-18.4l144.3-55.5c19.4-7.5%2038.5%2011.6%2031%2031L325.1%20306.7c-3.2%208.5-9.9%2015.1-18.4%2018.4zM288%20256a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200z%22%2F%3E%3C%2Fsvg%3E);
}
div.get-started a.btn-box.binoculars {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Pro%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20fill%3D%22%23EFAE2A%22%20d%3D%22M96%2064c0-17.7%2014.3-32%2032-32h32c17.7%200%2032%2014.3%2032%2032V80H96V64zM59.6%20158c4.8-26.6%2028-46%2055.1-46H200c13.3%200%2024%2010.7%2024%2024v24h64V136c0-13.3%2010.7-24%2024-24h85.3c27.1%200%2050.3%2019.4%2055.1%2046l5%2027.3c3.6%2019.9%2010.8%2039%2021.2%2056.4l2.6%204.4c20.1%2033.6%2030.8%2072%2030.8%20111.1V424c0%2030.9-25.1%2056-56%2056H344c-30.9%200-56-25.1-56-56V288H224V424c0%2030.9-25.1%2056-56%2056H56c-30.9%200-56-25.1-56-56V357.2C0%20318%2010.6%20279.6%2030.8%20246l2.6-4.4c10.4-17.4%2017.6-36.5%2021.2-56.4l5-27.3zm55.1%202c-3.9%200-7.2%202.8-7.9%206.6l-5%2027.3C97.2%20219.5%2088%20244%2074.6%20266.4l-2.6%204.4C56.3%20296.9%2048%20326.7%2048%20357.2V424c0%204.4%203.6%208%208%208H168c4.4%200%208-3.6%208-8V160H114.7zm282.6%200H336V424c0%204.4%203.6%208%208%208H456c4.4%200%208-3.6%208-8V357.2c0-30.4-8.3-60.3-23.9-86.4l-2.6-4.4c-13.4-22.3-22.6-46.9-27.3-72.5l-5-27.3c-.7-3.8-4-6.6-7.9-6.6zM352%2032h32c17.7%200%2032%2014.3%2032%2032V80H320V64c0-17.7%2014.3-32%2032-32z%22%2F%3E%3C%2Fsvg%3E);
}

@media (max-width: 991.98px) {
  div.get-started {
    margin-top: 0;
    padding-top: 45px;
    padding-bottom: 30px;
    background: #840037;
  }
  div.get-started div.bg-image {
    background-size: 100%;
    background-position: bottom right;
    padding-top: 0;
    padding-bottom: 345px;
  }
  div.get-started a.btn-box {
    display: block;
    background-size: auto 45px;
    padding: 25px 20px 25px 20px;
    max-width: 100%;
    font-size: 22px;
    line-height: 1.1em;
    background-position: center right 20px;
    border-radius: 8px;
  }
  div.get-started a.btn-box + a.btn-box {
    margin-left: 0;
  }
}
@media (max-width: 1300px) {
  div.get-started div.bg-image {
    background-size: 52% auto;
  }
}
@media (max-width: 1100px) {
  div.get-started div.bg-image {
    background-size: 45% auto;
  }
}
@media (max-width: 991px) {
  div.get-started div.bg-image {
    background-size: auto 310px;
    background-position: bottom;
  }
}
p.circle-large {
  color: #000000;
  font-size: 65px;
  border: 4px solid #004b85;
  display: inline-block;
  min-width: 180px;
  border-radius: 50%;
  font-family: "NewsGothicCondensed";
  font-weight: bold;
  padding: 50px 10px;
  line-height: 1em;
  min-height: 180px;
  margin-bottom: 20px;
}

div.row div + div p.circle-large {
  border-color: #840037;
}

div.row div + div + div p.circle-large {
  border-color: #efae2a;
}

p.circle-large + h3 + p {
  max-width: 255px;
  margin: 0 auto;
}

@media (max-width: 991.98px) {
  p.circle-large + h3 {
    margin-top: 0;
  }
  p.circle-large + h3 + p {
    max-width: 360px;
  }
  div.col-12 + div.col-12 > p.circle-large {
    margin-top: 60px;
  }
}
div.buttons-only a.promo-btn {
  border-color: #003462 !important;
  color: #003462 !important;
}

div.buttons-only a.promo-btn:not(.blue):not(.yellow):not(.red):hover,
div.buttons-only a.promo-btn:not(.blue):not(.yellow):not(.red):focus,
div.buttons-only a.promo-btn:not(.blue):not(.yellow):not(.red):focus-visible {
  background-color: #003462 !important;
  color: #efae2a !important;
}
div.buttons-only a.promo-btn:not(.blue):not(.yellow):not(.red):focus,
div.buttons-only a.promo-btn:not(.blue):not(.yellow):not(.red):focus-visible {
  outline-color: #003462 !important;
}

/*
@include media-breakpoint-down(md) {
  header.home div.wrapper {
    background-image:url(/sites/default/files/images/home/home-feature-mobile-bridgesign.jpg) !important;
  }
}

header.home div.take-another-look > div + div + div + div,
header.home div.take-another-look > div + div + div + div + div {
  display:none;
}

header.home div.content {
  padding-top:110px;
  padding-bottom:40px;
}

@include media-breakpoint-down(md) {
  header.home div.content {
    padding-top:25px;
    padding-bottom:0;
  }

  header.home div.content > div.container h1 + p {
    margin-bottom:30px !important;
  }
}


header.home div.wrapper div.angle-right div {
  background-color:transparent;
}

//
// HEADER BG STYLES
//

header.home div.content > div.container h1 + p {
  margin-bottom:50px;
  font-size:24px;
  text-transform:uppercase;
  font-weight:bold;
}

header.home div.wrapper div.angle-right,
header.home div.wrapper div.angle-right div {
  width:100%;
  left:0;
  @include transform(none);
}

header.home div.wrapper div.angle-right div video,
main.landing-pages header div.wrapper div.angle-right div video,
div.wrapper div.angle-right div video {
  height:100%;
  width:100%;
  object-fit:cover;
}

//
// HOME PROMO STYLES
//

@include media-breakpoint-up(lg) {
  header.home + .jump-nav + a + main > div.red.promos {
    padding-top:50px;
    padding-bottom:50px;
  }
}

div.promos h3 {
  margin-top:0 !important;
}

div.promos p + p a {
  font-weight:bold;
  color:$yellow;
  text-decoration:none;
  text-transform:uppercase;
}

@include media-breakpoint-down(md) {
  div.promos {
    padding:0;
  }

  div.promos div.container {
    width:100% !important;
    max-width:100% !important;
    padding-top:0;
    padding-bottom:0;
  }

  div.promos div.col-md-6:hover,
  div.promos div.col-md-6:focus {
    box-shadow:inset 0 0 30px rgba(0, 0, 0, 0.7);
    cursor:pointer;
  }

  div.promos div.col-md-6 {
    padding-top:40px;
    padding-bottom:40px;
  }

  div.promos p {
    font-size:18px !important;
    letter-spacing:0.5px;
  }

  div.promos h5 + p {
    display:none;
  }

  div.promos div.row div.row > div:nth-child(1),
  div.promos div.row div.row > div:nth-child(2) {
    border-bottom:1px solid rgba(0, 0, 0, 0.7);
  }

  div.promos div.row div.row > div:nth-child(1),
  div.promos div.row div.row > div:nth-child(3) {
    border-right:1px solid rgba(0, 0, 0, 0.7);
  }
}

@include media-breakpoint-down(sm) {
  div.promos div.col-md-6 {
    padding-top:30px;
    padding-bottom:30px;
  }

  div.promos p {
    display:none;
  }

  div.promos div.row div.row > div {
    border:none !important;
  }

  div.promos div.row div.row > div + div {
    border-top:1px solid rgba(0, 0, 0, 0.7) !important;
  }
}

//
// HOME STATS/NEWS STYLES
//

div#by-the-numbers h2,
div#latest-news h2 {
  font-size:32px;
  margin:0;
}

div#by-the-numbers h2 a + a,
div#latest-news h2 a + a {
  margin-left:50px;
}

div#by-the-numbers h2 a:nth-child(1),
div#latest-news h2 a:nth-child(2) {
  text-decoration:underline;
  color:$blue;
}

div#by-the-numbers h2 a:nth-child(2),
div#latest-news h2 a:nth-child(1) {
  text-decoration:none;
  color:$mediumGray;
}

div#by-the-numbers h2 a svg.fa-sort-down,
div#latest-news h2 a svg.fa-sort-down {
  margin-left:10px;
  position:relative;
  top:-6px;
  font-size:50px;
}

div#by-the-numbers h2 a:nth-child(2) svg.fa-sort-down,
div#latest-news h2 a:nth-child(1) svg.fa-sort-down {
  visibility:hidden;
}
*/
main.landing-pages header {
  height: auto;
}
main.landing-pages header div.wrapper div.content > div.container {
  padding-top: 120px;
  padding-bottom: 30px;
  text-align: left;
}
main.landing-pages header div.wrapper div.angle-right,
main.landing-pages header div.wrapper div.angle-right div {
  width: 100%;
  left: 0px;
  background-size: cover;
  background-position: top; /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ /* IE 9 */
  transform: none; /* IE 10, Fx 16+, Op 12.1+ */
}
@media (max-width: 767.98px) {
  main.landing-pages header div.wrapper div.angle-right {
    height: 220px;
    top: 0px;
  }
}
@media (min-width: 1200px) {
  main.landing-pages header div.wrapper div.content > div.container {
    padding-top: 90px;
  }
  main.landing-pages
    header
    div.content
    div.col-12.col-md-8.extra-padding-right {
    padding: 60px 150px 0px 50px !important;
  }
}
main.landing-pages header input[type="submit"].button--primary:hover {
  color: #ffffff;
}
main.landing-pages header h1 {
  font-size: 50px;
}
@media (min-width: 992px) {
  main.landing-pages header h1 {
    padding-top: 45px;
  }
}
main.landing-pages header h1 + p {
  font-size: 30px;
  margin: 0px;
  max-width: 100% !important;
}
main.landing-pages div.impact p {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 8px;
}
main.landing-pages div.impact > img:first-of-type {
  margin: 30px 0px 30px 0px;
}
@media (min-width: 768px) {
  main.landing-pages div.impact > img:first-of-type {
    float: right;
    max-width: 200px;
    margin: 0px 0px 20px 70px;
  }
}

main.major-event div.bg-header {
  background-color: #004b85;
  background-repeat: no-repeat;
  padding: 165px 0px 30px 0px !important;
  min-height: 600px;
}
main.major-event div.bg-header h1,
main.major-event div.bg-header h2,
main.major-event div.bg-header h4,
main.major-event div.bg-header h5,
main.major-event div.bg-header h3,
main.major-event div.bg-header h6,
main.major-event div.bg-header p,
main.major-event div.bg-header p a:not(.btn),
main.major-event div.bg-header li,
main.major-event div.bg-header li a,
main.major-event div.register.reversed h2,
main.major-event div.register.reversed h4,
main.major-event div.form > h4:first-child,
main.major-event div.register.reversed h5,
main.major-event div.register.reversed h3,
main.major-event div.register.reversed h6,
main.major-event div.register.reversed p,
main.major-event div.register.reversed p a:not(.btn),
main.major-event div.register.reversed li,
main.major-event div.register.reversed li a,
main.major-event div.register.reversed svg {
  color: #ffffff;
}
main.major-event div.register.reversed h2 span,
main.major-event div.share p svg,
main.major-event div.form > h4:first-child strong {
  color: #efae2a;
}
main.major-event div.register.reversed {
  background-color: #2d2d2d;
  padding-top: 80px;
}
main.major-event div.title-banner {
  margin-bottom: 40px;
  background: linear-gradient(
    to right,
    #840037 0px,
    #840037 40%,
    transparent 40%
  );
}
main.major-event div.title-banner div.col-12 {
  background: #840037;
  padding-top: 45px;
  padding-bottom: 35px;
  z-index: 2;
}
main.major-event div.title-banner div.col-12:after {
  display: inline-block;
  height: 100%;
  width: 125px;
  background: #840037;
  content: "";
  position: absolute;
  transform: skewX(-20deg);
  right: -60px;
  top: 0px;
  z-index: -1;
}
main.major-event div.title-banner p {
  font-size: 28px;
  line-height: 1em;
  font-weight: bold;
  margin: 0px;
  color: #efae2a;
  letter-spacing: 1px;
  text-transform: uppercase;
}
main.major-event div.title-banner h1 {
  font-size: 75px;
  line-height: 75px;
  font-weight: bold;
  margin: 0px;
  letter-spacing: 1.25px;
  word-spacing: 2px;
}
main.major-event div.info p {
  font-size: 28px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}
main.major-event div.info p span:first-child,
main.major-event div.info p br + span {
  color: #efae2a;
  letter-spacing: 3px;
  padding-right: 6px;
}
main.major-event div.share p,
main.major-event div.share a {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.8px;
}
main.major-event div.share a {
  white-space: nowrap;
}
main.major-event div.share svg {
  margin-right: 5px;
}
@media (max-width: 991px) {
  main.major-event div.bg-wrapper div.bg {
    right: -25px;
  }
}
@media (max-width: 679px) {
  main.major-event div.bg-wrapper {
    height: auto;
  }
  main.major-event div.title-banner {
    background: #840037;
  }
  main.major-event div.title-banner div.col-12:after {
    display: none;
  }
  main.major-event div.share p a {
    display: block;
  }
  main.major-event div.share p span {
    display: none;
  }
  main.major-event div.info p {
    font-size: 24px;
  }
}

/*
nav.supernav div.container.full div.row div.col-12:first-child p a {
  font-size:inherit !important;
  color:inherit !important;
}
*/
div.project-details {
  background-color: #f1f2f2;
  height: 100%;
  padding: 40px;
}

@media (min-width: 768px) {
  div.project-details {
    padding: 60px 50px;
    display: inline-block;
  }
}
div.referendum-home {
  background-color: #003461 !important;
  background-image: url(/sites/default/files/images/building-our-future/bg-referendum-angles.png);
  background-position: center;
  background-size: cover;
}

@media (min-width: 992px) {
  div.referendum-home {
    padding-top: 30px;
    padding-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  div.referendum-home div > a > svg {
    position: absolute;
    top: -40px;
  }
  div.referendum-home div + div {
    padding-left: 35px;
  }
}
div.project-details h4 {
  color: #808285;
  font-size: 35px;
  line-height: 1em;
  margin: 0 !important;
  padding: 0 10px 0 10px;
}

div.project-details h4 + h4,
div.project-details h4 + ul {
  border-top: 1px solid #b1b3b6;
  margin-top: 25px !important;
  padding-top: 25px;
}

div.project-details h4 span {
  color: #840037;
}

div.project-details h4 span + br + em {
  font-size: 20px;
  color: #2d2d2d;
  font-family: "NewsGothic", Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
}

div.project-promo {
  background-color: #f1f2f2;
  padding: 20px 20px 20px 20px;
  border-left: 30px solid #b1b3b6;
  position: relative;
  min-height: 190px;
}
div.project-promo:focus-within {
  outline: 2px dotted #004b85;
  outline-offset: 2px;
}

div.project-promo:hover {
  cursor: pointer;
}

div.project-promo > p:first-child {
  font-family: "NewsGothicCondensed", "NewsGothic", Arial, sans-serif;
  font-size: 16px;
  color: #4d4d4f;
  font-weight: bold;
  transform: rotate(-90deg);
  position: absolute;
  text-transform: uppercase;
}

div.project-promo h4 {
  color: #840037;
  font-size: 26px;
  margin-top: 0;
}

div.project-promo span.fa-2x {
  font-size: 25px;
  float: right;
  margin: 0 -15px 10px 10px;
}

div.project-promo span.fa-2x svg.fa-stack-2x path {
  color: #840037;
}

div.project-promo a:hover {
  color: #840037;
}
div.project-promo a:focus,
div.project-promo a:focus-visible {
  outline: none;
}
div.project-promo a:hover,
div.project-promo a:focus,
div.project-promo a:focus-visible {
  text-decoration: none !important;
}

div.project-promo .click-area {
  inset: 0;
  position: absolute;
}

div.referendum-nav {
  background: #003462;
  padding: 30px 0;
  border-top: 40px solid #ffffff;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 500;
}

div.referendum-nav div.col-12.col-md-3 {
  position: relative;
}

div.referendum-nav div.col-12.col-md-3 a svg {
  height: 140px;
  width: 140px;
  position: absolute;
  margin-top: -60px;
  z-index: 10;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

div.referendum-nav nav a {
  font-size: 18px;
  font-weight: bold;
  color: #efae2a;
  text-decoration: none !important;
  text-transform: uppercase;
}

div.referendum-nav nav a:hover {
  color: #ffffff;
}

div.referendum-nav nav a:not(:last-child):focus,
div.referendum-nav nav a:not(:last-child):focus-visible {
  outline-color: #efae2a;
}

div.referendum-nav nav a + a {
  margin-left: 32px;
}

@media (min-width: 992px) {
  div.referendum-nav nav a + a:last-child {
    font-size: 12px;
    position: absolute;
    margin: -60px 0 0 -125px;
    font-weight: normal;
    color: #000000;
  }
}
div.referendum-nav + header {
  background: #004b85;
  margin-top: 118px;
}

div.referendum-nav ~ main a[name] {
  display: block;
  position: relative;
  top: -117px;
}

@media (max-width: 1199.98px) {
  div.referendum-nav {
    padding: 10px 0;
    border-width: 20px;
  }
  div.referendum-nav div.col-12.col-md-3 a svg {
    height: 90px;
    width: 90px;
    margin-top: -25px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  }
  div.referendum-nav nav {
    position: absolute;
    width: 100%;
    margin: 9px -15px 0 -15px;
    background: #2d2d2d;
    z-index: 20;
    max-height: 0;
    overflow: hidden;
    z-index: 9;
    transition: all 1s;
  }
  div.referendum-nav nav a {
    display: block;
    text-align: center;
    padding: 15px;
    margin: 0 !important;
  }
  div.referendum-nav nav a:first-child {
    margin-top: 15px !important;
  }
  div.referendum-nav nav a:last-child {
    margin-bottom: 15px !important;
    font-weight: normal;
  }
  div.referendum-nav + header {
    margin-top: 34px;
  }
  div.referendum-nav ~ main a[name] {
    top: -79px;
  }
}
div.referendum-nav + header div.wrapper div.angle-right div {
  background: rgba(255, 255, 255, 0.05);
}

div.referendum-nav + header div.content > div.container {
  padding-top: 55px;
  padding-bottom: 50px;
}

div.referendum-nav div + div.col > a:first-child {
  color: #ffffff;
  font-size: 40px;
  min-height: 40px;
  display: inline-block;
}

@media (min-width: 1200px) {
  div.referendum-nav div + div.col > a:first-child {
    display: none;
  }
}
svg.referendum-sticky {
  width: 140px;
  height: 138px;
  position: fixed;
  right: 0px;
  top: 285px;
  z-index: 199;
  display: none;
}

svg.referendum-sticky-sm {
  position: fixed;
  right: 10px;
  bottom: 60px;
  z-index: 199;
  height: 60px;
  width: 96px;
}

@media (min-width: 768px) {
  svg.referendum-sticky {
    display: inline-block;
  }
  svg.referendum-sticky-sm {
    display: none;
  }
}
svg.referendum-sticky path {
  transition: all 0.5s;
}

svg.referendum-sticky path.fill-blue {
  fill: #004b85;
}

svg.referendum-sticky path.fill-yellow {
  fill: #efae2a;
}

svg.referendum-sticky path.fill-red {
  fill: #840037;
}

svg.referendum-sticky path.fill-white {
  fill: #ffffff;
}

svg.referendum-sticky:hover g path.fill-white,
svg.referendum-sticky:hover g path.fill-yellow {
  fill: #004b85;
}

svg.referendum-sticky:hover path.fill-blue {
  fill: #efae2a;
}

header {
  height: auto;
}

header section {
  background: #003462
    linear-gradient(-70deg, #003462 0px, #003462 65%, #004b85 65%);
  border-bottom: 8px solid #2d2d2d;
}

@media (max-width: 768px) {
  body > header section {
    background: #003462
      linear-gradient(-70deg, #003462 0px, #003462 45%, #004b85 45%);
  }
}
header section > div.container > div.row {
  padding-top: 25px;
  padding-bottom: 25px;
}

header section svg.logo,
footer svg.logo {
  height: 33px;
  width: 200px;
}

header section svg.logo path {
  fill: #ffffff;
}

header section a:hover svg.logo path {
  fill: #efae2a;
}

footer {
  padding-top: 45px;
  padding-bottom: 30px;
}

footer h2,
footer h5 {
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 8px 0px 8px 0px;
  letter-spacing: 1px;
}

footer svg.logo {
  margin-bottom: 20px;
}

footer div {
  border: 0 !important;
} /*# sourceMappingURL=careers-cvtc-icims-com.css.map */