/*
 Theme Name:  Twenty Twenty-Four Child
 Theme URI:   http://example.com/twentytwentyfour-child/
 Description: Twenty Twenty-Four Theme
 Template:    twentytwentyfour
 

-------------------------------------------------------------- */
header {position: fixed;width: 100%;top: 30px;z-index: 99999;}
main {margin-top: 123px !important;}
.has-global-padding {padding-left:5% !important; padding-right:5% !important;}
/* 1. Transizione fluida della dissolvenza (fade) tra le slide */
.so-widget-sow-layout-slider .sow-slider-images .sow-slider-image {
    transition: opacity 1.5s ease-in-out !important;
    overflow: hidden; /* Fondamentale per nascondere i bordi durante lo zoom */
}

/* 2. Definizione dell'animazione di zoom-out lento (Ken Burns inverso) */
@keyframes kenBurnsZoomOut {
    0% {
        transform: scale(1.12); /* Parte ingrandita del 12% */
        transform-origin: center center; /* Lo zoom parte dal centro */
    }
    100% {
        transform: scale(1); /* Torna alla dimensione originale */
    }
}

/* 3. Applica l'animazione solo quando la slide è attiva */
.so-widget-sow-layout-slider .sow-slider-images .cycle-slide-active {
    opacity: 1 !important;
    /*z-index: 101 !important;*/
    /* Associa l'animazione inversa. Imposta la durata (8s) uguale al tuo timeout */
    animation: kenBurnsZoomOut 8s ease-out forwards;
}

/* 4. Reset per le slide non attive */
.so-widget-sow-layout-slider .sow-slider-images .cycle-slide {
    opacity: 0;
}

.wp-block-navigation__responsive-container li {line-height:5}
.wp-block-navigation__responsive-container li a {text-decoration: none;}
.wp-block-navigation__responsive-container li a span {color: #bfbfbf;font-weight: 200; font-size: 16px;}
.wp-block-navigation__responsive-container li a span:hover, .wp-block-navigation__responsive-container li a span:active {color: #a38651;}
.wp-block-navigation__responsive-container li ul {z-index:999 !important; background-color:#a38651 !important; width: 230px !important;}
.wp-block-navigation__responsive-container li ul li {line-height:2;}
.wp-block-navigation__responsive-container li ul li a span {color:#fff !important; }
.wp-block-navigation__responsive-container li ul li a span:hover {color: #bfbfbf !important;}

#riga-slider {position:relative;}
#riga-slider #panel-2-0-0-1, #riga-slider #panel-2-0-0-0 {margin-bottom:0px !important;}
#testo-slider {    position: absolute;bottom: 0;z-index: 999; width: 40%;left: 0;text-align: center;background-color: #a38651b8;padding: 4%;display: block;color: #2b2b2b;font-weight: 200;font-size: 14px;}
#testo-slider .ow-button-base a {background-color: #fff;border: 0px;color: #a38651 !important;text-transform: uppercase;font-size: 12px;font-weight: 400;}


#titolo {position:relative;}
#titolo .sow-headline:before, .sow-headline:after {content: "";position: absolute;border-bottom: calc(1px + .05em) solid #a38651; top:50%; width:20%}
#titolo .sow-headline:before {left: 0;margin-right: calc(5px + .3em);}
#titolo .sow-headline:after {right: 0;margin-left: calc(5px + .3em);}
#titolo .decoration {display:none;}



#notizie {background-color: #f4f4f4; padding: 4% 3%;  margin: 50px 0;}
#notizie .so-widget-sow-recent-posts ul {display:flex; flex-direction: row;gap: 30px;}
#notizie .so-widget-sow-recent-posts ul li {align-items: flex-start;}
#notizie .so-widget-sow-recent-posts ul li .sow-recent-posts-item-inner {grid-template-columns: none;}
#notizie .so-widget-sow-recent-posts ul li img {width: 100%;height: 200px;object-fit: cover;}
#notizie .so-widget-sow-recent-posts ul li h3 {line-height: 1.3;}
#notizie .so-widget-sow-recent-posts ul li h3:before {content:'|'; font-size:20px; font-weight:bold; color:#a38651;}
#notizie .so-widget-sow-recent-posts ul li .sow-recent-posts-excerpt {display:none;}
#notizie .so-widget-sow-recent-posts ul li .sow-recent-posts-read-more {border: 1px solid #a68a57;padding: 3%;text-decoration: none;width: 30%;text-align: center;margin-top: 20px;}
#notizie .so-widget-sow-recent-posts ul li .sow-recent-posts-read-more:hover {background-color:#a68a57;}