/* 
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 */

.section {
    padding-inline: clamp(16px, 5vw, 36px);
}

.inner-section-container {
    max-width: 1240px;
}

.service-card {
    background-color: #1B396A;
    border-radius: 8px;
    flex: 1 1 35% !important;
    min-width: 248px;
    max-width: 692px;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.3s ease;
    text-decoration: none;
}

.service-card::before {
    content: '';
    position: absolute;
    top: var(--y, 50%);
    left: var(--x, 50%);
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    background-color: #2A4879;
    border-radius: 50%;
    transition: width 0.5s ease, height 0.5s ease, background-color 0.3s ease;
    z-index: 0;
}

.service-card.active:before {
    width: 300%;
    height: 300%;
    background-color: #FFCC12;
}

.service-card:hover::before {
    width: 300%;
    height: 300%;
}
  
.service-card:hover {
    color: #FFE74C;
}
  
.service-card span {
    position: relative;
    z-index: 1;
}

.card-medium {
    border-radius: 6px;
    flex: 1 1 0% !important;
    min-width: 300px;
    max-width: 500px;
    overflow: hidden;
}

.card-medium-2 {
    border-radius: 6px;
    flex: 1 1 0% !important;
    min-width: 250px;
    overflow: hidden;
}

.card-small {
    border-radius: 4px;
    flex: 1 1 0% !important;
    min-width: 180px;
    max-width: 284px;
    overflow: hidden;
}

.card-xs {
    flex: 1 1 0%;
    max-width: 172px;
}

.review-card {
    max-width: 584px;
}

.faq-fisarmonica * h3 {
    font-family: var(--e-global-typography-26a1c1c-font-family);
    font-size: var(--e-global-typography-4bb367c-font-size);
    font-weight: 700;
    font-style: var(--e-global-typography-4bb367c-font-style);
    text-decoration: var(--e-global-typography-4bb367c-text-decoration);
    line-height: var(--e-global-typography-4bb367c-line-height);
    letter-spacing: -1.08px;
}

.timeline-line {
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.timeline-fill {
    width: 100%;
    top: 0;
    left: 0;
    height: 0%;
    transition: height 0.3s ease;
    transform-origin: top;
    z-index: 1;
}

.timeline-dot {
    width: 24px;
    height: 24px;
    opacity: 1;
    transform: scale(0.7);
    transition: all 0.3s ease;
    background-color: #2A4879;
}

.timeline-step.active .timeline-dot {
    opacity: 1;
    background-color: #FFE74C;
    transform: scale(1);
} 

.elementor-widget-n-accordion .e-n-accordion-item-title[aria-expanded="true"] {
    border-radius: 6px 6px 0 0;
}

.gsap-section {
    padding-inline: clamp(16px, 5vw, 36px); 
}

.gsap-section-reverse {
    max-width: 1240px;
}

.header-menu a {
    text-decoration: none;
}

.header-menu:hover a {
    text-decoration: none;
}

.elementor-widget-text-editor a {
    font-weight: bold;
    text-decoration: underline;
}

.button-primary {
    background-color: #FFE74C;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 6px;
    transition: color 0.3s ease;
}

.button-primary:hover {
    background-color: #FFCC12;
}

.maps {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.card-project {
    border-radius: 6px;
    flex: 1 1 0% !important;
    min-width: 300px;
    overflow: hidden;
}

::selection {
  background-color: #FFE74C; /* Sostituisci con il colore di sfondo che preferisci */
  color: #1C1C1C; /* Sostituisci con il colore del testo che preferisci */
}

::-moz-selection {
  background-color: #FFE74C; /* Deve essere lo stesso colore di sopra */
  color: #1C1C1C; /* Deve essere lo stesso colore di sopra */
}