/*
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.6.1772202478
Updated: 2026-02-27 14:27:58

*/


:root{
	--giallo: #D4AE5D;
	--azzurro: #3A698A;
}

.giallo {
	color: var(--giallo);
}
.azzurro {
	color: var(--azzurro);
}


/* Abilitiamo la transizione nativa tra le pagine */
@view-transition { navigation: auto; }

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

.sectionPadding {
	padding:100px 20px 100px 20px;
}

b, strong {
	font-weight: 600 !important;
}


.p100-20 {
	padding: 100px 20px !important;
}
.p50-20 {
	padding: 50px 20px !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(--azzurro) !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 {
  font-size: 14px;
  color: #fff;
}
#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(--verde);
	font-size: 18px;
}
#categorie li a:hover{
	color: var(--verde-chiaro);
}

#single-blog-content h2,
#single-blog-content h3,
#single-blog-content h4,
#single-blog-content h5 {
	margin-top:30px;
	margin-bottom:5px;
}