@media only screen and (min-width: 600px) {
.float-right-dss {
   float: right;
   width: 300px;
   margin-left: 100px;
}

.float-left-dss {
   float: left;
   width: 300px;
}
  

}

iframe {
  max-width: 100%;
}

.content-type-table {
    overflow-y: scroll;
}

.float-right-dss {
   max-width: 100%;
}

.float-left-dss {
  max-width: 100%;
}

.carousel .carousel-inner .image {
  background: #5f55c1;
}

.carousel .carousel-inner {
  background: #5f55c1;
}

.carousel-caption .hero__btn {
  width: fit-content;
  font-size:1.25em;
  color: #111;
  background: #FFFFFF;
}

.hero__btn:visited {
   color: #111 !important;
}

.imgCaption {
        text-align: center;
        color: #757575;
        font-size: 12px;
        padding-top: 5px;
        padding-bottom: 3px;
        max-width: 100%;
      }
      .imgBorder {
        border: solid 1px #dbdbd2;
        box-shadow: 1.5px 1.5px 5px #dbdbd2;
        padding: 10px 10px 0;
      }
      .imgBorder img {
        width: 100%;
      }


.panel-body p {
font-size: 1.4rem;
}

.t4-content-details img {
max-width: 100%;
}

.navbar-custom .navbar-toggler {
  background-color: #fed136;
  border-color: #fed136;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #5f55c1;
  font-size: 12px;
  font-weight: 600;
}
.navbar-custom .navbar-toggler:hover,
.navbar-custom .navbar-toggler:focus {
  background-color: #fed136;
}

.navbar-toggler {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggler:focus {
    outline: 0
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 360px) and (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
  .fmf-full-logo {
  padding-top:0px;
  }
}

@media (min-width: 768px) {
    .navbar-toggler {
        display:none
    }
}

@media (min-width: 360px) and (max-width: 1024px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
}

@media (min-width: 360px) and (max-width: 1024px) {
  .navbar-header .collapse,
  .navbar-toggler {
    display: block !important;
  }
}

.navbar-default .navbar-nav .dropdown.open a {
  background-color:#5f55c1;
}

.navbar-default .dropdown-menu ul {
 padding-inline-start: 10px;
}

.navbar-default .dropdown-menu ul li {
 list-style:none;
}


.navbar-default .dropdown-menu li a {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    color: white !important;
}


.dropdown-menu li a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu li a:focus,.dropdown-menu li a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.carousel-caption {
  width: 400px;
  bottom: 0;
  left: 1%;
  text-align: left;
  position: absolute;
}

.vdss-footer h5 {
    font-weight: 100 !important;
    font-size: 1.75rem !important;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    text-transform: capitalize !important;
    margin-top: 0;
    color: white;
}

.vdss-footer a {
    color: white !important;
    font-weight: 100 !important;
}


.carousel.slide .carousel-indicators {
  display: none;
}

.carousel.slide .carousel-indicators.show {
  display: block;
}

.carousel.slide .carousel-control {
   display: none;
}

.carousel.slide .carousel-control.show {
   display: block;
}


.dropdown-menu ul li a[href]:not(:where(
  /* exclude hash only links */
  [href^="#"],
  /* exclude relative but not double slash only links */
  [href^="/"]:not([href^="//"]),
  /* domains to exclude */
  [href*="//fostermyfuture-dss.ar.virginia.gov/"],
  /* subdomains to exclude */
  [href*="//dssvirginiagov-cms01-production.terminalfour.net/"],
)):after {
  content: '';
  margin-left: 0.5em;
  padding: 0.25em;
  font-size: x-small;
  width: 12px;
  height: 12px;
  display: inline-block;
  content: '';
  -webkit-mask: url(/media/fmf/site-assets/images/external-link.svg) no-repeat 50% 50%;
  mask: url(/media/fmf/site-assets/images/external-link.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: white;
}

.dropdown-menu ul li a[href]:not(:where(
  [href^="#"],
  [href^="/"]:not([href^="//"]),
  [href*="//fostermyfuture-dss.ar.virginia.gov/"],
  [href*="//dssvirginiagov-cms01-production.terminalfour.net/"],
)):hover:after {
  background-color: #fed136;
}


a.direct-edit {
  text-decoration: none !Important;
  cursor: default !important;
}

a.direct-edit:hover {
  text-decoration: none !Important;
  cursor: default !important;
}


.de-btn-group .fa {
 font-family: FontAwesome !important;
 font-weight: initial !important;
 font-size: initial !important;
 color: #fff;
}


