/*!
 * Theme Name:      EduArd
 * Theme URI:       https://edu-ard.nl/
 * Author:          tripix.nl
 * Author URI:      https://tripix.nl/
 * Version:         1.0.0
 */

 .header-slider{
    max-width: calc(100vw - 7rem);
 }
 .header-slider .slick-list {
    overflow: hidden;
 }

 .extra-projects-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

.extra-project-card {
    display: block;
    text-decoration: none;
}

.extra-project-image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    margin-bottom: 16px;
    position: relative;
}

.extra-project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.extra-project-card:hover .extra-project-image img {
    transform: scale(1.05);
}

.extra-project-card h3 {
    font-size: 20px;
    position: absolute;
    bottom: 75px;
    left: 10px;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px black;
}
.extra-project-card .button-primary{
   position: absolute;
   bottom: 10px;
   left: 10px;
}

@media (min-width: 768px) {
    .extra-projects-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .extra-projects-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
 @media (max-width: 1280px){
   .header-slider{
      max-width: 100%;
   }

 }