/* #Site Styles
================================================== */
html,body,#form1,#site-wrapper {
    margin:0;
    padding:0;
    height:100%
}

body {
    background:#4C8791
}

body:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:8%;
    box-sizing:border-box;
    height:100%;
    background:url(../Userfiles/template/text-logo.svg) no-repeat center 220px;
    background-size:40%
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    body:before {
        background-size:30%
    }
}

.page-wrap {
    position:relative;
    min-height:100%;
    width:100%;
/* equal to footer height */
    margin-bottom:-70px
}

.page-wrap:after {
    content:"";
    height:70px;
    display:block;
    position:relative
}

#site-wrapper {
    position:relative;
    box-sizing:border-box;
    width:100%;
    padding-left:8%
}

#site-wrapper:before,#site-wrapper:after {
    content:"";
    display:block;
    position:fixed;
    z-index:-1;
    top:0;
    min-height:100%
}

.page-home #site-wrapper:before {
    left:8%;
    background:#000
}

.page-home #site-wrapper:after {
    right:0;
    background:#fff
}

.page-home #site-wrapper:before,.page-pages #site-wrapper:before {
    left:8%;
    width:92%;
    background:#fff
}

.header-wrap {
    background:#fff;
    position:relative;
    width:100%
}

.header-wrap:after {
    content:"";
    position:absolute;
    margin-left:-10%;
    bottom:0;
    left:0;
    height:2px;
    width:110%;
    background:#000
}

#logo {
    padding:20px;
    margin-bottom:0
}

#logo img {
    height:100px;
    display:block
}

.content-wrap {
    position:relative;
    z-index:1;
    padding:0 20px;
    height:100%;
    padding-top:20px;
    text-align:center
}

.page-pages .content-wrap {
    padding:40px 0;
    padding-top:70px;
    text-align:left
}

.page-home .content-wrap img {
    max-width:90%
}

.content-wrap .logo {
    height:100px;
    margin:20px 0
}

.pages-home .content-wrap p {
    margin:0
}

    .content-wrap #black-col {
        color:#fff
    }



/* Larger than tablet (also point when grid becomes active)  */
@media (min-width: 800px) {
    #site-wrapper:before,#site-wrapper:after {
        width:46%
    }
    
    .content-wrap .logo {
        height:7vw
    }
    
    .page-home #site-wrapper:before {
        left:8%;
        background:#000
    }
}

.nav-wrap {
    text-align:center;
    padding:0 20px;
    padding-bottom:20px
}

.nav-wrap .button {
    width:240px;
    font-size:16px
}

.footer-wrap {
    background:#000;
    color:#fff;
    padding:10px;
    width:100%;
    height:70px;
    right:0;
    position:relative;
    box-sizing:border-box;
    bottom:0;
    font-size:12px;
    text-align:center;
    line-height:1.1;
    font-family:'Georgia','Baskerville'
}

/* Larger than tablet (also point when grid becomes active)  */
@media (min-width: 800px) {
    .footer-wrap {
        width:50%;
        left:50%;
        text-align:left;
        font-size:12px;
        line-height:1.5;
        background:#4C8791
    }
}

.footer-wrap p {
    margin:0;
    padding:0
}

.footer-wrap a {
    color:#fff
}

/* Page Styles */
.login-wrap {
    max-width:300px
}

#ucLogIn1_hypForgot {
    display:none
}