/* =============================================
   Footer Styles
   (footer.html component)
   ============================================= */

/* Fallback CSS Variables if not defined globally */
:root {
	--cor-fundo-footer: #262431;
	--fas-cor: #00c9db;
	--botao-cor-texto: #fff;
	--secondary-color: #201849;
	--cor-fundo-locais: #262431;
}

.footer {
	padding-top: 5rem;
	background-color: var(--cor-fundo-footer);
	margin-top: auto;
}

.footer .row {
	align-items: flex-start;
	justify-content: space-evenly;
}

.footer .footer-col {
	margin-bottom: 2.25rem;
}

.footer h3 {
	margin-bottom: 1rem;
	color: #ffffff;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
}

.footer .p-small-f {
	background-color: var(--cor-fundo-locais);
}

.footer .list-unstyled .fas {
	color: var(--fas-cor);
	font-size: 0.5rem;
	line-height: 1.375rem;
	margin-right: 0.35rem;
}

.footer .fa-stack {
	margin-bottom: 0.75rem;
	margin-right: 0.5rem;
	font-size: 1.5rem;
}

.footer .fa-stack .fa-stack-1x {
	color: var(--fas-cor);
	transition: all 0.2s ease;
}

.footer .fa-stack .fa-stack-2x {
	color: var(--botao-cor-texto);
	transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
	color: var(--secondary-color);
}

.footer .fa-stack:hover .fa-stack-2x {
	color: var(--botao-cor-texto);
}

.Links-titulo {
	text-align: left;
}

@media (max-width: 768px) {
	.footer {
		padding-top: 3rem;
	}

	.footer .footer-col.middle .Links-titulo {
		text-align: left;
	}

	.footer .footer-col.middle ul {
		padding-left: 0;
	}

	.footer .footer-col.middle ul li {
		text-align: left;
	}
}

@media (max-width: 480px) {
	.footer {
		padding-top: 2rem;
	}
}

/* Copyright Section */
.copyright {
	padding-top: 1rem;
	background-color: var(--cor-fundo-footer);
	text-align: center;
}

.copyright .p-small {
	color: var(--cor-texto);
	opacity: 0.6;
}

/* Footer list items */
.footer .li-contactos li {
	margin-bottom: 0.375rem;
}

/* Turquoise links inside footer */
.footer a.turquoise {
	color: var(--botao-cor-texto);
	text-decoration: none;
}

/* Large screens */
@media (min-width: 1200px) {
	.footer .footer-col {
		width: 90%;
		text-align: left;
	}

	.footer .footer-col.middle {
		text-align: left;
	}

	.footer .footer-col.middle ul {
		padding-left: 0;
	}

	.footer .footer-col.middle ul li {
		margin-bottom: 10px;
		display: flex;
		align-items: center;
	}

	.footer .footer-col.middle ul li i {
		margin-right: 10px;
	}

	.footer .footer-col.middle ul li a {
		text-align: left;
		display: inline-block;
		color: var(--cor-texto);
		text-decoration: none;
	}

	.footer .footer-col.middle ul li a:hover {
		color: var(--primary-color);
		text-decoration: underline;
	}

	.footer .footer-col.last {
		margin-right: 0;
		margin-left: auto;
	}
}