/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

:root {
	--nova-font-heading: 'Inter', sans-serif;
	--nova-font-body: 'Inter', sans-serif;
}

body {
	font-family: var(--nova-font-body);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.wp-block-heading {
	font-family: var(--nova-font-heading);
}

#main-menu {
	background-color: #7accf2;
}

#top-menu-bar .nav-item a {
	color: #000000;
}

#top-menu-bar .nav-item a:hover {
	color: #056cf2;
}

#main-menu-bar .nav-item.dropdown, 
#main-menu-bar .nav-item > a {
	color: #000000;
}

#main-menu-bar .nav-item a:hover { 
	color: #056cf2;
}

#social-icon .nav-item > a {
	color: #f2f2f2;
}

#social-icon .nav-item > a:hover {
	color: ;
}


#menuModal .modal-content {
	background-color: #7accf2 
}



body a {
	color: #056cf2;
}

article .entry-content a,
header .author a,
footer.entry-footer a .post_nav_title,
#comments a {
	text-decoration: underline;
	text-decoration-color: #056cf2;
	font-weight: 500;
}

body a:hover {
	color: #369af2;
}

#toc li:before,
.hero__body h1:before, 
.hero__body h2:before, 
.hero__body h3:before {
    background-color: ;
}

#footer {
	background-color: ;
	color: ;
}


#footer a:hover {
	color: ;
}

#footer .widget a:hover,
#footer .widget_block a:hover {
	color: ;
}