/*
    font-family: proxima-nova, sans-serif; //body
    font-family: proxima-nova-condensed, sans-serif;
    font-family: jubilat, serif; //titles
    font-family: jubilat-thin, serif; 

    teal:       #8ED1C0     rgba(142,209,192,1)
    light blue  #C5E7E7     rgba(197,231,231,1)
    red:        #EF3E39     rgba(239,62,57,1)
    yellow:     #FFD65C     rgba(255,214,92,1)    
    dark gray:  #3C3C3D     rgba(60,60,61,1)
*/

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

#sectionFooter {
    position: relative;    
    color: #FFFFFF;  
    overflow: hidden;
    border-top:1px solid #EEE;
}

#sectionFooter a {
    color: #05415d;
    text-decoration: underline;
}

#sectionFooter a:hover, #sectionFooter a:focus, #sectionFooter a:active {
    color: #05415d;
}
#footerOverlay {
    width: 100%;
    height: 100%;
    background: url(/img/odney-pattern2.png) no-repeat bottom right;
    background-size: 75%;
/*    background-color: #C5E7E7;*/
    background-color: #FAFAFA;
}
#footer-content {
    width: 100%;
    height: 60%;
    padding: 4em 2rem;
    color: #FFF;
    position: relative;
    z-index: 10;
}

#footer-content h3 {
    color: #05415d;
    font-weight: 600;
    font-size: 1.2rem;
    font-family: proxima-nova, sans-serif;
    letter-spacing: 0px;
    text-transform:uppercase;
    letter-spacing: 1px;
    padding-bottom:1rem;
}

#footer-content h4 {
    font-family: proxima-nova, sans-serif;
    color: #05415d;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 1.5rem;
}

#footerLogo img {
    padding-left: 2rem;
}


#footerSocial {
    text-align: right;
    font-size: 1.4rem;
    color: #05415d;
}
#footerSocial ul {
    list-style: none;
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
    top: .75rem;
}
#footerSocial ul li {
    display: inline-block;
}
#footerSocial ul li a {
    margin: 1rem;
    color: #05415d;
    text-decoration: none;
}
#footerSocial ul li a:hover, #footerSocial ul li a:focus, #footerSocial ul li a:active {
    color: #C5E7E7;
}

#footerDivide {
    width: 100%;
    margin: 0 auto;
    height: 1px;
    /* background: #DDD; */
}

#footerLinks {
    padding-top:2rem;
    padding-left:2rem;
}
#footerLinks ul {
    list-style: none;
    margin-left: 0;
}
#footerLinks a {
    text-decoration:none;
    letter-spacing: 1px;
}
    #footerLinks a:hover, #footerLinks a:active, #footerLinks a:focus {
        color:#C5E7E7
    }
    #txtEmailSignUp {
        height: 3rem;
        font-size: 1.2rem;
        border-radius: 6px;
    }

#footerLinksMain, #footerLinksServices, #footerLinksContact, #footerLinksSignUp {
    width:25%;
}

#btnEmailSignUp {
    font-family: proxima-nova, sans-serif;
    border: 1px solid #05415d;
    background: none;
    max-width: 100%;
    padding: .5rem 1rem;
    text-align: center;
    border-radius: 6px;
    color: #05415d;
    font-size: 1.2rem;
    /*background: #8ed1c0; */
    cursor: pointer;
    transition: all .75s ease-in-out;
}

#btnEmailSignUp:hover {
    color:#05415d;
    background: #FFF;
    border:1px solid #fff;
}

.footerRequired {
    border: 1px solid #FF0000 !important;
}

.litContactInfo {
    color: #05415d;
    font-family: proxima-nova, sans-serif;
}


.litContactInfo div {
    display: inline-block;
    padding-right: 4rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 2rem;

}
#footerCopy {
    padding-top:4rem;
}
#footerCopy ul {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    margin-left: -1rem;
}
#footerCopy ul li {
    display: inline-block;
}
#footerCopy ul li::after {
    content: " | ";
    color: #05415d;
}
#footerCopy ul li:last-of-type::after {
    content: none;
    color: #05415d;
}
#footerCopy ul li a {
    margin: 1rem;
    color: #05415d;
    text-decoration: none;
}
#footerCopy ul li a:hover, #footerCopy ul li a:focus, #footerCopy ul li a:active {
    color: #05415d;
}
@media(max-width:1600px) {
    #footerOverlay {
        background-size: 100%;
        padding-bottom: 4rem;
    }
}
@media(max-width:1500px) {
    #footerOverlay {
        background-size: 125%;
    }
}
@media(max-width:1200px) {
    #footerLinksMain, #footerLinksServices, #footerLinksContact, #footerLinksSignUp {
        width: 50%;
        padding-bottom:3rem;
    }
    #footerLinksServices ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media(max-width:1023px) {    
    #footerLinksServices ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
@media(max-width:850px) {
    #footerOverlay {
        background-size: 150%;
    }
}
@media(max-width:680px) {
    #footerLinksMain, #footerLinksServices, #footerLinksContact, #footerLinksSignUp {
        width: 100%;
        padding-right: 2rem;
    }
    #footerLinksMain ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    #footerLinksServices ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media(max-width:639px) {
    #footer-content {
        width: 100%;
        height: 60%;
        padding: 4em 2rem;
        color: #FFF;
        position: relative;
        z-index: 10;
        text-align: center;
    }
    #footerLogo, #footerSocial {
        text-align: center;
    }
    #footerLogo img {
        padding-left: 0;
    }
    #footerSocial {
        padding-bottom:2rem;
    }
    #footerLinksMain ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    #footerLinksServices ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}