/* ============================================================================================
	FOOTER DEFAULT / PATTERN
============================================================================================ */
.wp-block-template-part:has(.resola-footer) {
	margin-top: auto !important
}
.resola-footer-inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 40px 4%
}
.resola-footer-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 140px;
	aspect-ratio: 1;
	margin: 0 auto;
	padding-bottom: 3%;
	overflow: hidden;
	border-radius: 50%;
	background-color: var(--wp--preset--color--white)
}
.resola-footer-logo img {
	width: 70%;
	height: auto;
	border-radius: 0
}

.resola-footer-links p {
	margin: 1em 0 !important;
	font-size: var(--wp--preset--font-size--x-small)
}
.resola-footer-links p a {
	text-decoration: none
}
.resola-footer-section {
	padding: 0 10%
}


/* ============================================================================================
	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_inner,
.loading_spinner::before,
.loading_spinner::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
	background: var(--wp--preset--color--accent-2);
    animation-fill-mode: both;
}
.loading_spinner::before {
	content: "";
	animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}
.loading_spinner_inner {
	animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}
.loading_spinner::after {
	content: "";
	animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)
}
@keyframes scale{0%{transform:scale(1);opacity:1}45%{transform:scale(0.1);opacity:0.7}80%{transform:scale(1);opacity:1}}

.resola-footer-tel a {
	text-decoration: none
}