/* 
Theme Name: Posidea child
Theme URI: 
Description: tema child per Posidea 
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: posidea-child
License: 
License URI: 
Tags: 
*/

/* Add your custom styles here */


.menu-item .active::before {
	content: "";
	display: block;
	position: absolute;
	border: 1px solid #dad9d9;
	width: 100%;
	left: 0;
}
.rank-math-breadcrumb {
	text-transform: uppercase;
	padding-left: 5px;
}
.rank-math-breadcrumb .last,.separator{
	color:#fff
}
.catalogo > div > div  >a{
	width:100%!important;
}
#anima div div a{
	animation: categoria 3s ease 0s infinite normal backwards;
}
@keyframes categoria {
	0% {
		animation-timing-function: ease-out;
		transform: scale(1);
		transform-origin: center center;
	}

	10% {
		animation-timing-function: ease-in;
		transform: scale(0.91);
	}

	17% {
		animation-timing-function: ease-out;
		transform: scale(0.98);
	}

	33% {
		animation-timing-function: ease-in;
		transform: scale(0.87);
	}

	45% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}
#anima div div a:hover{
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
	cursor: pointer;
}
img{
	filter: saturate(135%) contrast(107%);
	-webkit-filter: saturate(135%) contrast(107%);
	-moz-filter: saturate(135%) contrast(107%);
}
.elementor-slideshow__title{
	display:none!important;
}
#myBtn {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #27255D;
	color: white;
	cursor: pointer;
	padding: 9px 16px;
	width: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	
}
#myBtn:hover {
	background-color: #555;
}
#pageloader{
	background-color: rgb(255,255,255);
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 9999;
}
.loader{
	display: block;
	position: fixed;
	top: 60% ;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	max-width: 200px;
	height: 100px;
}
#myBtn:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}