Events and Portfolio with black header in Child Theme

I’ve kept making some changes in my site, related to font size and colors and line height.
I’ve realized that events and portfolio are again having the same issues that they have when I first implemented the child theme to my site.
I had add the code that Ov3rfly suggested and it worked out with the entire site (as far as I can remember). My doubt now is if some new implementations made Events and Portfolio pages to go back to the original black header or if they were this way from the beginning.

If anyone can help on fixing that, I will thank you millions.

This is how my CSS looks at the moment:

/*
Te damos la bienvenida a CSS personalizado

Para saber cómo funciona, ve a https://wp.me/PEmnE-Bt
*/
.entry-meta {
	display: none;
}

.fa {
	font-size: 36px;
}

p {
	font-size: 18px !important;
}

p {
	line-height: 2 !important;
}

And this is how my functions.php looks:

<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED - Do not modify or remove comment markers above or below:

if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
    function chld_thm_cfg_parent_css() {
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css' );
    }
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css' );

// END ENQUEUE PARENT ACTION

And finally, this is my actual style.css:

/*
Theme Name: Zerif Lite Child
Template: zerif-lite
Author: Child Theme Configurator
Version: 1.0.1436155585
Updated: 2015-07-06 04:06:25
*/

@charset "UTF-8";

/*147*/
a {
    color: #c58a3e;
}
/*149*/
a:hover {
    color: #a0522d;
}
/*207*/
.red-text {
    color: #c58a3e;
}
/*236*/
a:visited {
    color: #c58a3e;
}
/*237*/
a:hover, a:focus, a:active {
    color: #a0522d;
}
/*255*/
.nav-links a {
    color: #c58a3e;
}
/*301*/
.comment a {
    color: #8e372e;
}
/*380*/
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a {
    color: #c58a3e;
}
/*384*/
.navbar-inverse .navbar-nav>li>a:hover {
    color: #c58a3e;
}
/*397*/
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #c58a3e;
}
/*517*/
.team-member .social-icons ul li a:hover {
    color: #c58a3e;
}
/*606*/
.company-details a:hover {
    color: #c58a3e;
}
/*612*/
.social li a:hover {
    color: #c58a3e;
}
/*632*/
article .posted-on a:hover {
    color: #c58a3e;
}
/*634*/
.entry-footer a:hover {
    color: #c58a3e;
}
/*636*/
.entry-title a:hover {
    color: #c58a3e;
}
/*658*/
.entry-footer-large a:hover {
    color: #c58a3e;
}
/*667*/
.widget_calendar a {
    color: #c58a3e;
}
/*692*/
.woocommerce-page .products a .price ins {
    color: #c58a3e;
}
/*696*/
.woocommerce-page .products .added_to_cart {
    color: #c58a3e;
}
/*709*/
.woocommerce-page .product .product_meta a {
    color: #c58a3e;
}
/*722*/
.woocommerce-page .woocommerce-tabs .tabs li.active a, .woocommerce-page .woocommerce-tabs .tabs li a:hover {
    color: #c58a3e;
}
/*728*/
.woocommerce-page .product .price ins {
    color: #c58a3e;
}
/*814*/
.woocommerce-page .woocommerce a.remove {
    color: #c58a3e;
}
/*1387*/
.skills .skill .skill1 {
    color: #c58a3e;
}
@media (max-width: 767px) {
/*34*/
.this-open > a {
    color: #c58a3e;
}
}

The places where the issue is happening are:
https://temha.com.py/que-hacemos/acciones/
https://temha.com.py/events/

Thanks!