/*
 * Isolamento dagli stili del tema WordPress.
 * Questo file viene caricato per ultimo: gli !important sono intenzionali e
 * limitati agli elementi del plugin che i temi tendono a sovrascrivere.
 */

.lfda-site .lfda-brand,
.lfda-site .lfda-brand:link,
.lfda-site .lfda-brand:visited,
.lfda-site .lfda-brand:hover,
.lfda-site .lfda-brand:focus,
.lfda-site .lfda-brand:active {
	color: var(--lfda-heading) !important;
	font-family: "Newsreader", Georgia, serif !important;
	text-decoration: none !important;
}

.lfda-site .lfda-brand .lfda-brand-name {
	color: var(--lfda-heading) !important;
}

.lfda-site h1,
.lfda-site h2,
.lfda-site h3 {
	color: var(--lfda-heading) !important;
	font-family: "Newsreader", Georgia, serif !important;
	font-style: normal !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	text-transform: none !important;
}

.lfda-site .lfda-values h2,
.lfda-site .lfda-values h3 {
	color: var(--lfda-on-primary) !important;
}

.lfda-site .lfda-footer h3 {
	color: var(--lfda-on-primary) !important;
	font-family: "DM Sans", system-ui, sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

.lfda-site .lfda-menu a:not(.lfda-nav-cta),
.lfda-site .lfda-menu a:not(.lfda-nav-cta):visited,
.lfda-site .lfda-menu a:not(.lfda-nav-cta):hover,
.lfda-site .lfda-menu a:not(.lfda-nav-cta):focus,
.lfda-site .lfda-text-link,
.lfda-site .lfda-text-link:visited,
.lfda-site .lfda-text-link:hover,
.lfda-site .lfda-text-link:focus {
	color: var(--lfda-link-text) !important;
	text-decoration: none !important;
}

.lfda-site .lfda-button {
	font-family: "DM Sans", system-ui, sans-serif !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-transform: none !important;
}

.lfda-site a.lfda-button-primary,
.lfda-site a.lfda-button-primary:link,
.lfda-site a.lfda-button-primary:visited,
.lfda-site a.lfda-button-primary:hover,
.lfda-site a.lfda-button-primary:focus,
.lfda-site a.lfda-button-primary:active,
.lfda-site button.lfda-button-primary,
.lfda-site button.lfda-button-primary:hover,
.lfda-site button.lfda-button-primary:focus,
.lfda-site button.lfda-button-primary:active {
	background: var(--lfda-primary) !important;
	border-color: transparent !important;
	color: var(--lfda-button-text) !important;
	text-decoration: none !important;
}

.lfda-site a.lfda-button-outline,
.lfda-site a.lfda-button-outline:link,
.lfda-site a.lfda-button-outline:visited,
.lfda-site a.lfda-button-outline:hover,
.lfda-site a.lfda-button-outline:focus,
.lfda-site a.lfda-button-outline:active {
	background: transparent !important;
	border-color: color-mix(in srgb, var(--lfda-primary) 55%, transparent) !important;
	color: var(--lfda-link-text) !important;
	text-decoration: none !important;
}

.lfda-site a.lfda-button-outline:hover,
.lfda-site a.lfda-button-outline:focus {
	background: color-mix(in srgb, var(--lfda-primary) 8%, transparent) !important;
}

.lfda-site .lfda-menu .lfda-nav-cta,
.lfda-site .lfda-menu .lfda-nav-cta:link,
.lfda-site .lfda-menu .lfda-nav-cta:visited,
.lfda-site .lfda-menu .lfda-nav-cta:hover,
.lfda-site .lfda-menu .lfda-nav-cta:focus,
.lfda-site .lfda-menu .lfda-nav-cta:active {
	background: transparent !important;
	border-color: color-mix(in srgb, var(--lfda-heading) 25%, transparent) !important;
	color: var(--lfda-link-text) !important;
	text-decoration: none !important;
}

.lfda-site .lfda-faq-item button,
.lfda-site .lfda-faq-item button:hover,
.lfda-site .lfda-faq-item button:focus,
.lfda-site .lfda-faq-item button:active {
	background: transparent !important;
	color: var(--lfda-heading) !important;
	font-family: "DM Sans", system-ui, sans-serif !important;
	text-transform: none !important;
}

.lfda-site .lfda-faq-item button[aria-expanded="true"] i {
	background: var(--lfda-primary) !important;
	color: var(--lfda-button-text) !important;
}

@media (max-width: 780px) {
	.lfda-site .lfda-nav {
		position: relative !important;
	}

	.lfda-site .lfda-brand {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	.lfda-site .lfda-brand-name {
		display: block !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	.lfda-site .lfda-menu-toggle,
	.lfda-site .lfda-menu-toggle:hover,
	.lfda-site .lfda-menu-toggle:focus,
	.lfda-site .lfda-menu-toggle:active {
		-webkit-appearance: none !important;
		align-items: center !important;
		appearance: none !important;
		background: var(--lfda-surface) !important;
		background: color-mix(in srgb, var(--lfda-surface) 92%, var(--lfda-primary)) !important;
		border: 1px solid color-mix(in srgb, var(--lfda-heading) 22%, transparent) !important;
		border-radius: 12px !important;
		box-shadow: none !important;
		color: var(--lfda-heading) !important;
		cursor: pointer !important;
		display: flex !important;
		flex: 0 0 44px !important;
		flex-direction: column !important;
		height: 44px !important;
		justify-content: center !important;
		margin: 0 !important;
		opacity: 1 !important;
		padding: 8px !important;
		position: relative !important;
		visibility: visible !important;
		width: 44px !important;
		z-index: 30 !important;
	}

	.lfda-site .lfda-menu-toggle > span:not(.screen-reader-text) {
		background: var(--lfda-heading) !important;
		border: 0 !important;
		border-radius: 999px !important;
		display: block !important;
		height: 2px !important;
		margin: 3px 0 !important;
		opacity: 1 !important;
		padding: 0 !important;
		position: static !important;
		transition: opacity .2s ease, transform .2s ease !important;
		visibility: visible !important;
		width: 24px !important;
	}

	.lfda-site .lfda-menu-toggle[aria-expanded="true"] > span:nth-child(1) {
		transform: translateY(8px) rotate(45deg) !important;
	}

	.lfda-site .lfda-menu-toggle[aria-expanded="true"] > span:nth-child(2) {
		opacity: 0 !important;
	}

	.lfda-site .lfda-menu-toggle[aria-expanded="true"] > span:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg) !important;
	}

	.lfda-site .lfda-menu .lfda-nav-cta,
	.lfda-site .lfda-menu .lfda-nav-cta:link,
	.lfda-site .lfda-menu .lfda-nav-cta:visited,
	.lfda-site .lfda-menu .lfda-nav-cta:hover,
	.lfda-site .lfda-menu .lfda-nav-cta:focus,
	.lfda-site .lfda-menu .lfda-nav-cta:active {
		background: var(--lfda-primary) !important;
		border-color: var(--lfda-primary) !important;
		color: var(--lfda-button-text) !important;
	}
}