@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

html, body, * {
   font-family: "Source Sans 3",sans-serif !important;
}



.va-agency-bar-container,
.va-agency-bar-container * {
  font-family: "Roboto",sans-serif !important;
}


body {
   color: #383838;
}

body p {
    font-size: 1.1rem;
}


a {
    color: #005E6E
}

a:hover,.usa-link:hover {
  color: #007C91;
}

h1{
    font-weight: 700;
}

h2 {
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 40px;
}




.vds-callout {
    color: #00586f;
}

/*main[data-side-nav] section .vds-callout {
      border-bottom: 1px solid #c1c1c1;
    margin: 0 -0.75em 0em -0.75em;
    padding-bottom: 0.75em;  
}*/

main[data-side-nav] section {
    border-bottom: 1px solid #c1c1c1;
    margin: 0 1em 0em 1em;
}

main[data-side-nav] section:last-child {
    border-bottom: 0;
}

main[data-side-nav] section p.vds-callout.font-sans-2xl + h2 {
    margin-top: 1em;
}

section .grid-container ul li {
    font-size: 1.1em;
}


/*Header and Primary Navigation */


header.usa-header .usa-nav__submenu li:first-child a {
    /*font-size: 1.35rem;*/
    font-weight: 600;
}

header .usa-nav__primary > .usa-nav__primary-item a {
    min-width: 130px;
    justify-content: center;
}

ul.usa-collection[data-calendar-style="true"] li .usa-collection__body time[datetime] {
    display: none;
}


@media (min-width: 64em) {

    .usa-nav__submenu .usa-nav__submenu-item a, .usa-nav__submenu .usa-nav__submenu-item a:hover {
        color: #00343D;
        font-weight:500;
    }
 
}

@media (min-width: 64em) {
    .usa-nav__primary .usa-accordion__button span {
        display: inline-block;
        margin-right: 0;
        padding-right: 1rem;
        font-size: 1rem;
    }
}


button.usa-accordion__button.usa-nav__link[aria-expanded="true"], button.usa-accordion__button.usa-nav__link[aria-expanded="true"]:hover {
    color: #00343d;
}

section[data-content-id="1043633"] span {
    font-size: 3em;
}

@media(max-width:992px) {
 
  section[data-content-id="1043633"] span {
    font-size: 1.85em;
}
  
}

.usa-header--extended .usa-logo {
    margin: 1rem 0 1rem;
}

header nav.usa-nav {
  background:#00343D;
}

nav.usa-nav.is-visible {
    background: #fff;
}

.usa-nav__primary>.usa-nav__primary-item>a, .usa-nav__primary button {
    font-size: 1.1em;
    color: #fff;
}

nav.usa-nav.is-visible .usa-nav__primary>.usa-nav__primary-item>a,nav.usa-nav.is-visible .usa-nav__primary button {
    color: #00586f;
}


nav[aria-label="Secondary navigation"].is-visible .usa-nav-container div:last-child a {
    margin-top: 1em;
}

.page-header.bg-primary-darker {
background: #005E6E;
background: linear-gradient(90deg, rgba(0, 94, 110, 1) 0%, rgba(23, 130, 148, 1) 100%);
}

.page-header h1 {
    color: #fff;
    font-size: 56px;
}
 

/*.vds-intro:after {
    position: relative;
    bottom: -.25em;
    left: 0;
    display: block;
    width: 2.25rem;
    height: 3px;
    background: #ffbe2f;
    border-radius: 976px;
    content: "";
    margin-top: 3px;
}*/


.usa-header+main {
    border: initial;
}


.usa-nav__primary>.usa-nav__primary-item>a:hover,.usa-nav__primary>.usa-nav__primary-item>a:hover,.usa-nav__primary button:hover {
    color: #90d5ab;
}

.usa-nav__secondary-links a:hover {
      color: #00586f;
}


.usa-nav__submenu {
   background-color: #D5FBF3;
}

.usa-nav__primary button[aria-expanded=true] {
     background-color: #D5FBF3;
}

/*Old COV Reset Button*/
/*nav[aria-label="Secondary navigation"] .usa-nav-container div:last-child .usa-button {
    padding: 1.25em 1em;
    height: 100%;
    padding-left: 0 !important;
    padding: 1.5em 2em !important;
}*/


/*New COV*/
nav[aria-label="Secondary navigation"] .usa-nav-container div:last-child .usa-button {
    padding: 1.25em 1em;
    height: 100%;
}



/*Old COV Reset Button*/
nav[aria-label="Secondary navigation"] .usa-nav-container div:last-child {
    padding: 0;

}

/*nav[aria-label="Secondary navigation"] .usa-nav-container div:last-child {
    padding: 0.45em;
}*/



header li.usa-nav__secondary-item a {
    font-size: 1.05em;
}

.usa-nav__secondary-links .usa-nav__secondary-item+.usa-nav__secondary-item {

  border:0px;
      
}

header.usa-header .usa-nav__submenu {
  border:0; 
}


.usa-nav__primary button[aria-expanded=false]:hover span::after,.usa-nav__primary button[aria-expanded=false]:hover span::after,.usa-header--extended .usa-nav__primary-item>.usa-current::after, .usa-header--extended .usa-nav__primary-item>.usa-nav__link:hover::after { 
  background-color:#90d5ab;
}
  
nav.is-visible .usa-nav__primary button[aria-expanded=false]:hover span::after, nav.is-visible .usa-nav__primary button[aria-expanded=false]:hover span::after {
  background-color:#00586f;
}

.usa-nav__primary button[aria-expanded=true] span::after {
  background: #00343d;
}


@media (min-width: 64em) {
    @supports ((-webkit-mask:url()) or (mask:url())) {
        .usa-nav__primary button[aria-expanded=false] span::after {
            background: #fff
        }
    }
}


header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button:nth-child(2) {
    background: #90d5ab;
    border: 0;
    color: #00586f;
}


/*Old COV Reset*/
/*header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button {
    background: #911b74;
    color: #fff;
    border-radius: 0;
    padding-left: 3em;
}*/


/*Trial COV Button */



header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button {
    background: #911b74;
    color: #fff;
    border-radius: 0;
    font-size: 1.1rem;
    border-left: 0px solid #FFF;
    position: relative;
    padding: 1em;
}

@media (min-width: 64em) {

header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button {
    background: #911b74;
    color: #fff;
    border-radius: 0;
    padding: 1em 0 0.8em 3em;
    font-size: 1.1rem;
    clip-path: polygon(0px 0%, 1000% 0%, 1000% 100%, 20px 100%);
    border-left: 0px solid #FFF;
    position: relative;
}
  
}
header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button:focus, header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button:hover {

    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: #ffffff;
  	background: #61074f;
  
}


header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button:focus:after, header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button:hover::after {
    background: #61074f;
}

/*header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button {
    background: #911b74;
    color: #fff;
    border-radius: 5px;
    padding-left: 3em;
    text-decoration: none;
    right: 0.5em;
    position: relative;
}*/


.usa-header+.usa-section, .usa-header+main {
    border-top: 0px;
}


@media (min-width: 64em) {
    .usa-header--extended .usa-nav {
        border-top: 0;
        width: 100%;
    }
}

nav[aria-label="Secondary navigation"] .usa-nav-container div:last-child .usa-button:hover {
    outline: 0;
    background-color: #61074f;
}

nav[aria-label="Secondary navigation"] .usa-nav-container div:last-child .usa-button:hover, nav[aria-label="Secondary navigation"] a.usa-button:after {
    background: #61074f;
}


nav[aria-label="Secondary navigation"] a.usa-button:after {
    content: "";
    height: 100%;
    position: absolute;
    width: 0px;
    background: #921075;
    top: 0;
}



@media (min-width: 64em) {
/*Old COV Reset*/
nav[aria-label="Secondary navigation"] a.usa-button:after {
    width: 3000px;
}

@media (min-width: 64em) {
  
header .margin-left-auto.padding-1.display-flex.flex-justify-end.width-full .usa-button::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    height: 160%;
    width: 63px;
    background-color: white;
    clip-path: polygon(-102% 0%, 11px 0%, 58% 79%);
    z-index: 1;
    border: 1px solid;
}
}
   

}

header .usa-nav__primary > .usa-nav__primary-item {
 position:relative; 
}

header .usa-nav__primary > .usa-nav__primary-item > a:hover::after {
  display: block;
}

header .usa-nav__primary>.usa-nav__primary-item>a:after {
    content: "";
    background-color: #90d5ab;
    border-radius: 0;
    content: "";
    display: none;
    position: absolute;
    height: .25rem;
    left: 1rem;
    right: 1rem;
    bottom: 0;
}


.usa-nav__primary--mobile li.usa-nav__primary-item:nth-child(3) {
    min-width: 187px;
}

/*Mobile Nav */


nav[aria-label="Secondary mobile navigation"] li a {
    color: #686868;
    margin-bottom: 0.5em;
}



@media (max-width: 63.99em) {
    nav[aria-label="Secondary mobile navigation"] .usa-nav__primary a:not(.usa-button):not(.usa-current) {
        color: #fff;
    }
}

nav[aria-label="Secondary mobile navigation"] li button {
    background-color: #fff;
    color: #535353;
    padding-right: 0;
    background-position-x: 100%;
    background-size: 1.25rem !important;
    font-size:1.1rem;
}

nav[aria-label="Secondary mobile navigation"] li a.font-sans-lg {
    font-size: 1.35rem;
}


nav[aria-label="Secondary mobile navigation"] .usa-nav__submenu {
    background-color:#fff;  
}

nav[aria-label="Secondary navigation"] .usa-nav__submenu {
    background-color:#D5FBF3;
}

nav.usa-nav.is-visible .usa-nav__submenu {
    background: #fff;
}


nav.usa-nav.is-visible .usa-nav__submenu > li:not(:first-child) a {
    font-size: 1rem;
    padding-top: 0.25em;
}

nav[aria-label="Secondary mobile navigation"] > ul > li.usa-nav__primary-item > a {
    padding: 1rem 3.5rem 1rem 1.25rem;
    font-size: 1.1rem;
    color: #535353;
}


/*END - Mobile Nav */


/*END - Header and Primary Navigation */





/*Elastic Search */


input#va-esearch-input {
    border: 0;
    padding: 1em;
}

input#va-esearch-input-1 {
    border-radius: 32px 0 0 32px;
    border: 0;
    padding-left: 1.5em;
}




button.vaESearchBtn {
    border-radius: 0 5px 5px 0;
    background: #00343d !important;
    left: 2px !important;
  	max-width: 52.375px;
}

.va-esearch-results {
    top: 3em;
}

header .va-esearch #va-esearch-input {
    border: 1px solid #00343d;
    position: relative;
    right: -2px;
}

section input#va-esearch-input {
    border-radius: 30px;
}

div.va-esearch input#va-esearch-input-1 + button.vaESearchBtn {
    background: #00343d !important;
    position: relative;
    left: -1px !important;
    border-radius: 0 32px 32px 0;
}


div.va-esearch input#va-esearch-input-1 + button.vaESearchBtn:hover, button.vaESearchBtn:hover {
    background: #004e5a !important;
    cursor: pointer;
}

@media (max-width:1024px) {
 
  header .va-esearch #va-esearch-input {
    border: 2px solid #00343d;
} 
  
  .va-esearch-home-nav { 
    display:none !important;
  }
  
}




/*END - Elastic Search */



/*Breadcrumb */

main {
    border-top: 1px solid #c7c7c7;
}

li.usa-breadcrumb__list-item:last-child {
    font-weight: 500;
}

.grid-container[data-side-nav] {
    border-bottom: 1px solid #c5c5c5;
    max-width: 100%;
}
 
.grid-container[data-side-nav] nav {
    max-width: 70rem;
    margin: 0 auto;
}

.grid-container[data-side-nav] + div main {
    border: 0;
}

.usa-breadcrumb__list-item {
  position: initial;
}


  .usa-breadcrumb__list-item:not(:last-child)::after {
    content:"";
    display:inline-block !important;
    bottom: -.2em;
    margin-left: 0;
    margin-right: 0;
    height: 2ex;
    width: 2ex;
    position: relative;
      background: 0 0;
    background-color: rgba(0, 0, 0, 0);
      background-color: #71767a;
      -webkit-mask-image: url(https://raw.githack.com/vita-michaelsaunders/Virginia-Design/main/medias/Categorised/developer/Virginia%20Design/assets/img/usa-icons/navigate_next.svg),linear-gradient(transparent,transparent);
      mask-image: url(https://raw.githack.com/vita-michaelsaunders/Virginia-Design/main/medias/Categorised/developer/Virginia%20Design/assets/img/usa-icons/navigate_next.svg),linear-gradient(transparent,transparent);
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 2ex 2ex;
      mask-size: 2ex 2ex;
    }

  .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::before {
    height: 0;
  }

/*Main Colors */

.bg-primary-darker {
    background: #00586f;
}

.bg-base-darker, .hover\:bg-base-darker:hover {
    background-color: #3e3e3e;
}

/*END - Main Colors */


/*Sections */

.vds-intro:after {
  display: none;
}

section > .grid-container.padding-y-4 p.vds-tagline {
    /*text-align: center;*/
    color:#911b74;
  	text-transform: uppercase;
}

.usa-card p.vds-tagline.font-sans-md.text-bold {
    font-weight: 500;
    font-size: 0.9rem;
    color: #012e39;
}

section > .grid-container.padding-y-4 h2 {
    /*text-align: center;*/
}

/*END - Sections */



/*Buttons*/

.usa-button, .usa-button:visited {
    background-color: #911b74;
    border-radius: 7px;
    color: #fff;
  	font-weight:600;
}


a.usa-button:hover {
color:#fff;
background: #61074f;
}


.usa-menu-btn {
  background-color: #911b74;
}


/* END - Buttons */


/*Links */

a,a.usa-link,.usa-footer__return-to-top a {
    color: #00586f;
}

.grid-container.usa-footer__return-to-top a:visited, .hover\:text-primary-dark:hover, .text-primary-dark {
    color: #00586f;
}

/*END - Links */


/*END - Buttons*/


/*Calendar*/

.usa-collection[data-calendar-style="true"] li.usa-collection__meta-item time
Specificity: (0,3,2)
 {
    display: none;
}

.usa-collection__calendar-date-day, span.usa-collection__calendar-date-month {
  background:#003f4a;
  border-color:#003f4a;
  color:#fff;
}

span.usa-collection__calendar-date-month {
  font-weight:400;
  padding-bottom:0;
}

.usa-collection__calendar-date-day {
    font-size: 2em;
    padding-top: 0;
}


.usa-collection__calendar-date time {
    height: 100%;
    display: flex;
    background: #003f4a;
    flex-direction: column;
    justify-content: center;
}

.usa-collection__calendar-date span {
    color: #fff;
}


.usa-collection__calendar-date {
    background: #003f4a;
}


li.usa-collection__item>div {
    padding: 1em;
    border-radius: 8px;
}

/*.usa-collection__item > div {
    padding: 0;
    border-radius: 0;
}*/

.usa-collection__body {
    padding: 1em;
}

ul[data-calendar-style="true"] li.usa-collection__item > div {
    padding: 0;
    overflow: hidden;
}


.usa-collection__calendar-date-day {
    font-size: 3rem;
    padding-top: 0;
    line-height: 85%;
}

/*END - Calendar */

/*Collection*/

.usa-collection__heading {
    font-size: 22px;
}


div[data-component-type="collection"][data-cta-enable]>a {
    background: 0;
    color: #00586f;
    text-decoration: underline;
}

div[data-component-type="collection"][data-cta-enable]>a:hover {
    font-weight: 700 !important;
}


.usa-collection time {
    font-size: 1rem;
}

.usa-collection + .usa-button, .usa-collection + .usa-button:hover {
    background: none;
    color: #003f4a;
    text-decoration: underline;
  
}

.usa-collection + .usa-button:hover {
    border-radius: 0px;
    color: #007C91;
}
 


/*END Collection/*


/*Cards*/

.usa-card__container h3.usa-card__heading {
    margin-bottom: 0.5em;
}

p.vds-intro.display-block.margin-top-neg-1.margin-bottom-3.font-sans-md.text-light {
    font-weight: 600;
    line-height: 1.15;
}

.usa-card__container p.vds-tagline.font-sans-md.text-bold {
    font-weight: 400;
    color: #085c6e;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

.usa-card__container {
  color:#383838;
}


h3.usa-card__heading:after {
    position: relative;
    bottom: -.25em;
    left: 0;
    display: block;
    width: 2rem;
    height: 3px;
    background: #ffbe2f;
    border-radius: 976px;
    content: "";
    margin-top: 3px;
}


h3.usa-card__heading[data-linked-heading="true"]:after {
    display: none;
}


.usa-collection__body .usa-button {
    margin-bottom: 1em;
}

.usa-card__container:not([data-card-type="horizontal"]):not([class*="bg-"]) {
    background: #f0f0f0;
    border: 0;
}

.usa-card a:not(.usa-button):visited, .usa-card__container a:not(.usa-button):visited {
    color: #00586f;
}

.usa-card a:not(.usa-button):visited, .usa-card__container a:not(.usa-button):visited {
    color: #00586f;
}

.usa-card__container.bg-white {
 border:2px solid #dfe1e2; 
}

.usa-card__container.bg-base-lightest {
 border:0;
}


.usa-card__container.bg-base-lightest h3:after {
    display: none;
}


.usa-card a:not(.usa-button):visited:hover, .usa-card__container a:not(.usa-button):visited:hover {
    color: #007C91;
}

/*END - Cards*/


/* Collection */

li.usa-collection__item > div {
    padding: 1em;
    border-radius: 8px;
}

ul.usa-collection {
    margin-top: -1.5em;
}

/* END Collection */



/*Side Navigation */

    .usa-sidenav .usa-current::after {
        background-color: #90d5ac;
        border-radius: 99rem;
        content: "";
        display: block;
        position: absolute;
        bottom: .25rem;
        top: .25rem;
        width: .25rem;
        left: 0;
    }

aside ul.usa-sidenav {
    border: 1px solid #c9c9c9;
    border-radius: 9px;
    overflow: hidden;
}

aside ul.usa-sidenav > li:not(:last-child):not(:first-child), aside ul.usa-sidenav ul.usa-sidenav__sublist > li:not(:last-child)  {
    border-bottom: 1px solid #c9c9c9;
}

.usa-sidenav .usa-current {
    color: #00586f;
}

aside ul.usa-sidenav a.usa-current {
    /*border-bottom: 1px solid #c9c9c9;*/
}

.usa-in-page-nav__list a:not(.usa-button):not(.usa-current):hover {
  color:#007C91;
}

/*Side Menu */

.usa-in-page-nav__list a:not(.usa-button):not(.usa-current):visited, .usa-in-page-nav__list a:not(.usa-button):not(.usa-current) {
    color:#00586f;
}


/*Tab Section*/

.usa-sidenav__item {
  border:0; 
}

div[data-tabsection-content] .usa-sidenav a.usa-current, .usa-sidenav li.usa-current a {
    background: none;
    color: #00586f !important;
}

div[data-tabsection-content] .usa-sidenav .usa-current:after, .usa-sidenav li.usa-current after {
 /*display:none*/; 
}

.usa-sidenav a:not(.usa-button):not(.usa-current):hover {
    color: #00586f;
}

div[data-tabsection-content] nav[aria-label="Second Level Side Navigation"] {
  border:0; 
}


div[data-tabsection-content] nav[aria-label="Second Level Side Navigation"] .usa-current {
 color:#911b73 !important;
 background: #f0f0f0;
}

div[data-tabsection-content] nav ul.usa-sidenav {
    border: 2px solid #dfe1e2;
    border-radius: 8px;
    overflow: hidden;
}

div[data-tabsection-content] nav ul.usa-sidenav li:not(:last-child) {
    border-bottom: 2px solid #dfe1e2;
}

div[data-tabsection-content] nav[data-tab-section-type="horizontal"] ul {
    border: 0;
    border-bottom: 1px solid #dfe1e2;
    border-radius: 0;
}

div[data-tabsection-content] nav[data-tab-section-type="horizontal"] ul.usa-sidenav  li:not(:last-child) {
    border-bottom: 0;
}


div[data-tabsection-content] nav[data-tab-section-type="horizontal"] .usa-sidenav .usa-current::after {
    background-color: #90d5ac;
    border-radius: 99rem;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    height: 3px;
    top: 85%;
}

 

/*Footer */

footer .display-flex.flex-column.desktop\:flex-row.padding-3.flex-justify-end.text-white.margin-right-auto {
    border-top: 1px solid #545454;
}
 
.usa-footer a {
    color: #fff;
}

.usa-footer p a {
    text-decoration:underline;
}


.hover\:text-underline:hover, .text-underline, .usa-footer a:hover {
    text-decoration-thickness: 2px;
}


.usa-button--unstyled.usa-button--hover, .usa-footer__return-to-top a:hover {
    color: #007C91;
}

























































































































































































































































































