/*
 Theme Name: Astra Child
 Theme URI: 
 Description: Child theme voor Astra
 Author: AI webservices
 Template: astra
 Version: 1.0.0
*/

/* Eventuele eigen CSS hier óf in de Customizer toevoegen */

.projecten-nav {
  display: flex;
  justify-content: space-between; /* uiterste links en rechts */
  align-items: center;
  margin: 2rem 0;
  padding: 0 1rem;
}

.projecten-nav a {
  display: inline-flex;
  align-items: center;
 
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  color:#fff;
}

.projecten-nav a:hover {
color: var(--ast-global-color-0);
}

.projecten-prev::before {
 content: "\2190"; /* ? */
  margin-right: 0.5rem;
}

.projecten-next::after {
  content: "\2192"; /* ? */
  margin-left: 0.5rem;
}
.projecten-next {
  text-align:right;
}
.elementor-posts-container .elementor-post__thumbnail {
overflow: hidden!important;
    object-fit: cover; 
    /* Centreer de container op de pagina indien nodig */
    margin: 0 auto;
		
  /* De zoom wordt vloeiend over 0.3s */
  transition: transform 0.3s ease-in-out; 
  
  /* Cruciaal: Zorgt ervoor dat de animatie de layout niet beïnvloedt */
  will-change: transform; 
   transition: transform .2s; /* Animation */}
   
   .elementor-posts-container  {
overflow: hidden!important;
    object-fit: cover; 
    /* Centreer de container op de pagina indien nodig */
   }
.elementor-posts-container .elementor-post__thumbnail:hover {overflow: hidden!important;}


.elementor-posts-container .elementor-post__thumbnail img {
		object-fit: cover; 
	
}

.elementor-posts-container .elementor-post__thumbnail:hover {
    transform: scale(1.2) !important; 
	object-fit: cover!important; 
	max-height:100%;
overflow: hidden!important;
    transition: opacity 1.6s ease-out 0s, transform 2.2s linear 0s;
    transform-origin: center center;
    animation: normal;
}

.main-header-menu .sub-menu {
  
    background: var(--e-global-color-astglobalcolor8);
	}
.ast-logo-title-inline .site-logo-img {
    padding-right: 0.2rem;
}
.ast-builder-layout-element .ast-site-identity {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 15px;
}
@media screen and (min-width: 922px) and (max-width: 1200px) {
    /* Plaats hier de CSS-regels die ALLEEN van toepassing zijn */
    /* op apparaten met een breedte van 922px t/m 1200px.       */

    .ast-builder-menu-1 .menu-item > .menu-link {
    line-height: 1em !important;
    font-size: 13px!important;
    font-size: 0.775rem!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    letter-spacing: 0.5px!important;
}

    /* ... andere specifieke stijlen voor dit bereik ... */
}