/* CSS specific to the bs4 template footer */
/* Footer */

.msb-footer {
	position: relative; /* Important for static positioning on page-bottom  */
	background-color: #ffffff;
}

.msb-footer.footer-bg-gray {
	background-color: #f8f9fa;
	border-top: 1px solid #eee;
}

.msb-footer .container-fluid {
	/* Center when max-width applied (in template specific files: styles.css) */
	margin-right: auto;
	margin-left: auto;
	padding: 4rem 1rem 1.5rem;
}
.msb-footer .heartland-logo-link {
	display: inline-block;
	width: 145px;
	height: auto;
}
.msb-footer .heartland-logo {
	display: inline-block;
	width: 145px;
	height: 27px;
	background-image: url('../../shared/images/heartland-logo.svg');
	background-size: cover;
}
.msb-footer .heartland-logo:hover, .msb-footer .heartland-logo:focus {
	filter: drop-shadow(0 3px 3px #343a40);
}
.msb-footer .sentral-logo-link {
	display: inline-block;
	width: 265px;
	height: auto;
}
.msb-footer .sentral-logo {
	display: inline-block;
	width: 265px;
	height: 65px;
	background-position: right;
	background-image: url('../../shared/images/sentral-logo.svg');
	background-size: cover;
}
.msb-footer .sentral-logo:hover, .msb-footer .sentral-logo:focus {
	filter: drop-shadow(0 3px 3px #343a40);
}
.msb-footer .custom-footer-link-list a {
	display: table;
	padding-right: 8px;
	padding-bottom: 5px;
}

.msb-footer .page-bottom {
	opacity: .85;
	padding-top: 3rem;
}
.msb-footer .page-bottom-left {
	position: static;
	left: 4rem;
	bottom: 2.5rem;
}
@media (max-width: 576px) {
	.msb-footer .page-bottom-left {
		left: 2rem;
	}
}
.msb-footer .page-bottom-left .server-id {
	opacity: .5;
	padding-left: 0.5rem;
}
.msb-footer .page-bottom-left .inverted {
	color: #ffffff;

}
.msb-footer .page-bottom-right {
	position: absolute;
	left: auto;
	right: 1rem;
	bottom: 2rem;
}

/* Social Media Images */
.msb-footer .social-images {
	white-space: nowrap !important;
}
.msb-footer .social-images a {
	text-decoration: none;
}
.msb-footer .social-images a .fa-stack-2x {
	color: #3a3d46;
}
.msb-footer .social-images a:hover .fa-stack-2x,
.msb-footer .social-images a:focus .fa-stack-2x {
	color: #000000;
}
.msb-footer .social-images a .fa-stack-1x {
	color: #ffffff;
}
.msb-footer .social-images a .fa-stack-1x.fa-play {
	padding-left: 3px;
	font-size: 80%;
}


/* Blue Footer */
.msb-footer.blue {
	background-color: #005DE9;
}
.msb-footer.blue, .msb-footer.blue a {
	color: #ffffff;
}
.msb-footer.blue .heartland-logo {
	background-image: url('../../shared/images/heartland-logo-white.svg');
}
.msb-footer.blue .sentral-logo {
	background-image: url('../../shared/images/sentral-logo-white.svg');

	width: 170px;
	height: 40px;
	background-position-y: center;
    padding-top: 57px;
}
.msb-footer.blue .page-bottom {
	opacity: .75;
}
.msb-footer.blue .page-bottom-left .inverted {
	color: #005DE9;
}
.msb-footer.blue .social-images {
	color: #005DE9;
}

.msb-footer.blue .social-images a .fa-stack-2x {
	color: #ffffff;
}
.msb-footer.blue .social-images a:hover .fa-stack-2x,
.msb-footer.blue .social-images a:focus .fa-stack-2x {
	color: var(--bs-primary); /* This is intentionally ignored in IE due to lack of support for css variables */
	filter: drop-shadow(0 0 5px #3a3d46);
}
.msb-footer.blue .social-images a .fa-stack-1x {
	color: #005DE9;
}
.msb-footer.blue .social-images a:hover .fa-stack-1x,
.msb-footer.blue .social-images a:focus .fa-stack-1x {
	color: var(--white);
}
.global-payment-sentral-label {
	padding-inline: 7px;
}