/*
 * Ajustes visuais sobre o template HTML5 UP.
 * Carregar depois de main.css
 */

/* Faixas laterais do título “special” (::before / ::after) */
header.special::before,
header.special::after {
	content: none !important;
	display: none !important;
	border: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* Barra vertical à esquerda de citações */
blockquote {
	border-left: none !important;
	padding-left: 1em;
}

/* Separadores verticais entre itens do copyright no rodapé */
#footer .copyright li {
	border-left: none !important;
}

#footer .copyright li + li {
	margin-left: 0.35em;
}

#footer .copyright li + li::before {
	content: "·";
	display: inline-block;
	margin-right: 0.55em;
	opacity: 0.45;
}

@media screen and (max-width: 736px) {
	#footer .copyright li + li {
		margin-left: 0;
	}

	#footer .copyright li + li::before {
		content: none;
		margin: 0;
	}
}

/* ---- Faixas diagonais (SVG nos cantos + overlay.png) ---- */
/* #main: quatro SVGs grandes fazem as diagonais cobrirem quase toda a área */
#main {
	background-image: none !important;
}

/* Seção verde: cantos com mesmo padrão diagonal */
.wrapper.style2 {
	background-image: none !important;
}

/* CTA: remove SVGs + textura overlay.png; mantém foto + vinheta uniforme (sem riscos) */
#cta {
	background-image: linear-gradient(
			rgba(20, 35, 28, 0.5),
			rgba(20, 35, 28, 0.5)
		),
		url("../../images/banner.jpg") !important;
	background-position: center, center !important;
	background-repeat: no-repeat, no-repeat !important;
	background-size: cover, cover !important;
	background-attachment: scroll, scroll !important;
}

/* Textura diagonal sobre figuras .image */
.image::before {
	content: none !important;
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	#cta {
		background-attachment: scroll, scroll !important;
	}
}