/* Footer Top
---------------------------------------------------------------- */
#footer {display: none;}
#FooterTop {padding-top: 30px; border-top: #e5e5e5 1px solid; background: #f5f5f5; color: #000000;}
#FooterTop a {color: #000000;}
#FooterTop a:hover {color: #000000;}
#FooterTop ul {margin: 0; padding: 0;}
#FooterTop li {margin-top: 4px; list-style-type: none;}
#FooterTopWrap {margin-left: 15px;}
/*#MailListInput {text-align: left;}
#MailListEmail {width: 100%; }
#MailListButton {margin-top: 5px;}*/
.FooterSectionWrap {float: left; width: 100%;}
.FooterSection {float: left; width: 100%; padding-bottom: 40px;}
.FooterTitle {font-size: 16px; color: #ffffff;}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #fff;
}
#MailListEmail {width: 100%}
#MailListInput{}
#MailListButton {margin-top: 0px; border-radius: 0;font-size: 12pt;}
.BMI-Button-arrow {height: 40px;}

@media (min-width: 481px) {
	#FooterTop {padding-top: 40px;}
	#FooterTopWrap {margin-left: 10%;}
	.FooterSection {float: left; width: 50%;}
	#MailListSpacer {display: none}
	#CopyrightSpacer {display: none}
}

@media (min-width: 769px) {
	#FooterTopWrap {margin-left: 5%;}
	#MailListInput {margin-top: 5px;}
/*	#MailListEmail {width: 280px; }
	#MailListButton {margin-top: 5px;}*/
	#MailListSpacer {display: block}
	#CopyrightSpacer {display: block}
	.FooterSectionWrap {width: 50%;}
	.FooterSection {float: left; width: 50%;}
}
@media (min-width: 1023px){
	#MailListInput {margin-top: 5px;}
}

/* Footer Bottom
---------------------------------------------------------------- */
#FooterBottom {border-top: #e5e5e5 1px solid; padding: 15px; background: #f5f5f5; color: #000000;}
#FooterBottom a {color: #000000;}
#FooterBottom a:hover {color: #000000;}
#FooterEulaMobile {display: block;}
#FooterEulaDesktop {float: left; display: none;}
.FooterCopyright {margin-top: 6px; font-size: 12px; color: #666666;}
#FooterSocialMedia {padding-top: 20px; text-align: center;}

@media (min-width: 769px) {
	#FooterTopWrap {margin-left: 5%;}
	.FooterSectionWrap {width: 50%;}
	.FooterSection {float: left; width: 50%;}
	#FooterEulaMobile {display: none;}
	#FooterEulaDesktop {display: block;}
	#FooterSocialMedia {float: right; padding-top: 0; text-align: left}
}

/* Make the footer stick to the bottom of the page
---------------------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 0px; /* JavaScript code in js/footer.js sets this to be the same value as the height of the footer. */
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}