/* ==========================================================================
   Apply mapped tokens to Enfold / child theme surfaces
   ========================================================================== */

body {
	font-family: var(--body-font-family);
	font-weight: var(--body-font-weight);
	font-size: var(--body-font-size);
	line-height: var(--body-line-height);
	color: var(--body-color);
}

#top .av-special-heading .av-special-heading-tag,
#top h1,
#top h2,
#top h3,
#top .avia-heading-font {
	font-family: var(--heading-font-family);
}

#top h1 {
	font-size: var(--heading-h1-font-size) !important;
	line-height: var(--heading-h1-line-height) !important;
	letter-spacing: var(--heading-letter-spacing) !important;
}

#top h4 {
	color: var(--heading-accent-color) !important;
}

#top h5 {
	font-family: var(--heading-h5-font-family) !important;
	font-size: var(--heading-h5-font-size) !important;
	line-height: var(--heading-h5-line-height) !important;
	font-weight: var(--heading-h5-font-weight) !important;
	color: var(--heading-h5-color) !important;
}

#top p {
	font-weight: var(--weight-regular) !important;
}

#top .av-main-nav a .avia-menu-text {
	font-family: var(--nav-font-family);
	font-weight: var(--nav-font-weight) !important;
}

#top .av-main-nav > li > ul > li > a,
#top .av-main-nav > li > ul > li > ul > li > a {
	border-bottom: var(--stroke-width) solid var(--nav-border-color) !important;
}

body div .avia-button {
	font-family: var(--button-font-family) !important;
	font-weight: var(--button-font-weight) !important;
	color: var(--button-color) !important;
	background-color: var(--button-background) !important;
	border-bottom: var(--stroke-width) solid var(--button-border-color) !important;
	border-radius: var(--button-border-radius) !important;
}

body div .avia-button:hover {
	background-color: var(--button-background-hover) !important;
}

.avia_iconbox_title {
	font-family: var(--button-font-family) !important;
	font-weight: var(--weight-regular) !important;
}

.image-border,
.av-fixed-size .av-masonry-outerimage-container,
.slide-image,
.av-masonry-outerimage-container,
#beneficiaries-logos .avia-image-container.avia-align-center {
	border-color: var(--stroke) !important;
}

.responsive #top .main_color .avia-testimonial {
	border-color: var(--testimonial-border-color) !important;
}

h3.avia-form-success {
	color: var(--form-success-color) !important;
}

#socket {
	border-top-color: var(--socket-border-color) !important;
}

#footer .widget_nav_menu li:hover {
	background-color: var(--footer-link-hover-bg) !important;
}

#footer .news-thumb,
.numbered-steps {
	background-color: var(--accent) !important;
}

.cta-button,
.hover-orange-button {
	background-color: var(--cta) !important;
}

.av-magazine-title.entry-title a:hover,
.news-headline:hover {
	color: var(--cta) !important;
}

@media only screen and (max-width: 989px) {
	#top h1 {
		font-size: var(--brand-font-size-h1-tablet) !important;
	}
}