/*
 Theme Name:   NJV theme
 Theme URI:    https://generatepress.com
 Description:  NJV theme
 Author:       SowiesoDigital
 Author URI:   https://sowiesodigital.nl/
 Template:     generatepress
 Version:      0.1
*/

/* Menu */
.main-navigation .main-nav ul li {
	display: inline-block;
    margin: 0 15px;
}
.main-navigation .main-nav ul li a {	
    display: block;
    position: relative;
    padding: 4px 0;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, 
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, 
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, 
.main-navigation .menu-bar-item:hover > a, 
.main-navigation .menu-bar-item.sfHover > a {
    position: relative;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a:before,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a:before, 
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a:before, 
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a:before, 
.main-navigation .menu-bar-item:hover > a:before, 
.main-navigation .menu-bar-item.sfHover > a:before {
	content: "";
    width: 100%;
    height: 1px;
    background: var(--base-3);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.5s transform ease;
    transform: scale3d(0,1,1);
    transform-origin: 50% 50%;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a:before,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a:hover:before, 
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a:hover:before, 
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a:hover:before, 
.main-navigation .menu-bar-item:hover > a:hover:before, 
.main-navigation .menu-bar-item.sfHover > a:hover:before {
	transform: scale3d(1,1,1);
}

@media (max-width: 992px){
    .navigation-branding img, .site-logo.mobile-header-logo,
    .mobile-header-navigation .site-logo.mobile-header-logo img {
        height: 90px!important;
    }
}


/* Header - video */
.background-video-content {
    width: 100%;
    position: absolute!important;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
}

.background-video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background-video video {
    display: block;
    object-fit: cover;
    object-position: center center;
    width: auto;
    height: 100%;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
}

/* Mediaquery voor telefoons */
@media only screen and (max-width: 767px) 
{
    .background-video video {
        width: auto; /* Zorg ervoor dat de breedte niet 100% is, zodat de video kleiner wordt */
        height: 100%; /* Zorg ervoor dat de hoogte niet 100% is, zodat de video kleiner wordt */
        max-width: 100%; /* Maximale breedte is 100% van de container */
        max-height: 100%; /* Maximale hoogte is 100% van de container */
        object-fit: cover; /* Behoud de aspectverhouding en pas de video aan om volledig zichtbaar te zijn */
    }
}

/* Blog */
.blog .generate-columns.grid-50 .inside-article .post-image {
	width: 100%;
    height: 300px;
	overflow: hidden;
	border-radius: 0 1rem 0 1rem;
}
.blog .generate-columns.grid-50 .inside-article .post-image img {
    display: block;
    object-fit: cover;
    object-position: 0 0;
    width: auto;
    height: 100%;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    border-radius: 0;
}


.gb-block-image {
	position: relative;
    display: block;
    overflow: hidden;
    height: 18em;
    border-radius: 0 1rem 0 1rem;
}

.gb-block-image img {
    display: block;
    object-fit: cover;
    object-position: 0 0;
    width: auto;
    height: 100%;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    border-radius: 0;
}

.gb-headline-0fcfdd73 { display: none !important; }
.gb-headline-87a57c87 { display: none !important; }
.byline { display: none !important; }