@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
body .va-agency-bar-container li::before {
  content: "" !important;
  margin-right: 0;
}

button.bbarTranslate {
  cursor: pointer;
}

body {
  margin: 0;
  overflow-x: hidden;
}
body * {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  box-sizing: border-box;
}
:root {
  /* Baseline for line-height and basing margins on line-height */
  --baseline: 1.5em;

  /* Sizing for small text */
  --step--1: clamp(0.875rem, 0.82rem + 0.25vw, 1rem);

  /* Sizing for standard text */
  --step-0: clamp(1rem, 0.95rem + 0.5vw, 1.25rem);

  /* Header sizing from smallest to largest */
  --step-1: clamp(1.25rem, 1.15rem + 0.8vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.35rem + 1vw, 2rem);
  --step-3: clamp(1.875rem, 1.6rem + 1.2vw, 2.5rem);
  --step-4: clamp(2.25rem, 1.9rem + 1.6vw, 3rem);
  --step-5: clamp(2.625rem, 2.2rem + 2vw, 3.5rem);

  /* Colors */
  --vdss-blue: #0057a1;
  --vdss-blue-hover: #003b6d;
  --vdss-blue-rgb: rgb(0, 87, 161);
  --vdss-blue-rgba: 0, 87, 161;
  --vdss-purple: #6950a1;
  --vdss-purple-hover: #47366d;
  --vdss-purple-rgb: rgb(105, 80, 161);
  --vdss-purple-rgba: 105, 80, 161;
  --vdss-red: #a11710;
  --vdss-red-hover: #6d0f0a;
  --vdss-red-rgb: rgb(161, 23, 16);
  --vdss-red-rgba: 161, 23, 16;

  /* Font Colors */
  --vdss-font-dark-grey: #454545;

  /* Border Coloring */
  --vdss-border-light-grey: #999999;

  /* Background Colors */
  --vdss-background-light-grey: #dddddd;

  /* Card Box Shadows */
  --card-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  --card-box-shadow-hover: 0 8px 16px 0 rgba(0, 0, 0, 0.7);

  /* Nav Shadow */
  --nav-shadow-down: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
  --nav-shadow-up: 0 -4px 4px -4px rgba(0, 0, 0, 0.5);
}

em {
font-style: italic;
}

h1 {
  font-size: var(--step-5);
  margin-top: calc(var(--baseline) * 0.25);
  margin-bottom: calc(var(--baseline) * 0.165);
}
h2 {
  font-size: var(--step-4);
  margin-top: calc(var(--baseline) * 0.25);
  margin-bottom: calc(var(--baseline) * 0.165);
}
h3 {
  font-size: var(--step-3);
  margin-top: calc(var(--baseline) * 0.165);
  margin-bottom: calc(var(--baseline) * 0.125);
}
h4 {
  font-size: var(--step-2);
  margin-top: calc(var(--baseline) * 0.165);
  margin-bottom: calc(var(--baseline) * 0.125);
}
h5 {
  font-size: var(--step-1);
  margin-top: calc(var(--baseline) * 0.125);
  margin-bottom: calc(var(--baseline) * 0.0825);
}
h6 {
  font-size: var(--step-0);
  margin-top: calc(var(--baseline) * 0.125);
  margin-bottom: calc(var(--baseline) * 0.0825);
}

p,
a,
li,
button,
td,
.tab,
select,
label,
input[type="text"],
.page-info,
.copyrightp {
  font-size: var(--step-0);
}
a {
  font-size: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Source Sans 3", sans-serif;
  color: var(--vdss-blue);
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: var(--baseline);
}

/* h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.25rem;
} */
.centerImageContainer.largeText .captionContainer p {
  font-size: var(--step-2);
}
input[type="image"] {
  height: var(--step-0);
  width: var(--step-0);
}
ol {
  list-style-type: lower-alpha;
}
ul {
  list-style: none;
  padding-left: 20px;
}

ul li::before {
  content: "\00BB ";
  color: #57585b;
  background-color: transparent;
  margin-right: 5px;
}

ul ul li::before,
ul ul ul li::before,
ul ul ul ul li::before {
  content: "· ";
  color: #57585b;
  background-color: transparent;
  margin-right: 5px;
}

a {
  color: var(--vdss-blue);
  position: relative;
  width: fit-content;
  text-decoration: none;
}
a:hover {
  color: #3973ff;
}
.copyright {
  margin-top: 0;
  color: var(--vdss-blue);
}
.noWrap {
  white-space: nowrap;
}
body .va-agency-bar-container {
  z-index: 25;
}
.noScroll {
  overflow: hidden;
}
.topNav {
  display: flex;
  justify-content: right;
  background-color: white;
}
.topNavMobileIcon {
  display: none;
}
.topNavMobileIcon {
  height: 42px;
  width: auto;
}
.topNavMobileMenuButton {
  display: none;
}
.topNavMenuItems {
  width: 550px;
  display: flex;
  justify-content: center;
}
.topNavMenuItems > ul:first-of-type,
.personaNav ul {
  display: flex;
  list-style-type: none;
  margin: 0;
}
.topNav li {
  margin: 10px;
}
.topNav li::before {
  content: "";
  margin-right: 0;
}
.topNavMenuItems li:has(#google_translate_element) {
  margin-left: 5px;
}
.topNav a,
.personaNav a,
.mobileNavContent a {
  text-decoration: none;
  color: var(--vdss-blue);
}
.personaNav li {
  padding: 0 10px;
}
.personaNav li::before {
  content: "";
  margin-right: 0;
}
.topNav a {
  padding-bottom: 4px;
}
.personaNav div span,
.personaNav a span:has(:not(.commonHelp)) {
  padding-bottom: 10px;
  margin-bottom: -10px;
}
.topNav a:hover,
.drawerTrigger:hover span,
.menuItems > ul > li > a:hover span {
  border-bottom: var(--vdss-blue) solid 5px;
}
.drawerTrigger:hover span,
.menuItems > ul > li > a:hover span {
  margin-bottom: -15px;
}
.drawerTrigger,
.menuItems > ul > li > a {
  /* display: block; */
  height: 100%;
  cursor: pointer;
}
.personaNav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 68px;
}
.logoContainer {
  height: 100%;
}
.logoContainer img {
  height: 100%;
  width: auto;
}
.menuItems {
  width: fit-content;
  font-size: 1.1rem;
  color: var(--vdss-blue);
  display: flex;
  justify-content: center;
  margin-right: 10px;
}
.menuItems ul,
.topNavMenuItems ul {
  padding: 0;
}
.menuItems ul {
  flex-wrap: wrap-reverse;
}
.menuItems .commonHelp {
  width: auto;
  height: calc(var(--step-0) + 4px);
}
.menuItems span:has(.commonHelp){
  display: flex;
  align-items: center;
  height: 38px;
  padding-bottom: 12px;
  margin-top: 2px;
}
.mobileCommonHelp {
  height: calc(var(--step-0) + 4px);
  width: auto;
}
a:has(.mobileCommonHelp) {
  display: flex;
  align-items: center;
  padding: 0;
}
.drawerTrigger,
.menuItems > ul > li > a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  height: 48px;
  padding-bottom: 0;
}
.topNavContainer {
  position: sticky;
  display: none;
  top: -1px;
  z-index: 20;
/*  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;*/
}

/*.topNavContainer.stuck {
  top: -41px;
}*/

.personaNavContainer {
  position: sticky;
  top: 0;
  z-index: 15;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: var(--nav-shadow-down);
  -webkit-transition: top 0.3s ease-in-out, background-color 0.2s ease;
  -moz-transition: top 0.3s ease-in-out, background-color 0.2s ease;
  -ms-transition: top 0.3s ease-in-out, background-color 0.2s ease;
  -o-transition: top 0.3s ease-in-out, background-color 0.2s ease;
  transition: top 0.3s ease-in-out, background-color 0.2s ease;
}

/*.personaNavContainer.stuck {
  top: 0;
  background-color: rgba(255, 255, 255, 1);
}*/
/*.alertBoxContainer {
  position: sticky;
  top: 68px;
  height: 50px;
  z-index: 9;
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}*/
.alertBoxContainer img {
  height: 25px;
  width: auto;
  margin-left: 20px;
  margin-right: 10px;
}
.alertBoxContainer p {
  margin: 10px 10px 10px 0;
}
.alertBoxContainer * {
  color: white;
  box-sizing: border-box;
}
.alertBoxContainer a:hover {
  color: white;
}
/*.alertBoxContainer.stuck {
  top: 68px;
}*/
/*.emergencynotice.stuck {
  top: 68px;
}*/
.emergencynotice {
  position: sticky;
  top: 68px;
  height: auto;
  z-index: 9;
   -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.alertBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--vdss-red);
  border-top: 1px solid rgb(122, 17, 11);
}
.alertBoxMessage {
  display: flex;
  align-items: center;
}
.closeButton {
  display: flex;
  align-items: center;
  margin-right: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  cursor: pointer;
}
.closeButton svg {
  fill: white;
  margin: 0;
  /* width: clamp(2rem, 1.5vw + 0.5rem, 3rem);
  height: clamp(2rem, 1.5vw + 0.5rem, 3rem);*/
  width: var(--step-4);
  height: var(--step-4);
}
.drawerContainer {
  position: absolute;
  box-sizing: border-box;
  top: 100%;
  right: 0;
  width: 100vw;
  height: 0;
  background-color: #dcdcd3;
  z-index: 10;
  overflow: hidden;
  -webkit-transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
  -moz-transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
  -ms-transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
  -o-transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
  transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
}

.navSearch a {
  font-size: 2.5rem;
  text-decoration: none;
  color: var(--vdss-blue);
  font-weight: bold;
}
.drawerContainer.drawerOpen {
  height: 480px;
  padding: 40px;
  -webkit-transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
  -moz-transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
  -ms-transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
  -o-transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
  transition: height 0.5s ease-in-out, padding 0s ease-in-out 0.2s;
}

.drawerContent {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.drawerContainer.drawerOpen .drawerContent {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out 0.3s;
  -moz-transition: opacity 0.3s ease-in-out 0.3s;
  -ms-transition: opacity 0.3s ease-in-out 0.3s;
  -o-transition: opacity 0.3s ease-in-out 0.3s;
  transition: opacity 0.3s ease-in-out 0.3s;
}
.navSearch {
  display: flex;
  align-items: center;
}
.navSearch a {
  display: flex;
  position: relative;
}
.navSearch h2 {
  font-size: 2rem;
  padding-left: 20px;
}
.navSearch form {
  flex: 1;
  padding-left: 20px;
}
.navSearch input[type="text"] {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  width: 80%;
  font-size: 2rem;
}
.navSearch input[type="text"]::placeholder {
  font-style: italic;
}
.navSearch input[type="text"]:focus {
  outline: none;
  border: none;
  border-bottom: 1px solid black;
}
.navSearch input[type="image"] {
  height: 35px;
  width: auto;
  margin-left: 20px;
}
.drawerLinks {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  overflow: auto;
  padding: 10px 10px 0 0;
  height: 335px;
  border-top: 1px solid var(--vdss-blue);
}
.drawerLinks a {
  text-decoration: none;
  position: relative;
  color: var(--vdss-blue);
  width: fit-content;
}
.drawerLinks a:hover,
.navSearch a:hover {
  color: #3973ff;
}
.drawerLinks .drawerLinkSection > a:first-of-type {
  font-weight: bold;
  font-size: var(--step-2);
  margin-left: 20px;
}
.drawerLinks ul {
  display: block;
  list-style: none;
  padding-left: 0;
  margin: 0 10px;
}
.topNavMenuItems select {
  border: none;
  width: fit-content;
  appearance: none;
  all: unset;
  color: var(--vdss-blue);
}
.topNavMenuItems select,
.topNavMenuItems option {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.topNavMenuItems option {
  padding: 10px;
}
.topNavMenuItems select:focus {
  border: none;
  outline: none;
}

.personaNavSearchLink {
  display: flex;
  align-items: center;
}
.personaNavSearchIcon {
  height: 20px;
  width: 20px;
}
/* Hiding search for initial launch */
/*li:has(.personaNavSearchLink) {
  display: none;
}*/
#mobileNavMenu {
  display: none;
}

/* .drawerLinks a:before,
.navSearch a:before {
  background-color: #3973ff;
}
.drawerLinks a:before,
.navSearch a:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  left: 0;
  transition: width 150ms cubic-bezier(0, 0, 0.17, 1);
}
.drawerLinks .sectionTitle a:before {
  height: 4px;
  bottom: 6px;
}
.drawerLinks a:before {
  height: 2px;
  bottom: 2px;
}
.navSearch a:before {
  height: 4px;
  bottom: 12px;
}
.drawerLinks a:hover:before,
.navSearch a:hover:before {
  width: 100%; 
} */

.hero {
  height: 500px;
  position: relative;
  overflow: hidden;
}
.hero__media {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: clamp(66.66%, 75%, 100%);
  background-position-y: 50%;
  transform: scale(1.5);
  z-index: 0;
  animation: bgZoomOut 15s ease-out forwards;
}
@keyframes bgZoomOut {
  to {
    transform: scale(1);
  }
}
.hero__content {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  z-index: 2;
  padding: clamp(1rem, 4vw, 4rem);
}
.hero__text {
  background-color: rgba(var(--vdss-purple-rgba), .75);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin: 0 clamp(1rem, 4vw, 2rem);
  width: auto;
  min-width: 25ch;
  display: inline-flex;
  align-self: flex-start;
  flex-direction: column;
  color: white;
  max-width: 40%;

@media (max-width: 1440px) {
  max-width: calc(33% + (100% - 33%) * ((1440px - 100vw) / 480));
}

@media (max-width: 960px) {
  max-width: 100%;
}
}
.hero__title {
  margin: 0;
  color: white;
  font-size: clamp(1.75rem, 4vw, 3rem);
  overflow-wrap: break-word;
  word-break: break-word;
}
.hero__subtitle {
  margin: 0;
  color: white;
  font-size: clamp(1rem, 2vw, 1.5rem);
  overflow-wrap: break-word;
  word-break: break-word;
  margin-top: 0.5rem;
}
.hero__title, 
.hero__subtitle {
 display: inline;
  width: fit-content;
  max-width: 100%
}

.persona-bar {
  position: relative;
  height: 75px;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: rgb(105, 80, 161);
  color: white;
  z-index: 2;
}
.persona-bar__content-wrapper,
.persona-bar__dropdow-container {
  display: flex;
  align-items: center;
}

.persona-bar__dropdown-container {
  flex-wrap: wrap;
}
.persona-bar__dropdown-container * {
  font-size: var(--step-0);
}
.persona-bar__dropdown-container select {
  color: white;
  background-color: transparent;
  margin: 10px;
  max-height: 60px;
  border: none;
  border-bottom: 2px white solid;
}
.persona-bar__dropdown-container option {
  color: black;
}
.persona-bar__content-wrapper p {
  margin: auto 10px;
}
.taglineContainer {
  background-color: #f4f4f1;
}
.taglineContainer .textContainer {
  position: relative;
  display: flex;
  flex-direction: column;
}
.taglineContainer h2 {
  margin: 3rem 0 0;
  text-align: center;
  color: var(--vdss-blue);
  font-weight: 400;
}
.taglineContainer p {
  color: #606677;
  padding: 0 20% 10px;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.25rem;
}
.taglineContainer:has(img) .textContainer * {
  max-width: 60%;
}
.taglineContainer:has(img) p {
  padding: 0 10% 10px;
}
.taglineContainer .textContainer img {
  position: absolute;
  top: 50%;
  left: calc(100% - 20%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 30%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}
.searchToggle {
  color: white;
  width: 580px;
  max-width: 45%;
  cursor: pointer;
}
.searchToggle p {
  font-weight: 500;
  margin: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.searchToggle img {
  height: clamp(1.25rem, 1.5vw + 0.75rem, 1.5rem);
  width: auto;
  margin-bottom: -6px;
  fill: white;
}
.searchToggle hr {
  border-top: 2px solid white;
}
.search__container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px 0 20px;
}
.search {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  color: gray;
}
.search__container .va-esearch {
  justify-content: center;
  width: 100%;
}
.search__container .va-esearch input {
  display: flex;
  align-items: center;
  font-size: var(--step-0);
  border-radius: 10px 0 0 10px;
  border: 1px solid rgb(175, 175, 175);
  width: 70%;
  max-width: 1000px;
}
.search__container .va-esearch input {
  background-color: transparent;
  border: 1px gray solid;
  font-size: 1.25rem;
  padding: clamp(0.5rem, 1.5vw + 0.5rem, 0.75rem) 0
    clamp(0.5rem, 1.5vw + 0.5rem, 0.75rem) clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  flex: 1;
  outline: none;
  width: 100%;
}
.search__container .vaESearchBtn {
  border-radius: 0 10px 10px 0;
  cursor: pointer;
}
.news-search__container--desktop,
.news-search__container--mobile {
  padding: 0.5rem 1rem;
  max-width: 500px;
}

@media (width >= 960px) {
  .news-search__container--mobile {
        display: none;
  }
}
@media (width < 960px) {
  .news-search__container--desktop {
    display: none;
  }
}

.news-search form {
  display: flex;
  align-items: stretch;
}

/* Fix for T4 search in php output page */
.staff-directory .news-search form {
  display: block;
}
.news-search input[type="text"] {
  flex: 1 1 0;
  min-width: 0;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 10px 0 0 10px;
  padding: clamp(0.5rem, 1.5vw + 0.5rem, 0.75rem) 0
    clamp(0.5rem, 1.5vw + 0.5rem, 0.75rem) clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-size: 1rem;
  outline: none;
}
.news-search input[type="image"] {
  width: 44px;
  height: auto;
  border: 1px solid #172d55;
  border-radius: 0 10px 10px 0;
  background-color: #172d55;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}
.news-search input[type="image"]:hover {
  border-color: #0079ba;
  background-color: #0079ba;
}

.search p,
.search a {
  font-size: 1rem;
}

.search p {
  color: #0eb8c9;
  width: 70%;
  max-width: 1000px;
  margin: 10px 0 0;
  text-align: center;
}
.search a {
  margin: 0;
  text-decoration: none;
}
.hide {
  display: none;
}

  

.trendingContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin: 40px auto 0;
  background-color: white;
}
.trendingContainer h2,
.trendingItem a h3 {
  color: var(--vdss-blue);
  font-weight: 400;
  text-align: center;
}
.trendingContainer h2,
.trendingContainer h3,
.contactInfoContainer h2 {
  margin-bottom: 5px;
}
.contactInfoContent > p {
  margin-top: -3px;
}

.trendingContainer hr,
.contactInfoContainer hr {
  border-top: 1px solid gray;
  width: 50px;
}
.trendingItemContainer {
  display: flex;
  align-items: center;
  height: 600px;
  justify-content: left;
  padding-top: 20px;
}
.trendingItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px;
  max-width: 400px;
  height: 100%;
}

.trendingItem a {
  text-decoration: none;
  position: relative;
}

.trendingItem a h3:hover,
.trendingItem h2:hover {
  color: #3973ff;
}

.trendingItem:hover .trendingItemImage img {
  transform: scale(1.5);
  transition: transform 0.3s ease;
}

.trendingItemImage {
  width: 30vw;
  max-width: 250px;
  min-width: 150px;
  aspect-ratio: 1 / 1;
  background-color: grey;
  border-radius: 50%;
  overflow: hidden;
}

.trendingItemImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.trendingItem h2 {
  margin-bottom: 0;
  color: var(--vdss-blue);
  font-size: 2rem;
  position: relative;
}

.trendingItem p {
  max-width: 300px;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.trendingItemSpacer {
  background-color: #ededed;
  width: 1px;
  height: 60%;
}
.homeSectionSpacer {
  margin: 0 auto;
  height: 1px;
  width: 60%;
  background-color: #09ada3;
}
.newsSectionContainer {
  width: 80%;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-around;
}
.featuredNewsContainer,
.newsContainer {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.newsContainer {
  margin-top: 100px;
  align-items: flex-end;
}
.featuredNewsContainer h2,
.newsContainer h2 {
  font-size: 1.75rem;
}
.featuredNewsContainer h2 {
  color: var(--vdss-purple);
}
.newsContainerHeader {
  text-decoration: none;
  display: inline-block;
  width: fit-content;
}
.newsContainerHeader h2 {
  position: relative;
}
.newsContainerHeader h2:hover {
  color: #3973ff;
}
.newsContainer h2 {
  color: var(--vdss-blue);
  width: fit-content;
}
.featuredNewsIcon {
  height: 25px;
  width: 25px;
}
.featuredNewsCard {
  border-radius: 15px;
  overflow: hidden;
  max-width: 600px;
  /* min-width: 405px; */
  background-color: var(--vdss-purple);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.featuredNewsCard a {
  text-decoration: none;
}
.featuredNewsCard:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.featuredNewsImgWrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 3/2;
}
.featuredNewsImgWrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.featuredNewsCard:hover .featuredNewsImgWrapper img {
  transform: scale(1.2);
}
.featuredNewsCardText {
  overflow: auto;
  padding: 5px 20px 20px;
}
.featuredNewsCardText h4 {
  font-size: 1.4rem;
  margin: 0;
}
.featuredNewsCardText p,
.featuredNewsCardText h3 {
  color: white;
  text-decoration: none;
}
.featuredNewsCardText p {
  margin: 5px 0 0;
}
.newsItemContainer {
  height: 100%;
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.newsItem {
  flex: 1;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  min-height: 140px;
  background-color: var(--vdss-blue);
  margin-bottom: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}
.newsItem:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.newsItem:last-of-type {
  margin-bottom: 0;
}
.newsItemImgWrapper {
  position: relative;
  flex: 0 0 45%;
  width: 45%;
  max-width: 200px;
  min-width: 0;
  align-self: stretch;
  overflow: hidden;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
}
.newsItemImgWrapper img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%; 
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform-origin: center center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
}
.newsItem:hover .newsItemImgWrapper img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.newsItemText {
  padding: 0 20px;
  background-color: var(--vdss-blue);
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
}
.newsItemText h4,
.newsItemText p,
.newsItemText a {
  color: white;
  text-decoration: none;
}
.newsItemText h4 {
  font-size: 1.2rem;
  margin: 10px 0 0;
}
.newsItemText p {
  margin: 0 0 10px;
  font-style: italic;
  font-size: var(--vdss-step--1);
}
.contactInfoContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 40px;
  background-color: #f8f8f6;
  color: #57585b;
  position: relative;
  z-index: 2;
}
.contactInfoContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.contactInfoContent h2 {
  font-weight: 400;
}
.contactItemsContainer {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 0;
}
.contactItemBreakSplit {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 50%;
}
.contactItem {
  display: flex;
  padding: 20px;
  width: 368px;
}
.contactItem img {
  width: clamp(4rem, 8vw, 4.5rem);
  height: clamp(4rem, 8vw, 4.5rem);
  background-color: #09ada3;
  margin-right: 20px;
  margin-top: 5px;
}
.contactItemText * {
  margin: 0;
  font-size: var(--step--1);
}
.contactItemText a {
  text-decoration: none;
  color: var(--vdss-blue);
  position: relative;
}
.contactItemText a:hover {
  color: #3973ff;
}
.hubContentContainer {
  padding: 20px 0;
  color: #57585b;
}
.introContainer {
  display: flex;
  flex-direction: column;
}
.introNarrow {
  padding: 0 calc(20px + 10%);
}
.introAlert {
  padding: 0 30px;
}
.pageSpacer {
  width: 60%;
  border-top: 1px solid var(--vdss-blue);
  margin: 20px auto;
}
.introContainer p {
  margin: 0.5rem 0;
}
.cardContainer {
  /* display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  padding: clamp(1rem, 5vw, 4rem); */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 320px));
  justify-content: center;
  gap: clamp(1rem, 3vw, 2rem);
  padding: clamp(1rem, 5vw, 4rem);
}
.cardItem:not(.cardContainer .cardItem) {
  max-width: clamp(250px, 30vw, 320px);
  margin: 10px;
}
.cardItem {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.75rem;
  background-color: var(--vdss-blue);
  transition: box-shadow 0.3s ease-in-out;
}
.cardContainer .cardItem {
  /* flex: 1 1 clamp(250px, 30vw, 320px);
  max-width: clamp(250px, 30vw, 320px);
  margin: 0; */
}
.cardContainer.large {
  /* flex: 1 1 clamp(330px, 30vw, 400px);
  max-width: clamp(330px, 30vw, 400px); 
  max-width: 45%;
  min-width: 330px; */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 600px));
  gap: clamp(1rem, 3vw, 2rem);
  padding: clamp(1rem, 5vw, 4rem);
  justify-content: center;
}
.cardContainer.small {
  /* flex: 1 1 clamp(190px, 30vw, 240px);
  max-width: clamp(190px, 30vw, 240px);
  max-width: 20%;
  min-width: 190px; */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 240px));
  gap: clamp(1rem, 3vw, 2rem);
  padding: clamp(1rem, 5vw, 4rem);
  justify-content: center;
}
.cardContainer > span {
  display: none;
}
.cardContainer.large .cardItem,
.cardContainer.small .cardItem {
  width: 100%;
  max-width: 100%;
}
.cardItem.shadow {
  box-shadow: var(--card-box-shadow);
}
.cardItem.shadowHover:hover {
  box-shadow: var(--card-box-shadow-hover);
}
.cardImageWrapper {
  width: 100%;
  /* height: clamp(180px, 20vw, 220px); */
  width: clamp(250px, 100%, 320px);
  aspect-ratio: 4 / 3;
  overflow: hidden;
  position: relative;
}
.cardContainer.large .cardImageWrapper {
  /* height: clamp(260px, 20vw, 300px); */
  width: clamp(250px, 100%, 600px);
}
.cardContainer.small .cardImageWrapper {
  width: clamp(190px, 100%, 240px);
}
.cardImageWrapper img {
 position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.cardContent {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(1rem, 2vw, 1.5rem);
}
.cardText {
  color: white;
}
.cardText h4 {
  color: white;
  margin: 0;
  font-size: clamp(1.25rem, 1.5vw + 0.5rem, 1.75rem);
}
.cardContainer.small .cardText h4 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
}
.cardText p {
  font-size: clamp(1rem, 1vw + 0.25rem, 1.125rem);
  color: white;
  margin-top: 0.5em;
}
.cardButton {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}
.cardButton p {
  margin: none;
}
.pageContent {
  display: flex;
}

.pageContent .contentContainer {
  box-sizing: border-box;
  padding: 0 40px 40px;
  width: 100%;
  color: #57585b;
  display: flex;
  flex-direction: column;
 }
.pageContent .contentContainer:has(.newsRoomContent) {
  flex-direction: row;

  @media (width < 950px) {
    flex-direction: column;
  }
}
.pageContent:has(#leftNav):has(#sideBar) .contentContainer {
  width: 50%;
}
.pageContent #leftNav + .contentContainer {
  width: 75%;
}
.pageContent #sideBar + .contentContainer {
  box-sizing: border-box;
  width: 75%;
}
.pageContent .leftNavContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 100px 0 40px;
  width: 100%;
}
.centerImageContainer.largeText {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.centerImageContainer.largeText img {
  margin: 10px;
  max-width: 600px;
  width: 100%;
  height: auto;
}
.centerImageContainer.largeText .captionContainer {
  border-style: solid none solid none;
  border-color: var(--vdss-blue);
  border-width: 1px;
  width: 400px;
  margin: 10px;
  text-align: center;
  display: flex;
  align-items: center;
}
.centerImageContainer.smallText {
  display: table;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.centerImageContainer.smallText figcaption {
  display: table-caption;
  caption-side: bottom;
  margin-top: 5px;
  font-size: var(--step--1);
}
.centerImageContainer.smallText img {
  width: 100%;
  height: auto;
}
.captionContainer p {
  font-size: 2rem;
}
.centerImageContainer.smallText.leftImage {
  float: left;
  margin: 18.5px 40px 5px 0;
}
.centerImageContainer.smallText.rightImage {
  float: right;
  margin: 18.5px 0 5px 40px;
}
.relatedLinksContainer {
  padding: 20px 20px;
  background-color: #f8f8f6;
}
.relatedLinksContainer h2 {
  text-align: center;
  margin-bottom: 5px;
}
.linksContainer {
  display: flex;
}
.internalLinksContainer,
.externalLinksContainer {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.internalLinksContainer a,
.externalLinksContainer a {
  color: var(--vdss-blue);
  text-decoration: none;
}
.internalLinksContainer,
.externalLinksContainer {
  width: 50%;
  padding: 10px;
}
.linksContainer ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  text-align: center;
  padding: 0;
  width: 100%;
  margin: 0;
}
.linksContainer li {
  display: flex;
  justify-content: center;
  align-items: start;
  position: relative;
}
.linksContainer li::before {
  content: "";
}

.linksContainer a {
  position: relative;
}
.internalLinksContainer a:hover,
.externalLinksContainer a:hover {
  color: #3973ff;
}
.relatedLinksContainer hr {
  border-top: px solid gray;
  width: 50px;
}
.breadCrumbs {
  margin: 20px 0 0 20px;
}
.breadCrumbs p {
  display: flex;
  align-items: center;
  margin: 0;
}
.breadCrumbs a {
  text-decoration: none;
  color: var(--vdss-blue);
  position: relative;
}
.breadCrumbs a:hover {
  color: #3973ff;
}
.breadCrumbs img {
  width: 15px;
  height: 15px;
  margin-top: 5px;
}
.linkHeader {
  color: var(--vdss-purple);
  margin-top: 15px;
}
.leftNav {
  width: 300px;
  max-width: 100vw;
  height: fit-content;
  margin: 0 20px;
  border: 2px solid #dbdbd2;
  background-color: white;
  transition: transform 0.5s ease-in-out;
}
.leftNav * {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.leftNav ul {
  width: 100%;
  padding: 0;
  margin: 0;
}
.leftNav li {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 1px;
}
.leftNav li:after {
  position: absolute;
  content: "";
  background-color: #dbdbd2;
  bottom: 0;
  height: 1px;
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
}
.leftNav li:last-of-type::after {
  height: 0;
}
.leftNav li::before {
  content: "";
  position: absolute;
  top: 0;
  left: -200%;
  width: 200%;
  height: calc(100% - 1px);
  background: linear-gradient(
    to right,
    rgb(0, 87, 161) 50%,
    rgba(0, 87, 161, 0) 100%
  );
  transition: left 0.5s ease-in-out;
  z-index: 0;
}
.leftNav li:last-of-type::before {
  height: 100%;
}

.leftNav li:hover::before {
  left: 0;
}

.leftNav li a {
  width: 296px;
  padding: 20px;
  position: relative;
  z-index: 1;
  color: rgb(0, 87, 161);
  transition: color 0.5s ease-in-out;
  text-decoration: none;
}

.leftNav li:hover a {
  color: white;
}
.leftNav ul li a:focus {
  border: 2px solid #00f;
}
#sideBar {
  margin-top: 100px;
  width: 25%;
  margin-right: 40px;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.sideBar {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: fit-content;
  border: 2px solid #dbdbd2;
}
.sideBar h3 {
  font-size: 1.5rem;
  color: var(--vdss-purple);
}
.sideBarContent {
  padding: 0 20px;
  color: #57585b;
}
.sideBarLinksContainer {
  padding: 0 20px;
}
.sideBarLinksContainer ul {
  list-style: none;
  padding: 0;
  width: 260px;
  margin: 0;
}
.sideBarLinksContainer li {
  padding: 10px 0;
}
.sideBar hr {
  width: 80%;
  margin-bottom: 0;
  border: none;
  border-top: 1px solid #dbdbd2;
}
.sideBar a {
  text-decoration: none;
  color: var(--vdss-blue);
  position: relative;
}
.sideBar a:not(.buttonBlueFilled):hover {
  color: #3973ff;
}
/* .sideBar a:before {
  background-color: #3973ff;
}
.sideBar a:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  left: 0;
  transition: width 150ms cubic-bezier(0, 0, 0.17, 1);
}
.sideBar a:before {
  height: 2px;
  bottom: 2px;
}
.sideBar a:hover:before {
  width: 100%;
} */
.sideBarLinksUl {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 0 20px;
}
.sideBarLinksUl li::before {
  content: "";
  margin-right: 0;
}
#footer {
  z-index: -1;
}
.footerContainer {
  display: flex;
  justify-content: space-between;
  position: relative;
  background-color: white;
  padding: 20px 40px;
  /* z-index: -1; */
  box-shadow: var(--nav-shadow-up);
}
.footerLinks {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.phoneLink {
  width: fit-content;
}
.footerLinks a,
.phoneLink {
  text-decoration: none;
  color: var(--vdss-blue);
  position: relative;
}
.footerLinks a:hover,
.phoneLink:hover {
  color: #3973ff;
}
.footerLinks ul {
  padding-bottom: 20px;
  margin: 0;
}
.footerLinks li {
  list-style-type: none;
  padding-bottom: 10px;
}
.footerLinks li:last-of-type {
  padding-bottom: 0;
}
.footerLinkGroupContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footerLinkGroupContainer h4 {
  padding-left: 20px;
  color: var(--vdss-purple);
  font-size: 1.25rem;
  margin: 0;
}
.footerLinkGroupContainer ul {
  margin-top: 10px;
}
.footerLinkGroupContainer li::before {
  content: "";
  margin-right: 0;
}
.footerLogo img {
  height: clamp(3rem, 6vw + 1rem, 4.7rem);
  width: clamp(3rem, 6vw + 1rem, 4.7rem);
}
.footerLogo > a {
  display: block;
  width: 194px;
  color: var(--vdss-blue);
  margin: 0;
  text-decoration: none;
}
.footerLogo a:last-of-type {
  padding-top: 0;
  font-size: 0.95rem;
}
.footerLogo a:hover p {
  color: #3973ff;
}
.footerLogoText {
  display: block;
  margin: 5px 0 0;
}
.footerLogo p {
  display: inline;
  position: relative;
  width: fit-content;
  margin-bottom: 0;
}
.footerLogo span.copyright {
  color: var(--vdss-blue);
  width: 100%;
}
.footer-external-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
}
.footer-external-links .tagline {
  color: var(--vdss-blue);
  margin: 0 0 10px 13px;
}
.socialIconContainer {
  display: flex;
}
.socialIconContainer img {
  height: clamp(3rem, 7vw, 4rem);
  width: clamp(3rem, 7vw, 4rem);
  margin: 0 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -o-transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.socialIconContainer img:hover {
  -o-transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}
.locationPin {
  height: 25px;
  width: 25px;
  margin-right: 10px;
}
.backToTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  z-index: 18;
  border: none;
  outline: none;
  background-color: rgba(9, 173, 163, 0.25);
  color: #57585b;
  cursor: pointer;
  padding: 0 15px 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #09ada3;
  font-size: var(--step--1);
  height: clamp(4.5rem, 6vw, 5.2rem);
  width: clamp(4.5rem, 6vw, 5.2rem);
}
.backToTopBtn:hover {
  background-color: rgba(16, 235, 222, 0.9);
}
.backToTopBtn.active {
  display: flex;
}
.topArrow {
  display: flex;
  width: 25px;
  height: 25px;
}
.topArrow img {
  width: 100%;
  height: 100%;
}

.multiColumnWrapper {
  display: flex;
}
.threeColumnSplit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0 0 33.33%;
  padding: 20px;

  @media screen and (width >= 925px) {
    &:first-of-type {
      padding: 20px 20px 20px 0;
    }
    &:last-of-type {
      padding: 20px 0 20px 20px;
    }
  }
}
.twoColumnSplit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;

  &:has(.multiColumnImage):not(:has(+ .twoColumnSplit .multiColumnImage)) {
    flex: 0 0 35%;
  }
  &:not(:has(.multiColumnImage)):has(+ .twoColumnSplit .multiColumnImage) {
    flex: 0 0 65%;
  }
  &:has(.multiColumnImage):has(+ .twoColumnSplit .multiColumnImage),
  &:has(.multiColumnImage) + .twoColumnSplit:has(.multiColumnImage) {
    flex: 1 1 50%;
  }
  &:not(:has(.multiColumnImage)):not(:has(+ .twoColumnSplit .multiColumnImage)),
  &:not(:has(.multiColumnImage))
    + .twoColumnSplit:not(:has(.multiColumnImage)) {
    flex: 1 1 50%;
  }

  @media screen and (width >= 925px) {
    &:first-of-type {
      padding: 20px 20px 20px 0;
    }
    &:last-of-type {
      padding: 20px 0 20px 20px;
    }
  }
}

.multiColumnImage {
  width: 100%;
  height: auto;

  img {
    max-width: 500px;
    max-height: 500px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

/* SECTION link underline animation */
.contactItemText a,
.trendingItem a,
.breadCrumbs a,
.internalLinksContainer a,
.externalLinksContainer a,
.footerLinks a,
.footerLogo a p,
.phoneLink,
.contentContainer a,
.drawerLinks a,
.navSearch a,
.alertBoxMessage a,
.sideBar a,
.article a h5,
.featuredNews .textContainer h4,
.taglineContainer a,
.cookieBannerText a,
.nav__link,
.search__container a,
.connect-help-section__inner a {
  text-decoration: none;
  background-image: linear-gradient(to right, #3973ff, #3973ff);
  background-size: 0% 2px;
  background-repeat: no-repeat;
  background-position: left bottom;
  -webkit-transition: background-size 0.3s ease-in-out;
  -moz-transition: background-size 0.3s ease-in-out;
  -ms-transition: background-size 0.3s ease-in-out;
  -o-transition: background-size 0.3s ease-in-out;
  transition: background-size 0.3s ease-in-out;
}
.latestList > a {
  background-image: none;
}
.alertBoxMessage a {
  background-image: linear-gradient(to right, white, white);
}
.infoBoxContainer.blue a {
  background-image: linear-gradient(to right, var(--vdss-purple-hover), var(--vdss-purple-hover));
};
.navSearch a {
  background-size: 0% 4px;
  background-position-y: 85%;
}
.drawerLinks .drawerLinkSection > a {
  background-size: 0% 4px;
  background-position-y: 90%;
}
.trendingItem a,
.article a h5,
.featuredNews .textContainer h4 {
  background-size: 0% 4px;
}

.contactItemText a:hover,
.trendingItem a:hover,
.breadCrumbs a:hover,
.internalLinksContainer a:hover,
.externalLinksContainer a:hover,
.footerLinks a:hover,
.footerLogo a:hover p,
.contentContainer a:hover,
.drawerLinks a:hover,
.navSearch a:hover,
.alertBoxMessage a:hover,
.sideBar a:hover,
.taglineContainer a:hover,
.cookieBannerText a:hover,
.nav__link:hover,
.search__container a:hover,
.connect-help-section__inner a:hover {
  background-size: 100% 2px;
}
.navSearch a:hover,
.trendingItem a:hover,
.drawerLinks .drawerLinkSection > a:hover,
.trendingItem a:hover,
.article a h5:hover,
.featuredNews .textContainer h4:hover {
  background-size: 100% 4px;
}

.mainNavCloseButton {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.mainNavCloseButton img {
  width: 100%;
  height: 100%;
}
#google_translate_element {
  margin-top: -2.5px;
}
#google_translate_element * {
  color: var(--vdss-blue) !important;
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 18.5px;
}
#google_translate_element .goog-te-gadget-simple {
  border: none;
}
#google_translate_element img {
  display: none;
}
#google_translate_element a span:nth-of-type(2) {
  display: none;
}
#google_translate_element a span:last-of-type {
  font-size: 15px;
}
.accordion {
  display: none;
}
.accordion > ul {
  display: none;
}
.personaDropdownHidden {
  display: none;
}
.personaDropdownButtonDisabled {
  pointer-events: none;
  opacity: 0.5;
}
.alertsContainer {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.alertCard {
  display: flex;
  align-items: center;
  border: 1px solid lightgray;
  margin: 10px 30px;
  font-size: 1.25rem;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.alertCard p {
  margin: 10px 5px;
}
.alertCard img {
  width: 25px;
  height: 25px;
  margin: 10px;
}
span.expired, span.smallText {
    font-size: var(--step--1);
    line-height: var(--baseline);
}
a.buttonBlueFilled,
button.buttonBlueFilled,
a span.buttonBlueFilled,
a.buttonBlueOutlined,
button.buttonBlueOutlined,
a span.buttonBlueOutlined,
a.buttonTransparentBlue,
button.buttonTransparentBlue,
a span.buttonTransparentBlue,
a.buttonRedFilled,
button.buttonRedFilled,
a span.buttonRedFilled,
a.buttonRedOutlined,
button.buttonRedOutlined,
a span.buttonRedOutlined,
a.buttonTransparentRed,
button.buttonTransparentRed,
a span.buttonTransparentRed,
a.buttonPurpleFilled,
button.buttonPurpleFilled,
a span.buttonPurpleFilled,
a.buttonPurpleOutlined,
button.buttonPurpleOutlined,
a span.buttonPurpleOutlined,
a.buttonTransparentPurple,
button.buttonTransparentPurple,
a span.buttonTransparentPurple,
a.button--white-outline-purple-hover,
button.button--white-outline-purple-hover,
a span.button--white-outline-purple-hover{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  width: fit-content;
  height: fit-content;
  font-size: var(--step-0);
  padding: 10px 20px;
  margin: 10px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  display: flex;
}
a.smallText,
button.smallText a span.smallText,
.cardContainer.small button,
.cardContainer.small a,
.cardContainer.small p {
  font-size: var(--step--1);
}
a.buttonBlueFilled,
button.buttonBlueFilled,
a span.buttonBlueFilled,
a.buttonBlueOutlined,
button.buttonBlueOutlined,
a span.buttonBlueOutlined,
a.buttonTransparentBlue,
button.buttonTransparentBlue,
a span.buttonTransparentBlue,
a.buttonRedFilled,
button.buttonRedFilled,
a span.buttonRedFilled,
a.buttonRedOutlined,
button.buttonRedOutlined,
a span.buttonRedOutlined,
a.buttonTransparentRed,
button.buttonTransparentRed,
a span.buttonTransparentRed,
a.buttonPurpleFilled,
button.buttonPurpleFilled,
a span.buttonPurpleFilled,
a.buttonPurpleOutlined,
button.buttonPurpleOutlined,
a span.buttonPurpleOutlined,
a.buttonTransparentPurple,
button.buttonTransparentPurple,
a span.buttonTransparentPurple {
  background-image: none;
}
a.buttonBlueFilled,
button.buttonBlueFilled,
a span.buttonBlueFilled {
  background-color: var(--vdss-blue);
  color: white;
}
.cardButton a.buttonBlueFilled,
.cardButton button.buttonBlueFilled {
  border: 1px solid white;
}
a.buttonTransparentBlue,
button.buttonTransparentBlue,
a span.buttonTransparentBlue {
  background-color: transparent;
  color: var(--vdss-blue);
}
a.buttonTransparentBlue:hover,
button.buttonTransparentBlue:hover,
a span.buttonTransparentBlue:hover {
  color: #003b6d;
}
a.buttonPurpleFilled,
button.buttonPurpleFilled,
a span.buttonPurpleFilled {
  background-color: var(--vdss-purple);
  color: white;
}
button.buttonPurpleFilled.personaNavigationButton {
  border: 1px solid white;
  margin: auto 10px;
}
button.buttonPurpleFilled.personaNavigationButton:disabled {
  color: lightgray;
  border-color: lightgray;
}
a.buttonPurpleFilled:hover,
button.buttonPurpleFilled:hover,
a span.buttonPurpleFilled:hover {
  background-color: #503b7a;
  color: white;
}
button.buttonPurpleFilled.personaNavigationButton:hover {
  background-color: white;
  color: black;
}
button.buttonPurpleFilled.personaNavigationButton:disabled:hover {
  background-color: var(--vdss-purple);
  color: lightgray;
  cursor: unset;
}
a.buttonTransparentPurple,
button.buttonTransparentPurple,
a span.buttonTransparentPurple {
  background-color: transparent;
  color: var(--vdss-purple);
}
a.buttonTransparentPurple:hover,
button.buttonTransparentPurple:hover,
a span.buttonTransparentPurple:hover {
  color: #47366d;
}
a.buttonPurpleOutlined,
button.buttonPurpleOutlined,
a span.buttonPurpleOutlined {
  border: 1px solid var(--vdss-purple);
  background-color: white;
  color: var(--vdss-purple);
}
a.buttonPurpleOutlined:hover,
button.buttonPurpleOutlined:hover,
a span.buttonPurpleOutlined:hover {
  background-color: var(--vdss-purple);
  color: white;
}
a.buttonRedFilled,
button.buttonRedFilled,
a span.buttonRedFilled {
  background-color: var(--vdss-red);
  color: white;
}
a.buttonRedFilled:hover,
button.buttonRedFilled:hover,
a span.buttonRedFilled:hover {
  background-color: #6d0f0a;
  cursor: pointer;
}
a.buttonRedOutlined,
button.buttonRedOutlined,
a span.buttonRedOutlined {
  border: 1px solid var(--vdss-red);
  background-color: white;
  color: var(--vdss-red);
}
a.buttonRedOutlined:hover,
button.buttonRedOutlined:hover,
a span.buttonRedOutlined:hover {
  background-color: var(--vdss-red);
  color: white;
}
a.buttonTransparentRed,
button.buttonTransparentRed,
a span.buttonTransparentRed {
  background-color: transparent;
  color: var(--vdss-red);
}
a.buttonTransparentRed:hover,
button.buttonTransparentRed:hover,
a span.buttonTransparentRed:hover {
  color: #6d0f0a;
}
a.buttonBlueFilled:hover,
button.buttonBlueFilled:hover,
a span.buttonBlueFilled:hover {
  background-color: #003b6d;
  cursor: pointer;
}
.cardButton a.buttonBlueFilled:hover,
.cardButton button.buttonBlueFilled:hover,
.cardButton a span.buttonBlueFilled:hover {
  background-color: white;
  color: var(--vdss-blue);
}

a.buttonBlueOutlined,
button.buttonBlueOutlined,
a span.buttonBlueOutlined {
  border: 1px var(--vdss-blue) solid;
  background-color: white;
  color: var(--vdss-blue);
}
a.buttonBlueOutlined:hover,
button.buttonBlueOutlined:hover,
a span.buttonBlueOutlined:hover {
  background-color: var(--vdss-blue);
  color: white;
}
a.button--white-outline-purple-hover,
button.button--white-outline-purple-hover,
a span.button--white-outline-purple-hover{
  background-color: transparent;
  border: 1px white solid;
  color: white;
}

a.button--white-outline-purple-hover:hover,
button.button--white-outline-purple-hover:hover,
a span.button--white-outline-purple-hover:hover {
  background-color: white;
  color: var(--vdss-purple);
}

a.button--white-outline-purple-hover:disabled,
button.button--white-outline-purple-hover:disabled,
a span.button--white-outline-purple-hover:disabled {
  color: lightgray;
  border-color: lightgray;
}

a.button--white-outline-purple-hover:disabled:hover,
button.button--white-outline-purple-hover:disabled:hover,
a span.button--white-outline-purple-hover:disabled:hover {
  color: lightgray;
  background-color: transparent;
  border-color: lightgray;
  cursor: unset;
}
a.buttonPurpleFilled.localDepartmentLink {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin: 20px auto 0;
}
.newsContainer > a {
  margin-top: 20px;
}
.table-wrapper,
.cardContainer,
.progressBar-wrapper,
.carousel-container,
.comparison-table,
.videoEmbed-container,
.buttons-container,
.tabContainer,
.infoBoxContainer {
  margin: 10px 0;
}
table {
  width: 100%;
  border-collapse: collapse;
}
table th,
table td {
  border: solid 1px black;
  padding: 10px;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: black;
}
table th {
  text-align: left;
  background-color: var(--vdss-blue);
  color: white;
  font-size: 1.2rem;
}
table tr:nth-of-type(even) {
  background-color: #f1f1ed;
}
.pagination button,
.clear-button {
  margin: 5px;
  padding: 5px 10px;
  cursor: pointer;
}
.pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-left,
.pagination-right {
  white-space: nowrap;
}
.controls-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  width: 100%;
  min-width: 900px;
  box-sizing: border-box;
}
.searchInput {
  width: 80%;
  padding: 5px;
}
.rows-per-page {
  padding: 5px;
  border-color: lightgray;
}
.searchTableInputContainer {
  display: flex;
  justify-content: end;
  width: 50%;
}
.searchTableInputContainer input[type="text"].searchInput {
  padding-left: 15px;
  font-size: 1rem;
  margin-right: 5px;
  max-width: 500px;
}
.perPageContainer * {
  font-size: 1.15rem;
  color: #57585b;
}
.table-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
}
.table-wrapper table {
  min-width: 900px;
}
.page-info {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.paginationPagePosition {
  white-space: nowrap;
}
.pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-controls {
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-width: 900px;
  margin: 5px 0 15px;
}
.pagination-controls button {
  border: none;
  color: #57585b;
  background-color: transparent;
  cursor: pointer;
  width: 2.5em;
  height: 2.5em;
  text-align: center;
  font-size: 1rem;
  padding: 5px;
}
.pagination-controls button:hover {
  color: black;
}
.pagination-controls button:disabled {
  cursor: default;
}
.pagination-left button:disabled,
.pagination-right button:disabled {
  color: rgba(16, 16, 16, 0.3);
}
.pagination-left button:disabled:hover,
.pagination-right button:disabled:hover {
  color: rgba(16, 16, 16, 0.3);
}
.pagination-buttons {
  display: flex;
}
.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 12em;
}
.page-numbers button:disabled {
  background-color: var(--vdss-blue);
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.page-numbers button:disabled:hover {
  color: white;
}
.caretHeight {
  -webkit-transform: scaleY(1.5) translateY(-2px);
  -moz-transform: scaleY(1.5) translateY(-2px);
  -ms-transform: scaleY(1.5) translateY(-2px);
  -o-transform: scaleY(1.5) translateY(-2px);
  transform: scaleY(1.5) translateY(-2px);
}
.progressBar-wrapper {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
.progressLabel {
  position: absolute;
  top: -25px;
  font-size: var(--step--1);
  font-weight: bold;
  color: black;
  white-space: nowrap;
  transition: left 0.5s ease-in-out;
}
.progressBar-container {
  width: 100%;
  height: 20px;
  background-color: #e0e0e0;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.progressBar {
  height: 100%;
  background-color: #06c275;
  transition: width 0.5s ease-in-out;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
}
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: White;
  text-align: center;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease-in-out, padding-top 0.5s ease-in-out,
    padding-bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;
  border-top: solid 1px black;
  z-index: 1001;
}
.cookie-banner * {
  box-sizing: border-box;
}
.cookie-banner.open {
  max-height: 500px;
  padding-top: 15px;
  padding-bottom: 15px;
  opacity: 1;
}
.cookieBannerContent {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cookieBannerText {
  width: 100%;
}
.cookieBannerText,
.cookieBannerButtons {
  margin: 0 20px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.cookieBannerText .textContainer {
  width: calc(100% - 40px);
  max-height: 400px;
  overflow: auto;
}
.cookieBannerButtons button {
  margin: 10px;
  white-space: nowrap;
}
.carousel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-wrapper {
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.carousel-slide {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  align-items: center;
}
.carousel-item {
  flex: 0 0 100%;
  width: 100%;
  text-align: center;
  transition: opacity 0.5s ease-in-out;
}
.carousel-item img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.carousel-item h2 {
  margin: 10px 0 5px;
  font-size: 1.5em;
}
.carousel-item p {
  font-size: 1em;
  color: #555;
}
.carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  cursor: pointer;
  padding: 10px 15px;
  font-size: clamp(1rem, 2vw, 3rem);
  z-index: 8;
}
.carousel-nav:hover {
  background-color: rgba(0, 0, 0, 0.75);
}
.prev-btn {
  left: 10px;
}
.next-btn {
  right: 10px;
}
.pause-btn svg {
  width: clamp(1.75rem, 3vw + 0.5rem, 2rem);
  height: clamp(1.75rem, 3vw + 0.5rem, 2rem);
}
.carousel-dots {
  display: flex;
  justify-content: center;
}
.dot {
  height: clamp(0.5rem, 1vw, 0.75rem);
  width: clamp(0.5rem, 1vw, 0.75rem);
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.3s;
}
.dot.active {
  background-color: #333;
}
.carousel-controls-container {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.slider-container {
  position: relative;
  width: 100%;
  max-width: 1500px;
  height: 500px;
  margin: auto;
  overflow: hidden;
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
  -ms-transition: height 0.3s ease;
  -o-transition: height 0.3s ease;
  transition: height 0.3s ease;

  .slides {
    position: relative;
    width: 100%;
    height: 100%;

    .slide {
      position: absolute;
      top: 50%;
      -webkit-transition: left 0.5s ease, transform 0.5s ease;
      -moz-transition: left 0.5s ease, transform 0.5s ease;
      -ms-transition: left 0.5s ease, transform 0.5s ease;
      -o-transition: left 0.5s ease, transform 0.5s ease;
      transition: left 0.5s ease, transform 0.5s ease;

      &.pos-left {
        left: 3%;
        pointer-events: none;
        width: 30%;
        -webkit-transform: translateY(-50%) scale(0.8);
        -moz-transform: translateY(-50%) scale(0.8);
        -ms-transform: translateY(-50%) scale(0.8);
        -o-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
        z-index: 1;
      }

      &.pos-center {
        left: 35%;
        width: 30%;
        -webkit-transform: translateY(-50%) scale(1.2);
        -moz-transform: translateY(-50%) scale(1.2);
        -ms-transform: translateY(-50%) scale(1.2);
        -o-transform: translateY(-50%) scale(1.2);
        transform: translateY(-50%) scale(1.2);
        z-index: 2;
      }

      &.pos-right {
        left: 67%;
        pointer-events: none;
        width: 30%;
        -webkit-transform: translateY(-50%) scale(0.8);
        -moz-transform: translateY(-50%) scale(0.8);
        -ms-transform: translateY(-50%) scale(0.8);
        -o-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
        z-index: 1;
      }

      &.off-left {
        left: -40%;
        pointer-events: none;
        width: 30%;
        -webkit-transform: translateY(-50%) scale(0.8);
        -moz-transform: translateY(-50%) scale(0.8);
        -ms-transform: translateY(-50%) scale(0.8);
        -o-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
        z-index: 1;
      }

      &.off-right {
        left: 100%;
        pointer-events: none;
        width: 30%;
        -webkit-transform: translateY(-50%) scale(0.8);
        -moz-transform: translateY(-50%) scale(0.8);
        -ms-transform: translateY(-50%) scale(0.8);
        -o-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
        z-index: 1;
      }

      img {
        width: 100%;
        display: block;
      }
    }
  }

  .prev,
  .next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.25);
    border: none;
    font-size: clamp(1rem, 2vw, 3rem);
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -ms-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
    cursor: pointer;
    z-index: 3;

    @media (width < 1540px) {
      padding: 10px 15px;
    }

    @media (width < 820px) {
      padding: 10px;
    }
  }

  .prev:hover,
  .next:hover {
    background: rgba(0, 0, 0, 0.5);
  }

  .prev {
    left: 10px;
  }

  .next {
    right: 10px;
  }

  @media (width < 1667px) {
    height: 400px;
  }

  @media (width < 1508px) {
    height: 300px;
  }

  @media (width < 1269px) {
    height: 250px;
  }
  @media (width < 769px) {
    height: 200px;

    .pos-left {
      left: 0;
      width: 32%;
    }
    .pos-center {
      left: 34%;
      width: 32%;
    }
    .pos-right {
      left: 68%;
      width: 32%;
    }
  }

  @media (width < 481px) {
    height: 150px;

    .pos-left {
      left: 0;
      width: 30%;
    }
    .pos-center {
      left: 35%;
      width: 30%;
    }
    .pos-right {
      left: 70%;
      width: 30%;
    }
  }
}
.comparison-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.comparison-table th {
  border: none;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  background-color: white;
  color: black;
}
table.comparison-table tr {
  background-color: white;
}
.comparison-table .description-row td {
  border: none;
  font-style: italic;
  text-align: center;
  padding-bottom: 10px;
}
.comparison-table thead tr td:first-of-type {
  border: none;
}
.comparison-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center;
}
.comparison-table tbody tr td:first-of-type {
  font-weight: bold;
  background-color: #f1f1ed;
}
.videoEmbed-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
}
iframe.videoIframe {
  width: 100%;
  height: 100%;
  border: none;
}
.multiModal-container {
  display: flex;
}
.modal-container {
  display: inline-block;
  margin: 10px;
}
.modal {
  display: none;
  position: fixed;
  flex-direction: column;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal.active {
  display: flex;
}
body:has(.modal.active),
body:has(.security-alert-wrapper.active) {
  overflow: hidden;
}
.modal-content {
  position: relative;
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 75%;
  min-height: 125px;
  max-height: 95vh;
}
.modalClose {
  position: absolute;
  right: 20px;
  top: 0;
  color: #aaa;
  font-size: 60px;
  font-weight: bold;
  z-index: 2;
}
.modalClose:hover,
.modalClose:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.infoBoxContainer {
  border: solid 1px black;
  padding: 0 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.infoBoxContainer.blue {
  border-color: var(--vdss-blue);
  color: var(--vdss-blue);
  background-color: rgba(0, 87, 161, 0.1);
}
.infoBoxContainer.blue a {
  color: var(--vdss-purple);
}
.infoBoxContainer.blue a:hover {
  color: var(--vdss-purple-hover);
}
.infoBoxContainer.red {
  border-color: var(--vdss-red);
  color: var(--vdss-red);
  background-color: rgba(161, 23, 16, 0.1);
}
.infoBoxContainer.red h2 {
  color: var(--vdss-red);
}
.infoBoxContainer.purple {
  border-color: var(--vdss-purple);
  color: var(--vdss-purple);
  background-color: rgba(105, 80, 161, 0.1);
}
.infoBoxContainer.purple h2 {
  color: var(--vdss-purple);
}
.infoBoxContainer svg {
  width: var(--step-0);
  height: var(--step-0);
  margin-right: 10px;
}
.infoBoxContainer svg {
  fill: currentColor;
}
.infoBoxTitle {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.infoBoxTitle h2 {
  margin: 10px 0;
}
.tabs {
  display: flex;
  cursor: pointer;
}
.tab {
  padding: 15px 20px;
  border: 1px solid #ccc;
  background: #f4f4f4;
  width: 100%;
}

.tab.active {
  background: #ddd;
  border-top: 2px solid var(--vdss-blue);
}
.tab:not(.active):hover {
  border-color: #888;
}
.tab-contents {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.tabContent {
  border: 1px solid #ccc;
  padding: 20px;
  margin-top: -1px;
  display: none;
  flex: 1;
}

.tabContent.active {
  display: block;
}
.tabContainer {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.modularAccordionContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 0;
  width: 100%;
}
.modularAccordionContainer.left {
  align-items: start;
}
.modularAccordionContainer.right {
  align-items: end;
}
.modularAccordion {
  width: 100%;
  max-width: 500px;
}
.modularAccordion.wide {
  max-width: 1000px;
}
.modularAccordion-item {
  border: 1px solid lightgray;
}
.modularAccordion-title {
  background: #f1f1ed;
  padding: 0 15px;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modularAccordion-title:hover {
  background: #ddd;
}
.modularAccordion-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  padding: 0 15px;
  display: block;
  border-top: none;
}

.modularAccordion input[type="checkbox"] {
  display: none;
}
.modularAccordion
  input[type="checkbox"]:checked
  + .modularAccordion-title
  + .modularAccordion-content {
  max-height: fit-content;
  padding: 15px;
}
.modularAccordionTitleIcon::after {
  content: "+";
  font-size: 30px;
  font-weight: bold;
}
.modularAccordion-toggle:checked
  + .modularAccordion-title
  .modularAccordionTitleIcon::after {
  content: "–";
  font-size: 30px;
  font-weight: bold;
}
.modularAccordion-controls {
  display: flex;
  justify-content: space-between;
}
.security-alert-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}
.security-alert-wrapper.active {
  display: flex;
}
.security-alert-container {
  display: flex;
  flex-direction: column;
  align-items: end;
  max-width: 1000px;
  max-height: 80vh;
  background: white;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.security-alert-content {
  width: 100%;
  max-height: 70vh;
  overflow-y: auto;
}
.close-security-alert {
  display: block;
  margin-top: 10px;
}
.persistent-link {
  position: fixed;
  top: 260px;
  right: 20px;
  transform: translateY(-50%);
  z-index: 1001;
}
.mobileSearch {
  display: none;
}
.contentContainer:has(.newsRoomContent):has(.newsRoomSidebar) {
  .newsRoomContent {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;

    .featuredNews {
      border: 3px solid var(--vdss-purple);
      border-radius: 30px;
      padding: 10px 10px 20px;
        
      > h3 {
        color: #6950a1;
        margin-top: 0;
      }

      .articleContainer {
        display: flex;
        justify-content: center;
        gap: 20px;

        .imageWrapper {
          width: 37%;
          max-width: 400px;
          display: grid;
          place-items: center;

          .imgContainer {
            width: 100%;
            aspect-ratio: 1 / 1;
            overflow: hidden;
            border-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;

            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: inherit;
            }

            @media (width < 950px) {
              min-width: 200px;
            }
          }

          @media (width < 950px) {
            width: 100%;
          }
        }

        .textContainer {
          width: 60%;

          .highlight {
            margin: 0;
            font-size: 0.7rem;
            padding: 2px 7px;
            color: white;
            background-color: #5c5d5f;
            width: fit-content;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
          }

          .date {
           /* font-size: 0.8rem;*/
            font-style: italic;
          }

          @media (width < 950px) {
            width: 100%;
            margin-top: 20px;
          }
        }

        @media (width < 950px) {
          flex-direction: column;
          align-items: center;
        }
      }
    }

    .recentArticles {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      max-width: calc(3 * 419px);
      gap: 20px;
      row-gap: 30px;
      width: 100%;
      justify-items: center;
      margin-top: 40px;
      padding-bottom: 25px;
      border-bottom: 1px solid #ccc;

      .article {
        width: 300px;
        height: auto;

        .imgContainer {
          width: 100%;
          aspect-ratio: 4/3;
          position: relative;
          overflow: hidden;
          border-radius: 20px 20px 0 0;
          -webkit-border-radius: 20px 20px 0 0;
          -moz-border-radius: 20px 20px 0 0;
          -ms-border-radius: 20px 20px 0 0;
          -o-border-radius: 20px 20px 0 0;

          img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            left: 0;
            top: 0;
          }
        }
        .articleText {
          h3,
          p {
            margin: 10px 0;
          }
          p:last-of-type {
            margin-bottom: 0;
          }
        }
      }

      @media (width < 340px) {
        gap: 0;
      }
    }

    .searchContainer {
      margin: 25px 0;
      display: flex;
      justify-content: center;

      .search {
        display: flex;
        align-items: center;
        border: 1px solid #ccc;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        max-width: 300px;
        width: 100%;
        min-width: 150px;
        padding: 10px 20px;

        input[type="text"] {
          border: none;
          width: 100%;
        }

        input[type="text"]:focus {
          outline: none;
        }

        input[type="image"] {
          width: 20px;
          height: 20px;
          margin-left: 10px;
        }
      }

      @media (width >= 950px) {
        display: none;
      }
    }

    .filterContainer {
      /*display: flex;*/
      width: 100%;
      margin-bottom: 20px;

      .dropdown {
        flex: 1;
        text-align: center;
        font-size: var(--step-0);
        border: 1px solid #ccc;
        background-color: #f2f2f2;

        select {
          width: 100%;
          height: 50px;
          color: #5c5d5f;
          border: none;
          background: transparent;
          font-size: inherit;
          text-align: center;
        }
      }

      @media (width >= 950px) {
        display: none;
      }

      @media (width < 400px) {
        flex-direction: column;
      }
    }

    .newsArchive {
      width: 100%;
      max-width: 1500px;

      > h3 {
        color: #6950a1;
        margin-bottom: 13px;
      }

      .archiveArticles,
      .archiveArticlesAbridged {
        .article {
          padding-top: 20px;
          
          .article__tag-date-container {
            display: flex;
            align-items: center;

          .articleCategories {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            flex: 1;

            .category {
              margin: 0 5px 5px 0;
              font-size: var(--step--1);
              padding: 2px 7px;
              color: white;
              white-space: nowrap;
              background-color: #5c5d5f;
              width: fit-content;
              border-radius: 5px;
              cursor: pointer;
              background-image: none;
              height: fit-content;

              &:hover {
                background-color: #2a2b2c;
              }

              &.red {
                background-color: var(--vdss-red);
              }
              &.red:hover {
                background-color: var(--vdss-red-hover);
              }
              &.purple {
                background-color: var(--vdss-purple);
              }
              &.purple:hover {
                background-color: var(--vdss-purple-hover);
              }
              &.blue {
                background-color: var(--vdss-blue);
              }
              &.blue:hover {
                background-color: var(--vdss-blue-hover);
              }
            }
            }
            
            .date {
            font-size: var(--step--1);
            margin: 0 0 5px 5px;
            width: fit-content;
            height: fit-content;
              
          }
          
          }

          h3 {
            margin: 10px 0 5px;
          }

          

          .articleText {
            margin-top: 5px;
          }
        }

        .article:not(:first-of-type) {
          border-top: 1px solid #ccc;
        }
      }

      .articlesPerPage {
        margin-bottom: 15px;
        display: block;
      }

      .pagination-top {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 10px;

        label {
          margin-right: 10px;
        }

        .articlesPerPage {
          padding: 5px;
          margin: 0;
        }
      }

      .pagination-bottom {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 15px;

        .pagination {
          display: flex;
          white-space: nowrap;

          button {
            border: none;
            background: none;
            padding: 6px 8px;
            cursor: pointer;
            transition: all 0.2s ease;

            &:hover:not(.current):not(.disabled) {
              color: white;
              background: linear-gradient(to bottom, #585858 0%, #111 100%);
            }

            &.current {
              border: 1px solid rgba(0, 0, 0, 0.3);
              background: linear-gradient(
                to bottom,
                rgba(230, 230, 230, 0.05) 0%,
                rgba(0, 0, 0, 0.05) 100%
              );
            }

            &.disabled {
              opacity: 0.5;
              pointer-events: none;
              cursor: default;

              &:hover {
                color: rgb(109, 109, 109);
                border: none;
                background: none;
              }
            }
          }

          .paginationEllipse {
            padding: 8px 0;
            color: #5c5d5f;
          }

          @media (width < 500px) {
            > button:first-of-type,
            > button:last-of-type {
              display: none;
            }
          }
        }

        .page-info {
          font-size: var(--step--1);
          color: #5c5d5f;
        }

        @media (width < 500px) {
          width: calc(100% + 80px);
          margin-left: -40px;
        }
      }

      .archiveLink {
        width: 100%;
        text-align: center;
        margin-top: 40px;

        a {
          font-style: italic;
        }

        .chevronRight {
          margin-left: -5px;

          svg {
            width: 15px;
            height: 15px;
            fill: currentColor;
            margin-bottom: -2px;
          }
        }
      }
    }

    .article {
      .textDate {
        font-style: italic;
        margin-bottom: 0;
      }
      .articleTitle {
        margin: 5px 0 0;
      }
      .mainImage {
        margin: 20px auto 0;
        width: 90%;
        aspect-ratio: 2/1;
        overflow: hidden;
        position: relative;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;

        img {
          position: absolute;
          width: 100%;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
        }
      }
      .textContainer {
        padding: 20px 40px;

        @media (width < 800px) {
          padding: 20px;
        }

        @media (width < 550px) {
          padding: 20px 0;
        }
      }
    }

    @media (width < 950px) {
      width: 100%;
    }
  }

  .newsRoomSidebar {
    width: 30%;
    display: flex;
    justify-content: center;

    .sideBarContent {
      width: 70%;
      min-width: 250px;
      margin-top: 33px;

      .latestList {
        width: fit-content;
        max-width: 500px;
        margin: 18px auto 0;

        > h3 {
          color: #6950a1;
          /*font-size: 1.45rem;*/
          margin-bottom: 10px;
        }

        .article {
          .date {
            font-style: italic;
            font-size: var(--step--1);
            margin: 10px 0 0;
          }
          .title {
            font-weight: bold;
            font-size: var(--step-0);
            margin: 0;
          }
        }

        a {
          margin: 15px 0 10px;

          svg {
            width: 26px;
            height: 26px;
            fill: currentColor;
            margin-right: 5px;
            margin-left: -7px;
          }
        }
      }

      .sideBarContainer {
        border: 1px solid #ccc;
        padding: 0 20px;

        .topCategories,
        .archive {
          padding-bottom: 20px;
          border-bottom: 1px solid #ccc;
          h3 {
            color: #6950a1;
            margin: 20px 0 10px;
          }

          ul *:before {
            content: "";
            margin-right: 0;
          }

          ul {
            padding-left: 0;
            line-height: 40px;
            margin: 0;
          }

          > a {
            line-height: 40px;
            font-style: italic;
          }

          @media (width < 950px) {
            display: none;
          }
        }
        .mediaContact {
          h3 {
            color: #6950a1;
            margin: 20px 0 10px;
          }
        }
      }

      .searchContainer {
        margin-bottom: 20px;
        display: flex;
        justify-content: center;

        .search {
          display: flex;
          align-items: center;
          border: 1px solid #ccc;
          -webkit-border-radius: 50px;
          -moz-border-radius: 50px;
          -ms-border-radius: 50px;
          -o-border-radius: 50px;
          border-radius: 50px;
          max-width: 300px;
          width: 100%;
          min-width: 150px;
          padding: 10px 20px;
          margin-top: 23px;

          input[type="text"] {
            border: none;
            width: 100%;
          }

          input[type="text"]:focus {
            outline: none;
          }

          input[type="image"] {
            width: 20px;
            height: 20px;
            margin-left: 10px;
          }
        }

        @media (width < 950px) {
          display: none;
        }
      }

      @media (width < 950px) {
        width: 100%;
        margin-top: 0;
      }
    }

    @media (width < 950px) {
      width: 100%;
      margin-top: 20px;
    }
  }
}
.right-aligned-img {
  float: right;
  margin: 5px;
}
.underConstructionLink * {
  cursor: pointer;
}

.tooltip-insert {
  white-space: nowrap;
}

.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: default;
}
.tooltip-wrapper.regularPosition {
  margin: 0;
}

.tooltip-content {
  position: absolute;
  background: rgba(51, 51, 51, 0.9);
  color: #fff;
  padding: 8px 12px;
  border-radius: 5px;
  z-index: 9999;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  max-width: calc(100vw - 32px);
  width: max-content;
  word-wrap: break-word;
  white-space: wrap;
}
.tooltip-wrapper.is-open .tooltip-content {
  opacity: 1;
  pointer-events: auto;
}
/* Arrow when tooltip is above (points down) */
.tooltip-content::after {
  content: "";
  position: absolute;
  top: 100%;
  left: var(--arrow-left, 50%); /* fallback to 50% */
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(51, 51, 51, 0.9);
}
/* Arrow when tooltip is below (points up) */
.tooltip-wrapper.is-below .tooltip-content::after {
  top: auto;
  bottom: 100%;
  border-top: none;
  border-bottom: 6px solid #333;
}
.tooltip-trigger {
  vertical-align: top;
}
.tooltip-trigger svg {
  fill: currentColor;
  height: 0.7em;
  width: 0.7em;
  margin-left: -0.1em;
  margin-right: 0.05em;
}
.float-left-dss {
 float: left;
  padding: 10px 10px 10px 0;
}
.float-right-dss {
 float: right;
  padding: 10px 0 10px 10px;
}
.leftNavMobileToggle {
  height: fit-content;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 7px;
  cursor: pointer;
  color: white;
  background-color: var(--vdss-blue);
  -webkit-user-select: none;
  user-select: none;
  border-radius: 5px;
  transition: border-radius 0.3s ease-in-out;
}
.leftNavMobileIcon {
  width: 23px;
  height: 23px;
}
.leftNavMobileIcon #caret {
  transform-origin: 43px 32px;
  transition: transform 0.3s ease;
}
.leftNavMobileIcon.open #caret {
  transform: rotate(180deg);
}
.articleModalImageWrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.articleModalImageWrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
span.modal-trigger {
  cursor: pointer;
}

/* SECTION Mega Nav */
.nav__desktop-bar-right.nav--preinit ul {
  visibility: hidden;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 26;
  box-shadow: var(--nav-shadow-down);
}

.nav__desktop-bar {
  background-color: white;
  height: 68px;
  padding: 0 1rem;
}

.nav__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.nav__logo img {
  height: auto;
  max-height: 68px;
  min-width: 200px;
  width: 100%;
}

.nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: clamp(1px, calc(1px + ((100vw - 950px) * 0.124)), 32px);
  align-items: center;
}

.nav__list li::before {
  content: "";
}

.nav__desktop-bar .nav__item {
  padding: 0 3px;
  display: flex;
  align-items: center;
}

.nav__item,
.nav__desktop-bar .nav__link:hover {
  position: relative;
  color: var(--vdss-blue);
}

.nav__desktop-bar .nav__item:not(.nav__item--open)::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-top: -0.67em;
  width: 100%;
  height: 0.1em;
  background: currentColor;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease;
  pointer-events: none;
}

.nav__desktop-bar .nav__item:hover::after {
  transform: translateX(-50%) scaleX(1);
}

.nav__desktop-bar .nav__link,
.nav__trigger,
.nav__category-trigger {
  cursor: pointer;
  background: none;
  border: none;
  font: inherit;
  padding: 0;
  text-decoration: none;
}

.nav__trigger,
.nav__category-trigger {
  color: var(--vdss-blue);
}

.nav__trigger {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav__caption {
  display: block;
  color: var(--vdss-font-dark-grey);
  font-size: var(--step--1);
  line-height: 1.5em;
}

.nav__mobile-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  background-color: white;
  height: 68px;
}

.nav__hamburger {
  font-size: 2.25rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--vdss-blue);
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nav__search {
  display: flex;
  align-items: center;
  margin: 0 20px;
}

.nav__search-icon {
  height: 25px;
  width: 25px;
}

.nav-mobile {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: white;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  z-index: 9999;
}

.nav-mobile--open {
  transform: translateX(0);
}

body:has(.nav-mobile--open) {
  overflow-y: hidden;
}

.nav-mobile__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 auto;
  padding: 1rem;
  height: 68px;
}

.nav-mobile__header-right {
  display: flex;
}

.nav-mobile__content {
  flex: 1 1 auto;
  padding: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.nav-mobile__content ul {
  list-style-type: none;
}

.nav-mobile__content li {
  padding: 1px 0;
}

.nav-mobile__list {
  padding-left: 0;
}

.nav-mobile__list li {
  padding: 10px 0;
}

.nav-mobile__list li:has(.nav__link) {
  padding: 10px 0;
}

.nav-mobile__list > li:has(.nav__link) > a {
  padding: 10px 0;
}

.nav-mobile__content li::before {
  content: "";
  margin: 0;
}

.nav-mobile__close {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 2.25rem;
  color: var(--vdss-blue);
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nav-mobile__icon {
  height: 25px;
  width: 25px;
}

.nav__drawer {
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.nav__category-links {
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.nav__item--open > .nav__drawer {
  max-height: 2000px;
}

.nav__category--open > .nav__category-links {
  max-height: 1000px;
}

[data-nav-source] [data-nav-promo] {
  display: none;
}

[data-nav-drawer],
[data-category-links] {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition:
    max-height 0.3s ease,
    opacity 0.2s ease,
    visibility 0s linear 0.3s;
}

.nav__item--open > [data-nav-drawer],
.nav__category--open > [data-category-links] {
  max-height: 2000px;
  opacity: 1;
  visibility: visible;
  transition:
    max-height 0.3s ease,
    opacity 0.2s ease,
    visibility 0s;
}

@media (max-width: 959px) {
  .nav__item > button {
    display: flex;
    justify-content: space-between;
    background-color: #f1f1f1;
    width: 100%;
    padding: 10px 20px;
  }

  .nav__trigger {
    justify-content: left;
  }
}

@media (min-width: 959px) {
  [data-mobile-drawer] {
    display: none !important;
  }
}

@media (min-width: 960px) {
  [data-nav-drawer],
  [data-category-links] {
    display: none !important;
  }
}

@media (max-width: 959px) {
  .nav__mobile-bar {
    display: flex;
  }
  .nav__desktop-bar {
    display: none;
  }
  .nav__desktop-drawer {
    display: none !important;
  }

  .nav-mobile__list .nav__trigger,
  .nav-mobile__list .nav__category-trigger,
  .nav-mobile__list .nav__link {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

.nav__desktop-categories {
  --highlight-y: 0px;
  --highlight-height: 0px;

  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  border-right: 1px var(--vdss-border-light-grey) solid;
}

.nav__desktop-categories::before {
  content: "";
  position: absolute;
  left: 5px;
  top: var(--highlight-y);
  height: var(--highlight-height);
  width: calc(100% - 10px);
  background: var(--vdss-blue);
  z-index: 0;
  transition:
    top 0.25s ease,
    height 0.25s ease;
  pointer-events: none;
}

.nav__desktop-categories.no-transition::before {
  transition: none !important;
}

.nav__category-trigger--desktop {
  display: flex;
  justify-content: space-between;
  font-size: var(--step-0);
  padding: 10px 20px;
  width: 100%;
  text-align: left;
}
  
.nav__category-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  fill: currentColor;
}

.nav__desktop-categories .nav__category-trigger svg {
  width: 25px;
  height: 25px;
}

.nav__desktop-categories .nav__category-trigger {
  margin: 5px 0;
  padding: 0.75rem 1rem;
  text-align: left;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  transition: color 0.3s ease;
}
  
.nav__desktop-categories-hr {
  margin: 0 0 0 -5px;
  width: calc(100% + 10px);
  border: none;
  border-top: 1px var(--vdss-border-light-grey) solid;
}

.nav__desktop-categories .nav__category-trigger::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  z-index: -1;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
  transform: translateX(0);
  pointer-events: none;
}

.nav a,
.nav button {
  cursor: pointer;
}

.nav__desktop-categories .nav__category-trigger[aria-pressed="true"] {
  color: white;
  font-weight: bold;
}

.nav__desktop-categories .nav__category-trigger[aria-pressed="true"]::before {
  background: var(--vdss-blue);
}

.nav-mobile__list .nav__category-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 20px);
  text-align: left;
  font-weight: bold;
}

.nav__desktop-links-area {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.nav__desktop-links {
 /* min-height: 272px; */
  flex: 1;
  padding: 0.5rem;
}

.nav__desktop-links ul,
.nav__desktop-links li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav__desktop-links li {
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  border: 1px transparent solid;
  border-radius: 10px;
  padding: .65rem;
}
.nav__desktop-links li:has(a:hover) {
  border-color: var(--vdss-border-light-grey);
  background-color: var(--vdss-background-light-grey);
}
.nav__desktop-links a:hover .nav__title {
  color: var(--vdss-blue);
}

.nav__desktop-links li::before {
  content: "";
}

.nav__desktop-links a {
  display: flex;
  flex-direction: column;
}

.nav__title {
  width: fit-content;
}
  
.nav__desktop-promo > div {
  width: 100%;
}
  
.nav__promo-item {
  display: flex;
}

.nav__promo-item:has(img) .nav__promo-frame {
  max-height: 200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 50%;
}

.nav__promo-link {
  display: flex;
  width: 100%;
  height: 100%;
  color: black;
  padding: 10px;
  margin: 10px;
  border: 1px transparent solid;
  border-radius: 10px;
  gap: 2rem;
}

.nav__promo-link:hover {
  color: black;
  border-color: var(--vdss-border-light-grey);
  background-color: var(--vdss-background-light-grey);
    
}
.nav__promo-link:hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.05);
  pointer-events: none;
}

.nav__promo-frame img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
}
  
.nav__promo-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
  
.nav__promo-heading {
  font-size: var(--step-0);
  font-weight: bold;
  color: var(--vdss-blue);
  margin-bottom: 0;
}

.nav__promo-description {
  padding: 0 1rem 0 0;
  font-size: var(--step--1);
  margin: 0;
}

@media (min-width: 960px) {
  .nav__mobile-bar {
    display: none;
  }

  .nav__desktop-bar {
    justify-content: space-between;
  }

  .nav__desktop-bar-right {
    display: flex;
    align-items: center;
  }

  .nav__desktop-bar,
  .nav__desktop-bar > ul {
    display: flex;
  }

  .nav__desktop-bar .nav__item--open .nav__trigger:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-top: -0.67em;
    width: 100%;
    height: 0.1em;
    background: currentColor;
    transform: translateX(-50%) scaleX(1);
    transform-origin: center;
  }

  /* ============================================================
   BASE DESKTOP DRAWER — NEUTRAL DEFAULTS
   ============================================================ */

  .nav__desktop-drawer {
    background: white;
    border-top: 1px solid #ddd;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  }

  .nav__desktop-drawer .nav__desktop-inner {
    display: block;
  }

  .nav__desktop-drawer .nav__desktop-categories {
    display: none;
  }

  .nav__desktop-drawer .nav__desktop-categories::before {
    display: none;
  }

  .nav__desktop-drawer .nav__desktop-links ul {
    display: block;
  }

  .nav__desktop-drawer .nav__desktop-promo {
    display: none;
  }

  /* ============================================================
   CATEGORY DESKTOP DRAWER — VARIANT
   ============================================================ */

  html.drawer-categories .nav__desktop-drawer {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translate(-50%, 5px);
    width: 85%;
    max-width: 1210px;
    min-width: 985px;
    min-height: 433px;
    border-bottom: 6px var(--vdss-blue) solid;
  }

  html.drawer-categories .nav__desktop-drawer .nav__desktop-categories::before {
    display: block;
  }

  html.drawer-categories .nav__desktop-drawer .nav__desktop-inner {
    display: grid;
    grid-template-columns: 260px 1fr;
    min-height: 433px;
  }

  html.drawer-categories .nav__desktop-drawer .nav__desktop-categories {
    display: flex;
    flex-direction: column;
  }

  html.drawer-categories .nav__desktop-drawer .nav__desktop-categories::before {
    display: block;
  }

  html.drawer-categories .nav__desktop-drawer .nav__desktop-links ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.25rem 2rem;
  }

  html.drawer-categories
    .nav__desktop-drawer
    .nav__desktop-promo:has(.nav__promo-item) {
    display: flex;
    border-top: 1px var(--vdss-border-light-grey) solid;
  }

  /* ============================================================
   SIMPLE DESKTOP DRAWER — VARIANT
   ============================================================ */

  html.drawer-simple .nav__desktop-drawer {
    position: absolute;
    right: 0;
    top: 55px;
    margin-right: 10px;
    transform: none;
    width: 360px;
    min-height: auto;
    padding: .5rem 0 1rem;
    max-height: 400px;
    overflow-y: auto;
    border-bottom: 6px var(--vdss-blue) solid;
  }

  html.drawer-simple .nav__desktop-drawer .nav__desktop-inner {
    display: block;
    padding: 0 .5rem;
    height: 100%;
    max-height: 366px;
    overflow: auto;
    overflow-x: hidden;
  }
  
  html.drawer-simple .nav__desktop-links-simple li {
    padding: 0 0.65rem;
  }
    

  html.drawer-simple .nav__desktop-drawer .nav__desktop-categories {
    display: none;
  }

  html.drawer-simple .nav__desktop-drawer .nav__desktop-promo {
    display: none;
  }

  html.drawer-simple .nav__desktop-drawer .nav__desktop-links ul {
    display: block;
  }

  .nav__desktop-links-simple {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .nav__desktop-links-simple > li {
    margin: 0;
  }

  .nav__desktop-links-simple > li > a {
    display: block;
    padding: 0.5rem 0;
  }

  .nav__desktop-links-simple > li > a:hover {
    color: var(--vdss-blue-dark, #003f7d);
  }
}
  
@media (max-width: 960px) {
  .nav__promo-link {
    flex-direction: column;
    gap: 0;
  }
  .nav__promo-item:has(img) .nav__promo-frame, 
  .nav__promo-content {
    width: 100%;
  }
}

[hidden] {
  display: none !important;
}

button:focus-visible,
a:focus-visible {
  outline: 3px solid #0078d4;
  outline-offset: 3px;
}

button:focus:not(:focus-visible),
a:focus:not(:focus-visible) {
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
  
/* SECTION Elastic Search */
/* Search Results */
.va-esearch-results::before {
  display: flex;
  width: 100%;
}
.va-esearch-results > ul > li {
  display: flex;
  align-items: center;
}
.va-esearch-results a {
 width: 100% 
}
  
  /* SECTION Decision Tree CSS */
/* ============================
   DECISION MODAL BASE
   ============================ */

.decision-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9000;
}

.decision-modal--hidden {
  display: none;
}

/* ============================
   BACKDROP
   ============================ */

.decision-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

/* ============================
   DIALOG
   ============================ */

.decision-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1000px;
  max-height: calc(100vh - 20px);
  margin: 1rem;
  background: #ffffff;
  border-radius: 6px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* ============================
   CLOSE BUTTON
   ============================ */

.decision-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
  color: black;
  border: none;
  font-size: 44px;
  line-height: 1;
  cursor: pointer;
}

/* ============================
   BODY CONTENT
   ============================ */
.decision-modal__body {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
  
.decision-modal__content {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
  
.decision-modal__title {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.decision-modal__text {
  margin-bottom: 1.25rem;
  font-size: 1rem;
}

.decision-modal__option-container {
 display: flex;
 justify-content: start;
}
.decision-modal__option-container:has(.decision-modal__options){
  justify-content: space-between;
}

.decision-modal__options {
  display: flex;
  flex-direction: column;
 /* gap: 0.75rem;*/
 /* margin-bottom: 1.5rem;*/
}

.decision-modal__option {
 /* padding: 0.75rem 1rem;
  background: #005bbb;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: left;
  font-size: 1rem;*/
}

.decision-modal__option:hover {
 /* background: #004999;*/
}

.decision-modal__dropdown-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.decision-modal__dropdown-selections {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
  width: 100%;
}

.decision-modal__dropdown-selections select {
    color: black;
    border-radius: 10px;
    padding: 5px;
    background-color: white;
    margin: 10px;
    max-height: 60px;
}
  
[data-household-display] {
  display: block;
  min-width: 0;
}
  
.decision-modal__table-wrapper {
  overflow-x: auto;
  width: 100%;
  min-width: 0;
  display: block;
}
  
.decision-modal__table-wrapper table {
  width: max-content;
  border-collapse: collapse;
}

/* ============================
   BACK BUTTON
   ============================ */

.decision-modal__back {
 /* background: none;
  border: none;
  color: #005bbb;
  font-size: 1rem;
  cursor: pointer;
  padding: 0;*/
}

.decision-modal__back:hover {
 /* text-decoration: underline;*/
}

/* ============================
   RESPONSIVE
   ============================ */

@media (min-width: 600px) {
  .decision-modal__options {
    flex-direction: row;
    justify-content: end;
    flex-wrap: wrap;
  }

  .decision-modal__option {
   /* flex: 1 1 calc(50% - 0.75rem);*/
  }
}

/* ============================
   ANIMATION
   ============================ */

/* Modal dialog fade + slide */
.decision-modal:not(.decision-modal--hidden) .decision-modal__dialog {
  animation: modal-dialog-enter 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
  transform-origin: top center;
}

@keyframes modal-dialog-enter {
  0% {
    opacity: 0;
    transform: translateY(-20px) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
  
.no-wrap {
 white-space: nowrap;
 display: inline-flex;
 align-items: center;
 gap: 0.25em;
}
  
.externalLink {
  display: inline !important;
  cursor: pointer;
}
/* .externalLink span:not(:empty):before {
  content: " ";
} */
.externalLink svg {
  width: 0.7em;
  height: 0.7em;
  fill: currentColor;
  /* margin-bottom: 0.33em; */
}


/* SECTION datatables API */
.dataTable tbody tr:nth-child(even) {
  background-color: #f1f1ed;
}

/* SECTION media queries */
@media screen and (width < 1650px) {
  .contactItemBreakSplit {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (width < 1475px) {
  
@media screen and (width < 1340px) {
  .trendingItemContainer {
    flex-direction: column;
    height: fit-content;
  }
  .trendingItemSpacer {
    width: 80%;
    height: 1px;
  }
  .footerContainer {
    flex-direction: column;
    align-items: center;
  }
  .footerLogo,
  .footerLogo a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footerLogoText {
    text-align: center;
  }
}
@media screen and (width < 1300px) {
  .pageContent {
    flex-direction: column;
    /* Test overflow fix marker */
    overflow: hidden;
  }
  .pageContent #leftNav {
     left: 3px;
    margin-top: 5px;
    height: 100%;
    align-items: start;
    flex-direction: column;
  }
  #leftNav {
    position: absolute;
    left: 0;
    margin: 0;
    z-index: 2;
  }
  #leftNav.stuck {
    position: fixed;
    top: 80px;
  }
  body:has(.alertBoxContainer) #leftNav.stuck {
    top: 100px;
  }
  .leftNavMobileToggle {
    display: flex;
    margin-bottom: -1px;
  }
  .pageContent .leftNav {
    --min-height: 250px;
    --max-height: 150px;
    margin: 0;
    height: fit-content;
    max-height: calc(
      100vh -
        clamp(
          var(--max-height),
          calc(var(--min-height) - var(--scroll-progress, 0) * 1px),
          var(--min-height)
        )
    );
    z-index: 9;
    overflow-y: auto;
    transform: translateX(-308px);
    background-color: var(--vdss-blue);
    border-color: var(--vdss-blue);
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5), -4px 6px 6px rgba(0, 0, 0, 0.4),
      4px 6px 6px rgba(0, 0, 0, 0.4);
  }
  #leftNav.stuck .leftNav {
    max-height: calc(100vh - 150px);
  }
  .pageContent .leftNavContainer {
    align-items: start;
    margin: 0;
    width: 0;
  }
  .leftNavContainer:has(.leftNavMobileIcon.open) .leftNav {
    transform: translateX(0);
  }
  .leftNavContainer:has(.leftNavMobileIcon.open) .leftNavMobileToggle {
    border-radius: 5px 5px 0 0;
  }
  .leftNav li a {
    color: white;
  }
  .leftNav li::after {
    background-color: white;
    height: 1px;
  }
  .leftNav li::before {
    background: linear-gradient(
      to right,
      rgb(255, 255, 255) 50%,
      rgba(255, 255, 255, 0) 100%
    );
  }
  .leftNav li:has(+ li:hover)::after {
    background-color: transparent;
  }
  .leftNav li:hover::after {
    background-color: transparent;
  }
  .leftNav li:hover a {
    color: var(--vdss-blue);
  }
  .pageContent:has(#leftNav):has(#sideBar) .contentContainer,
  .pageContent .contentContainer,
  .pageContent #leftNav + .contentContainer {
    width: 100%;
  }
  .pageContent #sideBar {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
  }
  .sideBar {
    width: 100%;
    max-width: 600px;
  }
  .sideBarLinksUl {
    flex-direction: row;
    justify-content: space-around;
  }
  .sideBarLinksContainer ul {
    width: fit-content;
    max-width: 260px;
  }
  .sideBar h3 {
    text-align: center;
  }
}
@media screen and (width < 1280px) {
  .newsSectionContainer {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .featuredNewsContainer,
  .newsContainer {
    width: fit-content;
  }
  .newsContainer {
    max-width: 600px;
    margin-top: 30px;
    align-items: center;
  }
  .newsItem {
    margin: 10px 0;
    max-height: 165px;
  }
}
@media screen and (width < 950px) {
  .footerLinks {
    flex-direction: column;
    align-items: center;
    overflow: hidden;
  }
  .footerLinks ul {
    text-align: center;
    padding-left: 0;
  }
  .footerLinks h4 {
    padding: 0;
    text-align: center;
    width: 100%;
  }
}
@media screen and (width >= 925px) {
  .tabContainer.vertical.left .tabs,
  .tabContainer.vertical.right .tabs {
    max-width: 200px;
    flex-direction: column;
  }
  .tabContainer.vertical.left .tab,
  .tabContainer.vertical.right .tab {
    height: 100%;
  }
  .tabContainer.vertical.left .tab.active {
    border-top: none;
    border-left: 2px solid var(--vdss-blue);
  }
  .tabContainer.vertical.right .tab.active {
    border-top: none;
    border-right: 2px solid var(--vdss-blue);
  }
  .tabContainer.vertical.left .tabContent,
  .tabContainer.vertical.right .tabContent {
    margin-top: 0;
  }
  .tabContainer.vertical.left {
    flex-direction: row;
  }
  .tabContainer.vertical.right {
    flex-direction: row-reverse;
  }
  .multiColumnWrapper .threeColumnSplit:first-of-type,
  .multiColumnWrapper .twoColumnSplit:first-of-type {
    align-items: flex-start;
  }
  .multiColumnWrapper .threeColumnSplit:last-of-type,
  .multiColumnWrapper .twoColumnSplit:last-of-type {
    align-items: flex-end;
  }
  .twoColumnSplit:not(:has(img)).top,
  .threeColumnSplit:not(:has(img)).top {
    justify-content: flex-start;
  }
  .twoColumnSplit:not(:has(img)).bottom,
  .threeColumnSplit:not(:has(img)).bottom {
    justify-content: flex-end;
  }
}
@media screen and (width < 925px) {
  .multiColumnWrapper.forward {
    flex-direction: column;
  }
  .multiColumnWrapper.reverse {
    flex-direction: column-reverse;
  }
  .multiColumnWrapper .threeColumnSplit.left:not(:has(img)),
  .multiColumnWrapper .twoColumnSplit.left:not(:has(img)) {
    align-items: start;
  }
  .multiColumnWrapper .threeColumnSplit.right:not(:has(img)),
  .multiColumnWrapper .twoColumnSplit.right:not(:has(img)) {
    align-items: end;
  }
  .mobileNoScroll {
    overflow: hidden;
  }
  .heroImage {
    margin-top: -96px !important;
  }
  .personaNavContainer {
    display: none;
  }
  .topNavContainer {
    box-shadow: var(--nav-shadow-down);
    display: block;
  }
  .topNavContainer.stuck {
    top: -1px;
  }
  .alertBoxContainer {
    top: 44px;
  }
  
/*  .alertBoxContainer.stuck {
    top: 44px;
  }*/
  .emergencynotice {
    top: 68px;
  }
  .topNav {
    position: relative;
    justify-content: space-between;
    z-index: 25;
  }
  .topNav a:hover {
    border: none;
  }
  .topNavBackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background-color: white;
    z-index: 11;
  }
  .topNavMobileIcon {
    display: flex;
    align-items: center;
    height: 46px;
    z-index: 12;
  }
  .topNavMobileIcon a {
    height: 42px;
    width: auto;
    padding: 0;
  }
  .topNavMobileIcon a:hover {
    border: none;
  }
  .topNavMobileIcon img {
    height: 100%;
    width: auto;
  }
  .topNavMobileMenuButton {
    display: flex;
    align-items: center;
    height: 46px;
    cursor: pointer;
    z-index: 12;
  }
  .topNavMobileMenuButton img {
    height: 42px;
    width: 42px;
    margin-right: 10px;
  }
  .topNavMenuItems a:before {
    background-color: #3973ff;
  }

  .mobileSearch {
    margin-top: 10px;
    width: 90%;
    padding: 10px;
    display: flex;
    align-items: center;
    border: 1px solid lightgray;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }

  .mobileSearch input[type="text"] {
    border: none;
    width: 100%;
  }
  .mobileSearch input[type="text"]:focus {
    outline: none;
  }
  .mobileSearch input[type="image"] {
    width: clamp(1.25rem, 1.5vw + 0.75rem, 1.5rem);
    height: clamp(1.25rem, 1.5vw + 0.75rem, 1.5rem);
    margin-left: 5px;
  }
  .topNavMenuItems {
    position: fixed;
    top: 0px;
    padding-top: 45px;
    padding-bottom: 100px;
    right: -100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    transition: right 0.3s ease;
    z-index: 10;
    justify-content: start;
  }
  .topNavMenuItems.open {
    right: 0;
  }
  .topNavContainer.mobileOpen {
    position: fixed;
    top: 0;
    width: 100vw;
  }
  .topNavMenuItems ul:first-of-type {
    flex-direction: column;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .mobileTopNavContent li {
    margin-bottom: 10px;
  }
  .accordion {
    display: block;
  }
  .accordion > ul {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .accordion * {
    color: var(--vdss-blue);
  }
  .accordion > li {
    margin-bottom: 5px;
  }
  .accordion-trigger-container {
    box-sizing: border-box;
    border: none;
    padding: 10px;
    text-align: left;
    width: 100%;
    outline: none;
    transition: background-color 0.4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f1f1f1;
  }
  .accordion-trigger {
    cursor: pointer;
  }
  .accordionName {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .mobileNavInput {
    display: none;
    align-items: center;
    width: 80%;
  }
  .accordionTriggerContainer:hover {
    background-color: #ddd;
  }
  .accordion-trigger-container .icon {
    margin-right: 10px;
  }
  .accordion-content {
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  .accordion-content.open {
    max-height: 2000px;
    opacity: 1;
  }
  .accordion-content p {
    margin: 0;
  }

  .accordion-content ul {
    padding-left: 20px;
  }
  .accordion-content li {
    margin-right: 0;
  }
  .accordion-content ul .accordion-trigger-container {
    background-color: transparent;
  }
  .accordionIcon {
    height: 20px;
    width: 20px;
    margin-left: 5px;
  }
  .accordion-content .accordion-trigger-container {
    background-color: white;
    font-weight: 600;
    padding-right: 0;
  }
  .mobileNavInput form {
    display: flex;
    width: 100%;
  }
  .mobileNavInput input[type="text"] {
    background-color: transparent;
    height: 23px;
    border-style: none none solid none;
    border-color: #949491;
    border-width: 1px;
    flex: 1;
  }
  .mobileNavInput input[type="text"]::placeholder {
    padding-left: 10px;
    font-style: italic;
  }
  .mobileNavInput input[type="text"]:focus {
    outline: none;
    border-bottom: 1px solid #949491;
  }
  .mobileNavInput input[type="image"] {
    height: 20px;
    width: 20px;
    padding-left: 10px;
  }
  .mobileNavInput img {
    cursor: default;
  }
  .accordion-content .accordion-content {
    list-style-type: none;
  }
  .taglineContainer:has(img) .textContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .taglineContainer:has(img) .textContainer * {
    max-width: 100%;
  }
  .taglineContainer:has(img) p {
    padding: 0 20% 40px;
  }
  .taglineContainer .textContainer img {
    position: static;
    width: 100%;
    max-width: 500px;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@media screen and (width < 860px) {
  .linksContainer {
    flex-direction: column;
  }
  .internalLinksContainer,
  .externalLinksContainer {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (width < 800px) {
  .heroText p {
    display: none;
  }
  .searchBox p {
    display: none;
  }
}
@media screen and (width < 665px) {
  .personaDropdownContainer * {
    font-size: 1rem;
  }
  .cardContainer {
    padding: 0;
  }
}
@media screen and (width < 630px) {
  .newsSectionContainer {
    margin: 0 0 40px;
    width: 100%;
  }
  .featuredNewsContainer,
  .newsContainer {
    width: 100%;
  }
  .featuredNewsCard {
    max-width: 100%;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .newsContainer {
    max-width: 100%;
    width: 100%;
  }
  .newsItemContainer {
    width: 100%;
  }
  .newsItem {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .newsItemImgWrapper {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .newsItemImgWrapper img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .featuredNewsContainer h2,
  .newsContainerHeader {
    margin-left: 15px;
  }
  .searchBox {
    width: 100%;
  }
  .searchClose {
    right: 10px;
  }
}
@media screen and (width < 617px) {
  .sideBar {
    border-style: solid none none none;
  }
  .sideBarLinksUl {
    padding-bottom: 0;
  }
  .persistent-link {
    right: 10px;
  }
}
@media screen and (width < 572px) {
  .personaDropdownContainer * {
    font-size: 0.85rem;
  }
  .personaDropdownContainer select {
    margin: 10px 5px;
  }
  .personaDropdownContainer span {
    margin: 5px;
  }
  .personaDropdownContainer button {
    margin: 5px;
    padding: 5px;
  }
}

.verySpecificClassName {
  color: #fff;
}

.training-tutorial{
  transition: 0.2s;
  border-radius:4px;
}
  
.training-tutorial:hover{
  transform: scale(1.025);
}