/*
 Theme Name:   kavango-25-child
 Theme URI:    http://kavango.eu/kavango-25-child/
 Description:  Twenty Twenty Five Child Theme
 Author:       Jonathan
 Author URI:   https://kavango.nl
 Template:     twentytwentyfive
 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:  twentytwentyfivechild
*/



.aanvragendirect {
	display: inline-block;
	  margin: 0;
  line-height: 1;
}
.kmanav {
	position: relative;
	z-index: 2;
}

.herocontainer {
	width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.herozoom {
    animation: zoomInOut 90s ease-in-out infinite;
    transform-origin: center center;
    width: 100%;
    height: auto;
	margin-top: -100px;
}

.heroturn {
	animation: zoomInOut 90s ease-in-out infinite;
    transform-origin: center center;
    width: 100%;
    height: auto;
	margin-top: -100px;	
}

.wp-block-navigation__responsive-container.is-menu-open {
	padding: 20px;
	color: white;
	background-color: black;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5); /* of het gewenste zoomniveau */
    }
    100% {
        transform: scale(1);
    }
}

.herotekst {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: 12vh;
}

.kma-h1-flybye {  
	animation-name: myAnimation;
  	animation-duration: 0.3s;  
  	animation-fill-mode: forwards;
}

@keyframes myAnimation {
  	from {right: -300px;}
  	to {right: 0px;}
}

@keyframes myAnimation XXX{
  	from {color:red;}
  	to {color:green; }
}

.kma-rotate-on-hover {
	transition: transform 0.3s ease;
	vertical-align: middle; /* standaard proberen */
	position: relative;
	top: -2px; /* een tikje omhoog */
}

.kma-rotate-on-hover:hover {
  transform: rotate(45deg);
}

.kma-solution {
	min-height: 220px;
}

.kma-solution:hover .kma-rotate-on-hover {
  transform: rotate(45deg);
}


@media (max-width: 768px) {
	.wp-block-columns.mijn-twee-op-mobiel {
   		display: grid;
	  	grid-template-columns: repeat(2, 1fr);
  }
	.kma-solution {
	min-height: 100%;
	}
	
	.herotekst {
		margin-top: 15vh;
	}
	.kma-contact-intro {
		display: none;
	}
}