@charset "UTF-8";
/* Custom Styles for the Virginia Department of Social Services Virginia Heals*/
a, a.nav-link{
  color: #3465ad;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  padding: 0.2em 0;
}
a:hover{
  color:#E42155;
}
p>a, a.nav-link, a.btn{
  text-decoration: none !important;
}
/* Fade in */
p>a::after, li>a::after, a.nav-link::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1em;
	background-color: #E42155;
	opacity: 0;
	transition: opacity 300ms,
    transform 300ms;
}

p>a:hover::after,
p>a:focus::after,li>a:hover::after, li>:focus::after, a.nav-link:hover::after, a.nav-link:focus::after {
	opacity: 1;
	transform: translate3d(0, 0.2em, 0);
}
/* Slide in */
p>a, li>a, a.nav-link  {
	overflow: hidden;
}

p>a::after, li>a::after, a.nav-link::after {
	transform: translate3d(50%, 0, 0);
}

p>a:hover::after,
p>a:focus::after, li>a:hover::after,
li>a:focus::after, a.nav-link:hover::after, a.nav-link:focus::after{
	transform: translate3d(0, 0, 0);
}


header.vaheals {
    background: url(../img/vaheals-web_banner.jpg) no-repeat center center;
    background-size: cover;
    min-height: 500px;
    width: 100%;
    padding-top: 10rem !important;
}
header.vaheals a{
  color: #6CBD4B;
  text-decoration: underline;
}
header.vaheals a:hover{
  color: #EC7524;
}
nav.navbar{
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
}
.pg_title{
 background: linear-gradient(to bottom,#279989 0,#248678 100%);
 color: #fff;
 padding: 10px 7%;
}
.navbar-vaheals, .navbar-vaheals a.dropdown-item{
    color: #1E7670;
    font-weight: 600;
}
nav.navbar-vaheals a.nav-link{
    color: #1E7670;
}
nav.navbar-vaheals .nav-link:hover, nav.navbar-vaheals .nav-link:focus, .navbar-vaheals a.dropdown-item:hover {
    color: #E42155;
}
nav.navbar-vaheals .nav-link:active, .navbar-vaheals a.dropdown-item:active{
    color: #ff7600;
    background-color: transparent;
}
nav.navbar ul.dropdown-menu.dropdown-menu-end.show {
    /* border: none; */
    background-color: #ececec;
    border-radius: 0;
    border-color: #1E7670;
    opacity: .92;
}
/*li.nav-item.dropdown::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 9'%3E%3Cpath d='M-.1 0L2 4.5L-.1 9Z' fill='%237f0000'/%3E%3C/svg%3E");
	height: 3px;
    width: 3px;
    top: 3px;
    position: absolute;
    left: 59px;
}*/
#backToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 18;
    border: none;
    outline: none;
/*     background-color: rgba(9, 173, 163, 0.25); */
    color: #5c5d5f;
    cursor: pointer;
    padding: 0 15px 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
/*     border: 1px solid #09ada3; */
    font-size: 0.8rem;
    height: 75px;
    width: 75px;
  }
  #backToTopBtn:hover {
    background-color: rgba(9, 173, 163, 0.5);
    color: #FFF;
  }
  .topArrow {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 5px;
  }
  .topArrow img{
    width: 100%;
    height: 100%;
  }
  #vaheals-footer hr{
    width: 60px; 
    background-color: #7c4dff; 
    height: 2px"
  }
  #vaheals-footer a{
    color: #FFF;
    text-decoration: none;
  }
  #vaheals-footer a:hover{
    color:#ecececde;
  }
  #vaheals-footer i.fas{
    margin-right: 0.6em;
  }
  #vaheals-footer i.fas.mr-low{
    margin-right: 0.5em;
  }
  #vaheals-footer{
    background-color: #000 !important;
    border-bottom: groove 1px #4b4a4a;
   }

th{
    background-color:#0e5752;
    color: #FFF;
    font-weight: normal;
    padding: 8px;
    border: 1px solid #ffffff;
}
td{
    margin: 2px;
    padding: 4px;
    border: 1px solid #ececec;
}
tr:nth-child(even) {
    background-color: #d4fcf669;
}
.full-width .accordion {
    padding: 0em 7em;
    max-width: 1459px;
    margin: 0 auto;
}
.dt-search, .dt-layout-cell.dt-layout-end {
    float: right;
}
.dt-length, .dt-layout-cell.dt-layout-start {
    float: left;
}
select#dt-length-0 {
    margin-right: 8px;
}
.text-muted{
  color: #474E52 !important;
}
.col-left {
    float: left;
    width: 70%;
    min-width: 760px;
    padding-left: 10px;
}
.col-left a{
  color: #FFF;
}
.col-left a:hover{
  color: #CCC;
  text-decoration: underline;
}
.col-right {
    float: right;
    width: 20%;
    min-width: 200px;
}
.col-right a{
    opacity: .80;
}
.col-right a:hover{
    opacity: 1;
}

/* General Content Buttons */
a.buttonBlueFilled,
button.buttonBlueFilled,
a span.buttonBlueFilled,
span.buttonBlueFilled a,
a.buttonBlueOutlined,
button.buttonBlueOutlined,
a span.buttonBlueOutlined,
span.buttonBlueOutlined a,
a.buttonTransparentBlue,
button.buttonTransparentBlue,
a span.buttonTransparentBlue,
span.buttonTransparentBlue a,
a.buttonRedFilled,
button.buttonRedFilled,
a span.buttonRedFilled,
span.buttonRedFilled a,
a.buttonRedOutlined,
button.buttonRedOutlined,
a span.buttonRedOutlined,
span.buttonRedOutlined a,
a.buttonTransparentRed,
button.buttonTransparentRed,
a span.buttonTransparentRed,
span.buttonTransparentRed a,
a.buttonPurpleFilled,
button.buttonPurpleFilled,
a span.buttonPurpleFilled,
span.buttonPurpleFilled a,
a.buttonPurpleOutlined,
button.buttonPurpleOutlined,
a span.buttonPurpleOutlined,
span.buttonPurpleOutlined a,
a.buttonTransparentPurple,
button.buttonTransparentPurple,
a span.buttonTransparentPurple,
span.buttonTransparentPurple a{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  width: fit-content;
  font-size: 1rem;
  padding: 10px 20px;
  margin: 10px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  display: flex;
}
a.smallText,
button.smallText,
a span.smallText,
span.smallText a{
  font-size: 0.75rem;
}
a.buttonBlueFilled:before,
button.buttonBlueFilled:before,
a span.buttonBlueFilled:before,
span.buttonBlueFilled a:before,
a.buttonBlueOutlined:before,
button.buttonBlueOutlined:before,
a span.buttonBlueOutlined:before,
span.buttonBlueOutlined a:before,
a.buttonTransparentBlue:before,
button.buttonTransparentBlue:before,
a span.buttonTransparentBlue:before,
span.buttonTransparentBlue a:before,
a.buttonRedFilled:before,
button.buttonRedFilled:before,
a span.buttonRedFilled:before,
span.buttonRedFilled a:before,
a.buttonRedOutlined:before,
button.buttonRedOutlined:before,
a span.buttonRedOutlined:before,
span.buttonRedOutlined a:before,
a.buttonTransparentRed:before,
button.buttonTransparentRed:before,
a span.buttonTransparentRed:before,
span.buttonTransparentRed a:before,
a.buttonPurpleFilled:before,
button.buttonPurpleFilled:before,
a span.buttonPurpleFilled:before,
span.buttonPurpleFilled a:before,
a.buttonPurpleOutlined:before,
button.buttonPurpleOutlined:before,
a span.buttonPurpleOutlined:before,
span.buttonPurpleOutlined a:before,
a.buttonTransparentPurple:before,
button.buttonTransparentPurple:before,
a span.buttonTransparentPurple:before,
span.buttonTransparentPurple a:before{
  background-color: transparent;
}
a.buttonBlueFilled,
button.buttonBlueFilled,
a span.buttonBlueFilled,
span.buttonBlueFilled a{
  background-color: #0057a1;
  color: white;
}
.cardButton a.buttonBlueFilled,
.cardButton button.buttonBlueFilled {
  border: 1px solid white;
}
a.buttonTransparentBlue,
button.buttonTransparentBlue,
a span.buttonTransparentBlue,
span.buttonTransparentBlue a{
  background-color: transparent;
  color: #0057a1;
}
a.buttonTransparentBlue:hover,
button.buttonTransparentBlue:hover,
a span.buttonTransparentBlue:hover,
span.buttonTransparentBlue a:hover{
  color: #003b6d;
}
a.buttonPurpleFilled,
button.buttonPurpleFilled,
a span.buttonPurpleFilled,
span.buttonPurpleFilled a{
  background-color: #6950a1;
  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,
span.buttonPurpleFilled a:hover
{
  background-color: #503b7a;
  color: white;
}
button.buttonPurpleFilled.personaNavigationButton:hover {
  background-color: white;
  color: black;
}
button.buttonPurpleFilled.personaNavigationButton:disabled:hover {
  background-color: #6950a1;
  color: lightgray;
  cursor: unset;
}
a.buttonTransparentPurple,
button.buttonTransparentPurple,
a span.buttonTransparentPurple,
span.buttonTransparentPurple a{
  background-color: transparent;
  color: #6950a1;
}
a.buttonTransparentPurple:hover,
button.buttonTransparentPurple:hover,
a span.buttonTransparentPurple:hover,
span.buttonTransparentPurple a:hover{
  color: #47366d;
}
a.buttonPurpleOutlined,
button.buttonPurpleOutlined,
a span.buttonPurpleOutlined,
span.buttonPurpleOutlined a{
  border: 1px solid #6950a1;
  background-color: white;
  color: #6950a1;
}
a.buttonPurpleOutlined:hover,
button.buttonPurpleOutlined:hover,
a span.buttonPurpleOutlined:hover,
span.buttonPurpleOutlined a:hover{
  background-color: #6950a1;
  color: white;
}
a.buttonRedFilled,
button.buttonRedFilled,
a span.buttonRedFilled,
span.buttonRedFilled a{
  background-color: #a11710;
  color: white;
}
a.buttonRedFilled:hover,
button.buttonRedFilled:hover,
a span.buttonRedFilled:hover,
span.buttonRedFilled a:hover{
  background-color: #6d0f0a;
  cursor: pointer;
}
a.buttonRedOutlined,
button.buttonRedOutlined,
a span.buttonRedOutlined,
span.buttonRedOutlined a{
  border: 1px solid #a11710;
  background-color: white;
  color: #a11710;
}
a.buttonRedOutlined:hover,
button.buttonRedOutlined:hover,
a span.buttonRedOutlined:hover,
span.buttonRedOutlined a:hover{
  background-color: #a11710;
  color: white;
}
a.buttonTransparentRed,
button.buttonTransparentRed,
a span.buttonTransparentRed,
span.buttonTransparentRed a{
  background-color: transparent;
  color: #a11710;
}
a.buttonTransparentRed:hover,
button.buttonTransparentRed:hover,
a span.buttonTransparentRed:hover,
span.buttonTransparentRed a:hover{
  color: #6d0f0a;
}
a.buttonBlueFilled:hover,
button.buttonBlueFilled:hover,
a span.buttonBlueFilled:hover,
span.buttonBlueFilled a:hover{
  background-color: #003b6d;
  cursor: pointer;
}
.cardButton a.buttonBlueFilled:hover,
.cardButton button.buttonBlueFilled:hover,
.cardButton a span.buttonBlueFilled:hover,
.cardButton span.buttonBlueFilled a:hover{
  background-color: white;
  color: #0057a1;
}

a.buttonBlueOutlined,
button.buttonBlueOutlined,
a span.buttonBlueOutlined,
span.buttonBlueOutlined a{
  border: 1px #0057a1 solid;
  background-color: white;
  color: #0057a1;
}
a.buttonBlueOutlined:hover,
button.buttonBlueOutlined:hover,
a span.buttonBlueOutlined:hover,
span.buttonBlueOutlined a:hover{
  background-color: #0057a1;
  color: white;
}
a.buttonPurpleFilled.localDepartmentLink {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin: 20px auto 0;
}

/* Cards */
.card-image-link{
  padding: 0;
}

#card-1, #card-2, #card-3, #card-4{
  transition: 0.2s;
}

#card-1:hover, #card-2:hover, #card-3:hover, #card-4:hover{
  transform: scale(1.15);
}

/* Search */
.gsc-search-button.gsc-search-button-v2{
  	background-color: #1E7670;
  	border-color: #18615c;
}

.gsc-search-button.gsc-search-button-v2:hover{
  	background-color: #1E7670;
  	filter:brightness(50%);
}

/* Media Queries */  
@media(min-width: 1700px) {
    header.vaheals{
    background-size: contain;
    background-color: #B2CEB4;
    }
}
@media(max-width: 975px){
  .col-left{
    float:none;
    margin: 0 auto;
  }
   .col-right{
    float:none;
    margin: 0 auto;
  }
}