/*
Theme Name: astra-child
Theme URI: http://example.com/astra-child/
Description: astra-child Theme
Author: 
Author URI: http://example.com
Template: astra
Version: 1.0.0
*/
/* Add your custom styles here */

:root {
	--color-primary: #F0EA42;
	--color-primary-darker-1: #BFC423;
	--color-primary-darker-2: #6C7005;
	--color-primary-ligther-1: #EDEBAA;
	--color-primary-ligther-2: #F6F5E8;
	--color-secondary-1: #C6D2C9;
	--color-secondary-2: #A1AD97;
	--color-secondary-3: #CFA9E8;
	--color-secondary-4: #400B64;
	--color-greyscale: #403C41;	
}

.contain{
	display: flex;
	flex-direction:row;
}

.gallery {
	background-color: rgb(0, 0, 0);
	object-fit:contain;
    text-align:center;
    position: relative;
}

.legende {
    display:none;
    font-size: 20px;
	font-weight: 500;
	font-family: "DM Sans";
	color: white;
}

.legende p{
	margin-bottom:10px;
}

.gallery:hover .image {
    opacity:0.1;
	z-index: -1;
	transition-duration: 0.5s;
}

.gallery:hover .contain{
	display:block;
	
}

.gallery:hover .legende {
    display:block;
    position: absolute;
    top: 30%;
	left: 50%;
	transform: translateX(-50%);
}

/*Responsive Mobile*/
@media (max-width: 767px) {
	.contain{
		display: flex;
		flex-direction: column;
	}
}

.menu-link a{
	font-family: "DM Sans";
}

.menu-link:hover{
	background-color: var(--color-primary);
}

.current-menu-item a{
	font-weight:bolder;
}