/*Fonts*/


@font-face {
  font-family: "Merriweather VF";
  src:url(/media/governorvirginiagov/oaa/assets/fonts/Merriweather-VariableFont_opsz,wdth,wght.ttf) format("truetype-variations");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3 VF";
  src:url(/media/governorvirginiagov/oaa/assets/fonts/SourceSans3-VariableFont_wght.ttf) format("truetype-variations");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Merriweather VF Italic";
  src:url(/media/governorvirginiagov/oaa/assets/fonts/Merriweather-Italic-VariableFont_opsz,wdth,wght.ttf) format("truetype-variations");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3 VF Italic";
  src:url(/media/governorvirginiagov/oaa/assets/fonts/SourceSans3-Italic-VariableFont_wght.ttf) format("truetype-variations");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}


em, i {
  font-style: italic; /* browser picks ital axis or italic file */
}




/*Colors*/

:root {
 --primary-blue: #283b91;
 --primary-green: #1F9156;
 --shamrock: #006939; 
 --secondary-color:#3c6d49;
 --cobalt:#0080C4;
 --bs-nav-link-color:#0c5982;
 }



/*Utilities */

/* Bootstrap-like z-index utility classes */
.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

/* Negative margin scale (aligned with Bootstrap spacing):
   n1 = -0.25rem, n2 = -0.5rem, n3 = -1rem, n4 = -1.5rem, n5 = -3rem */

/* All sides */
.m-n1 { margin: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.m-n3 { margin: -1rem !important; }
.m-n4 { margin: -1.5rem !important; }
.m-n5 { margin: -3rem !important; }

/* Top */
.mt-n1 { margin-top: -0.25rem !important; }
.mt-n2 { margin-top: -0.5rem !important; }
.mt-n3 { margin-top: -1rem !important; }
.mt-n4 { margin-top: -1.5rem !important; }
.mt-n5 { margin-top: -3rem !important; }

/* Bottom */
.mb-n1 { margin-bottom: -0.25rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }
.mb-n4 { margin-bottom: -1.5rem !important; }
.mb-n5 { margin-bottom: -3rem !important; }

/* Start (RTL-aware) */
.ms-n1 { margin-inline-start: -0.25rem !important; }
.ms-n2 { margin-inline-start: -0.5rem !important; }
.ms-n3 { margin-inline-start: -1rem !important; }
.ms-n4 { margin-inline_start: -1.5rem !important; } /* fallback below */
.ms-n4 { margin-inline-start: -1.5rem !important; } /* correct property */
.ms-n5 { margin-inline-start: -3rem !important; }

/* End (RTL-aware) */
.me-n1 { margin-inline-end: -0.25rem !important; }
.me-n2 { margin-inline-end: -0.5rem !important; }
.me-n3 { margin-inline-end: -1rem !important; }
.me-n4 { margin-inline-end: -1.5rem !important; }
.me-n5 { margin-inline-end: -3rem !important; }

/* Horizontal (x) and Vertical (y) */


.img-fluid {
 width:100%; 
}


body {
    font-family: 'Source Sans 3 VF', sans-serif;  
   }

h1,h2,h3,h4,h5 {
font-family: "Merriweather VF";
}
  
h1 {
    font-size: 2.5em;
    color: var(--primary-blue);
    text-transform: uppercase;
    margin-bottom: 0.75em;
}
  
h2 {
    color: #1F9156;
    font-size: 2.1rem;
    margin: 1em 0 0.5em;
}
  
h2:first-of-type {
    margin-top: 0;
}
  
.u-size--1 {
font-size:2.25rem;
line-height:1.2;
}

.u-size--2 {
font-size:1.875rem;
line-height:1.2;
}

.u-size--3 {
font-size:1.5rem;
line-height:1.25;
}

.u-size--4 {
font-size:1.25rem;
line-height:1.25;
}

.u-size--5 {
font-size:1.125rem;
line-height:1.25;
}
   
   a {
       color: #0c5982;
   }
   
   .btn.btn-primary {
       background: var(--shamrock);
       border: 1px solid var(--shamrock);
   }
   
   a.btn.btn-primary.btn-big {
    font-size: 1.25em;
       padding: 5px 20px; 
   }
   
   /* Branding bar Styles */
   
   .cardinal-logo {
       margin: 10px 10px;
       padding: 5px;
   }
   
   .proto-vagency-bar {
       display: flex;
   }
   
   .proto-vagency-logo-select {
       background: #0C5982;
       margin-bottom: -10px;
       border-radius: 0px 0px 10px 10px;
       padding: 0px 10px;
       position: relative;
       z-index: 2;
   }
   
   .proto-vagency-logo-select img {
       max-width: 80px;
   }
   
   .proto-vagency-content {
       color: #fff;
   }
   
   .proto-vagency-content>* {
       display: inline-block;
   }
   
   
   p.proto-vagency-bar-header span {
       display: block;
       font-size: 0.65em;
       text-transform: initial;
       font-weight: 400;
   }
   
   p.proto-vagency-bar-header {
       font-weight: 700;
       font-size: 18px;
       text-transform: uppercase;
       margin-left: 10px;
       vertical-align: middle;
   }
   
   p.proto-vagency-bar-header a {
       color: #fff;
       text-decoration: none;
   }
   
   
   p.proto-vagency-bar-header a:hover {
       text-decoration: underline;
   }
   
   /* END Branding bar Styles */
   
   
  .intro-header-logo + p {
    font-family: Roboto, sans-serif;
}
  
    .intro-header-logo + p span {
     font-family: "Merriweather VF", serif;
    }
   
.intro-header-content {
    position: relative;
    display: flex;
    padding: 0em 2em 1.75em;
    width: 100%;
    justify-content: center;
    z-index: 2;
    flex-direction: column;
    align-items: center;
    top: -2em;
}
  
.intro-header-logo img {
    max-width: 150px;
    margin: 0 auto;
    display: block;
    background: #fff;
    border-radius: 100%;
    border: 3px solid var(--primary-blue);
}
  
  @media (min-width:1024px) {
    
    intro-header-logo img {
    max-width: 175px;
    margin: initial;
    display: initial;
}

  }
    
   .intro-header-content>* {
     display: inline-block;
     margin-bottom: 1em;
   }

   
   span.proto-vagency-name {
       font-size: 2em;
   }
   
   .intro-header-content p {
       font-size: 1.5em;
       color: #fff;
       line-height: 1.25;
       margin: auto 20px;
       display: inline-table;
       vertical-align: middle;
   }
   
   
   span.proto-vagency-name {
       font-size: 1.1em;
       font-weight: 500;
   }
  @media (min-width:768px) {

       span.proto-vagency-name {
       font-size: 1.5em;
   }
        
   }
  
    @media (min-width:1024px) {

       span.proto-vagency-name {
       font-size: 2em;
   }
        
   }
   
   .intro-header-overlay {
       background: #283b91f0;
       width: 100%;
       height: 100%;
       position: absolute;
       top:0;
   }
   
   
   .intro-header>img {
       position: relative;
       z-index: -1;
       top: -100px;
   }
   
   
   
   /* Navbar */
   
   .navbar {
       background: var(--shamrock);
       margin-bottom: 30px;
       padding: 0px;
   }
   
   @media (max-width:992px) {
   
   .navbar {
       background: var(--shamrock);
       margin-bottom: 30px;
       padding: 30px 30px 30px 10px;
   }
     
   }
   
   
   .navbar-collapse .list-group {
       flex-direction: row;
       flex-wrap:wrap;
   }
   
   .navbar-collapse .list-group-item {
       border: 0px;
       background: none;
       padding: 0px;
   }
   
   
   .navbar-collapse .list-group-item a {
       text-decoration: none;
       color: #fff;
       font-weight: 600;
       width: 100%;
       padding: 10px 15px;
       display: block;
       white-space:nowrap;
   }
   
   .navbar-collapse .list-group-item a:hover {
       background: #0c5982;
   }
   
   
   .navbar-expand-md .navbar-collapse {
       display: flex!important;
       flex-basis: auto;
       justify-content: center;
   }
   
.intro-header {
    position: relative;
}
   
   .navbar+.intro-header {
       margin-top: 2.75em;
   }
   
   
   .navbar .list-group-item:hover ul.multilevel-linkul-0 {
       display: block;
       height: auto;
       padding: 0em;
       position: absolute;
       background: #f7f7f7;
       z-index: 90000000000;
       border-top: 4px solid #0f274f;
       list-style: none;
   }
   
   .navbar-collapse .list-group-item ul {
       display: none;
   }
   
   ul.multilevel-linkul-0 li {
       padding: 10px;
       min-width: 150px;
   }
   
   
   .navbar-collapse ul.multilevel-linkul-0 li a {
       color: #00162f;
       text-transform: capitalize;
       font-size: 0.9em;
       padding: 10px;
       margin: 0px 0px;
       display: block;
       font-weight: 500;
   }
   
   .navbar-collapse .list-group-item i {
       margin-left: 5px;
       color: #fff;
   }
   
   .pagenav p {
       display: inline-block;
       margin-right: 15px;
       font-weight: 600;
       color:#5e5e5e;
   }
   
   
   ul.multilevel-linkul-0 li:hover {
       background: #1b79ba;
       padding-left: 10px;
       transition: all 0.25s;
   }
   
   ul.multilevel-linkul-0 li:hover a {
       color: #fff;
   }
   
   
   @media (max-width:768px) {
   .navbar-expand-md .navbar-collapse {
       display: none !important;
   }
     
     
   .navbar-expand-md .navbar-collapse.show {
     display: block !important;
   }
     
   .navbar-collapse .list-group {
       flex-direction: column;
   }  
     
     
   .navbar .container {
       align-items: flex-start; 
   }
     
   }
   
   
   
   
   
   /* END Navbar */
   
   /* Sections */
   
   section.content-block {
       padding: 10px 0px;
   }
   
 
   
   h3 {
       margin-bottom: 30px;
       font-weight: 400;
   }
   
   
   .content-block .container {
     max-width:1200px;
     
     
   }
   
   
   .va-masthead h1.va-title {
       background: blue;
       margin-top: 40px;
       background: #20396F;
       display: inline-block;
       padding: 30px 30px 30px 500px;
       margin-left: -500px;
       color: #fff;
       border-radius: 0px 10px 10px 0px;
       font-size: 2.25em;
   }
   
   /* END Sections */
   
   
   /* News and Annoucements */
   
   ul.news-list li {
       list-style: none;
       border: 1px solid #d6d6d6;
       padding: 20px;
       margin-bottom: 20px;
       border-radius: 10px;
   }
   
   #news h4.va-block__heading.u-size--5 a, ul.news-list h4.va-block__heading.u-size--5 {
       font-size: 21px;
   }
   
   #news p.va-block__byline::before, ul.news-list p.va-block__byline::before {
       font-family: "Font Awesome 7 Free";
       content: "\f133";
       font-weight: 600;
       margin-right: 5px;
   }
   
   #news article, ul.news-list article {
       border: 1px solid;
       list-style: none;
       border: 1px solid #d6d6d6;
       padding: 20px;
       margin-bottom: 20px;
       border-radius: 10px;
   }
   
   span.news-article-date, ul.news-list span.news-article-date {
       margin-bottom: 16px;
       display: inline-block;
   }
   
   ul.news-list>* {
    max-width:1000px; 
     
     
   }
 
   
   /* Sidebar with Section */
   
   ul.va-featured-links {
       list-style: none;
       padding: 0px;
       background: #f1f1f1;
       border: 1px solid #c8c8c8;
       border-radius: 15px;
     overflow: hidden;
   }
   
   .va-featured-links li.va-nav__item {
       padding: 20px;
   }
   
   
   .sidebar .col-md-8 h2 {
       background: none;
       color: #20396F;
       font-size: 1.5em;
       padding: 0px;
       margin: 0px 0px 30px;
   }
   
   span.image.third img {
       width: 33% !important;
       height: auto !important;
   }
   
   span.image.right img {
       float: right;
       margin-left: 20px;
   }
   
   span.image img {
       margin-bottom: 1em;
       margin-top: 0.25em;
   }
   
   /* Calendar */
   
   span.va-block__link.va-block__card.va-block__card--fill {
       border: 1px solid #dfdfdf;
       border-radius: 15px;
   }
   
   .va-block__text {
       padding: 15px;
   }
   
   h3.va-block__heading.u-size--4 {
       font-size: 20px;
   }
   
   .va-icon--arrow-ext:after, .va-icon--arrow:after {
       bottom: 0.075em;
       width: 1em;
       height: 1em;
       background-image: url(data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%22192%22%3E%0A%3Cdefs%3E%3Csymbol%20id%3D%22arrow%22%3E%3Cpath%20d%3D%22M21.2 9.3l-1.4 1.4 4.3 4.3H4v2h20.1l-4.3 4.3 1.4 1.4 6.7-6.7-6.7-6.7z%22%2F%3E%3C%2Fsymbol%3E%3C%2Fdefs%3E%3Cuse%20xlink%3Ahref%3D%22%23arrow%22%20x%3D%220%22%20y%3D%220%22%20fill%3D%22%2319191A%22%20%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23arrow%22%20x%3D%220%22%20y%3D%2232%22%20fill%3D%22%23F3F5F9%22%20%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23arrow%22%20x%3D%220%22%20y%3D%2264%22%20fill%3D%22%236B6E6D%22%20%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23arrow%22%20x%3D%220%22%20y%3D%2296%22%20fill%3D%22%239BAAC9%22%20%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23arrow%22%20x%3D%220%22%20y%3D%22128%22%20fill%3D%22%230079BA%22%20%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23arrow%22%20x%3D%220%22%20y%3D%22160%22%20fill%3D%22%233298CF%22%20%2F%3E%3C%2Fsvg%3E);
   }
   
   
   /* Lists */
   
   ul.doc-list {
       list-style: none;
       padding: 0px;
   }
   
   ul.doc-list li {
       border-bottom: 1px solid #e6e6e6;
       padding-bottom: 10px;
       margin-bottom: 30px;
       display: table;
   }
   
   .doc-list li::before {
       font-family: "Font Awesome 7 Free";
       content: "\f15b";
       font-weight: 600;
       margin-right: 5px;
       color: #20396f;
   }
   
   .doc-list.resource li::before {
       content: "\f02d";
   }
   
   .doc-list.video li::before {
       content: "\f008";
   }
   
   .doc-list.audio li::before {
       content: "\f025";
   }
   
   ul.news-list {
       padding: 0px;
   }
   
   
   ul.va-featured-links .va-nav__item {
       background: #f8f8f8;
   }
   
   
   ul.va-featured-links .va-nav__item:nth-child(odd) {
       background: #efefef;
   }
   
   
   .sibling-links {
       list-style: none;
       margin-bottom: 40px;
   }
   
   .sibling-links li {
     margin-bottom: 5px;  
   }
   
   
   .sibling-links li::after {
       content: "\f061";
   }
   
   .sibling-links li::after{
       font-family: "Font Awesome 7 Free";
       content: "\f061";
       font-weight: 600;
       margin-right: 5px;
       color: #20396f;
       margin-left: 5px;
   }
   
   .doc-list li {
       list-style-type: none;
       margin-bottom: 10px;
   }
   
   
   /*Top Services */
   
   .top-services .service-item {
       border: 1px solid #cccccc;
       padding: 20px;
       border-radius: 10px;
   }
   
   .service-item h4 {
       text-align: center;
       font-size: 20px;
       color: #21396f;
   }
   
   
   
   .top-services .service-item img {
       max-width: 125px;
       margin: 0px auto 15px;
       width: 100%;
       display: block;
   }
   
   
   /*Meetings */
   
   .meeting {
       margin: 10px 10px 20px;
       border-left: 3px solid #d2d2d2;
       padding-left: 15px;
   }
   
   .meeting .date {
       border: 1px solid #21396f;
       display: inline-block;
       border-radius: 15px;
       margin-bottom: 5px;
   }
   
   .meeting span.month {
       display: inline-block;
       background: #21396f;
       color: #fff;
       padding: 5px;
       margin-right: 1px;
       border-radius: 10px 0px 0px 10px;
   }
   
   .meeting span.year {
       font-weight: 600;
       color: #6f6f6f;
       padding: 5px;
   }
   
   
   .meeting .eventstarttime {
       font-weight: 600;
       color: #21396f;
       margin-bottom: 10px;
       font-size: 0.9em;
   }
   
   /*Footer */
   
   footer {
     margin-top:20px;
     background: var(--primary-blue); 
   }
  
   footer h2, footer h3, footer h4, footer h5 {
    color:#fff; 
   }
  
   footer a {
    color:#fff; 
   }
  
  footer a:hover {
	color:#CFDAEC;
    text-decoration: none;
  }
   
   footer .proto-vagency-logo-select {
       background: none;
   }
    
   
   footer .proto-vagency-bar-header {
       margin: 0px 0px 15px;
   }
   
   footer .list-group-item {
       background: none;
       padding: 0px;
       margin-bottom: 5px;
       border:0;
   }
   
   footer .proto-vagency-bar {
       display: flex;
       overflow: hidden;
       position: relative;
       flex-direction:column; 

   }
   
   footer .va-seal {
       overflow: hidden;
       position: absolute;
       right: 0px;
       top: 0px;
   }
   
   footer .proto-vagency-content {
       margin: 30px 0px;
   }
   
   
   footer .proto-vagency-content .list-group li a {
       color: #fff;
   }
   
   footer .proto-vagency-content .list-group {
       display: block;
   }
   
   
   footer .va-seal img {
margin: 1em;
    opacity: 0.25;
    width: 20vw;
    left: 0px;
    z-index: 10;
   }
   
   footer ul.multilevel-linkul-0 {
       display: none;
   }
   
   
   footer a .menu-closed {
       margin-left: 5px;
       display: none;
   }
  
   footer ul {
    list-style: none;
}
  
  @media (min-width: 1024px) {
	footer .proto-vagency-bar {
      flex-direction:row; 
    }
    
  }
  
  footer #mc_embed_signup .helper_text {
    background: none;
    color: #fff;
}
   
   
   /*Nav-Tab*/
   
   ul.nav.nav-tabs.vertical-tab-group-ul {
       display: block;
   }
   
   a.nav-link.tabheader.active {
       background: #203970;
       color: #fff;
       border-bottom: 4px solid #c3c3c3;
       border-top-right-radius: 0px;
       border-bottom-right-radius: 0px;
       border-radius: 0px;
   }
   
   
   
   /*Band-Aid */
   
li.nav-item.vertical-tab-group a {
    padding: 20px;
    border-bottom: 1px solid #e8e8e8;
    color: #0c5a81;
    font-weight: 600;
}
   
   .tab-pane.active {
       margin: 0px 0px 0px 20px;
   }
   
   @media max-width(992px) {
     
     .tab-pane.active {
       margin: 20px 0px 0px 0px;
   }
     
   }
   
   .tab-pane h3 {
       border: 0px !important;
       padding: 0px !important;
   }
   
   
   .announcement-content a.btn.btn-primary {
       display: none;
   }
   
a.btn.btn-primary {
    background: var(--shamrock);
    border: 1px solid var(--shamrock);
    font-size: 1.2em;
    font-weight: 500;
}
  
   h1.va-title {
       display: none !important;
   }
   

/*Toolkit Styles*/

.toolkit-resource {
    margin-bottom: 2em;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 2em;
}

   
   /*Pending Styles*/
p.info-content:before {
    font-family: "Font Awesome 7 Free";
    content: "\f05a";
    font-weight: 600;
    margin-right: 5px;
    color: #20396f;
}
   
/*Cards*/
  
.card-footer {
    background: none;
    border: 0;
}
  
.card-footer .btn {
    display: table;
    margin: 1em auto;
}
  
.card.horz-card .card-footer .btn {
    margin: initial;
}

.horz-card .row {
    flex-direction: column-reverse;
}  
  
@media (min-width: 768px) {
  .horz-card .row {
    flex-direction: row-reverse;
}
  
}

.highlight-card .card {
  display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #4C6083 0%, #46776F 50%, #468F5C 100%);
    color: #fff;
    border: 0;
  padding: 1.75em;
}

.highlight-card .card h3 {
    text-align: center;
    font-size: 2.25em;
    font-weight: 600;
    color: #fff;
}


.card-icon-small-center img {
    max-width: 125px;
    margin: 0 auto;
    display: block;
    padding-top: 1em;
}
  
.highlight-card .card-icon-small-center img {
 padding-top:0em; 
}
  
.highlight-card .card .card-body {
    padding: 0;
}  

.highlight-card .card .card-footer .btn {
   margin:0;
}  
  
  
.highlight-card a.btn.btn-primary {
    background: var(--primary-blue);
    border: 1px solid var(--primary-blue);
}

.card-bg-overlay {
    position: absolute;
    inset: 0;
    background: #0053a0c2;
    z-index: 1;
}


.bg-card > .row {
    z-index: 2;
}
.bg-card {
    padding: 2em;
}

.card.bg-card .card-bg {
    background-position: right;
}
  
.card-bg {
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    inset: 0;
}
  
.bg-card p.card-label {
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 0.25em;
    font-family: Roboto, sans-serif;
}

.bg-card h2, .bg-card h3 {
  font-family: "Merriweather VF", serif;
  font-size: 2.75em;
  color:#fff;
}
  
.bg-card img.card-img-top {
      margin-bottom:0;
    margin-top:2em;
}
  
.bg-card .card-footer .btn.btn-primary {
 background:var(--shamrock); 
}
  
@media (min-width:768px) {
  
.bg-card img.card-img-top {
    margin-bottom: -3em;

}

}
  
/*Hero*/
  
section[data-content-type="hero-image"] > div {
    border-radius: 1em;
    overflow: hidden;
}

.hero-overlay {
background: #006939db !important;
}
  
section[data-content-type="hero-image"] .btn.btn-primary {
  background:var(--primary-blue);
}
 
  
/*WYSIWYG*/
  
div.container[data-component-type="wysiwyg-first"] > .row {
    align-items: center;
}

  
/*News*/
  
.announcement.container {
    margin-top: 2em;
}
  
.announcement.container .va-heading--intro {
  font-size:2.25em;
  color: var(--primary-blue);
  text-transform: uppercase;
  margin-bottom:0.5em;
}
  
.announcement.container span.announcement-date {
    display: block;
    font-weight: 600;
    font-size: 1.15em;
    margin-bottom:0.5em;
}
  
li .release-img-content img {
    max-width: 200px;
    width: 100%;
    padding: 0 1em 0 0;
}
  
.announcement-content #feature-img img {
    width: 100%;
}
  
.announcement.container img {
    object-fit: contain;
}
  

/*Custom Column Classes*/
  
.narrow-row {
max-width: 1200px;
    margin: 0 auto;
}
  
.content-block .container {
    max-width: initial;
    margin: 0;
    padding: 0;
}