Hello

Please add this CSS

For menu item color and hover color

@media only screen and (min-width: 75em){
	.transparent-header-color-scheme.has-header-media.navigation-classic .site-header-main .main-navigation > .nav-menu > li > a, .transparent-header-color-scheme.home.navigation-classic .site-header-main .main-navigation > .nav-menu > li > a {
	    color: #c52626;
	}
}

.transparent-header-color-scheme.has-header-media.navigation-classic .site-header-main .main-navigation > .nav-menu > li > a:hover{
	color: #fff
}

For btn and btn hover color

.more-link, .button, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-time-handle, .mejs-time-hovered, .mejs-time-handle-content, .mejs-time-current, .mejs-time-handle-content, .mejs-controls .mejs-time-rail .mejs-time-current, #feature-slider-section .owl-prev, #feature-slider-section .owl-next, .section .filter-button-group .button.is-checked:before, .pagination .page-numbers.current, .entry-content button, .entry-summary button, button, #scrollup, .slider-content-wrapper .controllers .cycle-prev, .slider-content-wrapper .controllers .cycle-next, input[type="submit"], button[type="submit"], .scrollup a, .sticky-post, #team-dots li.active:after, #team-content-section .team-content-wrapper.owl-carousel .owl-nav button:hover, #team-content-section .team-content-wrapper.owl-carousel .owl-nav button:focus, .wp-block-button__link, #infinite-handle > span > button, .menu-inside-wrapper #site-header-cart-wrappe li>a, .contact-section .entry-container ul.contact-details li .fa, nav.navigation.posts-navigation .nav-links a, .page-numbers li .page-numbers.current, .archive-content-wrap .pagination .page-numbers.current, .cart-collaterals .shop_table.shop_table_responsive .cart-subtotal, .catch-instagram-feed-gallery-widget-wrapper .button, .sticky-label, .wpcf7 input[type=submit]:hover, .wpcf7 input[type=submit]:focus, .archive-posts-wrapper .more-link:hover, .archive-posts-wrapper .more-link:focus, .archive-posts-wrapper .button:hover, .archive-posts-wrapper .button:focus, .archive-posts-wrapper button :hover, .archive-posts-wrapper button :focus, .comments-area input[type=submit]:hover, .comments-area input[type=submit]:focus, #service-section .more-link:hover, #service-section .hentry .more-link:focus, #service-section .hentry .button:hover, #service-section .hentry .button:focus, #service-section .hentry button:hover, #service-section .hentry button:focus, #featured-content-section .section-content-wrapper .hentry .more-link:hover, #featured-content-section .section-content-wrapper .hentry .more-link:focus, #featured-content-section .section-content-wrapper .hentry .button:hover, #featured-content-section .section-content-wrapper .hentry .button:focus, #featured-content-section .section-content-wrapper .hentry button:hover, #featured-content-section .section-content-wrapper .hentry button:focus, #stats-section .hentry .more-link:hover, #stats-section .hentry .more-link:focus, .woocommerce .products .product-container:not(.entry-container) .button:hover, .woocommerce .products .product-container:not(.entry-container) .button:focus, .woocommerce .products .product-container .added_to_cart:hover, .woocommerce .products .product-container .added_to_cart:focus, #collection-section .collection-wrapper .product-container .added_to_cart:hover, #collection-section .collection-wrapper .product-container .added_to_cart:focus, #site-generator #social-footer-navigation a:focus:before, #site-generator #social-footer-navigation a:hover:before, #feature-slider-section .owl-dots button.owl-dot span, #portfolio-content-section .hentry .more-link:hover, #portfolio-content-section .hentry .more-link:focus, .timeline-section .content-wrapper:before, .timeline-section .hentry .hentry-inner:before{
	background-color: #c52626;
}

#featured-content-section .section-content-wrapper .hentry .more-link,
.archive-posts-wrapper .hentry .more-link {
	border-color: #c52626;
}

Change the color code as per your requirement