/* 
Theme Name: GWS Childplate
Theme URI: https://github.com/
Description: Hello Elementor Child für interne Projekte
Author: GallyWebsolutions GmbH
Author URI: https://www.gally-websolutions.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: gws-childplate
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

:root{
	--maintrans: .3s all ease-in-out;
}

#navwrap{
	transition: var(--maintrans);
}

.scrolled-down{
	#navwrap{
		padding: .5em 2em;
		
		#logograph{
			width: 200px;	
		}
		
		
	}
}

#logograph{
	width: 100%;
	transition: var(--maintrans);
}

#logograph .st0{
	fill: var(--e-global-color-secondary);
}

@media screen and (max-width: 768px){
	
	#logograph{
		width: 100%;
	}
	
	.scrolled-down{
		
		#navwrap{
		padding: .5em 1em;

			#logograph{
				width: 100px;	
			}
		}
	}

}




#footerlogo{
	width: 200px;
	transition: var(--maintrans);
}

#footerlogo .st0{
	fill: var(--e-global-color-secondary);
}

@media screen and (max-width: 768px){
	#footerlogo{
		width: 100px;
	}
}

.hoverbox::before{
	content: '';
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	background: var(--e-global-color-secondary);
	border-radius: 50%;
	transition: var(--maintrans);
	opacity:0;
}


.hoverbox:hover::before{
	opacity: 1;
}

.hoverbox img{
	transition: var(--maintrans);
	mix-blend-mode: multiply;
}

.hoverbox:hover img{
	transform: rotate(15deg) scale(1.1);
}


.eael-single-product-images .product_image_slider__container .swiper-slide img{
	max-height: 700px;
	width: auto;
	mix-blend-mode: multiply;
}

.eael-single-product-images .product_image_slider__container .swiper-slide .image_slider__image:before{
	content: '';
	width: 90%;
	height: auto;
	aspect-ratio: 1 / 1;
	background: url('https://salvis-wein.ch.fahrenheit.sui-inter.net/wp-content/uploads/2025/08/icon.svg');
	background-position: center center;
	background-size: contain;
	border-radius: 50%;
	transition: var(--maintrans);
	opacity:1;
	position: absolute;
    z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*Format*/

:root :where(.wp-element-button, .wp-block-button__link){
	background-color: var(--e-global-color-accent);
    font-family: "Playfair", Sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-transform: normal;
    font-style: normal;
    text-decoration: none;
    line-height: 1.3em;
    fill: var(--e-global-color-secondary);
    color: var(--e-global-color-secondary) !important;
    border-radius: 0px 0px 0px 0px;
	transition: var(--maintrans);
	
	&:hover{
		background-color: var(--e-global-color-text);
    	color: var(--e-global-color-secondary) !important;
	}
}



.mailchimp_form_placeholder{
	input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
		border-color: var(--e-global-color-accent);
	   	border-radius: 0px 0px 0px 0px;
		font-size: var(--e-global-typography-text-font-size);
		font-weight: var(--e-global-typography-text-font-weight);
		color: var(--e-global-color-text);
		    padding: 7px 20px;
		width: 100%;
		background: transparent;
		min-height: 59px;
	}
	
	.mpam-submit{
		font-family: "Playfair", Sans-serif;
		font-size: 1em;
		font-weight: 500;
		border-radius: 0px 0px 0px 0px;
		width: 100%;
		display: block;
		line-height: 1;
	}
	
	label{
		width: 100%;
	}
}