@import url(http://fonts.googleapis.com/css?family=Allura);

.row.index-row {
  -moz-column-width: 20em;
  -webkit-column-width: 20em;
  column-width: 20em;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}

::selection {
  text-shadow: none;
  background: #caebf2c9;
}
a {
  text-decoration: none !important;
  color: #0057A1;
}
h1,
h2,
h3,
h4 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
h5,
h6 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #525151;
}
h1 {
  color: #0057A1;
  font-size: 2rem;
}
li,
p {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #525151;
}
ul li {
  list-style-type: none;
  padding: 8px;
}
.cta-contents ul li {
  list-style-type: disc;
}
.cta-contents ul li::marker {
  color: #F58021;
}
ol li {
  padding: 5px;
}
.hr-h1 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 5px solid #525151;
  margin: 0px 0px 25px 0px;
  width: 96px;
}
.bg-dark-top {
  background-color: #525151 !important;
  border-bottom: 3px solid #fff;
  height: 45px;
}
.sub {
  border-bottom: 3px solid #0057A1 !important;
}
.bg-dark {
  background-color: #525151 !important;
  border-top: 3px solid #0057A1;
}
/* header {
  background-color: #525151;
  border-bottom: 3px solid #fa8561;
} */
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark a:hover {
  color: #fa8561 !important;
}
.navbar-nav li a {
  color: #fff !important;
}
.carousel-caption p {
  color: #fff;
}
a.vdss {
  display: block;
  font-size: 0px;
  background: url(/media/fosterva/site-assets/images/vdss-icon_white-trans.png) center center no-repeat
    transparent;
  height: 25px;
  width: 25px;
  position: relative;
  float: left;
}

.vdss:hover {
  background: url(/media/fosterva/site-assets/images/vdss-icon_orange-trans.png) center center no-repeat
  transparent;
}
li.hotline {
  background: #0057A1;
  height: 43px;
  padding-top: 9px;
  width: 150px;
  text-align: center;
}
li.hotline.top_nudge {
  padding-top: 13px;
  height: 46px;
}
li.hotline a:hover {
  color: #ccc !important;
}
a.vdss.top_nudge {
  margin-top: 5px;
}

.resources li:before {
  content: "\f0c8";
  font-family: "FontAwesome";
  float: left;
  margin-left: -1.5em;
  color: #0074d9;
}

.fa-1_5x {
  font-size: 1.5em !important;
}

/*.nav-item:hover:nth-last-child(1){ background-color: #FF3B3Dc9; width:auto;height:40px;}
.nav-item:hover:nth-last-child(2){ background-color: #caebf2c9; width:auto;height:40px;}
.nav-item:hover:nth-last-child(3){ background-color: #FF3B3Dc9; width:auto;height:40px;}
.nav-item:hover:nth-last-child(4){ background-color: #caebf2c9; width:auto;height:40px;}*/
.bg-light-gray {
  background-color: #efefef;
}
.card-title {
  text-align: center;
}
h4.card-title {
  font-size: 1.2rem;
}
h3.card-title {
  font-size: 1rem;
}
.card-title {
  color: #fff;
  text-decoration: none;
}
.card-text {
  color: #fff;
}
.card-body {
  height: 385px;
}
.card-body h4:hover {
  text-decoration: none;
}
div.card-body.blue_lt:hover {
  background-color: #a9a9a9;
}
div.card-body.blue_dk:hover {
  background-color: #a9a9a9;
}
div.card-body.red:hover {
  background-color: #a9a9a9;
}
.card-body:hover {
  text-decoration: none !important;
}
.card-title:hover {
  text-decoration: none !important;
}
.card-text:hover {
  text-decoration: none !important;
}
.card-body-two {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.55rem;
    max-height: 55px;
    min-height: 55px;
}

.call-to-action {
  color: #fff;
  position: absolute;
  left: 85%;
  bottom: 2%;
}
.call-to-action:hover {
  color: #a9a9a9;
}
#portfolio * {
  z-index: 2;
}
.blue_dk {
  background-color: #2e3e4e;
}
.blue_lt {
  background-color: #0057A1;
}
.red {
  background-color: #ff3b3ded;
}
.grey_dk {
  background-color: #a9a9a9;
}
.grey_lt {
  background-color: #efefef;
}
.portfolio-item {
  margin-bottom: 30px;
}
.flexImage {
  max-width: 800px;
  height: auto;
  margin-bottom: 20px;
}

#portfolio .portfolio-item .card .portfolio-link .portfolio-hover:hover {
  opacity: 1;
}
#portfolio .portfolio-item .card .portfolio-link .portfolio-hover {
  background: rgba(32, 153, 178, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}

/*Styling for Four Column Cards*/
#portfolio .portfolio-item .card.card-descrip .portfolio-link  .portfolio-hover{
	height: 210px;
  	left: 0px;
}

.four_card {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.card.h-100.card-descrip {
    display: flex;
    align-items: center;
}
.card-descrip .card-body-two.blue_lt, .card-descrip .card-body-two.blue_dk {
    width: 100%;
}

img.card-img-top.four-top {
    width: 208px;
    height: 208px;
}

.card-descrip p {
    margin: 4px 4px 8px 4px;
}
.card-descrip img{
  	max-width: 210px;
  	clear: both;
}
.card-descrip ul li{
  list-style-type: square;
  padding: 0px;
}
/* End Four Column Card Styling*/

#portfolio
  .portfolio-item
  .card
  .portfolio-link
  .portfolio-hover
  .portfolio-hover-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white;
}

#portfolio
  .portfolio-item
  .card
  .portfolio-link
  .portfolio-hover
  .portfolio-hover-content
  i {
  margin-top: -12px;
}


.hero__btn {
  margin-top: 25px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  width: auto;
  padding: 8px 25px;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 0;
  background-color: #0057A1;
  text-decoration: none;
  color: white;
}
.hero__btn {
  min-width: 95px;
}

.hero__btn:hover {
  text-decoration: none !important;
  color: white !important;
  background-color: #2099b2a6;
}

.blog_p {
  font-size: 1.999rem;
}

.blog_img {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
}

.center {
  margin: auto;
  width: 50%;

  padding: 10px;
}

.center {
  text-align: center;
}

.right {
  margin: auto;
  width: 50%;

  padding: 10px;
}

.right {
  text-align: right;
}

.left {
  margin: auto;
  width: 50%;

  padding: 10px;
}

.left {
  text-align: left;
}
[data-tooltip] {
  cursor: pointer;
  position: relative;
  /********** Default Behavior ********* */
  /********** Timeout Variant ********* */
  /********** Tooltip Sizes ********* */
  /********** Top Tooltip ********* */
  /********** Right Tooltip ********* */
  /********** Bottom Tooltip ********* */
  /********** Left Tooltip ********* */
}
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1);
  z-index: 1;
}
[data-tooltip]:before {
  padding: 5px;
  width: 110px;
  border-radius: 3px;
  background: #0057A1;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}
[data-tooltip]:after {
  border: 8px solid transparent;
  width: 0;
  content: "";
  font-size: 0;
  line-height: 0;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
[data-tooltip].t-xl:before {
  width: 200px;
}
[data-tooltip].t-lg:before {
  width: 170px;
}
[data-tooltip].t-md:before {
  width: 140px;
}
[data-tooltip].t-sm:before {
  width: 110px;
}
[data-tooltip].t-xs:before {
  width: 80px;
}
[data-tooltip].t-top:before {
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  transform: translateX(-50%);
}
[data-tooltip].t-top:after {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 8px solid #0057A1;
  border-bottom: none;
}
[data-tooltip].t-top:hover:before,
[data-tooltip].t-top:hover:after {
  transform: translateX(-50%) translateY(-5px);
}
[data-tooltip].t-right:before {
  top: 50%;
  left: 100%;
  margin-left: 5px;
  transform: translateY(-50%);
}
[data-tooltip].t-right:after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-right: 8px solid #000;
  border-left: none;
}
[data-tooltip].t-right:hover:before,
[data-tooltip].t-right:hover:after {
  transform: translateX(5px) translateY(-50%);
}
[data-tooltip].t-bottom:before {
  top: 100%;
  left: 50%;
  margin-top: 5px;
  transform: translateX(-50%);
}
[data-tooltip].t-bottom:after {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 8px solid #000;
  border-top: none;
}
[data-tooltip].t-bottom:hover:before,
[data-tooltip].t-bottom:hover:after {
  transform: translateX(-50%) translateY(5px);
}
[data-tooltip].t-left:before {
  top: 50%;
  right: 100%;
  margin-right: 5px;
  transform: translateY(-50%);
}
[data-tooltip].t-left:after {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-left: 8px solid #000;
  border-right: none;
}
[data-tooltip].t-left:hover:before,
[data-tooltip].t-left:hover:after {
  transform: translateX(-5px) translateY(-50%);
}
.content-row .horizontal .otherOption,
.content-row .vertical .otherOption {
  max-width: 192px !important;
  margin-left: 12px;
}
/* Call Out Section Home Page */
.btn-danger {
  background-color: #0057A1 !important;
}
.btn-danger:hover {
  background-color: #0057A1c9 !important;
}
.bs-calltoaction {
  position: relative;
  width: auto;
  padding: 5px 5px;
  /* border-top: 3px solid #fff; */
  margin-top: -35px;
  margin-bottom: 10px;
  margin-left: 0%;
  margin-right: 0%;
}
.bs-calltoaction > .row {
  display: table;
  width: calc(100% + 30px);
}

.bs-calltoaction > .row > [class^="col-"],
.bs-calltoaction > .row > [class*=" col-"] {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

.cta-contents {
  padding-top: 3px;
  padding-bottom: 3px;
}

.cta-title {
  margin: 0 auto 15px;
  padding: 0;
}

.cta-desc {
  padding: 0;
}

.cta-desc p:last-child {
  margin-bottom: 0;
}

.cta-button {
  padding-top: 2px;
  padding-bottom: 2px;
}

.videoEmbed-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
  margin: 10px 0;
}

.videoEmbed-container iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    border: 0;
}

/* VITA Translation Bar fix */
body .va-agency-bar-container {
  z-index:9999 !important;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .card-body {
    height: 345px;
  }
}

@media (max-width: 991px) {

  .bottom-left-triangle-purple{top:-41px!important;}
  .ffh_banner h2{font-size:1.25rem!important;}
  .custom-btn{left:20%!important;top: -199px !important;
    z-index: 15;}
  .ffh_intro{top:-140px!important;}

.bg-dark-top{    height: 56px;}
  .bs-calltoaction > .row {
    display: block;
    width: auto;
  }

  .bs-calltoaction > .row > [class^="col-"],
  .bs-calltoaction > .row > [class*=" col-"] {
    float: none;
    display: block;
    vertical-align: middle;
    position: relative;
  }

  .cta-contents {
    text-align: left;
  }
}

.bs-calltoaction.bs-calltoaction-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.bs-calltoaction.bs-calltoaction-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.bs-calltoaction.bs-calltoaction-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.bs-calltoaction.bs-calltoaction-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.bs-calltoaction.bs-calltoaction-warning {
  color: #fa8561;
  background-color: #f0ad4e;
  border-color: #000000;
}

.bs-calltoaction.bs-calltoaction-danger {
  color: #fff;
  background-color: #2e3e4e;
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-primary .cta-button .btn,
.bs-calltoaction.bs-calltoaction-info .cta-button .btn,
.bs-calltoaction.bs-calltoaction-success .cta-button .btn,
.bs-calltoaction.bs-calltoaction-warning .cta-button .btn,
.bs-calltoaction.bs-calltoaction-danger .cta-button .btn {
  border-color: #0057A1;
}
/* End of Call Out Section Home Page */

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.content-field input[type="text"],
.content-field textarea {
  padding: 10px !important;
  margin-bottom: 15px !important;
}

label {
  font-weight: 700 !important;
  color: #0057A1 !important;
}
.carousel span {
  color: #525151 !important;
  font-weight: 700;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

button {
  background-color: #0057A1 !important;
  border: none !important;
  color: #fff !important;
}

.tagline {
  color: #fa8561;
  padding-top: 0.8vh;
  font-family: Allura;
  font-size: 2rem;
  margin-right: 3px;
  font-weight: 100;
}
.tagline span {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fff !important;
  font-size: 1.9rem;
}
.tagline span:hover {
  color: #0057A1 !important;
}

.error-message {
  color: red !important;
}

.ldss {
  color: #E9CE00;
  font-weight: bold;
}
.ldss:hover {
  color: #2e3e4e;
}

/*content that had been removed*/

.vdss-footer {
  padding: 10px 10px 0px 10px;
  background-color: black;
  color: white;
  margin-right: 0;
  font-family: "Roboto", sans-serif;
}

.vdss-footer a {
  color: white !important;
  text-decoration: none;
  background-color: transparent;
}

.vdss-footer a:hover {
  color: white;
  text-decoration: underline;
}

.vdss-footer img {
  opacity: 0.8;
  vertical-align: middle;
  border-style: none;
}

.vdss-footer img:hover {
  opacity: 1;
}

.vdss-footer h5 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  color: white;
}

.vdss-footer-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* margin-right: -15px; */
  /* margin-left: -15px; */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

div#va-commonBanner {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2000;
}
nav.navbar.navbar-expand-lg.navbar-dark.bg-dark-top.fixed-top {
  top: 28px;
}
span#va-commonBanner__tagline {
  color: #fff !important;
  font-weight: 400;
}
li.bbar-service-item button {
  font-size: 1.75rem !important;
}
.bbarServiceCategoryList li {
  font-size: 1.75rem !important;
}
.fixed-top {
  position: -webkit-sticky;
  position: sticky;
  top: -1px !important;
}
body {
  padding-top: 0 !important;
}
li.hotline {
  height: 42px !important;
  margin-top: 4px;
}
li.hotline.top_nudge {
  padding-top: 10px;
}
.socialIcon {
  height: 24px;
  width: auto;
}

#button-slider {
  display: flex;
  align-items: center;
  background: rgba(105, 80, 161, 0.75);
  position: fixed;
  width: 160px;
  right: -100px;
  top: 70%;
  padding: 10px 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  z-index: 2000;
}
#button-slider > img {
  width: 2rem;
}
#disclaimer {
  /* display:flex; */
  align-items: center;
  background: rgba(105, 80, 161, 0.75);
  position: fixed;
  width: auto;
  max-width: 210px;
  right: -1px;
  top: 76%;
  padding: 10px 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  z-index: 2000;
  color: #fff;
  border: none;
}
.disclaimer a {
  color: white;
  text-decoration: none;
}
.disclaimer a:hover {
  text-decoration: underline;
}
.hidden-disclaimer {
  display: none;
}
img.goog-te-gadget-icon {
  display: none !important;
}
.button-open {
  right: -3px !important;
}
#google_translate_element {
  margin-left: 15px;
}
.goog-te-gadget-simple {
  background-color: transparent !important;
  border: none !important;
}
.goog-te-gadget-simple .goog-te-menu-value span {
  color: #fff !important;
  font-weight: 600;
}
.button-transition {
  -webkit-transition: right 0.3s ease-out; /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: right 0.3s ease-out; /* Firefox 4-15 */
  -o-transition: right 0.3s ease-out; /* Opera 10.50–12.00 */
  transition: right 0.3s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
#bbarTranslate-menu ul li{
    padding: 0;
    border-bottom: 1px solid #888;
}