@charset "UTF-8";

/* -------------------------------SITE FOOTER-------------------------------- */
/* Base styles: Mobile-first */
#footer_tag {
	background-color: var(--darkest-blue);
	color: var(--white);
	padding-left: 2rem;
	padding-right: 2rem;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	font-size: clamp(0.83rem, 1vw, 1rem);
	line-height: 1;
}

/* Tablet (768px – 991px) */
@media ( min-width : 768px) and (max-width: 991px) {
	#footer_tag {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}

/* Desktop (992px and up) */
@media ( min-width : 992px) {
	#footer_tag {
		padding-left: 6rem;
		padding-right: 6rem;
	}
}

#footer-img-logo, #footer-img-logo-small-screen {
	background-size: contain;
	background-repeat: no-repeat;
	height: clamp(8px, 8vw, 70px);
}

#footer-slogan {
	font-size: clamp(0.83rem, 4vw, 2.3rem);
	line-height: 1.1;
	white-space: normal;
}

#footer-menu-small li a:hover, #footer-menu-large li a:hover {
	text-decoration: underline;
}

.footer-info h6 i {
	transition: transform 0.3s ease;
}

/* Closed */
.footer-info h6.collapsed i {
	transform: rotate(0deg);
}

/* Open */
.footer-info h6:not(.collapsed) i {
	transform: rotate(180deg);
}

/* Make headers clickable on mobile */
.footer-info h6.d-md-none {
	cursor: pointer;
	padding: 0.5rem 0;
}