footer { margin: 0; clear: both; }

#footer-header { padding: 70px 0 40px;
    background-image: url('../../images/dusty-tree.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: 1400px; }

#footer-main {
    background-color: #f4e4df; background-image: url('../../images/dusty-landscape.jpg'); background-position: top center; background-repeat: repeat-x; background-size: 1400px; }
#footer-main #footer-contain { position: relative; padding: 50px 15px 0; overflow: hidden;
    background-image: url('../../images/dusty-stump.jpg'); background-repeat: no-repeat; background-position: top center; background-size: 1400px; }

body.contact #footer-main #footer-contain { background-image: none; }

#footer-main nav { width: 33%; width: calc(100%/3); float: left; text-align: center; }
#footer-main nav h2 { padding: 0 0 15px 0; font-size: 28px; letter-spacing: 1px; margin: 0; pointer-events: none;
    user-select: none; -webkit-user-select: none; }
#footer-main nav ul {  }
#footer-main nav ul li {  }
#footer-main nav ul li a { font-family: 'SSLight',sans-serif; line-height: 30px; color: #283d38; letter-spacing: 0.25em; text-transform: uppercase; font-size: 10px; }
#footer-main nav ul li a:hover { border-bottom: 1px dotted #283d38; }

#footer-main nav#block-inbali-sociallinks { clear: both; float: none; width: 100%; margin: 20px auto 0; padding: 30px 0 20px 0; }
#footer-main nav#block-inbali-sociallinks ul li { display: inline-block; margin: 0 5px; }
#footer-main nav#block-inbali-sociallinks ul li a { display: block; width: 40px; padding-top: 40px; height: 0; overflow: hidden; cursor: pointer; border: none; border-radius: 20px;
    background-color: rgba(214,186,181,0.4); background-repeat: no-repeat; background-size: 18px; background-position: center; }
#footer-main nav#block-inbali-sociallinks ul li a:hover { background-color: rgba(214,186,181,0.6); border: none; }

#footer-main nav#block-inbali-sociallinks ul li a.facebook { background-image: url('../../images/facebook.png'); }
#footer-main nav#block-inbali-sociallinks ul li a.instagram { background-image: url('../../images/instagram.png'); }
#footer-main nav#block-inbali-sociallinks ul li a.pinterest { background-image: url('../../images/pinterest.png'); }

#footer-final { padding: 70px 15px 15px 15px; background-color: #fff; clear: both; }
#footer-final #block-inbali-termsmenu { max-width: 1200px; margin: 0 auto; overflow: hidden; }

#footer-final #block-inbali-termsmenu ul { text-align: center; }
#footer-final #block-inbali-termsmenu ul li { display: inline-block; padding: 5px 25px; }
#footer-final #block-inbali-termsmenu ul li a { display: block; color: #888; font-size: 8px; line-height: 14px; font-family: 'sslight', sans-serif; letter-spacing: 0.25em; text-transform: uppercase; border-bottom: 1px dotted transparent; }
#footer-final #block-inbali-termsmenu ul li a:hover { border-bottom: 1px dotted #888;  }

#offering { position: relative; width: 240px; height: 200px; bottom: -90px; margin: -100px auto 0; pointer-events: none;
    background-color: transparent; background-image: url('../../images/offerings.png'); background-repeat: no-repeat; background-size: 100%; }

@media only screen and (max-width: 1000px) {
    #footer-main #footer-contain { background-position: top right -200px; }
}
