/**
Theme Name: RST Child
Author: Maarten Goutier
Author URI: https://GoAdvised.com
Description: 2026 RST child thema
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rst-child
Template: astra
*/


/* ===================================================
   HEADER OP HOMEPAGE VERTRAAGD INVOEGEN
   =================================================== */
/* Specifiek voor pagina 308 */
.page-id-308 .site-header {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-100%) !important;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out !important;
    position: fixed !important; /* Forceert de header in een vaste positie */
    top: 0;
    width: 100%;
    z-index: 9999;
}

/* De klasse die de header weer tevoorschijn tovert */
.page-id-308 .site-header.header-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}


/* ===================================================
   PROJECTEN GALLERY – STYLING
   =================================================== */
.Projects h4, .Projects h4.bd-postheader-2, .Projects h4.elementor-icon-box-title {
	color: #fff !important; 
}
.Projects .uael-post__thumbnail img{
	height: 600px;
	object-fit: cover;
}

.Projects .uael-post__content-wrap{
	margin-top: -60% !important;
}

.Projects .uael-post__bg-wrap{
	height: 600px;
}


/* ===================================================
   PROJECTEN BLOG PAGE STYLING
   =================================================== */

/* Header achtergrondkleur aanpassen */
.main-header-bar, 
.ast-primary-header-bar,
.site-header,
.ast-below-header-bar {
    background-color: #27344D !important;
}

/* Blog (Archive) pagina achtergrondkleur aanpassen */
.archive.blog, 
.archive.blog .site-content,
.archive.blog #primary {
    background-color: #27344D !important;
}


/* De links (Vorige / Volgende Bericht) */
.post-navigation .nav-links a {
    color: #27344D !important;
}

/* De pijltjes (ast-left-arrow / ast-right-arrow) */
.post-navigation .nav-links a .ast-left-arrow, 
.post-navigation .nav-links a .ast-right-arrow {
    color: #27344D !important;
}

/* Hover effect: wat er gebeurt als je er met de muis op staat */
.post-navigation .nav-links a:hover {
    color: #DDA62A !important; /* Verander dit naar je gewenste accentkleur */
}

.post-navigation .nav-links a:hover .ast-left-arrow,
.post-navigation .nav-links a:hover .ast-right-arrow {
    color: #DDA62A !important;
}