/*
 Theme Name:   kavango-24-child
 Theme URI:    http://kavango.eu/kavango-24-child/
 Description:  Twenty Twenty Four Child Theme
 Author:       Jonathan
 Author URI:   https://kavango.eu
 Template:     twentytwentyfour
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentyfourchild
*/


h1, h2, h3, h4, h5, h6 {
	font-family: "Bebas Neue", sans-serif;
}

p {
	font-family: "georgiapro", sans-serif;
	font-weight: 400;
	font-style: normal;
}

li {
	font-family: "georgiapro", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.kma-overons {
	margin-top: -100px !important;
    position: relative;
    z-index: 1;
}

.gform-theme--foundation .gform_fields
 {
 grid-row-gap: 12px !important;
}


.kma-mobilemenu, .kma-mobilemenu-nl {
		display: none;
	}

.wp-block-navigation__responsive-dialog {
	padding: 20px;
}

	.wp-block-cover__image-background, .wp-image-1283 {
		display: block;
	}

a.meestgelezen {
	text-decoration: none;
}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    background-color: white;
    border-radius: 50%;
    padding: 3px;align-content
	}

.nav-menu-mob {
	display: none; 
}

/* MOBILE */

@media (max-width: 600px) {
	.kma-desktopmenu {
		display: none;
	}
	.nav-menu {
		display: none;
	}
	.nav-menu-mob {
	display: inline;
}
	  .hide-image {
    display: none !important;
  }
	
	.wp-container-core-group-is-layout-d75a7a6d {
		 grid-template-columns: repeat(2, 1fr)!important; /* Voorbeeld: 2 kolommen op mobiel */
	}
	
	.desktopspacerhome {
		display: none;
	}

	/* WERKT NIET  
	.wp-block-cover__image-background, .wp-image-1283 {
		display: none;
	}
	
	.wp-block-cover {
		background-image: url('https://abeautifulmess.nl/wp-content/uploads/2024/05/hero-website-home-mobile-webp.webp');
	}	
	*/
	
}

.nav-menu a {
    color: #fff !important;
}

.nav-menu a:hover {
    color: #fff !important;
}

.tijdelijk {
	display:none;
}
.zoomboi {
	overflow: hidden;
	img:hover {
		transform: scale(1.1);
			transition: transform 0.3s ease;

		
	}
}
.is-style-fill {
	
}

.is-style-fill:hover {
		transition: all 0.5s ease;

	a {
		background-color: #111111 !important;
		color: #f3e8cd !important;
				transition: all 0.5s ease;

	}	
}