/*
 Theme Name:   Gpbb_custom
 Theme URI:    http://generatepress.com
 Description:  GeneratePress with Beaver Builder
 Author:       ottie
 Author URI:   http://www.ottie.be
 Template:     generatepress
 Version:      1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/


/* logo centraal boven slogan */

.inside-header .site-logo {
    margin-right: 0;
}
.site-header .site-branding-container {
    display: flex;
    flex-direction:column;
    align-items: center;
}

.main-navigation {
    border-top: 1px solid #222222;
}

/* Mobiele header aanpassingen */
@media (max-width: 768px) {
    #mobile-header .site-logo {
        margin: 0 auto;
        display: block;
    }
    #mobile-header .site-description {
        text-align: center;
        margin-top: 10px; /* Afstand tussen logo en sitebeschrijving */
        font-size: 14px; /* Pas aan naar wens */
    }
    /* Hamburger menu naar links verplaatsen */
    #mobile-header .menu-toggle {
        order: -1; /* Plaats het hamburger menu links van het logo */
        margin-right: auto;
    }
    /* Zorg ervoor dat de mobiele header elementen correct worden uitgelijnd */
    #mobile-header .mobile-header-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* Optioneel: pas logo grootte aan op mobiel */
    .navigation-branding img, .site-logo.mobile-header-logo img {
        height: 50px; /* Pas de hoogte aan */
        width: auto;
    }
}