/* ============================================================================================
	FOOTER DEFAULT / PATTERN
============================================================================================ */
.hightime-footer-address {
	margin: 2em 0
}
.hightime-footer-social-link a {
	display: flex !important;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: var(--wp--preset--color--accent)
}
.hightime-footer-social-link a::before {
	border-radius: 50%;
}

.hightime-footer-social {
	gap: 0 20px !important
}
.hightime-footer-social-link img {
	width: 40%;
	height: auto;
	object-fit: contain
}

.hightime-footer-page-link {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	gap: 0 20px;
	margin-top: 2em !important
}
.hightime-footer-page-link-item a {
	font-size: var(--wp--preset--font-size--x-small)
}
.hightime-footer-tel a {
	color: var(--wp--preset--color--accent-2);
	text-decoration: none
}


/* ============================================================================================
	LOADING SPINNER
============================================================================================ */
.spinner_overlay {
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	max-width: initial;
	height: 100vh;
	background: var(--wp--preset--color--base);
	pointer-events: none;
	transition: opacity .8s;
}
.transition .spinner_overlay {
	opacity: 1
}

.loading_spinner,
.loading_spinner::before,
.loading_spinner::after {
	width: .5em;
	height: 1.5em;
	background: var(--wp--preset--color--contrast);
	animation: loading 1s infinite ease-in-out
}
.loading_spinner {
	position: relative;
	color: var(--wp--preset--color--contrast);
	transform: translateZ(0);
	animation-delay: -0.16s
}
.loading_spinner::before,
.loading_spinner::after {
	content: "";
	position: absolute;
	top: 0
}
.loading_spinner::before {
	left: -.75em;
	animation-delay: -0.32s;
}
.loading_spinner::after {
  	left: .75em;
}
@keyframes loading{0%,80%,100%{box-shadow:0 0;height: 1.5em}40%{box-shadow:0 -1.5em;height: 2em}}
