/* Alignment layer for the current USACE HQ theme (www.usace.army.mil,
   Portals/_default/Skins/USACETheme/skin.css).

   skin_v8.css bundles Font Awesome 5.7.2, whose brand subset has no
   x-twitter and no linkedin glyph. Rather than swap the whole site to
   Font Awesome 6 -- which would re-point every existing .fa/.fab icon at a
   different font file -- this pulls in the FA6 brands face on its own and
   scopes it to the footer social row. */

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa6-brands-400.woff2") format("woff2"),
         url("../webfonts/fa6-brands-400.ttf") format("truetype");
}

#site-footer .social-icons .fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
}

#site-footer .social-icons .fa-facebook:before { content: "\f09a"; }
#site-footer .social-icons .fa-linkedin:before { content: "\f08c"; }
#site-footer .social-icons .fa-x-twitter:before { content: "\e61b"; }
#site-footer .social-icons .fa-youtube-square:before { content: "\f431"; }

/* #site-footer already reserves padding-bottom:128px for this banner; before
   now HEC rendered nothing there and the space sat empty. */
.skin-footer-banner {
    padding: 10px;
    text-align: center;
}

.skin-footer-banner a,
#site-footer .skin-footer-banner a:hover,
#site-footer .skin-footer-banner a:visited {
    color: #fff;
    font-weight: 600;
    padding-right: 15px;
    text-decoration: none;
}

.skin-footer-banner .vcl {
    height: 85px;
    margin-top: 10px;
    padding-left: 15px;
    text-align: right;
}