footer.ni-wrapper-footer {
    background-color: #044123;
    /* removed margin for GSF-11193 & GSF-11199 - adding to non-responsive*/
    margin: 0;
}

.footer-body::after {
    clear: both;
    content: " ";
    display: table;
}

.footer-body {
    padding-top: 75px;
}

footer .logo-container {
    display: flex;
    justify-content: center;
    /* Work around an issue that makes the logo stretch in Partner Directory: https://dev.azure.com/ni/IT/_workitems/edit/2928945
       By limiting the height of the container to the height of its content, the image won't stretch even with height: auto*/
    height: fit-content;
}

.footer-body .socialIcons a {
    padding-right: 10px;
    text-decoration: none;
}

.footer-body .socialIcons a:hover,
.footer-body .socialIcons a:active,
.footer-body .socialIcons a:focus {
    text-decoration: none;
}

.footer-body .socialIcons a.ni-wrapper-social-fa-facebook::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 500 500' width='20px' height='20px'%3E%3Cpath d='m500,250C500,111.93,388.07,0,250,0S0,111.93,0,250c0,117.24,80.72,215.62,189.61,242.64v-166.24h-51.55v-76.4h51.55v-32.92c0-85.09,38.51-124.53,122.05-124.53,15.84,0,43.17,3.11,54.35,6.21v69.25c-5.9-.62-16.15-.93-28.88-.93-40.99,0-56.83,15.53-56.83,55.9v27.02h81.66l-14.03,76.4h-67.63v171.77c123.77-14.95,219.7-120.35,219.7-248.17Z' fill='%2332eb96'/%3E%3C/svg%3E");
}

.footer-body .socialIcons a.ni-wrapper-social-fa-twitter::before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='%2332eb96'/%3E%3C/svg%3E");
}

.footer-body .socialIcons a.ni-wrapper-social-fa-linkedin::before {
    content: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 72 72' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z' fill='%2332eb96'/%3E%3C/svg%3E");
}

.footer-body .socialIcons a.ni-wrapper-social-fa-youtube::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.5648256' height='20' version='1.1' viewBox='0 0 71.412065 50'%3E%3Cg id='g5' transform='scale(.58824)'%3E%3Cpath fill='%2332eb96' fill-rule='evenodd' d='M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z M80.2 42.5 48.6 24.3v36.4z'/%3E%3C/g%3E%3C/svg%3E");
}

.footer-body .socialIcons a.ni-wrapper-social-fa-instagram-square::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' fill='%2332eb96' width='20px' height='20px'%3E%3Cpath d='M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34' transform='translate(-2.5 -2.5)'/%3E%3C/svg%3E");
}

.footer-body .socialIcons a.ni-wrapper-social-fa-weixin::before {
    content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 90' width='24.67px' height='20px'%3E%3Cpath fill='%2332eb96' d='M53.2,27.6c-2.6,0-4.7-2.1-4.7-4.8s2.1-4.8,4.7-4.8c2.6,0,4.7,2.1,4.7,4.8 S55.8,27.6,53.2,27.6 M26.6,27.6c-2.6,0-4.7-2.1-4.7-4.8S24,18,26.6,18c2.6,0,4.7,2.1,4.7,4.8S29.2,27.6,26.6,27.6 M39.9,0 C17.9,0,0,15,0,33.5c0,10.1,5.4,19.2,13.8,25.3c0.7,0.5,1.1,1.3,1.1,2.2c0,0.3-0.1,0.6-0.1,0.9c-0.7,2.5-1.7,6.6-1.8,6.8 c-0.1,0.3-0.2,0.6-0.2,1c0,0.7,0.6,1.3,1.3,1.3c0.3,0,0.5-0.1,0.8-0.2l8.7-5.1c0.7-0.4,1.4-0.6,2.1-0.6c0.4,0,0.8,0.1,1.2,0.2 c4.1,1.2,8.5,1.8,13,1.8c0.7,0,1.5,0,2.2-0.1c-0.9-2.6-1.3-5.4-1.3-8.2c0-16.9,16.3-30.6,36.4-30.6c0.7,0,0.9,0,1.6,0.1 C75.8,12.2,59.8,0,39.9,0'/%3E%3Cpath fill='%2332eb96' d='M88.3,54c-2.3,0-4.2-1.9-4.2-4.2s1.9-4.2,4.2-4.2c2.3,0,4.2,1.9,4.2,4.2S90.5,54,88.3,54 M66.1,54c-2.3,0-4.2-1.9-4.2-4.2s1.9-4.2,4.2-4.2c2.3,0,4.2,1.9,4.2,4.2S68.4,54,66.1,54 M98.9,79.9c7-5.1,11.5-12.7,11.5-21.1 c0-15.4-14.9-27.9-33.3-27.9c-18.4,0-33.3,12.5-33.3,27.9c0,15.4,14.9,27.9,33.3,27.9c3.8,0,7.5-0.5,10.9-1.5 c0.3-0.1,0.6-0.1,1-0.1c0.6,0,1.2,0.2,1.8,0.5l7.3,4.2c0.2,0.1,0.4,0.2,0.6,0.2c0.6,0,1.1-0.5,1.1-1.1c0-0.3-0.1-0.6-0.2-0.8 c0-0.2-0.9-3.5-1.5-5.6C98.1,82.2,98,82,98,81.7C98,81,98.4,80.3,98.9,79.9'/%3E%3C/svg%3E");
}

.footer-body .footer-bottomLinks span.legal {
    margin-left: 24px;
}

.footer-body .footer-bottomLinks a,
.footer-body .footer-bottomLinks .legal,
.footer-body .footer-bottomLinks .ni-contact-number-container {
    color: #32eb96;
    font-family: 'SpaceMono';
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
}

.footer-body .footer-bottomLinks .allRights {
    color: #f6f6f6;
    font-family: 'SpaceMono';
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
}

.footer-body .section-links li a {
    color: #32eb96;
    text-decoration: none;
}

.footer-body .footer-bottomLinks a:hover,
.footer-body .section-links li a:hover {
    text-decoration: underline;
}

.footer-body span.indented:after {
    content: "\2122";
}

@media (min-width: 1120px) {
    .flex-container {
        max-width: 1440px;
        margin: auto;
    }

    .ni-wrapper-footer-nav {
      display: flex;
      column-gap: 0.75rem;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }

    .ni-wrapper-footer-nav > * {
      flex: 2;
    }

    /* The first and last nav columns need to be wider. This emulates the old Bootstrap-based 12-column layout. */
    .ni-wrapper-footer-nav > *:first-child,
    .ni-wrapper-footer-nav > *:last-child {
      flex: 3;
    }

    /*  Flag and country name */
    .footer-body>.col-md-3:nth-of-type(1) {
        padding-right: 0;
        padding-left: 0;
    }

    .footer-body .col-md-2:nth-of-type(-n+4) {
        padding-left: 0;
    }

    .footer-body .section-title {
        color: #f6f6f6;
        font-family: 'FoundersGrotesk';
        font-size: 24px;
        letter-spacing: -0.04px;
        margin-bottom: 44px;
    }

    .footer-body .section-links {
        margin: 0;
        padding: 0;
        font-family: 'FoundersGrotesk';
        font-size: 19px;
    }

    .footer-body .section-links li {
        list-style: none;
        padding-bottom: 13px;
        line-height: 1.5;
        margin-bottom: 0px;
    }

    html:lang(ja) .footer-body .section-links {
        font-size: 14px;
    }

    .footer-body .socialIcons {
        margin-top: 3em;
        font-size: 15px;
    }

    .footer-body .socialIcons i {
        color: #32eb96;
        font-size: 21px;
    }

    .footer-body .socialIcons .bg-line {
        display: none;
    }

    .footer-body .footer-bottomLinks .global-gateway.analytics-footer-link {
        display: block;
    }

    .footer-body .footer-bottomLinks .global-gateway.analytics-footer-link img {
        margin-right: 21px;
        margin-bottom: 3px;
    }

    .footer-body .footer-bottomLinks {
        margin: 54px 0 120px 140px;
        text-transform: uppercase;
    }


    .footer-body .footer-bottomLinks .legal {
        display: block;
        margin: 0 25px;
    }

    .legal a.analytics-footer-link:last-of-type {
        margin-right: 24px;
    }

    .footer-bottomLinks {
        display: flex;
        flex-wrap: nowrap;
    }

    /*  Flag and country name */
    .footer-bottomLinks > div:nth-of-type(1) {
        order: 1;
    }

    /*  Legal links */
    .footer-bottomLinks > div:nth-of-type(2) {
        order: 2
    }

    /*  Copyright & All Rights */
    .footer-bottomLinks > div:nth-of-type(3) {
        order: 3;
        max-width: 450px;
    }

    /*  Phone Number */
    .footer-bottomLinks > div:nth-of-type(4) {
        display: none;
    }

}

/***TABLETS OR SMALL SCREENS BETWEEN 1200-1100 STYLES**/

@media (max-width: 1275px) {

    .footer-body {
        background-position: bottom 25px right 15px;
        background-repeat: no-repeat;
    }

    .footer-body .section-title {
        margin-top: -8px;
        /*needed to align text top top of div */
    }

    .footer-body .section-links {
        font-size: 14px;
        line-height: 1.15;
    }

    .footer-body .col-md-2:nth-of-type(-n+4) {
        padding-left: 15px;
    }

    .ni-wrapper-footer-nav {
      column-gap: 1.5rem;
    }

    .footer-body .footer-bottomLinks {
        margin: 54px 0 180px 80px;
    }

}

/***** MOBILE ONLY STYLES *****/

@media (max-width: 1119px) {
    .footer-body .section-title {
        display: block;
        color: #f6f6f6;
        font-family: 'FoundersGrotesk';
        font-size: 18px;
        letter-spacing: -0.02px;
        margin-top: 16px;
        margin-bottom: 6px;
        padding-left: 30px;
    }

    .footer-body ul.section-links {
        padding-left: 30px;
        padding-right: 10px;
    }

    .footer-body .section-links li {
        display: inline;
        font-family: 'FoundersGrotesk';
        font-size: 14px;
        line-height: 1.71;
        list-style: none;
    }

    .footer-body .socialIcons {
        margin-top: 38px;
        padding-left: 30px;
        padding-right: 10px;
        display: flex;
        flex-direction: row-reverse;
    }

    .footer-body .socialIcons .bg-line {
        height: 12px;
        margin-bottom: 9px;
        flex-grow: 1;
    }

    .footer-body .socialIcons i {
        color: #32eb96;
        font-size: 21px;
    }

    .footer-body .section-links li+li:before {
        padding: 8px;
        color: #32eb96;
        content: "/\00a0";

    }

    .footer-body .socialIconContainer {
        margin-top: 38px;
    }


    .footer-body .socialIconContainer .socialIcons i {
        color: #32eb96;
        font-size: 21px;
    }

    .footer-body .footer-bottomLinks {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .footer-body .footer-bottomLinks {
        margin: 60px 15px 40px 30px;
    }

    .footer-body .footer-bottomLinks .global-gateway.analytics-footer-link {
        display: block;
    }

    .footer-body .footer-bottomLinks .global-gateway.analytics-footer-link img {
        margin-right: 21px;
    }

    .footer-body .footer-bottomLinks .legal {
        display: block;
        margin-right: 25px;
    }

    .footer-body .footer-bottomLinks .allRights,
    .footer-body .footer-bottomLinks .ni-contact-number-container {
        display: block;
    }

    .footer-bottomLinks {
        display: flex;
        flex-wrap: wrap;
    }


    /*  Flag and country name */
    .footer-bottomLinks > div:nth-of-type(1)
    {
        order: 4;
    }

    /*  Legal links */
    .footer-bottomLinks > div:nth-of-type(2) {
        order: 3;
    }

    /*  Copyright */
    .footer-bottomLinks > div:nth-of-type(3) {
        order: 1;
        width: 100%;
        padding-bottom: 12px;
    }

    /*  Phone Number */
    .footer-bottomLinks > div:nth-of-type(4) {
        order: 2;
        width: 100%;
        padding-bottom: 12px;
    }
}

/* Adjustment for small devices (cell phones) */
@media (max-width: 767px) {
    .footer-body .socialIcons {
        flex-direction: row;
    }
}
