/**********************************************************
// Block >> Footer
**********************************************************/
.Block-Footer {
	padding: var(--50px) var(--20px) var(--30px) var(--20px);
	background: var(--Color-Slate-Blue);
	color: var(--Color-White);
	text-align: center;
	}

.Block-Footer-Top {
	margin: auto;
	width: 100%;
	max-width: 75rem;
	display: flex;
	align-items: center;
	}

/**********************************************************
// Block >> Footer >> Logo
**********************************************************/
.Block-Footer-Top-Left {
	margin: 0;
	margin-right: auto;
	width: 25%;
	text-align: left;
	}

.Block-Footer-Logo {
	line-height: 0;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	}

.Block-Footer-Logo img {
	width: auto;
	height: auto;
	max-height: 4.0625rem;
	}

.Block-Footer-Logo:hover img { opacity: 1; }
.Block-Footer-Logo:focus { outline: 0; }
.Block-Footer-Logo:focus-visible {
	outline: 2px dotted var(--Color-Gray);
	-webkit-border-top-right-radius: 1.5625rem;
	-webkit-border-bottom-left-radius: 1.5625rem;
	-moz-border-radius-topright: 1.5625rem;
	-moz-border-radius-bottomleft: 1.5625rem;
	border-top-right-radius: 1.5625rem;
	border-bottom-left-radius: 1.5625rem;
	}

/**********************************************************
// Block >> Footer >> Buttons
**********************************************************/
.Block-Footer-Buttons {
	margin: auto;
	width: 50%;
	}

.Block-Footer-Button {
	margin: var(--10px) 0.9375rem;
	display: inline-block;
	vertical-align: middle;
	}

.Block-Footer-Button a {
	padding: var(--12px) var(--30px);
	border-radius: 9999px;
	border: 0.0625rem solid var(--Color-White);
	color: var(--Color-White);
	display: block;
	}

.Block-Footer-Button a:hover {
	background: var(--Color-White);
	color: var(--Color-Red);
	}

.Block-Footer-Button i {
	margin-right: 0.3125rem;
	font-size: var(--20px);
	display: inline-block;
	vertical-align: middle;
	}

.Block-Footer-Button span {
	text-transform: uppercase;
	letter-spacing: 0.0625rem;
	font-weight: 700;
	font-size: var(--14px);
	display: inline-block;
	vertical-align: middle;
	}

.Block-Footer-Button-Phone i { transform: rotate(-45deg); }

/**********************************************************
// Block >> Footer >> Social
**********************************************************/
.Block-Footer-Social {
	margin-left: auto;
	width: 25%;
	text-align: right;
	}

.Block-Footer-Social li { margin: 0 var(--20px); }
.Block-Footer-Social li a { color: var(--Color-White); }
.Block-Footer-Social li a:hover { color: var(--Color-Orange); }

/**********************************************************
// Block >> Footer >> Bottom
**********************************************************/
.Block-Footer-Bottom { margin-top: var(--100px); }
.Block-Footer-Meta {
	padding-right: var(--12px);
	height: var(--14px);
	line-height: var(--14px);
	font-weight: 400;
	font-size: var(--14px);
	border-right: 0.125rem solid var(--Color-White);
	display: inline-block;
	vertical-align: middle;
	}

.Block-Footer-Menu {
	padding-left: var(--10px);
	display: inline-block;
	vertical-align: middle;
	}

.Block-Footer-Menu ul {
	margin: auto !important;
	padding: 0 !important;
	list-style: none !important;
	}

.Block-Footer-Menu ul li {
	margin: 0 0.375rem;
	padding: 0 !important;
	display: inline-block;
	vertical-align: middle;
	}

.Block-Footer-Menu ul li:first-child { margin-left: 0; }
.Block-Footer-Menu ul li:last-child { margin-right: 0; }

.Block-Footer-Menu ul li a:hover,
.Block-Footer-Menu ul li a:focus { color: var(--Color-Orange); }
.Block-Footer-Menu ul li a {
	text-decoration: underline;
	font-weight: 400;
	font-size: var(--14px);
	color: var(--Color-White);
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}

/**********************************************************
// Media Queries
**********************************************************/
@media
all and (max-width: 64rem),
all and (max-device-width: 64rem)
{
	.Block-Footer { padding: var(--30px) var(--20px); }
	.Block-Footer-Top { display: block; }

	.Block-Footer-Top-Left {
		margin: auto;
		width: 100%;
		text-align: center;
		}

	.Block-Footer-Buttons {
		margin: var(--30px) auto 0 auto;
		width: 100%;
		}

	.Block-Footer-Button {
		margin: var(--10px) auto;
		max-width: 17.5rem;
		display: block;
		}

	.Block-Footer-Social {
		margin: var(--30px) auto 0 auto;
		width: 100%;
		text-align: center;
		}

	.Block-Footer-Bottom { margin-top: var(--60px); }
}

@media
all and (max-width: 31.25rem),
all and (max-device-width: 31.25rem)
{
	.Block-Footer-Meta {
		margin: var(--10px) auto;
		padding-right: 0;
		border-right: 0;
		display: block;
		}

	.Block-Footer-Menu {
		margin: var(--10px) auto;
		padding-left: 0;
		display: block;
		}
}