/*
 Theme Name:   Stijn Cole
 Theme URI:    http://stijncole.be/
 Description:  Theme made for StijnCole.be
 Author:       Studio Studio
 Author URI:   http://studiostudio.be/
 Template:     blankslate 
 Version:      1.0.0
*/

/* Stijlen voor mobiele apparaten */
@media (max-width: 767px) {
    .random-image_mobile img {
        width: 99.2vw;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    
    footer#footer {
        font-size: 0.75em;
    }
    
    /* Zorg ervoor dat desktop-stijlen niet zichtbaar zijn op mobiel */
    .random-image {
        display: none;
    }
}

/* Stijlen voor desktop apparaten */
@media (min-width: 768px) {
    .random-image {
        position: relative;
        width: 100vw;
        height: calc(100vh - var(--header-height));
        overflow: hidden;
    }
    
    .random-image img {
        position: absolute;
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%); 
        min-width: 100%; 
        max-height: calc(100vh - var(--header-height)); 
        object-fit: cover; 
    }

    /* Zorg ervoor dat mobiele stijlen niet zichtbaar zijn op desktop */
    .random-image_mobile {
        display: none;
    }
    .mobile {
        display: none;
    }
    body.home.page-template.page-template-homepage {
        overflow: hidden;
    }
    body footer#footer {
        /* position: fixed; */
        background-color: white;
        z-index: 1000;
        height: 100px;
        width: 100vw;
        bottom: 0;
    }
}