/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1768812957
Updated: 2026-01-19 08:55:57

*/



:root{
	--fucsia:#D91160;
}

.fucsia {
	color:#D91160 !important;
}


/* abilitazione view-transitions */
@view-transition { navigation: auto; }

::view-transition-group(*) {
  animation-duration: 0.75s;
}



/* Evita che Elementor aggiunga effetti al passaggio del mouse o allo scroll */
.elementor-widget, .elementor-column, .elementor-widget-container {
    transition: none !important;
}

.number span {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 90px !important;
    display: block !important;
    width: 80px !important;
    height: 80px !important;
}

.foto-home img {
	border:15px solid #fff !important;
	border-radius:10px !important;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.15) !important;
}

/****************** NAVIGAZIONE CAROSELLI ***************/
.swiper-pagination-bullet {
  transition: width 0.3s ease-out, background-color 0.3s ease;
  background-color: #ccc; 
  width: 10px; 
  height: 10px;
}

.swiper-pagination-bullet-active {
  width: 30px !important; 
  background-color: var(--fucsia) !important; 
  border-radius: 10px !important; 
  transition: width 0.3s ease-out, background-color 0.3s ease;
}


/****************************************************/
/************* FORM APPUNTAMENTO ************************/
/****************************************************/
#form-informazioni .elementor-field-type-acceptance label,
#form-informazioni .elementor-field-type-acceptance label a,
#form-risorse .elementor-field-type-acceptance label a {
  font-size: 14px;
}

#form-informazioni .elementor-message,
#form-risorse .elementor-message {
	background: #fff;
    padding: 20px 20px;
    border-radius: 10px;
}

#form-informazioni .elementor-form-fields-wrapper > div,
#form-risorse .elementor-form-fields-wrapper > div
{
	position: relative;
}
#form-informazioni label,
#form-risorse label{
	color: #333;
    position: absolute;
    z-index: 2;
    font-size: 13px;
    top: 6px;
    left: 16px;
}
#form-informazioni input[type="text"],
#form-informazioni input[type="email"],
#form-risorse input[type="text"],
#form-risorse input[type="email"]{
	padding: 16px 6px 0px 6px;
}
#form-informazioni textarea{
	padding: 24px 6px 0px 6px !important;
}
#form-informazioni .elementor-field-type-acceptance label,
#form-risorse .elementor-field-type-acceptance label {
	left:28px;
}

#form-informazioni button,
#form-risorse button 
{
	margin-top:20px;
}

.elementor-field-type-acceptance {
	margin-bottom:15px !important;
}


/****************** BLOG ***************/
#categorie {
	padding:30px 30px;
	background:#f7f7f7;
	border-radius:20px;
	margin-top: 30px;
}
#categorie h5{
	font-size: 28px;
}
#categorie ul{	
	list-style: none;
	margin:0;
	padding:0;
}
#categorie ul li{	
	border-bottom: 1px solid #ddd;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}
#categorie li a{
	color: var(--fucsia);
	font-size: 18px;
}
#categorie li a:hover{
	color: var(--fucsia);
}