body, h1, h2, h3, h4, h5 {
    /*font-family: 'Myriad Pro', sans-serif;*/
    color: inherit;
    font-family: Helvetica, Arial, sans-serif
}

/* p, li {
    font-size: 1.15em;
}
@media (min-width: 1400px) {
    p, li {
    font-size: 1.35em;
}
} */

p, li {
    font-size: 1.00625em;
}
@media (min-width: 1400px) {
    p, li {
    font-size: 1.18125em;
    }
}
p {
    font-size: 1.00625em;
}
@media (min-width: 1400px) {
    p {
    font-size: 1.18125em;
    }
}

a {
    color: #37622B;
    font-weight: 600;
    /*border-bottom: 2px dotted;*/
    /*text-decoration: #37622B underline;*/
    background-color: transparent;
}

.nodot a {
    border-bottom: none;
    text-decoration: none;
}


.panel-default > .panel-heading {
    background-color: #37622B;
    color: #fff;
    text-decoration: none;
}

.panel-default > .panel-heading a{
    background-color: #37622B;
    color: #fff;
    text-decoration: none;
}


/*.opening {
    font-size: 30px;
}*/

@media (min-width: 1025px) {
    .opening {
    font-size: 2em;
    
}
}

@media (max-width: 1024px) {
    .opening {
    font-size: 1.5em;
}
}

.container {
    width: 98%;
}

/*Make Va Banner sit at very top*/
.top{
 padding: 5px 0;
 margin:-25px 0 0 0;
			
}

.top2{
 padding: 0;
 margin:-10px 0 0 0;
			
}

.row {
    margin: 0;
    padding: 0
}

/* ------------removes padding and top margin in row for Breadcrumb row----------- */
.row2 {
    margin-left: 0;
    margin-right: 0;
    margin-top: -20px;
    padding-left: 5px;
}

.style2 { /*green bar for text*/
    background-color: #448033;
    color: #fff;
    padding: 1px;
    text-align: center;

}

.style2 h3 {
    border-top: 1px solid #e0e0e0;
    color: #fff;
    font-size: 1em;
    letter-spacing: -0.025em;
    margin: 0.75em 0 0;
    padding: 0.5em 0 0;
    position: relative;
    top: -0.5em;
}

.style3 {/*tan color for section of text*/
    background-color: #F3F1EC;
    color: #000;
    /* padding: 1px; */
    border-bottom: 10px double #336B80;
    border-top: 5px solid #336B80;
    margin-bottom: 0.75em;
}

.style4 {/*tan color for submenus*/
    background-color: #F3F1EC;
    color: #000;
    padding: 10px 20px;
    border: 5px solid #336B80;
}

.style4 a {
    color: #065C69;
}

@media (min-width: 1181px) {
    h1.highlight {
        color: #065C69;
        /*background-color: #D6D5B8/*#efefef*/
        font-size: 2.5em;
        /*letter-spacing: -0.025em;*/
        margin: 0.25em 0 0.15em 0;
        padding: 0.35em;
        position: relative;
        top: -0.5em;
        font-weight: 800;
        border-bottom: 2px double #065C69;
        border-radius: 2px;
        text-align: left;
    }
}

@media (max-width: 1180px)  {
    h1.highlight {
    color: #065C69;
    /*background-color: #D6D5B8/*#efefef*/
    font-size: 1.75em;
    /*letter-spacing: -0.025em;*/
    margin: 0.75em 0 0.15em 0;
    padding: 0.35em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    border-bottom: 2px double #065C69;
    border-radius: 2px;
    text-align: left;    
    }
}


h2.highlight {
    
    padding: 0.15em;
    position: relative;
    top: -0.5em;
    font-weight:700;
    text-align: left;
    
    
}

h3.highlight {
    color: #7B6D3F;
    /*background-color: #D6D5B8#efefef*/
    font-size: 130%/*1.25em*/;
    /*letter-spacing: -0.025em;*/
    margin: 0.75em 0 0.15em 0;
    padding: 0.2em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    border-bottom: 2px double #065C69;

    
}



h3.highlight2 {
    color: #065C69;
    /*background-color: #D6D5B8/*#efefef*/
    font-size: 130%/*1.25em*/;
    /*letter-spacing: -0.025em;*/
    margin: 0.75em 0 0.15em 0;
    padding: 0.2em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    border-bottom: 1px solid #065C69;
    
}


@media (max-width: 1180px) {
    h3.highlight {
    color: #065C69;
    background-color: #D6D5B8/*#efefef*/;
    font-size: 110%/*1.25em*/;
    /*letter-spacing: -0.025em;*/
    margin: 0.75em 0 0.15em 0;
    padding: 0.2em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    border-bottom: 2px double #065C69;
    border-radius: 2px;
    
}

        h3.highlight2 {
    color: #065C69;
    /*background-color: #D6D5B8/*#efefef*/
    font-size: 125%/*1.25em*/;
    /*letter-spacing: -0.025em;*/
    margin: 2em 0 0.15em 0;
    padding: 0.2em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    border-bottom: 2px double #065C69;
    border-radius: 2px;
    }

}

/* ------ InLine SUBMENU on pages -- BI Scorecard pg-------*/
a.pgsubmenu::after {
    content: "\007E";
    padding: 0 15px;
    color: #336b80;
}

a.pgsubmenu:last-child:after {
    content: "";
   }
a.pgsubmenu {
    font-size: 14px;
    margin: 0px -5px;
}


/*FOOTER*/

.footer {
    background-color: #448033;
			/*background-image: url("images/bg02.png"), url("images/bg03.png"), url("images/bg01.png");
			background-position: top left,						bottom left,					top left;
			background-size: 100% 6em,						100% 6em,						auto;
			background-repeat: no-repeat,						no-repeat,						repeat;*/
            color: #fff;
            padding: 7px 1px;
			/*text-align: center;*/
            /*margin-top: 1em;*/
          
}

hr.footer {
 margin-top: 0px;
  margin-bottom: 10px;
  border: 0;
  border-top: 5px solid #448033;
}

.footer a, .footer a:visited {
color:#fff;
/*text-decoration: underline dotted;*/
background: none;
border: none;
padding: 2px;
transition: none;
border-radius: 2px;
}

.footer a:hover {
color:#448033;
text-decoration: none;
background: #fff;
padding: 2px;
border: none;
transition: none;
border-radius: 2px;
}


.footer2 {
    background-color: #fff;
			/*background-image: url("images/bg02.png"), url("images/bg03.png"), url("images/bg01.png");
			background-position: top left,						bottom left,					top left;
			background-size: 100% 6em,						100% 6em,						auto;
			background-repeat: no-repeat,						no-repeat,						repeat;*/
            color: #448033;
            /*padding: 15px 1px;*/
			text-align: center;
            padding: 4px 2px;
          
}

h1.footerhead {
font-size:2em;
background: none;
color: #ffffff;

}




hr.footer2 {
 margin-top: 0px;
  margin-bottom: 10px;
  border: 0;
  border-top: 5px solid #448033;
}

.footer2 a, .footer2 a:visited {
color:#fff;
text-decoration: underline dotted;
background: none;
border: none;
padding: 2px;
transition: none;
}

.footer2 a:hover {
color:#448033;
text-decoration: none;
background: #fff;
padding: 2px;
border: none;
transition: none;
border-radius: 2px;
}

h4.footer2 {
text-decoration: underline;
}

.footerreturn a, .footerreturn a:visited {
color:#fff;
text-decoration: underline dotted;
background: #448033;
border: none;
padding: 2px;
transition: none;
border-radius: 2px;
}

.footerreturn a:hover {
color:#448033;
text-decoration: none;
background: #fff;
padding: 2px;
border: none;
transition: none;
border-radius: 2px;
}


/* Youtube Video Embedding code */

.videoWrapperOuter {
  max-width:640px; 
  margin-left:auto;
  margin-right:auto;
}
.videoWrapperInner {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0;
}
.videoWrapperInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/*****EXTERNAL and APP LINK ICONS**********************************************************EXTERNAL and APP LINK ICONS**********************************************EXTERNAL and APP LINK ICONS***********************/

/* Add Icon to external links */
a[href^="https://"]:not([href*="tstdesigns"]):before, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
a[href^="https://"]:not([href*="tstdesigns"]):before,
/*a[href$='.asp']:not([href*="tstdesigns"]):before,*/ /*For some reason, .asp and .aspx need their own declaration of rules*/
a[href$='.aspx']:not([href*="tstdesigns"]):before{
  content: url('../images/icons/global_sm.png');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  
}

/*Removes external link from in front of app links of pdf, word, excel, ppt ---- focuses on type of file instead*/
a[href$='.pdf']:not([href*="tstdesigns"])::before,
a[href$='.doc']:not([href*="tstdesigns"])::before,
a[href$='.docx']:not([href*="tstdesigns"])::before,
a[href$='.xls']:not([href*="tstdesigns"])::before,
a[href$='.xlsx']:not([href*="tstdesigns"])::before,
a[href$='.ppt']:not([href*="tstdesigns"])::before,
a[href$='.ppt']:not([href*="tstdesigns"])::before,
a[href$='.wmv']:not([href*="tstdesigns"])::before { 
  content: none;
}



/*Add PDF icon to any link that ends in .pdf*/
a[href$='.pdf']::after { 
  content: url('../images/icons/pdf.gif');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}


/*Add Word icon to any link that ends in .doc, .docx*/
a[href$='.doc']::after,
a[href$='.docx']::after { 
  content: url('../images/icons/doc.gif');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}

/*Add Excel icon to any link that ends in .xls, .xlsx*/
a[href$='.xls']::after,
a[href$='.xlsx']::after { 
  content: url('../images/icons/xls.gif');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}

/*Add PPT icon to any link that ends in .ppt, .pptx*/
a[href$='.ppt']::after,
a[href$='.pptx']::after { 
  content: url('../images/icons/ppt.gif');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}

/*Add Movie icon to any link that ends in .wmv*/
a[href$='.wmv']::after { 
  content: url('../images/icons/wmv.png');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}


/* Add Icon to email links */
a[href^=mailto]::before {
    content: url('../images/icons/mail_sm.png');
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-right: 1px;
    padding-bottom: 5px;
    vertical-align:middle;

}

/* Add class to remove external link icon - currently used for footer and google directions link in VABOARD*/
.noext a[href^="https://"]:not([href*="tstdesigns"]):before, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
.noext a[href^="https://"]:not([href*="tstdesigns"]):before {
    content: none;
}

/* Add class to external links in menu. items need class="menuexit" added in the nav.htm include ONLY on text <li> that leave site NOT on images*/
.menuexit a[href^="https://"]:not([href*="tstdesigns"]):after, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
.menuexit a[href^="https://"]:not([href*="tstdesigns"]):after {
  content: url('../images/icons/right-arrow15.png');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}



/*Formatting below is ONLY to be used in UL for large lists - need to add class to UL of "iconlist"* - Example: vaboard.org/links.htm ---- Need to double-check for hard-coded internal links*/

ul.iconlist a[href^="https://"]:not([href*="tstdesigns"]):before, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
ul.iconlist a[href^="https://"]:not([href*="tstdesigns"]):before{
  content: url('../images/icons/global_sm.png'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /* This overrides the main external icon to allow for alignment with list items that do NOT have icons */
}

ul.iconlist a[href$='.pdf']:not(.owl-item)::after { /*This removes the PDF from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.pdf']:not(.owl-item)::before {
  content: url('../images/icons/pdfList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /*Keeps icons and items without icon left-justified*/
  line-height: 20px; /*Keeps line spacing even if there is no icon*/
  
}

ul.iconlist a[href$='.doc']:not(.owl-item)::after,
ul.iconlist a[href$='.docx']:not(.owl-item)::after
{ /*This removes the doc from the end of a line ONLY in the UL with class "ext"*/
  content: none;
  
}

ul.iconlist a[href$='.doc']:not(.owl-item)::before,
 ul.iconlist a[href$='.docx']:not(.owl-item)::before
{
  content: url('../images/icons/docList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /*Keeps icons and items without icon left-justified*/
  line-height: 20px; /*Keeps line spacing even if there is no icon*/
  
}



ul.iconlist a[href$='.xls']:not(.owl-item)::after,
ul.iconlist a[href$='.xlsx']:not(.owl-item)::after
{ /*This removes the xls from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.xls']:not(.owl-item)::before {
  content: url('../images/icons/xlsList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /*Keeps icons and items without icon left-justified*/
  line-height: 20px; /*Keeps line spacing even if there is no icon*/
  
}


ul.iconlist a[href$='.ppt']:not(.owl-item)::after,
ul.iconlist a[href$='.pptx']:not(.owl-item)::after
{ /*This removes the ppt from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.ppt']:not(.owl-item)::before {
  content: url('../images/icons/pptList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /*Keeps icons and items without icon left-justified*/
  line-height: 20px; /*Keeps line spacing even if there is no icon*/
  
}





ul.pList {
    margin-bottom: /*10px*/0px;
    margin-top: 0;
    line-height:30px;
}



/*FANCY NAV/Header*/

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  /*margin: 0 auto -225px;*/
  /* Pad bottom by footer height */
  /*padding: 0 0 225px;*/
  margin-top: -23px;
}


/* Set the fixed height of the footer here */
#footer {
  /*height: 225px;*/
  background-color: #eeecec;
  margin-top:10px;
  padding-top:20px;
  padding-bottom:20px;
  color: #000;
  
}

    #footer h3 {
        background-color: rgb(107,201,202);
    padding: 3px;
    color: #000;
    border-bottom: 3px solid RGB(153, 204, 102);
    font-size: 1.5em;
    text-align:center;
}


  

.imgleft {
    float: left;
    margin-bottom: 0.5%;
    margin-right: 10px;
}


.imgright {
    float: right;
    margin-bottom: 0.5%;
    margin-left: 10px;
}




/*BREADCRUMB EDITS*/
/*change breadcrumb background color*/
.breadcrumb {
     background-color: rgb(250, 250, 250);
     border-bottom: 1px solid #eee;
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -o-border-radius: 0;     
     padding: 2px 5px;
}
    .breadcrumb li {
        font-size: 1em;
        font-weight: bold;
    }

/*change breadcrumb links color*/
.breadcrumb a {
     color: #666;
     border-radius: 5px;
     font-size: 1em;
     padding: 1px;
}

.breadcrumb a:hover {
     text-decoration: none;
     background-color: #37622B;
     color: #fff;
     padding: 1px;
}

/*change active color*/
.breadcrumb > .active {
     color: #37622B;
     font-weight:600;
     font-size: 1em;
     padding: 1px;
}



/**********ICON LIST FORMATTING*****************/

.iconlist {
    list-style-type:none; 
    line-height: 20px;
}






/****CUSTOM ICONS FOR ACCORDION --- copy script found on vaboard.org/policymaking.htm*/
.your-icon {
    position: relative;
    /*top: 1px;*/
    /* display: inline-block; */
    font-style: normal;
    font-weight: normal;
    line-height: 1px;
    float: left;
    margin-right: 5px;
    display: block; /* This is required */
}

.your-icon.arrowdown {
    background: url('../images/icons/arrow-down.png');
    background-size: cover;
}

.your-icon.arrowup {
    background: url('../images/icons/arrow-up.png');
    background-size: cover;
}

.your-icon.normal {
    width: 32px;
    height: 32px;
}

.your-icon.small {
    width: 20px;
    height: 20px;
}

.your-icon.medium {
    width: 64px;
    height: 64px;
}

.your-icon.large {
    width: 128px;
    height: 128px;
}




/* Youtube Video Embedding code */ /*See Cole Evans for any questions*/

.videoWrapperOuter {
  max-width:640px; 
  margin-left:auto;
  margin-right:auto;
}
.videoWrapperInner {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0;
}
.videoWrapperInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn-info {
    padding: 10px;
    background-color: #336b80;
    color: #fff;
    border: 1px solid #336b80;
    border-radius: 4px;
    margin: 3px;
    min-width: 225px;
    font: inherit;
}

.btn-info:hover {
    color: #fff;
    background-color: #448033;
    border-color: #2A681A;
}
    .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
        color: #448033;
        background-color: #fff;
        border-color: #448033;
        font-weight: bold;
        
    }


    @media (max-width: 1300px) {
        .btn-info {
            padding: 2px 3px;
            font-size: 12px;
        }
    
        
}



    /*For TABS pages (such as servicedescrip.htm on VDA*/
    @media (min-width: 1024px) { /*minimizes jumping on smaller content tabs*/
        .tabspage {
            min-height: 700px;
        }
    }

    .mininav .nav > li > a {
       background-color: #D6D5B8;
       color: #000;
       border-radius: 4px;
    }

.mininav .nav > li > a:hover, .nav > li > a:focus {
       background-color: #065C69;
       color: #fff;
       border-radius: 4px;
    }

.mininav .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
       background-color: #448033;
       color: #fff;
       border-radius: 4px;
    }
	

.panel-primary>.panel-heading{
	background-color:#065C69
}
.boxed {
   border-style:solid;
   border-color:#065C69;
   border-radius: 20px; 
} 
 
 
 /*Carousel*/
.carousel {
    height: fit-content;
}
.carousel-indicators {
    position: absolute;
    bottom: 2px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
	margin-top: 25px;
}
.carousel .carousel-indicators button {
    border: 1px solid rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 7px;
}
.carousel-indicators .active {
    margin: 0;
    /* width: 12px;
    height: 12px; */
    background-color: #336b80;
    opacity: 1;
    z-index: 10;
}
.carousel-indicators li {
    border: 1px solid #000;
}

.carousel-caption {
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 0px;
    z-index: 10;
    padding-top: 5px;
    padding-bottom: 40px;
    color: #000;
    text-align: center;
    text-shadow: none;
	background:rgba(255,255,255, 0.9);
	padding-left: 15px;
	padding-right: 15px;
	font-size: 105%;
}
.bisu-intro {
    margin: 0px 0px 3px 0px;
}
.bi-services-unit-carousel-01 {
    display: block;
    width: 60%;
    max-width: 650px;
    float: right;
    margin: 0px 0px 15px 15px;
}
.carousel-inner {
    outline: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 992px) {
    .bisu-intro {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        margin: 0px 0px 25px 0px;
    }
    .bi-services-unit-carousel-01 {
        order: 3;
        width: unset;
        max-width: 800px;
        margin: 5px auto 0px auto;
    }
    .bisu-intro h1 {
        flex-basis: 100%;
        text-align: left;
    }
}

@media (max-width: 1400px){
.carousel-caption {
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 0px;
    z-index: 10;
    padding-top: 5px;
    padding-bottom: 25px;
    color: #000;
    text-align: center;
    text-shadow: none;
	background:rgba(255,255,255, 0.9);
	padding-left: 10px;
	padding-right: 10px;
	font-size: 85%;
}
}
.il-impact-thumbnail-link {
    display: block;
    width: fit-content;
    margin: 0px auto 0px auto;
}
.il-impact-thumbnail-link img {
    display: block;
    width: initial;
    max-width: 100%;
}
.il-impact-thumbnail-link p {
    width: fit-content;
    text-align: center;
    margin: 0px auto 16px auto;
}
.long-line-break {
    word-wrap: break-word;
}
/* style="text-align: center; display:block; margin-left: auto; margin-right: auto;" */

.admin-by-dars {
    color: #37622B;
}
/* #dars a {
    font-weight: 400;
    color: #000000;
} */

/* THE BELOW CSS CONSISTES OF TESTING CSS TO BRING BACK "ALL ACCORDIONS CLOSE" BEHAVIOR
So far this css seems to have no effect on bringing back the "All Accordions Close behavior.
This close behavior functions on this site: https://tstvadrs/drs/vr/.
Comment written 10-04-2023 */

/* .accordion-option .toggle-accordion {
    float: right;
}
.accordion-option .toggle-accordion:before {
    content: "Collapse All";
}
.accordion-option .toggle-accordion.active:before {
    content: "Expand All";
} */

/* END OF ACCORDION CSS TESTING */

#return-to-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    margin: 0px 15px 15px 0px;
}


/* CBS FOOTER STYLES -- START */
.footer-main-info {
    display: flex;
    gap: 25px;
    padding: 25px calc(2%) 25px calc(2%);
}
.footer-main-info div {
    padding: 0px 12px 0px 12px;
}
.footer-main-info {
    flex-wrap: wrap;
}
.footer-contact {
    flex-basis: 100%;
    order: 1;
}
.footer-web-standards {
    flex-basis: 100%;
    order: 2;
}

@media (min-width: 768px) {
    .footer-main-info {
        flex-wrap: wrap;
    }
    .footer-contact {
        flex-basis: calc(50% - 12.5px);
        order: 1;
    }
    .footer-web-standards {
        flex-basis: calc(50% - 12.5px);
        order: 2;
    }
}

@media (min-width: 1200px) {
    .footer-main-info {
        flex-wrap: nowrap;
    }
    .footer-contact {
        flex-basis: 50%;
        order: 1;
        columns: 2;
        gap: 25px;
    }
    .footerhead {
        break-before: column;
    }
    .footer-web-standards {
        flex-basis: 50%;
        order: 2;
    }
}

/* Footer Logos Group */
.footer-logos-group {
    margin: 25px 0px 25px 0px;
    padding: 0px calc(2% + 12px) 0px calc(2% + 12px);
}
.footer-logos-group div a::after {
    display: none;
}
/* CBS FOOTER STYLES -- END */


.container-fluid {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
}

@media (max-width: 1024px) {
    .row {
        flex-direction: column;
    }
    div[class^="col"] {
        flex-basis: 100%;
        width: 100%;
    }
}

.bi-scorecard-group {
    margin: 0px auto 0px auto;
    padding: 0px 12px 0px 12px;
}
.bi-scorecard-group .boxed {
    padding-top: 12px;
}
.bi-scorecard-image {
    display: block;
    position: relative;
    margin: 0px auto 0px auto;
}

/* ACCORDION -- START */
.accordion-group {
    padding: 0px 24px 0px 24px;
}
.panel-group {
    margin: 0px 0px 25px 0px;
}
.panel-title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 10px 15px 10px 15px;
    margin: 8px 0px 0px 0px;
}
.panel-title a {
    color: white;
    font-size: 16px;
    text-decoration: none;
}
.panel-title a:hover {
    color: white;
    font-size: 16px;
    text-decoration: underline;
}
.panel-body {
    background-color: #ffffff;
    border: 1px solid #336B80;
    padding: 15px;
    margin: 0px 0px 0px 0px;
}
/* ACCORDION -- END */

.cil-counties li a,
.bi-outcomes-locations li a {
    display: block;
    width: 100%;
    font-weight: 400;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
}
.cil-counties li a:hover,
.bi-outcomes-locations li a:hover {
    text-decoration: none;
    color: white;
    background-color: #336B80;
}

/* CONTACT THE BRAIN INJURY SERVICES UNIT - biscis.htm page - START*/
.contact-info-bisu {
    width: fit-content;
}
/* CONTACT THE BRAIN INJURY SERVICES UNIT - biscis.htm page - END*/