/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@import url('https://use.typekit.net/err6nbr.css');



a.star-3 {
  color:#ABBC88!important;
}

a {
  color:#ABBC88;
}

.elementor-toggle-item {
    /* border-toggle */
    border-radius: 10px;
}

.custom-ul a {
    color: #1B285D;
    font-weight: 800;
    font-size: 30px;
    font-family: 'Area Extended' , serif!important;
}

.copyright  p {
font-family: "Area Normal";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.footer p {
    font-weight: 400;
    font-size: 15px;
}


p {
    line-height: 24px!important;
}

.footer a {
    font-family: "Montserrat", Sans-serif!important;
    cursor: pointer; /* Indica che è un elemento cliccabile */
    color: rgb(255, 255, 255);
}

.footer a.active {
    color:#ABBC88!important;
}

.footer a.hover {
    color:#ABBC88!important;
}


.custom-outline {
    position: relative; /* Necessario per il posizionamento del pseudo-elemento */
  }
  
  .custom-outline::before {
    content: '';
    position: absolute;
    top: -10px; /* Distanza sopra l'immagine */
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #323A21; /* L'outline */
    pointer-events: none; /* Permette di cliccare sull'immagine */
    z-index: 2; /* Garantisce che sia sopra l'immagine */
  }
  
  .custom-outline img {
    display: block; /* Rimuove eventuali spazi indesiderati */
    width: 100%; /* Adatta l'immagine al contenitore */
    height: auto;
  }





  .custom-inner-outline {
    position: relative;
    display: inline-block;
  }
  
  .custom-inner-outline img {
    display: block;
    width: 100%; /* Assicura che l'immagine si adatti al contenitore */
    height: auto;
  }
  
  .custom-inner-outline::before {
    content: '';
    position: absolute;
    top: 5px; /* Offset verso l'interno */
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px solid #323A21; /* Outline interno */
    pointer-events: none; /* Per consentire interazioni con l'immagine */
    z-index: 2; /* Sopra l'immagine */
  }
  
  
  
  .elementor-widget-button .elementor-button {
    background-color: initial!important;
  }

  rect {
    fill: none;
}

/* Stile di base per la freccetta */
#Arrow\ 2 {
  width: 50px; /* Regola la dimensione */
  height: 50px;
  background-color: transparent; /* Cambia se vuoi uno sfondo */
  position: relative;
  animation: moveArrow 1s infinite ease-in-out;
}

/* Animazione per il movimento dall'alto verso il basso */
@keyframes moveArrow {
  0% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(-5px);
  }
}

/* Stop animazione al passaggio del mouse */
#Arrow\ 2:hover {
  animation: paused;
}

.black circle#Ellipse\ 180 {
  stroke: #323A21;
}

.black path#Arrow\ 2 {
  fill: #323A21;
}

.page-id-1264 header {

display: none;

}

.page-id-1264 footer {

display: none;

}




.hamburger {
    position: relative;
    width: 30px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    z-index: 1000;
}

.hamburger span {
    display: block;
    border-radius: 3px;
    height: 1.5px;
    width: 100%;
    background-color: #323A21;
    transition: all 0.3s ease-in-out;
}

/* Menu mobile */
.menu-mobile {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.248);
    transition: right 0.5s ease;
    z-index: 999;
        /* Standard backdrop-filter */
    backdrop-filter: blur(25px);

    /* Safari support */
    -webkit-backdrop-filter: blur(25px);
}

.menu-mobile ul {
    list-style: none;
    padding: 100px 20px;
    text-align: center;
}

.menu-mobile ul li {
    margin: 20px 0;
}

.menu-mobile ul li a {
    text-decoration: none;
    font-size: 28px;
    color: #323A21;
    font-family: utile-display, sans-serif;

}

/* Effetto per far diventare una X */
.hamburger.open span:nth-child(1) {
    transform: rotate(43deg) translateY(12px) translateX(6px);
    background-color: #323A21;
}

.hamburger.open span:nth-child(2) {
    opacity: 0;
    background-color: #323A21;

}

.hamburger.open span:nth-child(3) {
    transform: rotate(-45deg) translateY(-6px);
    background-color: #323A21;
}

.menu-mobile.active {
    right: 0;
}

/* Aggiunta delle animazioni */
.menu-mobile ul li {
    opacity: 0;
    transform: translateX(100px); /* Inizialmente fuori schermo */
    transition: all 0.5s ease-in-out;
}

.menu-mobile.active ul li {
    opacity: 1;
    transform: translateX(0); /* Torna in posizione */
}

/* Animazione progressiva con ritardo */
.menu-mobile.active ul li:nth-child(1) {
    transition-delay: 0.1s;
}

.menu-mobile.active ul li:nth-child(2) {
    transition-delay: 0.2s;
}

.menu-mobile.active ul li:nth-child(3) {
    transition-delay: 0.3s;
}

.menu-mobile.active ul li:nth-child(4) {
    transition-delay: 0.4s;
}


.blur-background {
    /* Standard backdrop-filter */
    backdrop-filter: blur(25px);

    /* Safari support */
    -webkit-backdrop-filter: blur(25px);

}


.icon-header path {
    stroke: #323A21;
    stroke-width: 1px;
}

.cky-consent-container .cky-consent-bar {
      padding: 24px 54px!important;

}

.elementor-kit-8 {
    color: #323A21;
}

[type=button],[type=submit],button {
    color: #323A21;
    border: 1px solid #323A21;
    padding: 10px!important;
}


[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover {
    color: #fff!important;
    background-color: #ABBC88;
    text-decoration: none
}

/*Toggle testo */

  .toggle-text {
    overflow: hidden;
    max-height: 70px;                /* altezza di 2 righe */
    transition: max-height 0.5s ease;
    line-height: 30px;
  }
  .toggle-text.expanded {
    max-height: 1000px;             /* sufficientemente grande */
  }
  .toggle-btn {
    cursor: pointer;
    font-weight: bold;
    user-select: none;
    margin-top: 0.5em;
    display: inline-block;
    transition: transform 0.2s ease;
  }
  .toggle-btn:active {
    transform: scale(0.9);
  }