/* ==========================================================================
   Overlay del page header — Summit Residential Solutions
   --------------------------------------------------------------------------
   POR QUE EXISTE
   El tema Zakra pinta la imagen de la cabecera de pagina con `background-image`
   y deja el `background-color` DEBAJO de la imagen, de modo que ese color no
   aporta nada. El titulo de la pagina y las migas de pan se escriben en blanco
   encima de la foto, y sobre las zonas claras de la imagen (cielo, cesped,
   campos iluminados) el texto pierde legibilidad.

   Solucion: una capa negra al 50% POR ENCIMA de la imagen y POR DEBAJO del
   contenido, que es el "overlay" que traen de fabrica otros temas pero que
   Zakra no tiene como ajuste.

   Alcance: todas las cabeceras de pagina del sitio (About, Blog, Contact,
   Privacy Policy y las entradas), que es donde se usa esta imagen.
   ========================================================================== */

.zak-page-header {
	position: relative;
}

.zak-page-header::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);   /* #000000 al 50% */
	pointer-events: none;
	z-index: 0;
}

/* El contenido (titulo y migas de pan) se apila por encima del overlay */
.zak-page-header > .zak-container {
	position: relative;
	z-index: 1;
}