/*Make body always at-least the height of the view*/
body {
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/*Add padding to bottom to make sure no overlap*/

#mainContent {
    min-height: 0;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    #mainContent {
        min-height: 82vh;
    }
}

/*Place footer at the bottom and assign a height. Padding-bottom height (from above) and the assigned height should be equal.*/
#globalFooterContainer {
    min-height: 90px;
    width: 100%;
    position: relative;
    bottom: 0;
    background: #0c2340;
    border-top: 3px solid #f15a22;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-top: auto;
}

    #globalFooterContainer #globalFooterNav {
        margin: 0.3em 0;
    }

        #globalFooterContainer #globalFooterNav a:hover {
            color: #f15a22;
        }

    #globalFooterContainer .info {
        display: inline;
    }

    #globalFooterContainer .pipes {
        color: #8b8b8b;
        padding: 0 0.1em;
    }

    #globalFooterContainer #socialNav {
        margin-top: 0.6em;
    }

    #globalFooterContainer #globalFooterNav a,
    #globalFooterContainer .info {
        color: #fff;
        font-family: ff-meta-web-pro, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 1em;
        text-decoration: none;
    }


    #globalFooterContainer .utsa-social-circle {
        font-size: 13px;
        width: 1.8em;
        height: 1.8em;
        padding-left: 0;
        line-height: 1.6em;
        float: none;
        border-radius: 50%;
        border: 2px solid #fff;
        color: #fff;
        text-align: center;
        background: #0c2340;
    }

        #globalFooterContainer .utsa-social-circle:hover,
        #globalFooterContainer .utsa-social-circle:focus {
            color: #f15a22;
            border-color: #f15a22;
        }