/* STEPS RESPONSIVE: [1-320] [321-480] [481-600] [601-768] [769-1024] [1025-1200] [1201-***]  */

/* #region TAVOLA COLORI */
/*
    #284854 blu
    #008d36 verde scuro
    #95c11f verde chiaro
    #dedc00 giallino
    #82d0f5 azzurrino    
    
    #ffffff bianco
    #eeeeee grigio chiaro (sfondo)
    #dddddd grigio (bordi)


    #5a5758 grigio menu
    #162a4a blu menu
    #0b294e voce di menu principale evidenziata
*/
/* #endregion */

/* #region TAVOLA COLORI */
/*
    #384184 blu scuro           rgba(0,69,103, 1)          hsl(200, 100%, 20%)     Colore ufficiale SOFTIMAX -> Sfondi blu scuro
    #00aaff azzurro scuro       rgba(0,170,255, 1)         hsl(200, 100%, 45%)     Sfondo azzurro scuro
    #80d4ff azzurro             rgba(128,212,255, 1)       hsl(200, 100%, 75%)     Titolo H3 nell'header
    #b3e5ff azzurro chiaro      rgba(179,229,255, 1)       hsl(200, 100%, 85%)     Link nell'header
    #def4ff azzurro chiarissimo                                                    Per differenziare (nel mobile) contenuti originariamente bianchi
    #666666 grigio scuro                                                           Testi 
    #cccccc grigio-chiaro                                   hsl(0, 0%, 80%)        Sfondo obliquo-chiaro
    #dddddd grigio (bordi)
    #f2f2f2 grigio-chiarissimo                              hsl(0, 0%, 95%)        Sfondo obliquo-chiaro
    #ffffff bianco
*/

:root {
    /* 2026-07-17 - TASK-014 Breakpoint menu superiore */
    --max-width-breakpoint--hamburger-menu: 599px;
    --min-width-breakpoint--classic-menu: 600px;
}

:root {
    /* Colori assoluti con sintassi:  --Colore--NOME */
    --Colore--Trasparente: #00000000;
    --Colore--Bianco: #ffffff;
    --Colore--Nero: #000000;
    --Colore--Blu-SemiTrasparente: rgba(66, 130, 108, 0.7);
    --Colore--Blu-Pieno: rgba(66, 130, 108, 0.9);
    --Colore--VerdeScuro-Logo: #008d36;
    --Colore--VerdeChiaro-Logo: #95c11f;
    --Colore--Giallo-Logo: #dedc00;
    --Colore--Azzurro-Logo: #82d0f5;
    --Colore--Grigio-Logo: #284854;
    /* Colori degli elementi con sintassi:  --Colore-ELEMENTO */

    --Colore-Primario: var(--Colore--VerdeChiaro-Logo);
    --Colore-Primario: var(--Colore--Giallo-Logo);
    --Colore-Primario: var(--Colore--VerdeScuro-Logo);
    --Colore-Primario: var(--Colore--Azzurro-Logo);
    --Colore-Primario: var(--Colore--Grigio-Logo);
    --Colore-Primario: #5a5758;
    --Colore-Primario: #00b1ef;
    --Colore-Primario: var(--Colore--VerdeScuro-Logo);
    --Colore-Logo-Scritta: #0b294e;
    --Colore-Logo-Sfondo: #e6f8fe;
    --Colore-ContenutoDinamico-Anteprima-Testo: var(--Colore--Bianco);
    --Colore-ContenutoDinamico-Anteprima-Sfondo: var(--Colore--Blu-Pieno);
    --Colore-ContenutoDinamico-Anteprima-Sfondo-Hover: var(--Colore--Blu-SemiTrasparente);
    /* Colori di alcuni brand, con sintassi: --Colore-BRAND */
    --Colore-Facebook: #4267B2;
    --Colore-Whatsapp: #25D366;
    --Colore-Twitter: #1DA1F2;
    --Colore-Telegram: #3390ec;
    --Colore-Linkedin: #0a66c2;
}

/* #endregion TAVOLA COLORI */

/* #region FONTS */


/* NORMAL */
@font-face {
    font-family: 'lemon-milk';
    font-weight: normal;
    font-style: normal;
    src: url('/graphics/fonts/lemon-milk/LEMONMILK-Regular.otf') format('opentype');
}
/* NORMAL-ITALIC */
@font-face {
    font-family: 'lemon-milk';
    font-weight: normal;
    font-style: italic;
    src: url('/graphics/fonts/lemon-milk/LEMONMILK-RegularItalic.otf') format('opentype');
}
/* NORMAL-BOLD */
@font-face {
    font-family: 'lemon-milk';
    font-weight: bold;
    font-style: normal;
    src: url('/graphics/fonts/lemon-milk/LEMONMILK-Bold.otf') format('opentype');
}
/* BOLD-ITALIC */
@font-face {
    font-family: 'lemon-milk';
    font-weight: bold;
    font-style: italic;    
    src: url('/graphics/fonts/lemon-milk/LEMONMILK-BoldItalic.otf') format('opentype');
}
/* EVERTONE SCRIPT */
@font-face {
    font-family: 'evertone_script';
    src: url('/graphics/fonts/evertone_script/evertone_script-webfont.woff2') format('woff2'),
         url('/graphics/fonts/evertone_script/evertone_script-webfont.woff') format('woff'),
         url('/graphics/fonts/evertone_script/evertone_script-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body,
.layout_footer h3 {
    /*font-family: 'Roboto', sans-serif; restyle26*/
    font-family: 'raleway-ingauno', sans-serif; /*restyle26*/
}

.layout_header .menu-titolo-social div {
    /*font-family: lemon-milk, sans-serif; restyle26*/
    font-family: 'raleway-ingauno', sans-serif; /*restyle26*/
}

h1, h2,
.layout_header .menu-titolo-social div b,
.layout_header .menu-titolo-social div strong {
    /*font-family: lemon-milk, sans-serif; restyle26*/
    font-family: 'raleway-ingauno', sans-serif; /*restyle26*/
    font-weight: bold;
}

.layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay p {
    /*font-family: lemon-milk, sans-serif; restyle26*/
    font-family: 'raleway-ingauno', sans-serif; /*restyle26*/
}


h1, h2, h3 {
  font-weight:bold;
  /*text-transform:uppercase;*/
}

/* #endregion */

/* #region GENERIC ELEMENTS */

body {
  color: #284854;
  font-size: 1.1em;
   
  /*NATALE*/
 /*background-image: url(/graphics/sfondo_torri.jpg);
  background-attachment: fixed;
  background-size: cover;*/

}

h1,h2,h3,h4
{
  color:#284854;
  /*display: inline-block;*/
  
 /* background-image: url(/graphics/swirl.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 125px;
  padding-bottom: 20px;*/
 
}

h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 2.3em;
}

h3 {
  font-size: 1.7em;
}

h4 {
  font-size: 1.4em;
}

b, strong {  
  /* NEW *
  color:#284854;*/
}

a {
    text-decoration: underline;
    color: #284854;
    text-decoration-color: #284854;
}

h1 >a, h2 >a, h3 >a, h4 >a {
    text-decoration:none !important;  
    color: #284854;
    display:inline-block;
    border-bottom:2px solid #82d0f5;
}

h1 >a:hover, h2 >a:hover, h3 >a:hover, h4 >a:hover {
    border-bottom:2px solid #008d36;
    border-bottom:2px solid #dedc00;    
}

IMG {
    max-width:100% !important;
}

/* #endregion */

/* #region LAYOUT: HEADER */

/* DEBUG * /
*::before {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    border:1px dotted lime;
}
/* FINE DEBUG */

.layout_header {
    background-color: var(--Colore-Primario);
    border-bottom: 1px solid transparent;
    color: #284854;
    left: 0em;
    right: 0;
    top: 0em;
    position: fixed;
    z-index: 999;
}

.layout_header:before {
    height: 1em;
    bottom: unset;
    background: #ffffff;
    position: fixed;
    border:0;
    opacity:1;
}


.layout_header .logo,
.layout_header.mini .logo {
    background-color: transparent;
    /*background-image: url('/graphics/logo_tondo.png');*/
    background-image: url('/graphics/logo.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    display: block;
    border-radius: 0;
    position: absolute;
    top: 2em;
    left: 0;
    right: unset;
    bottom: 1em;
    width: 5em;
    height: auto;
}

.layout_header #show-menu:checked ~ .logo {
}

.layout_header nav,
.layout_header.mini nav {
    padding-bottom: 0;
    padding-top: 2.5em;
}

.layout_header nav li {
    margin: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align:top;
}

.layout_header nav li:hover {
    background-color: #0b294e;
    color: #ffffff;
}

.layout_header nav li.menu1 {
    display: block;
    background: transparent;
    height:3em;
}

.layout_header nav li.menu1 a {
    line-height: 1.5em;
}

.layout_header nav li.menu2 {
    display: block;
    background:transparent;    
}

.layout_header nav li.menu2 a {
    line-height: 1.2em;
}

.layout_header nav li a {
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    padding: 0 0.5em;
    line-height: 4em;
    text-decoration: none;
    font-size: 0.9em;
    text-transform: uppercase;
    line-height: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.layout_header nav li.hover a,
.layout_header nav li:hover a {
    color: #ffffff;
}

.layout_header nav li.menu1 > a {
    width:12em;
}

.layout_header nav li.menu1 a{
    margin:0.5em 0;
}

.layout_header nav li.menu1.hover > a,
.layout_header nav li.menu1:hover > a {
    background: var(--Colore-Primario);
}

.layout_header nav li.menu2.hover > a,
.layout_header nav li.menu2:hover > a {
    background: #566e89;
}

.layout_header nav .menu0_container {
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.layout_header nav .menu1_container {
    display: none;
    text-align: left;
    padding: 0;
    padding-top:1em;     
    padding-bottom:1em;  
    position: absolute;
    right: 0;
    background: #0b294ebb;
    left: 0;
}        

.layout_header nav li.hover .menu1_container,
.layout_header nav li:hover .menu1_container {
    display: block;
}

.layout_header nav .menu2_container {
    display: none;
    margin: 0;
    padding: 0;
    padding-top:1em;
    left: 12em;
    position: absolute;
    /*overflow: hidden;*/
    top: 0;
    right: 0;
    bottom: 0;
}

.layout_header nav .menu1:hover .menu2_container,
.layout_header nav .menu1.hover .menu2_container {
    /*max-height: 20em;*/
    display:block;
}


.layout_header nav .menu2_container:after {
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0b294eaa;
    position: absolute;
    z-index: -1;
}

.layout_header nav .flags:hover div {
    background: #566e89 none repeat scroll 0 0;
}

.layout_header #show-menu:checked ~ nav {
    bottom: 0em;
    padding: 0.5em;
    background: var(--Colore-Primario);
    top: 3.75em;
    left: 0;
    right: 0;
    width: auto;
}
.layout_header,
.layout_header.mini {
    font-size: 0.9em;
}

.layout_header nav .flags {
    line-height: 1em;
    font-size: 1em;
    width: 1em;
    position: absolute;
    top: 0;
    right: 0;
    /**/
    z-index:10;
    top:-2.5em;
}    

.layout_header nav .flags >div  {
    top:0;
    left:unset;
    right:0;
    line-height:1em;
    font-size:1em;
}

html[lang=it] .layout_header nav .flags .flag.it,
html[lang=en] .layout_header nav .flags .flag.en,
html[lang=en-x-mtfrom-it] .layout_header nav .flags .flag.en,
html[lang=fr] .layout_header nav .flags .flag.fr,
html[lang=de] .layout_header nav .flags .flag.de {
    height: 1em;
    margin: 1em 0.5em 1em 0.5em;
    margin: 0.5em;
    line-height: 1em;
    font-size: 1.2em;
    /*    line-height: 3em;  le due righe sopra simulano il lineheight*/
}

.layout_header nav .flags:hover .flag {
    margin-left: auto;
    margin-right: auto;
}

.layout_header .show-menu {
    color: #ffffff;
}

.layout_header .show-menu:hover 
{
    color: #82d0f5;
}


.layout_header nav li.menu0.home {
    position: absolute;
    left: -3em;
}

.layout_header nav li.menu0.home a {
    display: inline-block;
    width: 0;
    height: 1.75em;
    overflow: hidden;
    background-color: transparent;
    background-image: url('/graphics/ico-casa.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 0;
    padding-left: 2em;
}

/* #region Contenuto speciale ".menu-titolo-social" */

.layout_header .logo,
.layout_header.mini .logo {
    display: none;
}
    
.layout_header .menu-titolo-social {
    position: absolute;
    left: 0;
    top: 1em;
    bottom: 0em;
    color: #ffffff;
    text-align: left;
}

.layout_footer .menu-titolo-social {
    position:relative;
}

.layout_header .menu-titolo-social a.logo-tondo {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    padding: 0 0 0 12em;
    overflow: hidden;
    background-color: transparent;
    /*background-image: url('/graphics/logo_tondo.png');*/
	background-image: url('/graphics/logo.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.layout_header .menu-titolo-social div {
    margin-left: 4em;
}

.layout_header .menu-titolo-social div p {
    display: block;
    margin: 0;
    padding: 0;
    display:none;
}

.layout_header .menu-titolo-social div a,
.layout_footer .menu-titolo-social div a {
    display: inline-block;
    height: 1.5em;
    width: 0;
    padding: 0 0 0 1.5em;
    overflow: hidden;
    background-color: transparent;
    /*background-image: url('/graphics/logo_tondo.png');*/
    background-image: url('/graphics/logo.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
    color: #ffffff;
}

.layout_header .menu-titolo-social div b,
.layout_header .menu-titolo-social div strong {
    color: #ffffff;
}

.layout_header .menu-titolo-social div a.facebook,
.layout_footer .menu-titolo-social div a.facebook {
    background-image: url('/graphics/ico-facebook.png');
}

.layout_header .menu-titolo-social div a.instagram,
.layout_footer .menu-titolo-social div a.instagram {
    background-image: url('/graphics/ico-instagram.png');
}

.layout_header .menu-titolo-social div a.whatsapp,
.layout_footer .menu-titolo-social div a.whatsapp {
    background-image: url('/graphics/ico-whatsapp.png');
}

.layout_header .menu-titolo-social div a.youtube,
.layout_footer .menu-titolo-social div a.youtube {
    background-image: url('/graphics/ico-youtube.png');
}

.layout_header .menu-titolo-social div p + p {
    font-size: 1.2em;
    margin-top: 0.25em;
}

/* #endregion // Contenuto speciale ".menu-titolo-social" */
 
/* #region Contenuto speciale ".menu-superiore" */

.menu-superiore {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    color:#ffffff;
    padding-right:3em;
}
    
.menu-superiore:before {
    content:'';
    display: inline-block;
    background: #0b294e;
    padding-left: 2em;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:-1000px;
    transform:skew(-30deg);
    z-index:0;
}

.menu-superiore p {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0.67em;
}

.menu-superiore a {
    color: #ffffff;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    font-size:0.9em;
    margin:0 1em;
    padding-left:36px;
    background-image:url('ico-dormire-new.png');
    background-position:left center;
    background-repeat:no-repeat;
    background-size:32px 32px;
}

.menu-superiore a.mangiare {
    background-image: url('ico-mangiare-new.png');
}

.menu-superiore a.esperienze {
    background-image: url('ico-gadgets-bianca.png');
}


.menu-superiore a.spiaggia {
        background-image: url('ico-spiaggia-new.png');
    }

.menu-superiore a:hover {
    background-color: #566e89;
}

/* #endregion // Contenuto speciale ".menu-superiore" */

/* #endregion */

/* #region LAYOUT: PAGE */
.layout_page .video-play .text_block.blk_1_1,
.layout_page .video-pause .text_block.blk_1_1 {
        display: none;
    }

.layout_page .text_block a {
    text-decoration: underline;
    text-decoration-color: #284854;
}

.layout_page .text_block a:hover {
    /*text-decoration-color:#dedc00;*/
    text-decoration: none;
    background-color: #0b294e;
    color:#ffffff;
}

article.art_block.evento-gestione-evento-importato-ma-nascosto {
    display: none !important;
}

.layout_page .art_block img 
{
    /*anteprime delle offerte con "immagine a sinistra" con foto più grandi del solito*/
    margin:0.5em;
    width:40%;
}

.layout_page .art_block > a {
	color: #000000;
	text-decoration: none !important;
	border: none;
	display: block;
    height: auto;
    overflow:visible;
    line-height: 1.1em;
    color: #FFFFFF;
    background-color:white;
    margin-bottom:0;
    padding-top:9em;
    padding-right:0;
    padding-bottom:0;
}

.esperienze .layout_page .art_block > a {
    padding-top: 12em;
    min-height: 30em;
}

.layout_page .art_block > a {
    position:relative;
}

.layout_page .art_block > a > b {
    background-color: #0b294e;
    color: #ffffff;
    display: block;
    position: relative;
    text-align: right;
    padding: 0.5em;
    width: 80%;
    margin-left: auto;
    margin-right: 0;
    font-size: 1.3em;
    font-size: 1.3em;
}

.layout_page .art_block > a > div {
    padding: 0;
    background: #0b294ecc;
    min-height: 5em;
    text-align: right;
    text-shadow: none;
    color: #ffffff;
    overflow: hidden;
    width: 80%;
    margin-left: auto;
    margin-right: 0;
    margin-bottom:1em;
}


.layout_page .art_block > a:hover > b, 
.layout_page .art_block > a:hover > div {
    background-color: #ffffff;
    color: #0b294e;
    position: relative;
}

.layout_page .art_block > a:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 0;
    height: 0;
    border-top: 1.25em solid #ffffff;
    border-left: 1.25em solid transparent;
}

.layout_page .art_block > a:hover:after {
    border-top: 1.25em solid #0b294e;
}

.layout_page > div .text_block *,
.layout_page > div .art_block * {
    max-width:100% !important;
}

/*.layout_page .art_block > a > div     
{
    text-shadow: 0px 0px 0px #000000, 0px 0px 1px #000000;
    color:#444444;
} */

.layout_page .art_block > a > div {
    text-shadow: none;
}

.layout_page .art_block > a > div > p {
	margin: 0.5em;
    text-align:right;
}


.layout_page > div .text_block > p,
.layout_page > div .text_block > ol,
.layout_page > div .text_block > ul,
.layout_page > div .text_block > div,
.layout_page > div .text_block > table,
.layout_page > div .art_block > p,
.layout_page > div .art_block > ol,
.layout_page > div .art_block > ul,
.layout_page > div .art_block > div,
.layout_page > div .art_block > table {
    /*text-align:justify;*/
}



/* #endregion */
/* #region LAYOUT: FOOTER */
/* 2026-07-16 - Restyle footer mockup grafico */
.layout_footer {
    background: #ffffff;
    color: #6f7277;
    line-height: 1.35em;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin-top:3em;
}

.layout_footer:before {
    content: '';
    background-image: url('/graphics/SCM_Footer_Decorazione_v1.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 500px;
    left: calc(50% - 620px);
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 225px;
    z-index: 0;
}

.layout_footer >div {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 2em 0 250px;
    position: relative;
    z-index: 1;
}

.layout_footer .footer1,
.layout_footer .footer2,
.layout_footer .footer3 {
    background: transparent;
    color: #6f7277;
    padding: 1em 0;
    position:relative;
}

.layout_footer .footer1:before,
.layout_footer .footer2:before,
.layout_footer .footer3:before {
    content: '';
    position: absolute;
    left: -1000px;
    right: -1000px;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 0;
}

.layout_footer .footer1 {
    border-top: 3px solid #27aee3;
    padding-top: 3em;
    padding-bottom: 1.5em;
}

.layout_footer .footer2 {
    padding-top: 1.25em;
    padding-bottom: 1em;
}

.layout_footer .footer3 {
    border-top: 1px solid #d9e2e7;
    padding-top: 1em;
    padding-bottom: 1.75em;
}

.layout_footer .footer1 > table,
.layout_footer .footer2 > table,
.layout_footer .footer3 > table {
    position:relative;
    z-index:1;
}

.layout_footer .footer1 > table td,
.layout_footer .footer2 > table td,
.layout_footer .footer3 > table td {
    padding: 0 1.5em 0 0;
    text-align: left;
}

.layout_footer .footer1 > table td:nth-child(2),
.layout_footer .footer1 > table td:nth-child(3) {
    border-left: 1px solid #cfd7dc;
    padding-left: 0.5em;
}

.layout_footer .footer1 > table td:first-child img {
    height: auto !important;
    max-width: 280px;
    width: 100% !important;
}

.layout_footer .footer2 img,
.layout_footer .footer3 img {
    max-width: 100%;
}

.layout_footer .footer2 a.badge {
    background-color: #ffffff;
    border: 0px solid #d9e2e7;
    box-shadow: 0 2px 8px rgba(28, 48, 60, 0.08);
    padding: 0.25em;
    border-radius: 0;
    line-height: 1em;
    vertical-align: middle;
    margin: 0.5em 0.5em;
}


.layout_footer .footer3 img {
    filter: brightness(0) saturate(100%) invert(46%) sepia(8%) saturate(592%) hue-rotate(176deg) brightness(91%) contrast(87%);
    opacity: 0.9;
}

.layout_footer a {
    display: inline-block;
    color: #6f7277 !important;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.layout_footer a:hover {
    text-decoration: none;
    color: #111111 !important;
    background-color: #d8e900 !important;
    border-bottom-color: transparent;
}

.layout_footer .footer2 a,
.layout_footer .footer3 a {
    padding: 0.125em;
}

.layout_footer h3 
{
    color: #6f7277;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 0.75em;
    padding-bottom: 0;
    text-transform: uppercase;
}

.layout_footer .footer1 h3 {
    color: #6f7277;
}

.layout_footer p {
    margin: 0;
}

.layout_header .menu-titolo-social div a,
.layout_footer .menu-titolo-social div a {
    background-image: none !important;
    border: 1px solid #9da3a7;
    border-radius: 50%;
    box-sizing: border-box;
    color: #7c8286 !important;
    filter: none;
    font-size: 0;
    height: 26px;
    line-height: 25px;
    margin-right: 6px;
    margin-top: 12px;
    padding: 0;
    text-align: center;
    width: 26px;
}

.layout_header .menu-titolo-social div a:hover,
.layout_footer .menu-titolo-social div a:hover {
    background-color: #d8e900 !important;
    border-color: transparent;
    color: #111111 !important;
    filter: none;
}

.layout_header .menu-titolo-social div a:before,
.layout_footer .menu-titolo-social div a:before {
    display: block;
    font-family: "Font Awesome 6 Brands";
    font-size: 14px;
    font-weight: 400;
}

.layout_header .menu-titolo-social div a.facebook:before,
.layout_footer .menu-titolo-social div a.facebook:before {
    content: "\f39e";
}

.layout_header .menu-titolo-social div a.instagram:before,
.layout_footer .menu-titolo-social div a.instagram:before {
    content: "\f16d";
}

.layout_header .menu-titolo-social div a.youtube:before,
.layout_footer .menu-titolo-social div a.youtube:before {
    content: "\f167";
}

@media screen and (max-width: 1024px) {
    .layout_footer:before {
        display: none;
    }

    .layout_footer > div {
        padding-left: 2em;
    }

    .layout_footer .footer1 > table td:nth-child(2),
    .layout_footer .footer1 > table td:nth-child(3) {
        border-left: 0;
        padding-left: 0;
    }

    .layout_footer .footer1 {
        padding-top: 2em;
    }
}

@media screen and (max-width: 600px) {
    .layout_footer > div {
        padding-left: 1em;
        padding-right: 1em;
    }

    .layout_footer .footer1 > table td,
    .layout_footer .footer2 > table td,
    .layout_footer .footer3 > table td {
        border-left: 0;
        padding: 0.75em 0;
    }
}


/* #endregion */ 

/* #region FORMS */

.form_contatti .send_button {
  background-color: #62be1e !important;
  border-radius: 0px;
  box-shadow: 1px 1px 0 white;
  color: white !important;
  display: inline-block;
  font-size: 1em !important;
 /* font-weight: bold;*/
  margin: 1em;
  padding: 0.5em;
  text-decoration: none !important;
  text-transform:inherit;
  text-shadow: 1px 1px 1px #black;
}

.form_contatti .send_button:hover {
  background-color: #478916 !important;
  box-shadow: 0px 0px 0 white;
  color: white !important;
}

/* #endregion */

/* #region STACK-TABLE */

@media screen and (min-width: 1025px)
{
    table.stacktable.small-only {
        display:none;
    }
}
@media screen and (max-width: 1024px)
{
    table.stacktable.large-only {
        display:none;
    }    
}

/* #endregion // STACK-TABLE */

/* #region CLASSES */

/* margin-top: siccome il menù è staccato dal top, serve a staccare il titolo della pagina dal menù altrimenti resta coperto */
.margin-top {
    margin-top:3em;   
}


/* padding-top-zero*/
.padding-top-zero {
    padding-top:0 !important;
}


/* .banner_foto */
.layout_page.banner_foto {
    position:relative;
}

.layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1,
.layout_page.banner_foto > div .text_block {
    padding: 0;
}

.layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1,
.layout_page.banner_foto .text_block p {
    background-color: #17394ab3;
    text-shadow: none;
    display: block;
    text-transform: uppercase;
    line-height: 1em;
    position: relative;
}

.layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1,
.layout_page.banner_foto .text_block p,
.layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay {
    pointer-events: none;
}

.layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1::after,
.layout_page.banner_foto .text_block p::after,
.layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay:after {
    content: '';
    background-image: url('italia.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 40px;
    top: -30px;
    bottom: -30px;
    width: 200px;
    cursor: pointer;
    pointer-events: all;
    display:none;
}

    .layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay:after {
        content: '';
        background-image: url('italia.png');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 40px;
        top: -30px;
        bottom: -30px;
        width: 200px;
        cursor: pointer;
        pointer-events: all;
        display:none;
    }

.layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1 {
    font-size: 4em;
    font-weight: bold;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-top: 0.5em;
    color: white;
    text-transform: none;
    background: none;
    text-shadow: 0px 0px 0px #fff;
}

.layout_page.banner_foto .text_block p {
    font-size: 2em;
    font-weight: normal;
    padding-bottom: 1em;
    padding-top: 1em;
    color: white;
}

.layout_page.banner_foto .text_block p strong,
.layout_page.banner_foto .text_block p b {
    font-size: 1.5em;
    font-weight: bold;
    color: white;
}

.layout_page.banner_foto h1 i, .layout_page.banner_foto h1 em {
    display: block;
    font-size: 0.5em;
    font-style: normal;
    font-weight: normal;
}

/* .intro */
.layout_page.intro,
.layout_page.testo-centrale {
    font-style: italic;
    text-align:justify;
}
.layout_page.intro > div,
.layout_page.testo-centrale > div {
    padding-top: 1em;
    padding-bottom: 1em;
}
.layout_page.intro h1, 
.layout_page.intro h2,
.layout_page.intro h3,
.layout_page.testo-centrale h1,
.layout_page.testo-centrale h2,
.layout_page.testo-centrale h3 {
    font-style: normal;
    font-weight: bold;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none;
}

/* restyle 2026
.pagina-grigia .layout_page.intro h1,
.pagina-grigia-full .layout_page.intro h1,
.pagina-grigia .layout_page.intro h2,
.pagina-grigia-full .layout_page.intro h2 {
    background: #0b294e;
    color: #ffffff;
    font-weight: normal;
    padding-left:0.5em;
}

.pagina-grigia .layout_page.intro p,
.pagina-grigia-full .layout_page.intro p {
    padding-left:1em;
    padding-right:2em;
}

.pagina-grigia .layout_page > div .text_block > h2,
.pagina-grigia-full .layout_page > div .text_block > h2 {
    padding-left:0.5em;
    padding-right:0.5em;
}

.pagina-grigia .layout_page > div .text_block > p,
.pagina-grigia-full .layout_page > div .text_block > p {
    padding-left:1.5em;
    padding-right:1.5em;
}
/* restyle 2026 */



/*testo_centro_intro = scritta centrata nella foto grande iniziale in home page*/
    .testo_centro_foto_intro div.text_block > p {
    width: 100%;
    padding: 1em;
    color: #FFFFFF;
    font-size: 2em;
    text-shadow: 2px 3px 1px #000000 !important;
    /* border: 1px solid rgba(255,255,255,0.3);*/
}

.testo_centro_foto_intro strong {
    width: 100%;
    color: #FFFFFF;
    font-size: 2em !important;
    /*text-transform:uppercase;*/
    text-shadow: 2px 3px 1px #000000, 0px 0px 15px #000000 !important;
    line-height:1.4em;  
    margin-top: 2em;
    font-weight:lighter;
    text-align:center;
    
}

.testo_centro_foto_intro .bottone_home {
  background-color: #62be1e;
  border-radius: 0px;
  color: white !important;
  display: inline-block;
  font-size: 1em !important;
  margin: 1em;
  padding: 0.4em; 
  text-decoration: none !important;
  text-transform:inherit;
 
  font-weight:lighter;
  text-shadow: 1px 1px 1px #black;
  box-shadow: 1px 1px 0 white;
  /*border: 3px solid white;*/
  
  

}

.testo_centro_foto_intro .bottone_home:hover {
  background-color:#478916 !important;
  box-shadow: 0px 0px 0px white;
  color:white !important;
 
}


/* 2026-07-20 - TASK-014b Restyle descrizione homepage >> */
.layout_page.video-home > div {
    background-color: #e1e1e8;
    box-sizing: border-box;
    color:#ffffff;  
}

.layout_page.video-home > div > .text_block {
    box-sizing: border-box;
}

.layout_page.video-home h1,
.layout_page.video-home h2,
.layout_page.video-home .text_block a {
    color: #ffffff;
    text-decoration-color: #ffffff;
}

.layout_page.video-home > div > .text_block.blk_1_2 {
    max-width: 40% !important;
    width: 40% !important;
}

.layout_page.video-home > div > .text_block.blk_2_2 {
    max-width: 60% !important;
    padding: 0 !important;
    width: 60% !important;
}

.layout_page.video-home h1 {
    font-size: 2.25em;
    font-weight: bold;
    line-height: 1.1em;
    margin: 0;
    padding: 1.15em 1.35em 0.9em;
    text-align: left !important;
}

.layout_page.video-home .text_block.blk_2_2 {
    background-color: #00b1ef;
}

.layout_page.video-home + .layout_page.video-home .text_block.blk_1_2 {
    background-color: #e1e1e8;
    padding: 1.5em;
    position:relative;
}

.layout_page.video-home + .layout_page.video-home .text_block.blk_1_2:before {
    content: none;
    display: none;
}

.layout_page.video-home + .layout_page.video-home .text_block.blk_1_2 > p {
    margin: 0;
}

.layout_page.video-home + .layout_page.video-home .text_block.blk_1_2 iframe {
    aspect-ratio: 16 / 9;
    display: block;
    height: auto !important;
    width: 100% !important;
}

.layout_page.video-home + .layout_page.video-home .text_block.blk_2_2 {
    font-size: 1em;
    line-height: 1.5em;
    padding: 0.5em 3em 2em !important;
}

.layout_page.video-home + .layout_page.video-home .text_block.blk_2_2 > p {
    margin-bottom: 1em;
    margin-top: 0;
}

.layout_page.video-home + .layout_page.video-home .text_block.blk_2_2 > p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .layout_page.video-home > div > .text_block.blk_1_2,
    .layout_page.video-home > div > .text_block.blk_2_2 {
        display: block;
        float: none;
        height: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    html .layout_page.video-home.HMan,
    html .layout_page.video-home.HMan > div {
        height: auto !important;
        min-height: 0 !important;
    }

    html .layout_page.video-home.HMan > div {
        display: block;
        padding-top: 22em;
        position: relative;
    }

    .layout_page.video-home h1 {
        font-size: 1.8em;
        padding: 1.15em 1em;
        text-align: center !important;
    }

    .layout_page.video-home + .layout_page.video-home .text_block.blk_1_2 {
        aspect-ratio: auto;
        height: 22em !important;
        left: 0;
        max-height: 22em !important;
        overflow: hidden;
        padding: 1em;
    position: absolute;
        right: 0;
    top: 0;
}

    .layout_page.video-home + .layout_page.video-home .text_block.blk_1_2 > p {
        height: auto;
    }

    .layout_page.video-home + .layout_page.video-home .text_block.blk_1_2 iframe {
        aspect-ratio: 16 / 9;
        height: auto !important;
    }

    .layout_page.video-home + .layout_page.video-home .text_block.blk_2_2 {
        font-size: 1em;
        line-height: 1.5em;
        padding: 1.5em !important;
    }
}

@media screen and (max-width: 480px) {
    .layout_page.video-home h1 {
        font-size: 1.6em;
    }

    .layout_page.video-home + .layout_page.video-home .text_block.blk_1_2 {
        height: 15em !important;
        max-height: 15em !important;
    }

    html .layout_page.video-home.HMan > div {
        padding-top: 15em;
    }
}
/* 2026-07-20 - TASK-014b Restyle descrizione homepage << */

/* 2026-07-21 - TASK-017 Uniforma sfondo riquadro video homepage >> */
.layout_page.video-home > div {
	border-radius: 1em 1em 0 0;
	overflow:hidden;
}

.layout_page.video-home + .layout_page.video-home > div {
	border-radius: 0 0 1em 1em;
	overflow:hidden;
}

.layout_page.video-home > div,
.layout_page.video-home + .layout_page.video-home .text_block.blk_1_2 {
    background-color: #00b1ef;
}
/* 2026-07-21 - TASK-017 Uniforma sfondo riquadro video homepage << */


/* bianco */
.bianco h2 {
    color: White;
}

.bianco p
{
    color:White;
}


/* bottone_** */
.bottone,
.bottone_bianco,
.bottone_giallo,
.bottone_blu,
.bottone_dovesiamo,
.bottone_meteo,
.bottone_touristcard,
.bottone_gadgets,
.bottone_albengaexperience {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    display: inline-block;
    font-size: 1em !important;
    margin: 0.5em;
    padding: 0.5em 1em;
    text-decoration: none !important;
    text-transform: inherit;
    text-shadow: none;
    background-color: #0b294e !important;
    color: #ffffff !important;
    font-weight: bold;
    position: relative;
}

.bottone:after,
.bottone_bianco:after,
.bottone_giallo:after,
.bottone_blu:after,
.bottone_dovesiamo:after,
.bottone_meteo:after,
.bottone_touristcard:after,
.bottone_gadgets:after,
.bottone_albengaexperience:after {
        content: '';
        position: absolute;
        top: 5px;
        right: 5px;
        width: 0;
        height: 0;
        border-top: 0.75em solid #ffffff;
        border-left: 0.75em solid transparent;
    }

.bottone:hover {
    color: #0b294e !important;
    background-color: #ffffff !important;
}

.bottone:hover:after {
    border-top-color: #0b294e;
}

.bottone_bianco {
    background-color: #ffffff !important;
    color: #0b294e !important;
}
.bottone_bianco:after {
    border-top: 0.75em solid #0b294e;
    border-left: 0.75em solid transparent;
}
.bottone_bianco:hover {
    color: #ffffff !important;
    background-color: #0b294e !important;
}
.bottone_bianco:hover:after {
    border-top-color: #ffffff;
}

.bottone_giallo {
    background-color: #ffa600 !important;
    color: #000000 !important;
}
.bottone_giallo:after {
    border-top: 0.75em solid #000000;
    border-left: 0.75em solid transparent;
}
.bottone_giallo:hover {
    color: #ffa600 !important;
    background-color: #000000 !important;
}
.bottone_giallo:hover:after {
    border-top-color: #ffa600;
}


.bottone_dovesiamo,
.bottone_meteo,
.bottone_touristcard,
.bottone_gadgets,
.bottone_albengaexperience {
    color: #FFFFFF !important;
    text-transform: uppercase;
    min-width: 10em;
    background-position: 0.75em center;
    background-repeat: no-repeat;
    background-size: 2.5em auto;
    width: auto;
    min-width: 8em;
    padding-left: 3.1em;
    padding-right: 1em;
    font-size: 1.1em !important;
    height: 4em !important;
}

.bottone_dovesiamo:after,
.bottone_meteo:after,
.bottone_touristcard:after,
.bottone_gadgets:after,
.bottone_albengaexperience:after
{
    border-top: 0.75em solid #FFFFFF;
    border-left: 0.75em solid transparent;
}


.bottone_dovesiamo {
    background-color: #4bb14f !important;
    background-image:url('/graphics/ico-dove-siamo.png');    
}
.bottone_dovesiamo:hover {
    /*color: #4bb14f !important;
    background-color: #FFFFFF !important;*/
	background-color: hsl(122deg 40% 29%) !important;
}
.bottone_dovesiamo:hover:after {
    /*border-top-color: #4bb14f;*/
}

.bottone_meteo {
    background-color: #00b1ef !important;    
    background-image:url('/graphics/ico-meteo.png');
}
.bottone_meteo:hover {
    /*color: #00b1ef !important;
    background-color: #FFFFFF !important;*/
	background-color: hsl(196deg 100% 27%) !important;
}
.bottone_meteo:hover:after {
    /*border-top-color: #00b1ef;*/
}

.bottone_touristcard {
    background-color: #fec41f !important;    
    background-image:url('/graphics/ico-tourist-card.png');
}
.bottone_touristcard:hover {
    /*color: #fec41f !important;
    background-color: #FFFFFF !important;*/
	background-color: hsl(44deg 99% 36%) !important;
}
.bottone_touristcard:hover:after {
    /*border-top-color: #fec41f;*/
}

.bottone_gadgets {
    background-color: #d3312e !important;    
    background-image:url('/graphics/ico-gadgets.png');
}
.bottone_gadgets:hover {
    /*color: #d3312e !important;
    background-color: #FFFFFF !important;*/
	background-color: hsl(1deg 65% 30%) !important;
}
.bottone_gadgets:hover:after {
    /*border-top-color: #d3312e;*/
}

.bottone_albengaexperience {
    background-color: #c1d73b !important;
    background-image:url('/graphics/ico-experience.png');
}
.bottone_albengaexperience:hover {
    /*color: #c1d73b !important;
    background-color: #FFFFFF !important;*/
	background-color: hsl(68deg 66% 34%) !important;
}
.bottone_albengaexperience:hover:after {
    /*border-top-color: #c1d73b;*/
}

.bottone_15em_5em {
    width: 10em;
    height: 4em;
    vertical-align: top;
    font-size: 1.25em !important;
    text-align: left;
}

.player-ipovedenti {
    transform: scale(1.50);
    transform-origin: left center;
}



/* instagram-wall */
.layout_page.instagram-wall > div {
    background: #0b294e;
    color: #ffffff;
    padding-bottom:1em;
}
.layout_page.instagram-wall h2 {
    color: #ffffff;
    margin:0.5em;
}


/*.instagram_feed*/
.instagram_feed {
  overflow: hidden;
}

.instagram_feed .instagram_new {
  width: 16.666%;
  float: left;
  padding: 0 1px 1px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:1px solid #ffffff;
  position:relative;
}

.instagram_feed .instagram_new:after {
    content: '';
    display: block;
    width: 1.5em;
    height: 1.5em;
    top: 0.5em;
    right: 0.5em;
    background-repeat: no-repeat;
    background-image: url('/graphics/ico-instagram.png');
    background-position: center center;
    background-size: contain;
    position: absolute;
}

.instagram_feed img.insta-image {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.instagram_feed .insta-link {
  position: relative;
  display: block;
  background: #232323;
  padding-top: 100%;
}

.instagram_feed .insta-link:hover .insta-image {
  opacity: 0.2;
}


/*bordo bianco tra foto vicine*/
.bordi .back_block {
    /*border: 1px solid #284854;*/
    border:0; /* restyle 2026 */
}
.bordi_bianchi .back_block {
    border: 2px solid white;
}

/*icone "font awensome"*/
a.tondo {
    background: #62be1e;
    border-radius: 50%;
    height: 2em;
    width: 2em;
    display: inline-block;
    position: relative;
    font-size: 2.5em;
}

a.tondo:hover {
    background: #62be1e; 
}

a.tondo .fa {
    color: #ffffff;
    position: absolute;
    width: 1em;
    height: 1em;
    left: 0.55em;
    top: 0.5em;
}

a.tondo_footer {
    background: #ffffff;
    border-radius: 50%;
    height: 1.5em;
    width: 1.5em;
    display: inline-block;
    position: relative;
   /* font-size: 1.5em;*/
}

a.tondo_footer .fa {
    color: #ffa500;
    position: absolute;
    width: 0.1em;
    height: 0.3em;
    left: 0.325em;
    top: 0.325em;
}

.fa-tondo {
    font-size: 1.5em;
    background: #0b294e;
}
    .titolo-bianco h2, .titolo-bianco h2 strong, .titolo-bianco h3, .titolo-bianco h3 strong {
    color:White;
    font-size:1.5em;
    text-shadow: 2px 2px 8px #000000, 0px 0px 22px #000000;
    font-weight: normal;
}


/* inizio-sezione */
.layout_page.inizio-sezione .text_block
{
    padding-top:2em;
    padding-bottom:1em;
    font-size:1.5em;
}

.layout_page h1 
{
    position:relative;  
    margin-top:2em;
    margin-bottom:1em;
    font-size:3em;
}

.layout_page.inizio-sezione h1 
{
    position:relative;  
    margin:0;    
    margin-top:1em;    
    font-size:2.5em;
}

.layout_page.inizio-sezione h2,
.layout_page.inizio-sezione h1 + p,
.layout_page.inizio-sezione p
{
    position:relative;  
    margin:0;
}


/* display-none */
.display-none 
{
    display:none;
}

/* #region tre-cose */

.tre-cose-sx,
.tre-cose-dx {
    margin-bottom:2em;
}


/* tutti i paragrafi/foto: margini predefiniti */
.tre-cose-sx .text_block >p,
.tre-cose-dx .text_block >p {
    margin:0;
    padding:0;
}

/* blocchi di testo sotto alle foto */
.tre-cose-sx .text_block >div, 
.tre-cose-dx .text_block >div {
    background:#dddddd;    
    padding:1em;
    
    /* NEW */
    background:#95c11f;
}

/* tutti i paragrafi/nota: font e margini predefiniti */
.tre-cose-sx .text_block >div >p,
.tre-cose-dx .text_block >div >p {
    font-size:0.7em;
    margin-bottom:0;
}

/* tutti i titoli: font e margini predefiniti */
.tre-cose-sx .text_block >div >h2,
.tre-cose-sx .text_block >div >h3,
.tre-cose-dx .text_block >div >h2,
.tre-cose-dx .text_block >div >h3 {
    margin-bottom:0;
    position:relative;
    
    /* NEW */
    margin-top:0;
}

/* barretta spaziatrice */
/* NEW * /
.tre-cose-sx .text_block >div >h2:before,
.tre-cose-sx .text_block >div >h3:before,
.tre-cose-dx .text_block >div >h2:before,
.tre-cose-dx .text_block >div >h3:before {
    content: '';
    position: absolute;
    margin-left: 0;
    left: 0;
    width: 2em;
    height: 1px;
    top: -0.5em;
    border-bottom: 5px solid #95c11f;
}
/**/


/* foto: devono riempire il container */
.tre-cose-dx .text_block >p img,
.tre-cose-sx .text_block >p img {
    min-width:100%;
    min-height:100%;
    max-width:none !important;
    max-height:none !important;
    position:absolute;
    margin:auto;
    left:-100%;
    right:-100%;
    top:-100%;
    bottom:-100%;
}

/* riquadri grandi: foto ad altezza fissa */
.tre-cose-sx .text_block.blk_1_2 >p,
.tre-cose-dx .text_block.blk_2_2 >p {
    display:block;
    height:24em;
    overflow:hidden;
    
    /* NEW */
    height:29em;
}

/* riquadri grandi: dimensione fissa */
.tre-cose-sx .text_block.blk_1_2 >div,
.tre-cose-dx .text_block.blk_2_2 >div {
    height:12em;
    
    /* NEW */    
    height:8em;
    overflow:hidden;
}

/* riquadri piccoli: foto ad altezza fissa */
.tre-cose-sx .text_block.blk_2_2 >p,
.tre-cose-dx .text_block.blk_1_2 >p {
    display:block;
    height:10em;
    overflow:hidden;
}

.tre-cose-sx .text_block.blk_2_2 >div+p,
.tre-cose-dx .text_block.blk_1_2 >div+p 
{
    /* NEW */
    margin-top:1em;
}

/* riquadri piccoli: dimensione fissa */
.tre-cose-sx .text_block.blk_2_2 >div,
.tre-cose-dx .text_block.blk_1_2 >div{
    height: 8em;
    overflow :hidden;
}

/* riquadri piccoli: titolo a dimensione ridotta */
.tre-cose-sx .text_block.blk_2_2 >div >h3,
.tre-cose-dx .text_block.blk_1_2 >div >h3
{
    font-size:1.5em;
    
    
    /* NEW */
    font-size:1.75em;
    /**/
}

/* #endregion */

/* #region galleria_immagini */

.layout_page > div .text_block .galleria_immagini 
{
    text-align:center;
}

.galleria_immagini a {
    position: relative;
    height: 10em;
    min-width: 13em;
    width: 30%;
    display: inline-block;
    overflow: hidden;
    margin: 1em;
}

.galleria_immagini a >img {
    min-width: 100%;
    min-height: 100%;
    max-width: none !important;
    max-height: none !important;
    position: absolute;
    margin: auto;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    transition: all ease 0.5s;
}

.galleria_immagini a:hover >img {
    min-width: 105%;
    min-height: 105%;
}

/* #endregion galleria_immagini */

/* #region NOTA INFORMATIVA */

.nota_informativa_contatti
{
    font-size:12px;
    color:Gray
}

.nota_informativa_contatti a
{
    font-size:12px;
    color:#478916;
    text-decoration:underline;
}

.nota_informativa_contatti a:hover
{

    text-decoration:none;
}

.nota_informativa p
{
    font-size:12px;
    color:Gray
}

.nota_informativa a
{
    font-size:12px;
    color:#478916;
    text-decoration:underline;
}

.nota_informativa a:hover
{
   
    text-decoration:none;
}

/* #endregion */

/* #region .elenco-iscritti */
 
.elenco-iscritti .layout_page.text_blocks_2 > div .text_block, 
.elenco-iscritti .layout_page.art_blocks_2 > div .art_block {
    width:50%;
   /* max-width:100%;*/
}

.elenco-iscritti .layout_page .art_block > a 
{
    height:auto;
    min-height:24em;
    margin-bottom:0;
    overflow:hidden;
    padding-left:40%;
    padding-top:0;
    background-size: 39% auto;
    background-position: left top;
    font-size:0.9em;
}

.elenco-iscritti .layout_page .art_block > a.img_background > b {
    position: static;
    height: auto;
}
.elenco-iscritti .layout_page .art_block > a.img_background > div
{
   position:static;
   height:auto;
   margin-bottom:0;
}

.elenco-iscritti .layout_page .art_block > a.img_background > div .tipo {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    min-height: 1em;
    background: #008d36;
    color: #fff;
    padding: 0.5em;
    font-size: 0.8em;
    text-align: left;
    text-transform: uppercase;
    font-size: 1.2em;
}

.elenco-iscritti .layout_page .art_block > a.img_background > div sup {
    overflow: hidden;
    display: inline-block;
    width: 1em;
    line-height: 1em;
    top: 0;
    color: darkgray;
    padding-left: 1em;
    margin-right:0.5em;
    position: relative;
    font-size: 1.2em;
    height: 1.2em;
    vertical-align: middle;
}

.elenco-iscritti .layout_page .art_block > a.img_background > div sup:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 0;
    top: 0;
}
.elenco-iscritti .layout_page .art_block > a.img_background > div sup.indirizzo:after { content: "\f041"; /*fa-map-marker*/     left:0.15em;}
.elenco-iscritti .layout_page .art_block > a.img_background > div sup.email:after     { content: "\f003"; /*.fa-envelope-o*/ }
.elenco-iscritti .layout_page .art_block > a.img_background > div sup.web:after       { content: "\f0ac"; /* fa-globe */  }
.elenco-iscritti .layout_page .art_block > a.img_background > div sup.telefono:after  { content: "\f095"; /* fa-phone */  }
.elenco-iscritti .layout_page .art_block > a.img_background > div sup.mobile:after    { content: "\f10b"; /* .fa-mobile-phone */ left:0.25em;}
.elenco-iscritti .layout_page .art_block > a.img_background > div sup.fax:after       { content: "\f1ac"; /* fa-fax */  }


/* elenco con 4 in riga >> */

.elenco-iscritti .layout_page.elenco_dettagli.text_blocks_2 > div .text_block, 
.elenco-iscritti .layout_page.elenco_dettagli.art_blocks_2 > div .art_block {
    width:25%;    
}
.elenco-iscritti .layout_page.elenco_dettagli .art_block > a 
{
    padding:0;
    padding-top: 10em;    
    background-size: cover;
    background-position: left top;    
}

.elenco-iscritti .layout_page.elenco_dettagli .art_block > a.img_background > div p:nth-child(2) {
    display:none;       
}

/* INFO AGGIUNTIVE SULL'HOVER: rimosse * /
.elenco-iscritti .layout_page.elenco_dettagli .art_block > a.img_background:hover > div p:nth-child(2) 
{
   display: block;
    position: absolute;
    left: 1em;
    top: 1em;
    right: 1em;
    bottom: 1em;
    opacity: 0.9;
    background-color: #ffffff;
    margin: 0;
    z-index: 999;
    font-size: 0.9em;
    padding: 0.25em;
    line-height: 1.25em;
    border: 1px solid;
    max-height: 100%;
    overflow-y: auto;
}
/* INFO AGGIUNTIVE SULL'HOVER: rimosse */

.elenco-iscritti .layout_page.elenco_dettagli .art_block > a.img_background > div p:nth-child(3) 
{
    font-size:0.9em;
}

.elenco-iscritti .pannello-filtri .frame {
    text-align:center;
}
.elenco-iscritti .pannello-filtri .ValueContainer {
    display: inline-block;
    margin: 0.5em;
    text-align:left;
}

.elenco-iscritti .pannello-filtri select {
    font-size: 1.2em;
    padding: 0.25em 0.5em;
    border: 1px solid gray;
    background:#ffffff;
}



/* elenco con 4 in riga << */
.layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay {
    color: #ffffff;
    margin: auto;
    margin-top: 8em;
    text-shadow: 1px 1px 1px var(--Colore-Primario);
    text-align: center;
    position: relative;
    font-size: 1em;
}
.layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay p {
    display: inline-block;
    padding: 0.25em 0.5em;
    border: 3px solid #ffffff;
    font-size:2.5em;    
    text-transform:unset;
    line-height:1.5em;
}

.layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay p b,
.layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay p strong {
    color:#ffffff;
    font-size:1.5em;
}

/* 2026-07-20 - TASK-015 Uniforma titolo slideshow homepage >> */
.layout_page.banner_foto > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay {
    text-shadow: none;
}

.layout_page.banner_foto > div .back_block.cycle-slideshow > .cycle-slide:not(.cycle-sentinel) > .cycle-overlay {
    visibility: hidden !important;
}

.layout_page.banner_foto > div .back_block.cycle-slideshow > .cycle-slide.cycle-sentinel {
    background-image: none !important;
    bottom: 0 !important;
    left: 0 !important;
    opacity: 1 !important;
    pointer-events: none;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    visibility: visible !important;
    z-index: 100 !important;
}

.layout_page.banner_foto > div .back_block.cycle-slideshow > .cycle-slide.cycle-sentinel > .cycle-overlay,
.layout_page.banner_foto > div .back_block.cycle-slideshow > .cycle-slide.cycle-sentinel > .cycle-overlay * {
    visibility: visible !important;
}

.layout_page.banner_foto > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay p {
    background: transparent;
    border: 0;
    color: #ffffff;
}

.layout_page.banner_foto > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay p b,
.layout_page.banner_foto > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay p strong {
    color: #ffffff;
    text-shadow: none;
}
/* 2026-07-20 - TASK-015 Uniforma titolo slideshow homepage << */


.layout_page > div .back_block.cycle-slideshow.cycle-paused > .cycle-pause {
    display: none;
}

/* 2026-07-29 - TASK-028 Slideshow statico accessibile >> */
.cycle-slideshow.accessibilita-cycle-statico > .cycle-slide:not(.cycle-sentinel) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.cycle-slideshow.accessibilita-cycle-statico > .cycle-slide.accessibilita-cycle-prima:not(.cycle-sentinel) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.cycle-slideshow.accessibilita-cycle-statico > .cycle-pager,
.cycle-slideshow.accessibilita-cycle-statico > .cycle-pause {
    display: none !important;
}
/* 2026-07-29 - TASK-028 Slideshow statico accessibile << */

.layout_page > div .back_block.cycle-slideshow + div.text_block {
    display:none;
}

.layout_page > div .back_block.cycle-slideshow > .cycle-slide 
{
    background-position: center top;
}


/* restyle 2026
.pagina-grigia .layout_page.WStd > div,
.pagina-grigia-full .layout_page.WStd > div {
    background-color: #e1e1e8; 
    position: relative;
}

.pagina-grigia .layout_page.WStd > div:before,
.pagina-grigia-full .layout_page.WStd > div:before {
    content: '';
    background-color: #e1e1e8; 
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: -1px;
    bottom: -1px;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.inverti_ordine_480) > div,
.pagina-grigia-full .layout_page.text_blocks_2:not(.inverti_ordine_480) > div > div {
    transform: rotate(180deg);
}

.pagina-grigia .layout_page.text_blocks_2 .text_block > h2,
.pagina-grigia-full .layout_page.text_blocks_2 .text_block > h2 {
    background: #0b294e;
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5em;
}

.pagina-grigia-full .layout_page.text_blocks_2 .text_block > h2 {
    position: absolute;
    left: -90%;
    left: -49%;
    width: 100%;
    width: 80%;
    padding: 0.25em 0.5em;
    top: 0;
}

.pagina-grigia-full .layout_page.text_blocks_2 .text_block > h2 + p {
    margin-top:5em;
}

.pagina-grigia-full .layout_page.text_blocks_2 .text_block > p {
    padding-left:1em;
    padding-right:1em;    
}

.pagina-grigia-full .layout_page.text_blocks_2.inverti_ordine_480 .text_block.blk_1_2 .back_block,
.pagina-grigia-full .layout_page.text_blocks_2:not(.inverti_ordine_480) .text_block.blk_2_2 .back_block {
    margin: 10%;
    margin-top: 6em;
}

.pagina-grigia-full .layout_page.text_blocks_2.inverti_ordine_480 .text_block.blk_1_2 .youtube-embed-wrapper,
.pagina-grigia-full .layout_page.text_blocks_2:not(.inverti_ordine_480) .text_block.blk_2_2 .youtube-embed-wrapper {
    margin: 10%;
    margin-top: 8em;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.inverti_ordine_480) .text_block.blk_1_2,
.pagina-grigia-full .layout_page.text_blocks_2.inverti_ordine_480 .text_block.blk_2_2 {
    background: #3d8ec9; 
    color: #ffffff;
    position: relative;
}
.pagina-grigia-full .layout_page.text_blocks_2:not(.inverti_ordine_480) .text_block.blk_1_2:before,
.pagina-grigia-full .layout_page.text_blocks_2.inverti_ordine_480 .text_block.blk_2_2:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    bottom: -2px;
    background: #3d8ec9; 
}    

.pagina-grigia .layout_page .text_block a {
    text-decoration: underline;
    text-decoration-color: #0b294e;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.inverti_ordine_480) .text_block.blk_1_2 a,
.pagina-grigia-full .layout_page.text_blocks_2.inverti_ordine_480 .text_block.blk_2_2 a {
    color: #ffffff;
    text-decoration-color: #ffffff;
}
/* restyle 2026 */




.layout_page.anteprima > div .text_block {
    padding-right:0;
}

.layout_page.anteprima > div .back_block,
.layout_page.anteprima > div .quad_block .back_block,
.layout_page.anteprima > div .text_block > .back_block {
    margin: 10px;
}

.layout_page.anteprima > div .text_block > h3,
.layout_page.anteprima > div .text_block > p {
    color: #ffffff;
    background-color: #0b294ea1;
    text-align: right;
    width: 80%;
    display: block;
    margin: 0 10px 0 auto;
}
.layout_page.anteprima > div .text_block > h3 {
    font-size: 1.8em;
    padding: 0.5em;
    padding-bottom: 0;
    font-weight: bold;
    text-transform: none;
}
.layout_page.anteprima.text_blocks_top > div .text_block > h3 {
    margin-top:1em;
}
 .layout_page.anteprima > div .text_block > p {
    padding: 1em;
}
.layout_page.anteprima.text_blocks_bottom > div .text_block > p {
    margin-bottom: 0.55em;
}
.layout_page.anteprima > div .text_block a {
    color:#ffffff;
    text-decoration-color:#ffffff;
}




/* #endregion */


.layout_page.text_blocks_center .art_block {
    width: 33.3%;
    max-width: 33.3%;
}

.layout_page.text_blocks_center .art_block.evento-importanza-tripla {
    width: 100%;
    max-width: 100%;
}

.layout_page.text_blocks_center .art_block.evento-importanza-doppia {
    width: 66.6%;
    max-width: 66.6%;
}

.layout_page.text_blocks_center .art_block a 
{
    /*height:15em;*/
    /*overflow:hidden;*/
	min-height:20em;
}

/* #region .elenco-semplice */

.layout_page.elenco-semplice 
{
    margin-top:-1em;    
}
.layout_page.elenco-semplice > div {
    padding-bottom:1em;
}
.layout_page.elenco-semplice .art_block     
{
    display:block;
    padding-top:0;
    padding-bottom:0;
    margin-top:1em;
    margin-bottom:1em;
}
.layout_page.elenco-semplice .art_block.evento-principale-nascosto-vero {
    display:none;
}     

.layout_page.elenco-semplice .art_block > a {
    padding:0;
    background-image:none !important;
}

.layout_page.elenco-semplice .art_block > a > b, 
.layout_page.elenco-semplice .art_block > a > div, 
.layout_page.elenco-semplice .art_block > a > div > p {
    text-align: left;
    width: auto;
    min-height: 0;
    margin-top: 0;
}
.layout_page.elenco-semplice .art_block > a > div  {
    padding:0;    
}
.layout_page .art_block > a.no-link 
{
    cursor:default;
}
.layout_page .art_block > a.no-link:after
{
    display:none;    
}


/* #endregion .elenco-semplice*/


.sposta-in-alto-i-bottoni {
    position: relative;
    top: -4em;
    z-index: 99;
}

/* #endregion */


.logo_drittiallisola{
    vertical-align:top;
    height:50px !important;
    margin-right:0em;
    margin-bottom:1em;
}
.logo_atuttomare {
    vertical-align: top;
    height: 65px !important;
    margin-right: 0em;
    margin-bottom: 1em;
}


/* #region S.Martino */

.smartino h1,
.smartino h2,
.smartino h3 {
    font-family: evertone_script, sans-serif; /*restyle26 */
    /*font-family: 'raleway-ingauno', sans-serif; /*restyle26*/
    font-weight: normal;
    text-transform: uppercase;
}

FORM.smartino:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/graphics/background-smartino.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1;
    opacity: 0.7;
}
.smartino .layout_header,
.smartino .layout_header .menu-smartino {
    background-image:url('/graphics/background-smartino-footer.jpg');   
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:cover;
    
}
.smartino .layout_header .logo {
    background-image:url('/graphics/logo-smartino.png');       
    border-radius: 0 !important;
    width:13em;
    height:4.75em;
    display:block;
    top:0;
}

.layout_header .menu-smartino {
    display:none;
}

.smartino .layout_header nav {
    padding-top:0;
    font-size:1.25em;    
}

.smartino .layout_header .menu-smartino {
    display:block;
    text-align:center;
    color:#ffffff;
}

.smartino .layout_header .menu-smartino p {
    margin:0.5em 0;
}

.smartino .layout_header .menu-smartino a {
    color: #ffffff;
    font-weight: bold;
    margin-left: 1em;
    margin-right: 1em;
    text-decoration: none;
}

.smartino .layout_header:before,
.smartino .layout_header .menu-titolo-social,
.smartino .layout_header .menu-superiore {
    display:none;
}
.smartino .layout_header .logo:after {
    color:#ffffff;
}
.smartino .layout_header nav .flags {
    display:none !important; 
}
.layout_header .menu0_container li.smartino {
    /*display:none;*/
}
.smartino .layout_header .menu0_container li {
    display:none;
}
.smartino .layout_header .menu0_container li.smartino {
    display:inline-block;
}
.smartino .layout_header li a {
    color: #ffffff;
}
.smartino .layout_header li:hover a {
    color: #000000;
}
.smartino .layout_header #show-menu:checked ~ nav {
    background-color: #756950;
}

.smartino .layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1, 
.smartino .layout_page.banner_foto .text_block p 
{
    background:transparent;   
}

.smartino .layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1:after, 
.smartino .layout_page.banner_foto .text_block p:after 
{
    display:none;
}

.smartino .bottone {
    background-color: #8e754c !important;
}
.smartino .bottone:hover {
    color: #8e754c !important;
    background-color: #ffffff !important;
}
.smartino .bottone:hover:after {
    border-top-color: #8e754c;
}

/* 2026-07-17 - TASK-013 Stabilizza font header mini >>
.smartino .layout_header.mini nav {
    font-size: 1.25em;
}
2026-07-17 - TASK-013 Stabilizza font header mini << */

@media screen and (max-width: 1200px)
{
    .smartino .layout_header .logo {
        width:9em;
        height:4em;
    }
    .smartino .layout_header.mini .logo {
        width:9em;
        height:3.5em;
    }
}
@media screen and (max-width: 1024px) {
    .smartino .layout_header .menu-smartino p {
        margin: 0;
    }
    .smartino .layout_header .menu-smartino a {
        display:inline-block;
        width: 6em;
    }
}

/* 2026-07-17 - TASK-012 Menu responsive tramite classi SCM >> */
.hamburger-menu .smartino .layout_header .logo,
.hamburger-menu .smartino .layout_header.mini .logo {
        width: 8em;
        height: 3em;
    }

.hamburger-menu .smartino .layout_header .logo:after,
.hamburger-menu .smartino .layout_header .show-menu > * {
        display:none;
    }

.hamburger-menu .smartino .layout_header .menu-smartino {
        position: fixed;
        font-size:0.9em;
        top: 0;
        right: 0;
    }

.hamburger-menu .smartino .layout_header .menu-smartino a {
        margin-left:0.5em;
        margin-right:0.5em;
    }
/* 2026-07-17 - TASK-012 Menu responsive tramite classi SCM << */

@media screen and (max-width: 768px) 
{

    .smartino .layout_page h1 {
        font-size: 2.1em;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
    }

    .smartino .layout_page h2, h3 {
        font-size: 2em;
    }

    body .smartino {
        color: #284854 !important;
        font-size: 1em;
        font-weight: normal;
    }

    .smartino .layout_page a {
        text-decoration: underline;
       
        
        font-size: 1em;
    }
}

@media screen and (max-width: 600px) {

    .player-ipovedenti {
        transform: scale(1.30);
        transform-origin: left center;
    }

    .hamburger-menu .smartino .layout_header .logo:after {
        left: 4.5em;
        font-size: 2em;
    }

    .hamburger-menu .smartino .layout_header {
        height: 7em;
    }

    .hamburger-menu .smartino .layout_header .menu-smartino {
        max-width:16em;
    }
}

@media screen and (max-width: 480px) {
    .player-ipovedenti {
        transform: scale(1.10);
        transform-origin: left center;
    }

    .hamburger-menu .smartino .layout_header .logo:after {
        display: none;
    }

    .hamburger-menu .smartino .layout_header {
        height: 8em;
    }

    .hamburger-menu .smartino .layout_header .menu-smartino {
        font-size: 0.8em;
        max-width: 10em;
    }
}

.smartino.iisl .layout_page h1,
.smartino.iisl .layout_page h2,
.smartino.iisl .layout_page h3,
.smartino.iisl .layout_page h4,
.smartino.iisl .layout_page b,
.smartino.iisl .layout_page strong {
    /*color:#5fa246;*/
    color: green !important;
}

.smartino.iisl .layout_page h1:before,
.smartino.iisl .layout_page.inizio-sezione h2:before {
    /*border-top-color: #5fa246;*/
    border-top-color: green !important;
}

.smartino.acli .layout_page h1,
.smartino.acli .layout_page h2,
.smartino.acli .layout_page h3,
.smartino.acli .layout_page h4,
.smartino.acli .layout_page b,
.smartino.acli .layout_page strong {
    color: #ce2e26 !important;
}

.smartino.acli .layout_page b,
.smartino.acli .layout_page strong {
    color: #ce2e26 !important;
    font-size: 1.2em;
}

.smartino.acli .layout_page h1:before,
.smartino.acli .layout_page.inizio-sezione h2:before {
    border-top-color: #ce2e26 !important;
}





.tappa_blu h1 {
    background-color: #213e7d !important;
    margin-bottom:0.25em;
    margin-top:0.5em;
    font-size:2em !important;
}

.tappa_verde h1 {
    background-color: green !important;
    margin-bottom: 0.25em;
    margin-top: 0.5em;
    font-size: 2em !important;
}

.tappa_blu .layout_page h2,
.tappa_blu .layout_page h3,
.tappa_blu .layout_page h4,
.tappa_verde .layout_page h2,
.tappa_verde .layout_page h3,
.tappa_verde .layout_page h4 {
    color: #284854 !important;
    margin-bottom: -0.3em;
    font-weight: 500;
}

.smartino.fai .layout_page h1,
.smartino.fai .layout_page h2,
.smartino.fai .layout_page h3,
.smartino.fai .layout_page h4,
.smartino.fai .layout_page b,
.smartino.fai .layout_page strong {
    color: #213e7d !important;
    margin-bottom: -0.3em;
   
}

.smartino.fai .layout_page h1:before,
.smartino.fai .layout_page.inizio-sezione h2:before {
    border-top-color: #213e7d !important;
}

.smartino .layout_page > div .text_block .gmap * {
    max-width: none !important;
}

.smartino .layout_footer {
    background-image: url('/graphics/background-smartino-footer-scuro.jpg');
    position: relative;
}

.smartino .layout_footer .footer1,
.smartino .layout_footer .footer2,
.smartino .layout_footer .footer3 {
    background: transparent;
    border-bottom: 1px solid #ffffff;
}

.smartino .layout_footer .footer1:before,
.smartino .layout_footer .footer2:before,
.smartino .layout_footer .footer3:before {
    display: none;
}

.smartino .layout_footer .footer1 h3 {
    color: #ffffff;
}

/* #endregion */

/* #region .campo-form */

.campo-form {
    margin-top: 1em;
    margin-bottom: 1em;
    color:#284854; /*var(--Colore-Logo-Scritta);*/
    font-weight: 600;
    vertical-align: top;
    margin-right: 1%;
}

.campo-form input,
.campo-form textarea,
.campo-form select, /* SCM v.1.9j */
.campo-form *[sfx-form-field="1"] /* SCM v.1.9j */ {
    background: #fff;
    color: black;
    width: 100%;
    padding: 4px;
    border: 1px solid var(--Colore-Logo-Scritta);
    border-radius: 2px;
}

.contatti_form h2,
.contatti_form p,
.contatti_form strong,
.contatti_form a {
    color: var(--Colore-Logo-Scritta);
}

.contatti_form h2 {
    color: #284854; /*var(--Colore-Logo-Scritta);*/
    font-size: 2em;
}

.contatti_form .campo-form .nota-tessera {
    font-weight: normal;
    font-size: small;
    color: #666666;
    font-style: italic;
    margin: 4px 0;
    line-height: 1.2;
}

/* #endregion .campo-form */


/* #region RESPONSIVE (all overrides) */

@media screen and (max-width: 1200px) {
    .layout_header nav {
        font-size: 0.95em;
        padding-left: 8em;
    }

    .layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1::after,
    .layout_page.banner_foto .text_block p::after,
    .layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay:after {
        left: 30px;
        top: -10px;
        bottom: -10px;
        width: 150px;
    }

    .instagram_feed .instagram_new {
        width: 25%;
    }
}

@media screen and (max-width: 1024px) {
    .layout_header nav {
        font-size: 0.95em;
        padding-left: 8em;
        padding-right: 3em;
    }

    .layout_header nav,
    .layout_header.mini nav {
        font-size: 0.8em;
    }

    .layout_header nav .flags {
        position: absolute;
        right: 2em;
        top: 0;
        /**/
        right: -1em;
        top: -2.5em;
    }

    .layout_header .logo {
        left: 0;
    }

    .layout_header .logo,
    .layout_header.mini .logo {
        width: 6em;
    }

	.layout_header .menu-titolo-social a.logo-tondo {
		padding: 0 0 0 9em;
	}

    .layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1::after,
    .layout_page.banner_foto .text_block p::after,
    .layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay:after {
        display: none;
    }

    .pagina-grigia-full .layout_page.text_blocks_2 .text_block > h2 {
        position: relative;
        left: -56%;
        width: auto;
    }

    .pagina-grigia-full .layout_page.text_blocks_2 .text_block > h2 + p {
        margin-top: 2em;
    }

    .layout_page.anteprima > div .text_block > h3 {
        font-size: 1.3em;
    }

    .layout_page.anteprima.text_blocks_bottom > div .text_block > p {
        font-size: 0.9em;
        line-height: 1.2em;
    }

    .instagram_feed .instagram_new {
        width: 32%;
    }


    .layout_page.text_blocks_center .art_block {
        width: 50%;
        max-width: 50%;
    }

    .layout_page.text_blocks_center .art_block.evento-importanza-doppia,
    .layout_page.text_blocks_center .art_block.evento-importanza-tripla {
        width: 100%;
        max-width: 100%;
    }
}

/* 2026-07-17 - TASK-012 Menu responsive tramite classi SCM >> */
.hamburger-menu .layout_header .show-menu {
    display: inline-block;
}

.hamburger-menu .layout_header:before {
    display: none !important;
    }

.hamburger-menu .layout_header .logo:after {
        content: "ScopriAlbenga.it";
        position: relative;
        /*font-family: 'Roboto', sans-serif; restyle26*/
        font-family: 'raleway-ingauno', sans-serif; /*restyle26*/
        left: 3em;
        text-decoration: none;
        font-size: 2.4em;
        text-decoration-color: transparent;
        text-transform: uppercase;
        display: inline-block;
    }

.hamburger-menu .layout_header .logo {
        height: 6em;
        width: 6em;
    }

.hamburger-menu .layout_header .logo,
.hamburger-menu .layout_header.mini .logo {
        width: 5em;
    }

.hamburger-menu .layout_header .menu-titolo-social {
		position: absolute;
		left: 0;
		top: -4em;
		bottom: unset;
		height: 4em;
	}

.hamburger-menu .layout_header #show-menu:checked ~ nav .menu-titolo-social {
		position: fixed;
		left: 0;
		top: 0em;
		bottom: unset;
		height: 4em;
		z-index: 10000;
	}

.hamburger-menu .layout_header nav {
    display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: 4em;
        height: 4em;
        bottom: auto;
        background: transparent;
        padding: 0;
        overflow: visible;
    }

.hamburger-menu .layout_header nav li {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.hamburger-menu .layout_header nav li a {
        font-size: 0.7em;
    }

.hamburger-menu .layout_header .menu-titolo-social a.logo-tondo {
        top: 2px;
        bottom: 0;
        left: 2px;
    }

.hamburger-menu .layout_header .menu-titolo-social div p {
        display: none;
    }

.hamburger-menu .layout_header .menu-titolo-social div p + p {
        display: none;
        font-size: 1.5em;
        line-height: 2em;
        margin-left: 0;
    }

.hamburger-menu .layout_header nav .flags {
        width: auto;
        position: relative;
        right: 0;
    }

.hamburger-menu .layout_header nav > ul.menu0_container,
.hamburger-menu .layout_header nav .flags,
.hamburger-menu .layout_header nav .menu-superiore {
        display: none;
    }

.hamburger-menu .layout_header #show-menu:checked ~ nav {
        top: 4em;
        overflow-y: auto;
    }

.hamburger-menu .layout_header #show-menu:checked ~ nav > ul.menu0_container,
.hamburger-menu .layout_header #show-menu:checked ~ nav .flags,
.hamburger-menu .layout_header #show-menu:checked ~ nav .menu-superiore {
        display: block;
        font-size: 1.5em;
        overflow: hidden;
    }

.hamburger-menu .layout_header nav li.menu0.home {
        display: none !important;
    }

.hamburger-menu .layout_header #show-menu:checked ~ nav > ul.menu0_container,
.hamburger-menu .layout_header #show-menu:checked ~ nav .menu1_container,
.hamburger-menu .layout_header #show-menu:checked ~ nav .menu2_container,
.hamburger-menu .layout_header #show-menu:checked ~ nav .menu0,
.hamburger-menu .layout_header #show-menu:checked ~ nav .menu1,
.hamburger-menu .layout_header #show-menu:checked ~ nav .menu2 {
        display: block;
        background: transparent;
        position: relative;
        padding: 0;
        /*margin: 0.5em 0 0.5em 0.25em;*/
        margin: 0.1em 0 0.1em 0.25em;
        top: 0;
        left: 0;
        height: auto;
        text-align: left;
    }

.hamburger-menu .layout_header #show-menu:checked ~ nav > ul.menu0_container {
        /*top: 1em;*/
        top: 4em;
    }

.hamburger-menu .layout_header nav .menu0 {
        /*border-bottom: 2px solid #ffffff;*/
        border-bottom: 1px solid #ffffff44;
        font-size: 1.5em;
    }

.hamburger-menu .layout_header nav .menu1 {
        /*border-top: 1px dashed #ffffff;*/
        font-size: 0.8em;
    }

.hamburger-menu .layout_header nav li.menu1 a {
        margin: 0.1em 0;
    }

.hamburger-menu .layout_header nav .menu2 {
        font-size: 0.7em;
    }

.hamburger-menu .layout_header nav .menu2_container {
        display: none !important;
    }

.hamburger-menu .layout_header nav .menu2_container:after {
        display: none;
    }

.hamburger-menu .layout_header nav li.menu1 {
        height: auto;
    }

.hamburger-menu .layout_header nav .menu0_container li a {
        margin-bottom: 0;
    }
	
.hamburger-menu .layout_header nav li.menu0 > a {
		font-size: 0.75em;
	}

.hamburger-menu .layout_header nav li:hover,
.hamburger-menu .layout_header nav li.menu1.hover > a,
.hamburger-menu .layout_header nav li.menu1:hover > a,
.hamburger-menu .layout_header nav li.menu2.hover > a,
.hamburger-menu .layout_header nav li.menu2:hover > a {
        background: transparent;
    }

.hamburger-menu .layout_header nav .flags .flag,
.hamburger-menu .layout_header nav .flags:hover .flag {
        margin: 1em 0.5em !important;
        height: 1.5em !important;
        width: 1.5em !important;
        line-height: 1em !important;
        font-size: 1.2em !important;
    }

.hamburger-menu .layout_header .menu-superiore:before {
        display: none;
    }

.hamburger-menu .layout_header .menu-superiore {
        text-align: center;
        left: 0;
        right: 0;
        padding: 0;
    }

.hamburger-menu .layout_header .menu-superiore p {
        padding: 0.5em 0;
    }

.hamburger-menu .layout_header .menu-superiore a {
            display: inline-block;
            background-color: #0b294e;
            background-position: 0.3em center;
            padding: 0.7em 0.7em 0.7em 2.5em;
            /*margin: 0.25em;*/
            margin: 0.1em;
        }
/* 2026-07-17 - TASK-012 Menu responsive tramite classi SCM << */

@media screen and (max-width: 768px) {

    .pagina-grigia-full .layout_page.text_blocks_2 .text_block > h2 {
        left: 0;
        width: auto;
        font-size: 1.2em;
        text-align: left;
    }

    .pagina-grigia .layout_page > div .text_block > h2,
    .pagina-grigia-full .layout_page > div .text_block > h2 {
        font-size: 1.5em;
        text-align: left;
    }

    .pagina-grigia .layout_page > div .text_block > h3,
    .pagina-grigia-full .layout_page > div .text_block > h3 {
        font-size: 1.3em;
        text-align: center;
    }

    .banner_foto .text_block p {
        font-size: 1.25em;
    }

    .layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1,
    .layout_page .text_block > h1 {
        font-size: 2.5em;
    }

    .sanmartino h1{
        font-size:2.5em !important;
        margin-top:0em;
    }

    .bottone_dovesiamo,
    .bottone_meteo,
    .bottone_touristcard,
    .bottone_gadgets,
    .bottone_albengaexperience {
        min-width: 14em;
    }

    .tappa_blu .layout_page h2,
    .tappa_verde .layout_page h2
   {
        font-weight: 500;
        font-size:1.5em;
    }

   
    .tappa_blu .layout_page h3,
    .tappa_verde .layout_page h3
   {
        font-weight: 500;
        font-size: 1em;
    }

    .tappa_blu h1,
    .tappa_verde h1 {
        font-size: 1.6em !important;
    }

}

@media screen and (max-width: 600px) {
    .hamburger-menu .layout_header nav,
    .hamburger-menu .layout_header.mini nav {
        font-size: 0.8em;
    }

    .layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1,
    .layout_page .text_block > h1 {
        font-size: 2em;
    }

    .banner_foto .text_block p {
        width: 80%
    }

    .hamburger-menu .layout_header #show-menu:checked ~ nav > ul.menu0_container {
        /*top: 2em;*/
        /*top: 4em;*/
        top: 6em;
    }

    .bottone_dovesiamo,
    .bottone_meteo,
    .bottone_touristcard,
    .bottone_gadgets,
    .bottone_albengaexperience {
        min-width: 16em;
    }

    .layout_page.text_blocks_center .art_block {
        width: 100%;
        max-width: 100%;
    }

    .elenco-iscritti .layout_page .art_block > a.img_background {
        padding-top: 12em;
    }

    .elenco-iscritti .layout_page .art_block > a.img_background:hover {
        border-color: #dedc00;
    }

    .instagram_feed .instagram_new {
        width: 50%;
    }

    .layout_page.instagram-wall h2 {
        font-size: 1.6em;
    }

    .smartino.fai .layout_page h1 {
        font-size: 2.5em !important;
        margin-top: 0em;
        margin-bottom:0em;
    }
}

@media screen and (max-width: 480px) {
    .hamburger-menu .layout_header .logo:after {
        content: "ScopriAlbenga.it";
        position: relative;
        /*font-family: 'Roboto', Sans-Serif; restyle26*/
        font-family: 'raleway-ingauno', sans-serif; /*restyle26*/
        left: 5.5em;
        text-decoration: none;
        font-size: 1.2em;
        text-decoration-color: transparent;
        text-transform: uppercase;
        display: inline-block;
        top: 0.7em;
    }

    .hamburger-menu .layout_header #show-menu:checked ~ nav > ul.menu0_container {
        /*top: 8em;*/
    }

    .banner_foto .text_block p {
        width: 90%;
        font-size: 0.8em;
    }

    .layout_header + .layout_page:not(.pagina_dettaglio) .text_block h1,
    .layout_page .text_block > h1 {
        font-size: 1.6em;
    }

    .layout_page.instagram-wall h2 {
        font-size: 1.2em;
    }

    .bottone_dovesiamo,
    .bottone_meteo,
    .bottone_touristcard,
    .bottone_gadgets,
    .bottone_albengaexperience {
        min-width: 14em;
    }

    .layout_page.video-home h1 {
        font-size: 1.5em;
    }

    h2{
        font-size:1.6em;
    }

    .contatti_form h2 {
        color: var(--Colore-Logo-Scritta);
        font-size: 1.6em;
    }

    .logo_drittiallisola {
        vertical-align: top;
        height: 50px !important;
        margin-right: 0em;
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 320px) {
    .hamburger-menu .layout_header .logo:after {
        display: none;
    }

    .hamburger-menu .layout_header #show-menu:checked ~ nav > ul.menu0_container {
        top: 10em;
    }

    .hamburger-menu .layout_header .menu-titolo-social div p + p {
        font-size: 1.2em;
    }

    .banner_foto .text_block p {
        display: none;
    }
}

/* #endregion */



/* 2026-07-22 - TASK-019 Restyle gallerie fotografiche >> */
.layout_page.sfondo-con-bordo > div {
    align-items: stretch;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.layout_page.sfondo-con-bordo > div > .text_block {
    align-items: flex-end;
    align-self: stretch;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 0;
    margin: 0 0.5em;
    max-width: none !important;
    min-height: 0;
    padding: 0 !important;
    width: auto !important;
}

.layout_page.sfondo-con-bordo .back_block {
    border: 0;
    border-radius: 0.5em;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .layout_page.sfondo-con-bordo > div {
        position: relative;
    }

    .layout_page.sfondo-con-bordo > div > .text_block {
        flex-basis: 100%;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        min-height: 14em;
    }
}
/* 2026-07-22 - TASK-019 Restyle gallerie fotografiche << */

/* 2026-07-22 - TASK-021 Titoli senza hero e fotografie contenuto >> */
.layout_header + .layout_page:not(.pagina_dettaglio):not(.banner_foto) .text_block h1 {
    color: #284854;
}

.layout_header + .layout_page.banner_foto .text_block h1 {
    color: #ffffff;
}

.layout_page:not(.banner_foto):not(.anteprima):not(.sfondo-con-bordo) > div > .text_block > .back_block[style*="background-image"] {
    border-radius: 0.5em;
    margin: 0.5em;
}
/* 2026-07-22 - TASK-021 Titoli senza hero e fotografie contenuto << */

/* 2026-07-22 - TASK-021b Spaziatura gallerie residue >> */
.layout_page.sfondo-con-bordo > div > .back_block[style*="background-image"],
.layout_page.bordi > div > .back_block[style*="background-image"] {
    background-clip: padding-box;
    border: 0;
    border-left: 0.5em solid transparent;
    border-radius: 1em;
    border-right: 0.5em solid transparent;
    box-sizing: border-box;
}

.layout_page.sfondo-con-bordo + .layout_page.sfondo-con-bordo {
    margin-top: 1em;
}
/* 2026-07-22 - TASK-021b Spaziatura gallerie residue << */

.layout_page > div .text_block .gmap * {
    max-width: none !important;
}








/* Restyle 2026 */




/* 2026-07-06 - TASK-002 Restyle anteprima eventi >> */
.layout_page.anteprima {
    background-color: #ffffff;
    margin-bottom: 0;
}

.layout_page.anteprima > div {
    align-items: stretch;
    align-content: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.layout_page.anteprima > div:has(> .back_block) {
    flex-direction: column;
    flex-wrap: nowrap;
}

.layout_page.anteprima > div .text_block {
    box-sizing: border-box;
    align-self: stretch;
    display: inline-flex;
    flex-direction: column;
    min-height: inherit;
    padding-left: 0.5em;
    padding-right: 0.5em;
    position: relative;
}

.layout_page.anteprima > div .back_block,
.layout_page.anteprima > div .quad_block .back_block,
.layout_page.anteprima > div .text_block > .back_block {
    aspect-ratio: 16 / 9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.layout_page.anteprima > div .back_block:before,
.layout_page.anteprima > div .quad_block .back_block:before,
.layout_page.anteprima > div .text_block > .back_block:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: inherit;
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 1200ms ease;
    z-index: 0;
    pointer-events: none;
}

.layout_page.anteprima > div .back_block:after,
.layout_page.anteprima > div .quad_block .back_block:after,
.layout_page.anteprima > div .text_block > .back_block:after {
    display: none;
}

.layout_page.anteprima > div:hover > .back_block:before,
.layout_page.anteprima > div.hover > .back_block:before,
.layout_page.anteprima > div .text_block:hover > .back_block:before,
.layout_page.anteprima > div .text_block.hover > .back_block:before {
    transform: scale(1.03);
}

.layout_page.anteprima > div > .back_block {
    position: relative;
    top: auto;
    right: auto !important;
    bottom: auto;
    left: auto !important;
    display: block !important;
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
    margin: 0 0.5em;
    border-radius: 8px 8px 0 0;
}

.layout_page.anteprima > div > .back_block ~ .text_block {
    display: block;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto;
    min-height: 0;
    margin: 0 0.5em;
    padding: 0 !important;
    position: static;
    background-color: #f0f0f0;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    text-align: left;
}

.layout_page.anteprima > div > .back_block ~ .text_block > h3 {
    color: #1a1a1a;
    background-color: #f0f0f0;
    text-align: left;
    width: auto;
    display: block;
    margin: 0;
    padding: 0.9em 1em;
    font-size: 0.9em;
    line-height: 1.25em;
    font-weight: bold;
    text-transform: none;
    border-radius: 0;
    position: relative;
    z-index: 5;
    pointer-events: none;
    transition: background-color 250ms ease;
}

.layout_page.anteprima > div > .back_block ~ .text_block > p {
    position: static;
    z-index: 2;
    color: #1a1a1a;
    background: #f0f0f0;
    text-align: left;
    width: auto !important;
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0 1em 1em;
    font-size: 0.9em;
    line-height: 1.35em;
    font-weight: normal;
    border-radius: 0 0 8px 8px;
    overflow: visible;
    text-shadow: none;
    opacity: 1;
    transition: background-color 250ms ease;
}

.layout_page.anteprima > div > .back_block ~ .text_block > p * {
    display: inline;
    font-size: inherit;
    line-height: inherit;
}

.layout_page.anteprima > div > .back_block ~ .text_block > p br,
.layout_page.anteprima > div > .back_block ~ .text_block > p strong,
.layout_page.anteprima > div > .back_block ~ .text_block > p b,
.layout_page.anteprima > div > .back_block ~ .text_block > p em,
.layout_page.anteprima > div > .back_block ~ .text_block > p i,
.layout_page.anteprima > div > .back_block ~ .text_block > p span {
    display: inline !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.layout_page.anteprima > div > .back_block ~ .text_block > p a {
    color: #315f73;
    display: inline;
    text-decoration: underline;
}

.layout_page.anteprima > div > .back_block ~ .text_block > p a.bottone_bianco {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-decoration: none;
    text-transform: none;
    text-indent: -9999px;
    font-size: 0 !important;
    line-height: 0 !important;
    font-weight: bold;
    border-radius: 0 0 8px 8px;
    opacity: 0;
    z-index: 4;
}

.layout_page.anteprima > div:hover > .back_block ~ .text_block > h3,
.layout_page.anteprima > div.hover > .back_block ~ .text_block > h3,
.layout_page.anteprima > div:hover > .back_block ~ .text_block > p,
.layout_page.anteprima > div.hover > .back_block ~ .text_block > p {
    background-color: #e8e8e8;
    color: #1a1a1a !important;
}

.layout_page.anteprima > div > .back_block ~ .text_block > p a.bottone_bianco:after {
    display: none;
}

.layout_page.anteprima > div .text_block > .back_block {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    border-radius: 8px 8px 0 0;
}

.layout_page.anteprima > div .text_block > .back_block + h3 {
    color: #1a1a1a;
    background-color: #f0f0f0;
    text-align: left;
    width: auto;
    display: block;
    margin: 0;
    padding: 0.9em 1em;
    font-size: 0.9em;
    line-height: 1.25em;
    font-weight: bold;
    text-transform: none;
    border-radius: 0;
    flex: 0 0 auto;
    position: relative;
    z-index: 5;
    pointer-events: none;
    transition: background-color 250ms ease;
}

.layout_page.anteprima > div .text_block:hover > .back_block + h3,
.layout_page.anteprima > div .text_block.hover > .back_block + h3,
.layout_page.anteprima > div .text_block:hover > .back_block + h3 + p,
.layout_page.anteprima > div .text_block.hover > .back_block + h3 + p {
    background-color: #e8e8e8;
    color: #1a1a1a !important;
}

.layout_page.anteprima > div .text_block > .back_block + h3 + p {
    position: static;
    z-index: 2;
    box-sizing: border-box;
    display: block;
    text-align: left;
    width: auto;
    margin: 0;
    padding: 0 1em 1em;
    overflow: visible;
    background: #f0f0f0;
    color: #1a1a1a;
    font-size: 0.85em;
    line-height: 1.35em;
    font-weight: normal;
    border-radius: 0 0 8px 8px;
    text-shadow: none;
    opacity: 1;
    transition: background-color 250ms ease;
}

.layout_page.anteprima > div .text_block > .back_block + h3 + p * {
    display: inline;
    font-size: inherit;
    line-height: inherit;
}

.layout_page.anteprima > div .text_block > .back_block + h3 + p br,
.layout_page.anteprima > div .text_block > .back_block + h3 + p strong,
.layout_page.anteprima > div .text_block > .back_block + h3 + p b,
.layout_page.anteprima > div .text_block > .back_block + h3 + p em,
.layout_page.anteprima > div .text_block > .back_block + h3 + p i,
.layout_page.anteprima > div .text_block > .back_block + h3 + p span {
    display: inline !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.layout_page.anteprima > div .text_block > .back_block + h3 + p a {
    color: #315f73;
    text-decoration: underline;
}

.layout_page.anteprima > div .text_block > .back_block + h3 + p a.bottone_bianco {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 4;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 0;
    text-indent: -9999px;
}

.layout_page.anteprima > div .text_block > .back_block + h3 + p a.bottone_bianco:after {
    display: none;
}

.layout_page.anteprima + .layout_page.anteprima {
    margin-top: 1em !important;
    padding-top: 0 !important;
}

@media screen and (max-width: 768px) {
    .layout_page.anteprima > div {
        row-gap: 1em;
    }

    .layout_page.anteprima > div:has(> .back_block) {
        row-gap: 0;
    }

    .layout_page.anteprima > div > .back_block {
        height: auto;
        min-height: 0;
    }

    .layout_page.anteprima > div .text_block > .back_block {
        height: auto;
        min-height: 0;
    }
}
/* 2026-07-06 - TASK-002 Restyle anteprima eventi << */

/* 2026-07-08 - TASK-007 Regole comuni box grafici con foto >> */
.layout_page > div > .art_block.evento-principale > a.img_background,
section.elenco_dettagli > div > .art_block > a.img_background {
    box-sizing: border-box;
    display: block;
    position: relative;
    min-height: 0;
    height: auto;
    margin: 0 0 1em;
    padding: 11em 0 0;
    overflow: hidden;
    background-color: #f0f0f0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0 0;
    border-radius: 8px;
    color: #1a1a1a;
    line-height: 1.25em;
    text-decoration: none !important;
}

.layout_page > div > .art_block.evento-principale > a.img_background:before,
section.elenco_dettagli > div > .art_block > a.img_background:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 11em;
    background-image: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px 8px 0 0;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 1200ms ease;
    z-index: 0;
    pointer-events: none;
}

.layout_page > div > .art_block.evento-principale > a.img_background:after,
section.elenco_dettagli > div > .art_block > a.img_background:after {
    display: none;
}

.layout_page > div > .art_block.evento-principale > a.img_background:hover:before,
.layout_page > div > .art_block.evento-principale > a.img_background.hover:before,
section.elenco_dettagli > div > .art_block > a.img_background:hover:before,
section.elenco_dettagli > div > .art_block > a.img_background.hover:before {
    transform: scale(1.05);
}

.layout_page > div > .art_block.evento-principale > a.img_background:hover,
.layout_page > div > .art_block.evento-principale > a.img_background.hover,
section.elenco_dettagli > div > .art_block > a.img_background:hover,
section.elenco_dettagli > div > .art_block > a.img_background.hover {
    background-color: #e8e8e8;
}

.layout_page > div > .art_block.evento-principale > a.img_background > b,
section.elenco_dettagli > div > .art_block > a.img_background > b {
    box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 1;
    width: auto;
    margin: 0;
    padding: 0.9em 1em 0.35em;
    background-color: #f0f0f0;
    color: #1a1a1a;
    border-radius: 0;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.25em;
    text-align: left;
    text-transform: none;
    text-shadow: none;
    transition: background-color 250ms ease;
}

.layout_page > div > .art_block.evento-principale > a.img_background > div,
section.elenco_dettagli > div > .art_block > a.img_background > div {
    box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 1;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0 1em 0.9em;
    overflow: visible;
    background: #f0f0f0;
    color: #1a1a1a;
    border-radius: 0 0 8px 8px;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.35em;
    text-align: left;
    text-shadow: none;
    transition: background-color 250ms ease;
}

.layout_page > div > .art_block.evento-principale > a.img_background:hover > b,
.layout_page > div > .art_block.evento-principale > a.img_background.hover > b,
.layout_page > div > .art_block.evento-principale > a.img_background:hover > div,
.layout_page > div > .art_block.evento-principale > a.img_background.hover > div,
section.elenco_dettagli > div > .art_block > a.img_background:hover > b,
section.elenco_dettagli > div > .art_block > a.img_background.hover > b,
section.elenco_dettagli > div > .art_block > a.img_background:hover > div,
section.elenco_dettagli > div > .art_block > a.img_background.hover > div {
    background-color: #e8e8e8;
    color: #1a1a1a !important;
}

.layout_page > div > .art_block.evento-principale > a.img_background > div > p,
section.elenco_dettagli > div > .art_block > a.img_background > div > p {
    margin: 0;
    color: #1a1a1a;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
}

@media screen and (max-width: 600px) {
    .layout_page > div > .art_block.evento-principale > a.img_background,
    section.elenco_dettagli > div > .art_block > a.img_background {
        padding-top: 12em;
    }

    .layout_page > div > .art_block.evento-principale > a.img_background:before,
    section.elenco_dettagli > div > .art_block > a.img_background:before {
        height: 12em;
    }
}
/* 2026-07-08 - TASK-007 Regole comuni box grafici con foto << */

/* 2026-07-21 - TASK-016 Restyle box attivita' >> */
.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background {
    background-color: #f0f0f0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0 0;
    border-radius: 8px;
    color: #1a1a1a;
    height: auto;
    min-height: 0;
    overflow: hidden;
    padding: 11em 0 0;
}

.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background:before {
    background-position: center center;
    background-size: cover;
    height: 11em;
}

.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background > b {
    background-color: #f0f0f0;
    color: #1a1a1a;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.25em;
    padding: 0.9em 1em 0.35em;
    position: relative;
    text-align: left;
}

.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background > div {
    background: #f0f0f0;
    border-radius: 0 0 8px 8px;
    color: #1a1a1a;
    font-size: 0.9em;
    line-height: 1.35em;
    padding: 0 1em 0.9em;
    position: static;
    text-align: left;
}

.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background:hover > b,
.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background.hover > b,
.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background:hover > div,
.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background.hover > div {
    background-color: #e8e8e8;
    color: #1a1a1a !important;
}

.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background > div > p:first-child {
    height: 0;
    margin: 0;
}

.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background > div .tipo {
    background: #008d36;
    border-radius: 8px 0 3px 0;
    color: #ffffff;
    display: inline-block;
    font-size: 0.8em;
    left: 0;
    line-height: 1em;
    min-height: 0;
    padding: 0.45em 0.6em;
    right: auto;
    text-align: left;
    top: 0;
    width: auto;
    z-index: 2;
}

.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background > div > p:nth-child(3) {
    color: #1a1a1a;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background > div > p:nth-child(3) > br:first-child,
.elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background > div > p:nth-child(3) > br:first-child + br {
    display: none;
}

@media screen and (max-width: 600px) {
    .elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background {
        padding-top: 12em;
    }

    .elenco-iscritti section.elenco_dettagli > div > .art_block > a.img_background:before {
        height: 12em;
    }
}
/* 2026-07-21 - TASK-016 Restyle box attivita' << */

/* 2026-07-08 - TASK-008 Stabilizza hover eventi >> */
.layout_page > div > .art_block.evento-principale > a.img_background:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1);
    will-change: transform;
}

.layout_page > div > .art_block.evento-principale > a.img_background:hover:before,
.layout_page > div > .art_block.evento-principale > a.img_background.hover:before {
    transform: translateZ(0) scale(1.05);
}
/* 2026-07-08 - TASK-008 Stabilizza hover eventi << */

/* 2026-07-07 - TASK-004 Restyle elenco semplice eventi >> */
.layout_page.elenco-semplice {
    margin-top: 0;
}

.layout_page.elenco-semplice > div {
    align-items: stretch;
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1em;
    justify-content: center;
}

.layout_page.elenco-semplice > div > .art_block {
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    width: 33.3333%;
    max-width: 33.3333%;
    margin: 0;
    padding: 0.5em;
}

.layout_page.elenco-semplice > div > .art_block > a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 0;
    height: 100%;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    background-color: #f0f0f0;
    background-image: none !important;
    border-radius: 8px;
    color: #1a1a1a;
    line-height: 1.25em;
    text-decoration: none !important;
    transition: background-color 250ms ease;
    border: 1px solid black;
}
.layout_page.elenco-semplice > div > .art_block > a.no-link {
	border: 0;
}

.layout_page.elenco-semplice > div > .art_block > a.img_background {
    height: 100%;
    margin: 0;
    padding: 0 !important;
    background-image: none !important;
    background-size: auto;
}

.layout_page.elenco-semplice > div > .art_block > a:after {
    display: none;
}

.layout_page.elenco-semplice > div > .art_block > a.img_background:before {
    display: none;
}

.layout_page.elenco-semplice > div > .art_block > a:hover,
.layout_page.elenco-semplice > div > .art_block > a.hover {
    background-color: #e8e8e8;
    color: #1a1a1a !important;
}

.layout_page.elenco-semplice > div > .art_block > a > b {
    box-sizing: border-box;
    display: block;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0.9em 1em 0.35em;
    background-color: transparent;
    color: #1a1a1a;
    border-radius: 0;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.25em;
    text-align: left;
    text-shadow: none;
    text-transform: none;
}

.layout_page.elenco-semplice > div > .art_block > a > div {
    box-sizing: border-box;
    display: block;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0 1em 0.9em;
    overflow: visible;
    background: transparent;
    color: #1a1a1a;
    border-radius: 0;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.35em;
    text-align: left;
    text-shadow: none;
}

.layout_page.elenco-semplice > div > .art_block > a > div > p {
    margin: 0;
    color: #1a1a1a;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
}

.layout_page.elenco-semplice > div > .art_block > a > div > p span {
    font-size: inherit;
    line-height: inherit;
}
/* 2026-07-07 - TASK-004 Restyle elenco semplice eventi << */



/* 2026-07-10 - TASK-009 Restyle trafiletti sport >> */
.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) {
    margin-top: 3em;
    margin-bottom: 7em;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) > div {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2em;
    min-height: 0 !important;
    background: transparent;
        padding-left:1em;
        padding-right:1em;    
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) > div > .text_block {
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    color: #5e6a70;
    text-align: left;
    transform: none;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo):not(.inverti_ordine_480) > div > .text_block.blk_2_2,
.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo).inverti_ordine_480 > div > .text_block.blk_1_2 {
    order: 1;
    flex: 0 0 30%;
    width: 30% !important;
    max-width: 30% !important;
    min-height: 20em;
    padding: 0 !important;
    align-self: flex-start;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo):not(.inverti_ordine_480) > div > .text_block.blk_1_2,
.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo).inverti_ordine_480 > div > .text_block.blk_2_2 {
    order: 2;
    flex: 1 1 0;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo):not(.inverti_ordine_480) > div > .text_block.blk_2_2 > .back_block,
.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo).inverti_ordine_480 > div > .text_block.blk_1_2 > .back_block {
    border-radius: 0.5em;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .youtube-embed-wrapper {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    border-radius: 0.5em;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > h2 {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    margin: 0 0 0.35em;
    padding: 0;
    background: transparent;
    color: #111111;
    font-size: 1.75em;
    font-weight: 800;
    line-height: 1.1em;
    text-align: left;
    text-transform: none;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > h2 + p {
    margin-top: 0;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > p,
.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > ul,
.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > ol {
    margin: 0 0 0.55em;
    padding: 0;
    color: #5e6a70;
    font-size: 0.95em;
    line-height: 1.42em;
    text-align: left !important;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > p:last-child {
    margin-bottom: 0;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > p a:not(.bottone) {
    color: #315f73;
    text-decoration: underline;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > p a:not(.bottone):hover {
    background-color: #d8e900;
}

.pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > p .bottone {
    margin: 0.25em 0 0;
}

@media screen and (max-width: 768px) {
    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) > div {
        flex-direction: column;
        align-items: stretch;
        max-width: 600px;
        gap: 1em;
    }

    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo):not(.inverti_ordine_480) > div > .text_block.blk_1_2,
    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo).inverti_ordine_480 > div > .text_block.blk_1_2 {
        order: 1;
    }

    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo):not(.inverti_ordine_480) > div > .text_block.blk_2_2,
    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo).inverti_ordine_480 > div > .text_block.blk_2_2 {
        order: 2;
    }

    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) > div > .text_block {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo):not(.inverti_ordine_480) > div > .text_block.blk_2_2,
    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo).inverti_ordine_480 > div > .text_block.blk_1_2 {
        min-height: 11em;
    }
}

@media screen and (max-width: 480px) {
    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) {
        margin-top: 2em;
        margin-bottom: 7em;
    }

    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo).inverti_ordine_480 > div > .text_block.blk_1_2 {
        order: 2;
    }

    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo).inverti_ordine_480 > div > .text_block.blk_2_2 {
        order: 1;
    }

    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo) .text_block > h2 {
        font-size: 1.45em;
    }

    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo):not(.inverti_ordine_480) > div > .text_block.blk_2_2,
    .pagina-grigia-full .layout_page.text_blocks_2:not(.sfondo-con-bordo).inverti_ordine_480 > div > .text_block.blk_1_2 {
        min-height: 10em;
    }
}
/* 2026-07-10 - TASK-009 Restyle trafiletti sport << */


/* 2026-07-13 - TASK-009 Restyle bottone globale >> */
.bottone, .smartino .bottone {
    padding: 0.75em 1em;
    background-color: #d8e900 !important;
    color: #111111 !important;
    border: 1px solid transparent;
    border-radius: 0.5em;
    /* font-size: 0.9em !important; */
    font-weight: 800;
    line-height: 1em;
    text-transform: none;
    transition: none;
	min-width:12em;
	text-align:center;
}
.bottone.piccolo {
    font-size: 0.75em !important;
}

.bottone:after,
.smartino .bottone:after,
.bottone:hover:after,
.smartino .bottone:hover:after,
.bottone.hover:after,
.smartino .bottone.hover:after {
    display: none;
}

.bottone:hover,
.bottone.hover,
.smartino .bottone:hover,
.smartino .bottone.hover {
    border-color: #111111 !important;
    background-color: #ffffff !important;
}

.bottone.invertito,
.smartino .bottone.invertito {
    border-color: #111111 !important;
    background-color: #ffffff !important;
    color: #111111 !important;
}

.bottone.invertito:hover,
.bottone.invertito.hover,
.smartino .bottone.invertito:hover,
.smartino .bottone.invertito.hover {
    border-color: transparent !important;
    background-color: #d8e900 !important;
    color: #111111 !important;
}
/* 2026-07-13 - TASK-009 Restyle bottone globale << */

/* 2026-07-24 - TASK-025 Restyle pulsanti servizi home >> */
.bottone_dovesiamo,
.bottone_meteo,
.bottone_touristcard,
.bottone_gadgets,
.bottone_albengaexperience {
    align-items: center;
    background-color: #00b1ef !important;
    background-image: none !important;
    border: 1px solid transparent;
    border-radius: 0.5em;
    box-sizing: border-box;
    color: #ffffff !important;
    display: inline-flex;
    font-size: 1em !important;
    font-weight: 800;
    gap: 0.5em;
    height: auto !important;
    justify-content: center;
    line-height: 1em;
    margin: 0.5em;
    min-width: 0;
    padding: 0.75em 1em;
    text-transform: none;
    vertical-align: middle;
    width: auto;
}

.bottone_dovesiamo:before,
.bottone_meteo:before,
.bottone_touristcard:before,
.bottone_gadgets:before,
.bottone_albengaexperience:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    flex: 0 0 1.75em;
    height: 1.75em;
    width: 1.75em;
}

.bottone_dovesiamo:before {
    background-image: url('/graphics/ico-dove-siamo.png');
}

.bottone_meteo:before {
    background-image: url('/graphics/ico-meteo.png');
}

.bottone_touristcard:before {
    background-image: url('/graphics/ico-tourist-card.png');
}

.bottone_gadgets:before {
    background-image: url('/graphics/ico-gadgets-bianca.png');
}

.bottone_albengaexperience:before {
    background-image: url('/graphics/ico-experience.png');
}

.bottone_dovesiamo:after,
.bottone_meteo:after,
.bottone_touristcard:after,
.bottone_gadgets:after,
.bottone_albengaexperience:after {
    display: none;
}

.bottone_dovesiamo:hover,
.bottone_dovesiamo.hover,
.bottone_meteo:hover,
.bottone_meteo.hover,
.bottone_touristcard:hover,
.bottone_touristcard.hover,
.bottone_gadgets:hover,
.bottone_gadgets.hover,
.bottone_albengaexperience:hover,
.bottone_albengaexperience.hover {
    background-color: #ffffff !important;
    border-color: #111111 !important;
    color: #111111 !important;
}

.bottone_dovesiamo:hover:before,
.bottone_dovesiamo.hover:before,
.bottone_meteo:hover:before,
.bottone_meteo.hover:before,
.bottone_touristcard:hover:before,
.bottone_touristcard.hover:before,
.bottone_gadgets:hover:before,
.bottone_gadgets.hover:before,
.bottone_albengaexperience:hover:before,
.bottone_albengaexperience.hover:before {
    filter: brightness(0);
}
/* 2026-07-24 - TASK-025 Restyle pulsanti servizi home << */

/* la foto è scurita per far vedere meglio titolo bianco */
.layout_page.banner_foto > div .back_block:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #0006;
}

/* 2026-07-14 - TASK-010 Restyle blocchi testo monocolonna >> */
.layout_page.text_blocks_1.intro,
.layout_page.text_blocks_1.testo-centrale {
    margin-top: 2.5em;
    margin-bottom: 3.5em;
}

.layout_page.text_blocks_1.intro > div > .text_block,
.layout_page.text_blocks_1.testo-centrale > div > .text_block {
    box-sizing: border-box;
    display: block !important;
    /*
    width: 100% !important;*
    max-width: 560px !important;
    padding: 0 !important;
    */
    padding: 0 5em !important;
    font-size : 1.6em;
    margin: 0 auto;
    text-align: left;
    font-style: normal;
}

.layout_page.text_blocks_1.intro > div > .text_block:before,
.layout_page.text_blocks_1.testo-centrale > div > .text_block:before {
    content: "";
    display: block;
    /*
    width: 86px;
    height: 20px;
    margin: 0 0 1.2em;
    */
    width:6em;
    height:2em;
    margin: 0 0 0.5em;
    position: relative;
    left: -2.5em;  
    
    background-color: #d8e900;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28'%3E%3Cpath d='M4 18 C30 28, 78 28, 116 12 L111 0 C76 13, 34 14, 7 7 Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28'%3E%3Cpath d='M4 18 C30 28, 78 28, 116 12 L111 0 C76 13, 34 14, 7 7 Z'/%3E%3C/svg%3E");
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.layout_page.text_blocks_1.intro > div > .text_block > p,
.layout_page.text_blocks_1.intro > div > .text_block > ul,
.layout_page.text_blocks_1.intro > div > .text_block > ol,
.layout_page.text_blocks_1.testo-centrale > div > .text_block > p,
.layout_page.text_blocks_1.testo-centrale > div > .text_block > ul,
.layout_page.text_blocks_1.testo-centrale > div > .text_block > ol {
    box-sizing: border-box;
    max-width: 100% !important;
    margin: 0 0 0.8em;
    padding: 0 !important;
    color: #5e6a70;
    font-size: 1em;
    line-height: 1.42em;
    text-align: left !important;
}

.layout_page.text_blocks_1.intro > div > .text_block > p:last-child,
.layout_page.text_blocks_1.intro > div > .text_block > ul:last-child,
.layout_page.text_blocks_1.intro > div > .text_block > ol:last-child,
.layout_page.text_blocks_1.testo-centrale > div > .text_block > p:last-child,
.layout_page.text_blocks_1.testo-centrale > div > .text_block > ul:last-child,
.layout_page.text_blocks_1.testo-centrale > div > .text_block > ol:last-child {
    margin-bottom: 0;
}


@media screen and (max-width: 1024px) {
	.layout_page.text_blocks_1.intro > div > .text_block,
	.layout_page.text_blocks_1.testo-centrale > div > .text_block {
		padding: 0 2em !important;
	}
	.layout_page.text_blocks_1.intro > div > .text_block:before,
	.layout_page.text_blocks_1.testo-centrale > div > .text_block:before {
		left:-1em;
	}
}
@media screen and (max-width: 768px) {
    .layout_page.text_blocks_1.intro,
    .layout_page.text_blocks_1.testo-centrale {
        margin-top: 1.8em;
        margin-bottom: 2.4em;
    }

    .layout_page.text_blocks_1.intro > div > .text_block,
    .layout_page.text_blocks_1.testo-centrale > div > .text_block {
        padding: 0 2em !important;
        font-size:1.2em;
    }

    .layout_page.text_blocks_1.intro > div > .text_block:before,
    .layout_page.text_blocks_1.testo-centrale > div > .text_block:before {
        left:-1em;
    }

    .layout_page.text_blocks_1.intro > div > .text_block > p,
    .layout_page.text_blocks_1.intro > div > .text_block > ul,
    .layout_page.text_blocks_1.intro > div > .text_block > ol,
    .layout_page.text_blocks_1.testo-centrale > div > .text_block > p,
    .layout_page.text_blocks_1.testo-centrale > div > .text_block > ul,
    .layout_page.text_blocks_1.testo-centrale > div > .text_block > ol {
        font-size: 1.06em;
        line-height: 1.42em;
    }
}
/* 2026-07-14 - TASK-010 Restyle blocchi testo monocolonna << */

/* 2026-07-29 - TASK-029 Variante testo centrale >> */
.layout_page.text_blocks_1.testo-centrale > div > .text_block {
    font-size: 1.25em;
}

.layout_page.text_blocks_1.testo-centrale > div > .text_block:before {
    width: 6em;
    height: 3px;
    margin-bottom: 1.25em;
    background-color: #00b1ef;
    -webkit-mask-image: none;
    mask-image: none;
}

@media screen and (max-width: 768px) {
    .layout_page.text_blocks_1.testo-centrale > div > .text_block {
        font-size: 1.1em;
    }
}
/* 2026-07-29 - TASK-029 Variante testo centrale << */

/* 2026-07-17 - TASK-013 Menu principale laterale >> */
.layout_header > div:before {
    background: #ffffff;
    content: "";
    font-size: 16px;
    height: 3.5em;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}

.layout_header > div > label.show-menu,
.hamburger-menu .layout_header > div > label.show-menu {
    align-items: center;
    background: #d8e900;
    border: 1px solid transparent;
    box-sizing: border-box;
    caret-color: transparent;
    color: #0b294e;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 3.5em;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    user-select: none;
    width: 4em;
    z-index: 10004;
}

.layout_header > div > label.show-menu:hover,
.layout_header > div > label.show-menu.hover,
.hamburger-menu .layout_header > div > label.show-menu:hover,
.hamburger-menu .layout_header > div > label.show-menu.hover {
    background: #ffffff;
    border-color: #111111;
    color: #111111;
    outline: none;
}

.layout_header > div > label.show-menu > i,
.hamburger-menu .layout_header > div > label.show-menu > i {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.75em !important;
    height: 1em;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 0;
    transition: transform 350ms ease;
    width: 1em;
}

.layout_header #show-menu ~ nav > ul.menu0_container {
    background: #ffffff;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    left: auto;
    margin: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 16px;
    padding: 8.5em 3em 3em;
    pointer-events: none;
    position: fixed;
    right: 0;
    text-align: left;
    top: 0;
    transform: translateX(100%);
    transition: transform 350ms ease, visibility 0s linear 350ms;
    visibility: hidden;
    width: 32em;
    z-index: 10002;
}

.layout_header #show-menu ~ nav > ul.menu0_container:before {
    border-bottom: 1px solid #d9e1e5;
    content: "";
    left: 3em;
    position: absolute;
    right: 3em;
    top: 6.5em;
}

/* 2026-07-18 - Ripristina logo interno al menu */
.layout_header #show-menu ~ nav > ul.menu0_container:after {
    background-image: url('/graphics/logo_colorato.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 3.5em;
    left: 3em;
    pointer-events: none;
    position: absolute;
    top: 1.25em;
    width: 12em;
    z-index: 1;
}

.layout_header #show-menu:checked ~ nav,
.hamburger-menu .layout_header #show-menu:checked ~ nav {
    background: transparent;
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: auto;
    z-index: 10001;
}

.layout_header #show-menu:checked ~ nav:before {
    animation: task-013-menu-overlay-in 350ms ease forwards;
    background: rgba(11, 41, 78, 0.78);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10001;
}

.layout_header #show-menu:checked ~ nav > ul.menu0_container,
.hamburger-menu .layout_header #show-menu:checked ~ nav > ul.menu0_container {
    background: #ffffff;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    left: auto;
    margin: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8.5em 3em 3em;
    pointer-events: auto;
    position: fixed;
    right: 0;
    text-align: left;
    top: 0;
    transform: translateX(0);
    transition: transform 350ms ease, visibility 0s linear 0s;
    visibility: visible;
    width: 32em;
    z-index: 10002;
}

.layout_header #show-menu:checked ~ .logo {
    background-color: transparent;
    background-image: url('/graphics/logo_colorato.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    bottom: auto;
    display: block;
    filter: none;
    font-size: 16px;
    height: 3.5em;
    left: auto;
    padding: 0;
    position: fixed;
    right: 17em;
    top: 1.25em;
    width: 12em;
    z-index: 10003;
}

.layout_header #show-menu:checked ~ .logo:after {
    display: none;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.menu0 {
    background: transparent;
    border-bottom: 1px solid #d9e1e5;
    box-sizing: border-box;
    display: block;
    font-size: 1em;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.menu0.home {
    display: none !important;
}

.layout_header #show-menu ~ nav > ul.menu0_container li > a {
    background: transparent;
    box-sizing: border-box;
    color: #284854;
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
    padding: 0.85em 2em 0.85em 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.menu0 > a {
    color: #0b294e;
    font-size: 1.25em;
}

.layout_header #show-menu ~ nav > ul.menu0_container li > a:not(:only-child):after {
    color: #008d36;
    content: "\f078";
    font-family: FontAwesome;
    font-size: 0.7em;
    line-height: 1em;
    position: absolute;
    right: 0.25em;
    top: 1.15em;
    transition: transform 250ms ease;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.menu0:hover > a {
    color: #008d36;
}

.layout_header #show-menu ~ nav > ul.menu0_container li:hover,
.layout_header #show-menu ~ nav > ul.menu0_container li.hover {
    background: #ffffff;
}

.layout_header #show-menu ~ nav > ul.menu0_container li.has-submenu-toggle > a:after {
    display: none;
}

.layout_header #show-menu ~ nav > ul.menu0_container .menu-submenu-toggle {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #008d36;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0.75em;
    width: 2em;
    z-index: 1;
}

.layout_header #show-menu ~ nav > ul.menu0_container .menu-submenu-toggle:before {
    content: "\f078";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 0.75em;
    transition: transform 250ms ease;
}

.layout_header #show-menu ~ nav > ul.menu0_container li.menu1 > .menu-submenu-toggle {
    top: 0.35em;
}

.layout_header #show-menu ~ nav > ul.menu0_container .menu-submenu-toggle:hover,
.layout_header #show-menu ~ nav > ul.menu0_container .menu-submenu-toggle.hover {
    background: #f5f8f9;
    border-color: #d9e1e5;
    color: #0b294e;
    outline: none;
}

.layout_header #show-menu ~ nav > ul.menu0_container li.submenu-open > .menu-submenu-toggle:before {
    transform: rotate(180deg);
}

.layout_header #show-menu ~ nav > ul.menu0_container ul.menu1_container,
.layout_header #show-menu ~ nav > ul.menu0_container ul.menu2_container {
    background: #ffffff;
    bottom: auto;
    box-sizing: border-box;
    display: block;
    height: auto;
    left: auto;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    right: auto;
    text-align: left;
    top: auto;
    transform: translateY(-0.5em);
    transition: max-height 450ms ease, opacity 250ms ease, transform 250ms ease;
    visibility: hidden;
    width: 100%;
}

.layout_header #show-menu ~ nav > ul.menu0_container ul.menu2_container {
    border-radius: 0 !important;
    display: block !important;
    padding-left: 1em;
}

.layout_header #show-menu ~ nav > ul.menu0_container ul.menu2_container:after,
.layout_header #show-menu ~ nav > ul.menu0_container ul.menu2_container li.menu2,
.layout_header #show-menu ~ nav > ul.menu0_container ul.menu2_container li.menu2 > a {
    border-radius: 0 !important;
}

.layout_header #show-menu ~ nav > ul.menu0_container li.menu0.submenu-open > ul.menu1_container,
.layout_header #show-menu ~ nav > ul.menu0_container li.menu1.submenu-open > ul.menu2_container {
    max-height: 100em;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.layout_header #show-menu ~ nav > ul.menu0_container li.menu1,
.layout_header #show-menu ~ nav > ul.menu0_container li.menu2 {
    background: #ffffff;
    display: block;
    font-size: 1em;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.layout_header #show-menu ~ nav > ul.menu0_container li.menu1 > a {
    border-left: 3px solid #d8e900;
    font-size: 0.95em;
    padding-bottom: 0.65em;
    padding-left: 1em;
    padding-top: 0.65em;
}

.layout_header #show-menu ~ nav > ul.menu0_container li.menu2 > a {
    color: #5e6a70;
    font-size: 0.85em;
    font-weight: normal;
    padding-bottom: 0.55em;
    padding-left: 1em;
    padding-top: 0.55em;
}

.layout_header #show-menu ~ nav > ul.menu0_container li.menu1 > a:hover,
.layout_header #show-menu ~ nav > ul.menu0_container li.menu1 > a.hover,
.layout_header #show-menu ~ nav > ul.menu0_container li.menu2 > a:hover,
.layout_header #show-menu ~ nav > ul.menu0_container li.menu2 > a.hover {
    background: #f5f8f9;
    color: #008d36;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.flags {
    background: transparent !important;
    border-bottom: 0;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.flags:hover,
.layout_header #show-menu ~ nav > ul.menu0_container > li.flags.hover,
.layout_header #show-menu ~ nav > ul.menu0_container > li.flags:hover > div,
.layout_header #show-menu ~ nav > ul.menu0_container > li.flags.hover > div {
    background: transparent !important;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.flags > div {
    align-items: center;
    display: flex;
    background: transparent !important;
    gap: 0.5em;
    justify-content: flex-start;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
}

html .layout_header #show-menu ~ nav > ul.menu0_container > li.flags .flag,
html .layout_header #show-menu ~ nav > ul.menu0_container > li.flags:hover .flag {
    border: 2px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1em !important;
    height: 1.75em !important;
    line-height: 1em !important;
    margin: 1em 0 !important;
    opacity: 0.45;
    padding: 2px;
    transition: border-color 200ms ease, opacity 200ms ease;
    width: 2.25em !important;
}

html .layout_header #show-menu ~ nav > ul.menu0_container > li.flags .flag:hover,
html .layout_header #show-menu ~ nav > ul.menu0_container > li.flags .flag.hover {
    border-color: transparent;
    opacity: 1;
}

html[lang=it] .layout_header #show-menu ~ nav > ul.menu0_container > li.flags .flag.it,
html[lang=en] .layout_header #show-menu ~ nav > ul.menu0_container > li.flags .flag.en,
html[lang=en-x-mtfrom-it] .layout_header #show-menu ~ nav > ul.menu0_container > li.flags .flag.en,
html[lang=fr] .layout_header #show-menu ~ nav > ul.menu0_container > li.flags .flag.fr,
html[lang=de] .layout_header #show-menu ~ nav > ul.menu0_container > li.flags .flag.de,
html[lang=ru] .layout_header #show-menu ~ nav > ul.menu0_container > li.flags .flag.ru {
    opacity: 1;
}

/* 2026-07-31 - TASK-032 Social footer nel menu principale >> */
.layout_header #show-menu ~ nav > ul.menu0_container > li.menu0.social {
    border-bottom: 0;
    padding: 0.75em 0 1em;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.menu0.social > .menu-titolo-social {
    bottom: auto;
    height: auto;
    left: auto;
    position: relative;
    top: auto;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.menu0.social .menu-titolo-social div {
    margin-left: 0;
}

.layout_header #show-menu ~ nav > ul.menu0_container > li.menu0.social .menu-titolo-social p {
    display: flex;
    gap: 0.5em;
    margin: 0;
    padding: 0;
}
/* 2026-07-31 - TASK-032 Social footer nel menu principale << */

@keyframes task-013-menu-overlay-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    .layout_header #show-menu ~ nav > ul.menu0_container > li.menu0 > a {
        font-size: 1.1em;
    }

    .layout_header #show-menu ~ nav > ul.menu0_container li.menu1 > a {
        font-size: 0.9em;
    }

    .layout_header #show-menu ~ nav > ul.menu0_container li.menu2 > a {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 600px) {
    .layout_header #show-menu ~ nav > ul.menu0_container {
        padding: 7.5em 1.5em 2em;
        width: 100%;
    }

    .layout_header #show-menu:checked ~ nav > ul.menu0_container,
    .hamburger-menu .layout_header #show-menu:checked ~ nav > ul.menu0_container {
        padding: 7.5em 1.5em 2em;
        width: 100%;
    }

    .layout_header #show-menu ~ nav > ul.menu0_container:before {
        left: 1.5em;
        right: 1.5em;
        top: 5.75em;
    }

    .layout_header #show-menu ~ nav > ul.menu0_container:after {
        left: 1.5em;
        top: 1em;
    }

    .layout_header #show-menu:checked ~ .logo {
        height: 3.5em;
        left: 1.5em;
        right: auto;
        top: 1em;
        width: 12em;
    }

}

@media screen and (max-width: 480px) {
    .layout_header #show-menu ~ nav > ul.menu0_container > li.menu0 > a {
        font-size: 1em;
    }

    .layout_header #show-menu ~ nav > ul.menu0_container li.menu1 > a {
        font-size: 0.85em;
    }

    .layout_header #show-menu ~ nav > ul.menu0_container li.menu2 > a {
        font-size: 0.75em;
    }
}
/* 2026-07-17 - TASK-013 Menu principale laterale << */

/* 2026-07-17 - Ripristina logo principale colorato >> */
.layout_header .logo,
.layout_header.mini .logo,
.hamburger-menu .layout_header .logo,
.hamburger-menu .layout_header.mini .logo {
    background-color: #ffffff;
    background-image: url('/graphics/logo_colorato.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    bottom: auto;
    box-shadow: -1em 0 0 #ffffff;
    display: block;
    filter: none;
    font-size: 16px;
    height: 3.5em;
    left: 1em;
    position: fixed;
    right: auto;
    top: 0;
    transition: none;
    width: 10.5em;
    z-index: 10000;
}

.layout_header .logo:after,
.layout_header.mini .logo:after {
    content: "";
    display: none !important;
}
/* 2026-07-17 - Ripristina logo principale colorato << */

/* 2026-07-17 - TASK-014 Menu superiore fisso >> */
.layout_header nav .menu-superiore,
.hamburger-menu .layout_header nav .menu-superiore,
.hamburger-menu .layout_header #show-menu:checked ~ nav .menu-superiore,
.layout_header > div > .menu-superiore {
    align-items: center;
    background: #ffffff;
    box-sizing: border-box;
    color: #0b294e;
    display: none !important;
    font-size: 16px;
    height: 3.5em;
    left: 11.5em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: auto;
    position: fixed;
    right: 4em;
    text-align: center;
    top: 0;
    z-index: 10000;
}

@media screen and (min-width: 600px) {
    .layout_header nav .menu-superiore,
    .layout_header #show-menu:checked ~ nav .menu-superiore,
    .hamburger-menu .layout_header nav .menu-superiore,
    .hamburger-menu .layout_header #show-menu:checked ~ nav .menu-superiore,
    .layout_header > div > .menu-superiore {
        display: flex !important;
    }
}

.layout_header nav .menu-superiore:before,
.hamburger-menu .layout_header nav .menu-superiore:before,
.layout_header > div > .menu-superiore:before {
    content: none;
    display: none;
}

.layout_header nav .menu-superiore p,
.hamburger-menu .layout_header nav .menu-superiore p,
.layout_header > div > .menu-superiore p {
    align-items: stretch;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.layout_header nav .menu-superiore a,
.layout_header nav .menu-superiore a.mangiare,
.layout_header nav .menu-superiore a.esperienze,
.layout_header nav .menu-superiore a.spiaggia,
.hamburger-menu .layout_header nav .menu-superiore a,
.layout_header > div > .menu-superiore a {
    align-items: center;
    background-color: #ffffff;
    background-image: none;
    box-sizing: border-box;
    color: #0b294e;
    display: flex;
    flex: 0 0 auto;
    font-size: 0.8em;
    justify-content: center;
    line-height: 1.15em;
    margin: 0 0.25em;
    min-width: 0;
    padding: 0 0.5em;
    text-align: center;
    transition: background-color 200ms ease;
    white-space: nowrap;
}

.layout_header nav .menu-superiore a:hover,
.layout_header nav .menu-superiore a.hover,
.layout_header > div > .menu-superiore a:hover,
.layout_header > div > .menu-superiore a.hover {
    background-color: #d8e900;
    color: #0b294e;
    outline: none;
}

.layout_header #show-menu:checked ~ .logo,
.layout_header.mini #show-menu:checked ~ .logo,
.hamburger-menu .layout_header #show-menu:checked ~ .logo,
.hamburger-menu .layout_header.mini #show-menu:checked ~ .logo {
    background-color: #ffffff;
    background-image: url('/graphics/logo_colorato.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 16px;
    height: 3.5em;
    left: 1em;
    right: auto;
    top: 0;
    width: 10.5em;
    z-index: 10000;
}
/* 2026-07-17 - TASK-014 Menu superiore fisso << */

/* 2026-07-23 - TASK-023 Percorsi e navigazione Smartino >> */
.tappa_blu h1,
.tappa_verde h1 {
    color: #ffffff !important;
}

.smartino .layout_header > div > label.show-menu,
.smartino .layout_header .menu0_container,
.smartino .layout_header .menu-superiore {
    display: none !important;
}

.smartino .layout_header nav,
.hamburger-menu .smartino .layout_header nav {
    background: transparent !important;
    bottom: auto !important;
    display: block !important;
    height: 4em !important;
    left: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 0 !important;
    pointer-events: none;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    visibility: visible !important;
    z-index: 10001;
}

.smartino .layout_header .logo,
.smartino .layout_header.mini .logo,
.hamburger-menu .smartino .layout_header .logo,
.hamburger-menu .smartino .layout_header.mini .logo {
    background-image: url('/graphics/logo-smartino.png');
    height: 4em;
    width: 10.5em;
}

.smartino .layout_header .menu-smartino,
.hamburger-menu .smartino .layout_header .menu-smartino {
    align-items: center;
    /*background-color: #756950 !important;
    background-image: none !important;*/
    box-sizing: border-box;
    color: #ffffff;
    display: flex !important;
    font-size: 16px;
    height: 4em;
    justify-content: center;
    left: 10.5em;
    margin: 0;
    max-width: none;
    opacity: 1 !important;
    padding: 0.25em 0.5em;
    pointer-events: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: auto;
    visibility: visible !important;
    z-index: 10010;
}

.smartino .layout_header .menu-smartino p,
.hamburger-menu .smartino .layout_header .menu-smartino p {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.2em;
    margin: 0;
}

.smartino .layout_header .menu-smartino a,
.hamburger-menu .smartino .layout_header .menu-smartino a {
    color: #ffffff;
    display: inline-block;
    font-size: 1.05em;
    font-weight: bold;
    margin: 0 0.25em;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
}

.smartino .layout_header .menu-smartino a:hover,
.smartino .layout_header .menu-smartino a.hover {
    background-color: #ffffff;
    color: #756950;
}

.smartino .layout_footer,
.smartino .layout_footer h1,
.smartino .layout_footer h2,
.smartino .layout_footer h3,
.smartino .layout_footer p,
.smartino .layout_footer li,
.smartino .layout_footer td,
.smartino .layout_footer span,
.smartino .layout_footer b,
.smartino .layout_footer strong {
    color: #ffffff !important;
}

.smartino .layout_footer a {
    color: #ffffff !important;
}

.smartino .layout_footer a:hover,
.smartino .layout_footer a.hover {
    color: #111111 !important;
}

.smartino .layout_footer .menu-titolo-social div a {
    border-color: #ffffff;
    color: #ffffff !important;
}

.smartino .layout_footer .menu-titolo-social div a:hover,
.smartino .layout_footer .menu-titolo-social div a.hover {
    color: #111111 !important;
}

.smartino .layout_footer .footer3 img {
    filter: brightness(0) invert(1);
    opacity: 1;
}
/* 2026-07-23 - TASK-023 Percorsi e navigazione Smartino << */

/* 2026-07-24 - TASK-026 Anteprime con foto e testo affiancati >> */
.layout_page.anteprima2 {
    background-color: #ffffff;
    margin-bottom: 1em;
    min-height: 0 !important;
}

.layout_page.anteprima2 > div {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    min-height: 0 !important;
}

.layout_page.anteprima2 > div > .text_block {
    align-items: stretch;
    background-color: #ffffff;
    box-sizing: border-box;
    display: grid;
    flex: 1 1 calc(50% - 0.5em);
    grid-template-columns: minmax(0, 45%) minmax(0, 55%);
    grid-template-rows: 1fr 1fr;
    min-height: 12em;
    max-width: calc(50% - 0.5em) !important;
    padding: 0 !important;
    position: relative;
    width: calc(50% - 0.5em) !important;
}

.layout_page.anteprima2 > div > .text_block > .back_block {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    border-radius: 0.5em;
    bottom: auto;
    display: block;
    grid-column: 1;
    grid-row: 1 / 3;
    height: 100%;
    left: auto !important;
    margin: 0;
    min-height: 12em;
    overflow: hidden;
    position: relative;
    right: auto !important;
    top: auto;
    /*width: 100%; ROBY - OK? */
}

.layout_page.anteprima2 > div > .text_block > .back_block:before {
    background-image: inherit;
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 1200ms ease;
    z-index: 0;
}

.layout_page.anteprima2 > div > .text_block:hover > .back_block:before,
.layout_page.anteprima2 > div > .text_block.hover > .back_block:before {
    transform: scale(1.03);
}

.layout_page.anteprima2 > div > .text_block > .back_block:after {
    display: none;
}

.layout_page.anteprima2 > div > .text_block > h3 {
    align-self: end;
    background: transparent;
    color: #284854;
    display: block;
    font-size: 1.15em;
    font-weight: 700;
    grid-column: 2;
    grid-row: 1;
    line-height: 1.2em;
    margin: 0 0 0.4em 1em;
    padding: 0;
    position: static;
    text-align: left;
    text-transform: none;
    width: auto;
}

.layout_page.anteprima2 > div > .text_block > p {
    align-self: start;
    background: transparent;
    color: #5e6a70;
    display: block;
    font-size: 0.9em;
    grid-column: 2;
    grid-row: 2;
    line-height: 1.4em;
    margin: 0 0 0 1.3em;
    padding: 0;
    position: static;
    text-align: left;
    width: auto;
}

.layout_page.anteprima2 > div > .text_block > p a.bottone_bianco {
    background-color: #d8e900 !important;
    background-image: none !important;
    border: 1px solid transparent;
    border-radius: 0.5em;
    color: #111111 !important;
    display: inline-block;
    font-size: 0.85em !important;
    font-weight: 800;
    line-height: 1em;
    margin: 0.75em 0 0;
    padding: 0.65em 0.85em;
    text-decoration: none !important;
    text-transform: none;
}

.layout_page.anteprima2 > div > .text_block > p a.bottone_bianco:after {
    display: none;
}

.layout_page.anteprima2 > div > .text_block > p a.bottone_bianco:hover,
.layout_page.anteprima2 > div > .text_block > p a.bottone_bianco.hover {
    background-color: #ffffff !important;
    border-color: #111111 !important;
    color: #111111 !important;
}

.layout_page.anteprima2 + .layout_page.anteprima2 {
    margin-top: 1em !important;
    padding-top: 0 !important;
}

@media screen and (max-width: 768px) {
    .layout_page.anteprima2 > div > .text_block {
        flex-basis: 100%;
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .layout_page.anteprima2 > div > .text_block {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 12em auto auto;
        min-height: 0;
    }

    .layout_page.anteprima2 > div > .text_block > .back_block {
        grid-column: 1;
        grid-row: 1;
        min-height: 12em;
    }

    .layout_page.anteprima2 > div > .text_block > h3 {
        align-self: auto;
        grid-column: 1;
        grid-row: 2;
        margin: 0.8em 0.5em 0.35em;
    }

    .layout_page.anteprima2 > div > .text_block > p {
        align-self: auto;
        grid-column: 1;
        grid-row: 3;
        margin: 0 0.65em;
    }
}
/* 2026-07-24 - TASK-026 Anteprime con foto e testo affiancati << */

/* 2026-07-24 - TASK-027 Restyle e slider eventi principali >> */
.layout_page.eventi-principali {
    background-color: #ffffff;
    margin-top: 0;
}

.layout_page.eventi-principali > div {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.layout_page.eventi-principali > div > .back_block {
    display: none;
}

.layout_page.eventi-principali .art_block {
    box-sizing: border-box;
    display: block;
    flex: 0 0 33.3333%;
    margin: 0;
    max-width: 33.3333%;
    padding: 0.75em;
    width: 33.3333%;
}

.layout_page.eventi-principali .art_block > a.img_background {
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0 0;
    border: 0;
    border-radius: 0.5em 0.5em 0 0;
    box-sizing: border-box;
    color: #1a1a1a;
    display: block;
    height: auto;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none !important;
}

.layout_page.eventi-principali .art_block > a.img_background:before {
    aspect-ratio: 1 / 1;
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5em;
    bottom: auto;
    clip-path: inset(0 round 0.5em);
    content: "";
    display: block;
    height: auto;
    left: auto;
    pointer-events: none;
    position: relative;
    right: auto;
    top: auto;
    transform: scale(1);
    transform-origin: center center;
    transition: clip-path 1200ms ease, transform 1200ms ease;
    width: 100%;
    z-index: 0;
}

.layout_page.eventi-principali .art_block:hover > a.img_background:before,
.layout_page.eventi-principali .art_block.hover > a.img_background:before,
.layout_page.eventi-principali .art_block > a.img_background:hover:before,
.layout_page.eventi-principali .art_block > a.img_background.hover:before {
    clip-path: inset(1.46% round 0.485em);
    transform: scale(1.03);
}

.layout_page.eventi-principali .art_block > a.img_background:after {
    display: none;
}

.layout_page.eventi-principali .art_block > a.img_background > b {
    background-color: #ffffff;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #1a1a1a;
    display: block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0;
    min-height: 0;
    padding: 1em 1em 0.3em;
    position: relative;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;
    z-index: 1;
}

.layout_page.eventi-principali .art_block > a.img_background > div {
    background-color: #ffffff;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #5e6a70;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.35em;
    margin: 0;
    min-height: 0;
    overflow: visible;
    padding: 0 1.1em 1em;
    position: relative;
    text-align: left;
    text-shadow: none;
    width: auto;
    z-index: 1;
}

.layout_page.eventi-principali .art_block > a.img_background > div > p {
    color: #5e6a70;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    text-align: left;
}

.layout_page.eventi-principali .art_block > a.img_background:hover,
.layout_page.eventi-principali .art_block > a.img_background.hover,
.layout_page.eventi-principali .art_block > a.img_background:hover > b,
.layout_page.eventi-principali .art_block > a.img_background.hover > b,
.layout_page.eventi-principali .art_block > a.img_background:hover > div,
.layout_page.eventi-principali .art_block > a.img_background.hover > div {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
}

@media screen and (max-width: 768px) {
    .layout_page.eventi-principali .art_block {
        flex-basis: 50%;
        max-width: 50%;
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .layout_page.eventi-principali .art_block {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }
}

.layout_page.eventi-principali > div.owl-carousel {
    display: block;
    opacity: 0;
    position: relative;
    transition: opacity 250ms ease;
}

.layout_page.eventi-principali.eventi-principali-attivi > div.owl-carousel {
    opacity: 1;
}

.layout_page.eventi-principali .owl-stage {
    align-items: stretch;
    display: flex;
}

.layout_page.eventi-principali .owl-item {
    display: flex;
}

.layout_page.eventi-principali .owl-carousel .art_block {
    flex: none;
    height: 100%;
    max-width: none;
    width: 100%;
}

.layout_page.eventi-principali .owl-theme .owl-nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0.75em;
    min-height: 3em;
}

.layout_page.eventi-principali .owl-theme .owl-nav button.owl-prev,
.layout_page.eventi-principali .owl-theme .owl-nav button.owl-next {
    align-items: center;
    background-color: transparent !important;
    border: 1px solid transparent;
    border-radius: 0.5em;
    box-sizing: border-box;
    color: #111111 !important;
    display: flex;
    font-size: 2em;
    font-weight: bold;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    margin: 0;
    padding: 0 0 0.125em !important;
    width: 2em;
}

.layout_page.eventi-principali .owl-theme .owl-nav button.owl-prev:hover,
.layout_page.eventi-principali .owl-theme .owl-nav button.owl-next:hover {
    background-color: #d8e900 !important;
    border-color: transparent;
    color: #111111 !important;
}

.layout_page.eventi-principali .owl-theme .owl-dots {
    bottom: 0.7em;
    left: 4em;
    line-height: 1em;
    position: absolute;
    right: 4em;
    text-align: center;
}

.layout_page.eventi-principali .owl-theme .owl-dots .owl-dot {
    background: transparent;
    border: 0;
    padding: 0;
}

.layout_page.eventi-principali .owl-theme .owl-dots .owl-dot span {
    background-color: #d5e4e5;
    height: 0.55em;
    margin: 0.25em;
    width: 0.55em;
}

.layout_page.eventi-principali .owl-theme .owl-dots .owl-dot.active span,
.layout_page.eventi-principali .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #179f97;
}
/* 2026-07-24 - TASK-027 Restyle e slider eventi principali << */

/* 2026-07-28 - TASK-028 Pulsante modalita accessibile >> */
.menu_dx {
    bottom: 1.25em;
    right: 1.25em;
    width: 3.25em;
    z-index: 1000000;
}

#btn-accessibilita {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    box-sizing: border-box;
    color: #0b294e !important;
    display: flex;
    font-size: 1em;
    height: 3.25em;
    justify-content: center;
    line-height: 1em;
    margin: 0;
    position: relative;
    text-decoration: none;
    width: 3.25em;
}

#btn-accessibilita em {
    background-color: #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
    color: #0b294e !important;
    font-size: 2.75em;
    line-height: 1em;
    position: relative;
    width: 1em;
    z-index: 2;
}

#btn-accessibilita:hover,
#btn-accessibilita.hover {
    background-color: transparent;
    color: #ffffff !important;
}

#btn-accessibilita:hover em,
#btn-accessibilita.hover em {
    background-color: #0b294e;
    color: #ffffff !important;
}

#btn-accessibilita:hover em:after,
#btn-accessibilita.hover em:after {
    border: 1px solid #0b294e;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

html.accessibile #btn-accessibilita {
    background-color: transparent;
    box-shadow: 0 0 0 5px #d8e900 !important;
    color: #0b294e !important;
    outline: 3px dashed #0b294e !important;
    outline-offset: 1px !important;
}

html.accessibile #btn-accessibilita:hover,
html.accessibile #btn-accessibilita.hover {
    background-color: transparent;
    color: #ffffff !important;
}
/* 2026-07-28 - TASK-028 Pulsante modalita accessibile << */

/* 2026-07-28 - TASK-028 Presentazione accessibile >> */
html.accessibile {
    scroll-behavior: auto !important;
}

html.accessibile body {
    background-color: #ffffff !important;
    color: #111111 !important;
    font-size: 1.2em;
    line-height: 1.55;
}

html.accessibile *,
html.accessibile *:before,
html.accessibile *:after {
    animation: none !important;
    scroll-behavior: auto !important;
    text-shadow: none !important;
    transition: none !important;
}

html.accessibile *[class*="animate_"],
html.accessibile *[class*="animateforever_"] {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

html.accessibile .layout_page:not(.banner_foto),
html.accessibile .layout_page:not(.banner_foto) > div > .text_block,
html.accessibile .layout_page:not(.banner_foto) > div > .art_block > a {
    background-color: #ffffff !important;
    color: #111111 !important;
}

/* 2026-07-29 - TASK-030 Mantiene visibili le gallerie accessibili >> */
html.accessibile .layout_page.sfondo-con-bordo > div > .text_block:empty {
    background-color: transparent !important;
}
/* 2026-07-29 - TASK-030 Mantiene visibili le gallerie accessibili << */

html.accessibile .layout_page:not(.banner_foto) h1,
html.accessibile .layout_page:not(.banner_foto) h2,
html.accessibile .layout_page:not(.banner_foto) h3,
html.accessibile .layout_page:not(.banner_foto) h4,
html.accessibile .layout_page:not(.banner_foto) p,
html.accessibile .layout_page:not(.banner_foto) li,
html.accessibile .layout_page:not(.banner_foto) dt,
html.accessibile .layout_page:not(.banner_foto) dd,
html.accessibile .layout_page:not(.banner_foto) td,
html.accessibile .layout_page:not(.banner_foto) th,
html.accessibile .layout_page:not(.banner_foto) label,
html.accessibile .layout_page:not(.banner_foto) b,
html.accessibile .layout_page:not(.banner_foto) strong {
    color: #111111 !important;
}

html.accessibile .layout_page p,
html.accessibile .layout_page li,
html.accessibile .layout_page dt,
html.accessibile .layout_page dd,
html.accessibile .layout_footer p,
html.accessibile .layout_footer li,
html.accessibile .layout_footer td {
    line-height: 1.6 !important;
}

html.accessibile .layout_page .text_block p a,
html.accessibile .layout_page .text_block li a,
html.accessibile .layout_page .art_block p a,
html.accessibile .layout_footer a {
    color: #0b294e !important;
    text-decoration: underline !important;
}

html.accessibile .layout_page .text_block p a:hover,
html.accessibile .layout_page .text_block p a.hover,
html.accessibile .layout_page .text_block li a:hover,
html.accessibile .layout_page .text_block li a.hover,
html.accessibile .layout_page .art_block p a:hover,
html.accessibile .layout_page .art_block p a.hover,
html.accessibile .layout_footer a:hover,
html.accessibile .layout_footer a.hover {
    background-color: #d8e900 !important;
    color: #111111 !important;
}

html.accessibile .layout_page.banner_foto > div .back_block:after {
    background-color: rgba(0, 0, 0, 0.72) !important;
    display: block !important;
}

html.accessibile .layout_page.banner_foto .text_block h1,
html.accessibile .layout_page.banner_foto .text_block h2,
html.accessibile .layout_page.banner_foto .text_block h3,
html.accessibile .layout_page.banner_foto .text_block p,
html.accessibile .layout_page.banner_foto .cycle-overlay,
html.accessibile .layout_page.banner_foto .cycle-overlay p {
    background-color: rgba(11, 41, 78, 0.94) !important;
    color: #ffffff !important;
}

html.accessibile .layout_page.banner_foto .text_block h1,
html.accessibile .layout_page.banner_foto .text_block h2,
html.accessibile .layout_page.banner_foto .text_block h3,
html.accessibile .layout_page.banner_foto .text_block p {
    background-color: transparent !important;
    box-decoration-break: clone;
    padding: 0.2em 0.35em;
    -webkit-box-decoration-break: clone;
}

html.accessibile .layout_page.banner_foto .cycle-overlay,
html.accessibile .layout_page.banner_foto .cycle-overlay p {
    background-color: transparent !important;
}

html.accessibile .layout_page .back_block:before,
html.accessibile .layout_page a.img_background:before {
    transform: none !important;
    will-change: auto !important;
}

html.accessibile .layout_page.eventi-principali .art_block > a.img_background:before {
    clip-path: inset(0 round 0.5em) !important;
}

/* 2026-07-28 - TASK-028 Correzioni focus e link homepage >> */
html.accessibile .layout_page.anteprima2 > div > .text_block > p a.bottone_bianco {
    text-decoration: underline !important;
    text-decoration-color: #111111 !important;
}

html.accessibile .layout_page.anteprima2 > div > .text_block > .back_block,
html.accessibile .layout_page.anteprima2 > div > .text_block > .back_block:before {
    border-radius: 0.5em !important;
}

html.accessibile .layout_page.anteprima2 > div > .text_block > .back_block {
    overflow: hidden !important;
}

html.accessibile .layout_page.eventi-principali .art_block > a.img_background > b {
    text-decoration: underline !important;
    text-decoration-color: #111111 !important;
}

/* 2026-07-29 - TASK-028 Focus eventi principali non coperto >> */
html.accessibile .layout_page:not(.elenco_dettagli) .art_block.evento-principale-vero:focus-within,
html.accessibile .layout_page:not(.elenco_dettagli) .art_block.evento-principale-vero > a:focus {
    position: relative;
    z-index: 5;
}
/* 2026-07-29 - TASK-028 Focus eventi principali non coperto << */

html.accessibile .layout_header .menu-superiore a {
    text-decoration: underline !important;
    text-decoration-color: #0b294e !important;
}

html.accessibile .layout_page.anteprima > div > .back_block ~ .text_block > p a.bottone_bianco,
html.accessibile .layout_page.anteprima > div .text_block > .back_block + h3 + p a.bottone_bianco {
    opacity: 1 !important;
}

html.accessibile .layout_page.anteprima > div > .back_block ~ .text_block > p a.bottone_bianco:focus,
html.accessibile .layout_page.anteprima > div .text_block > .back_block + h3 + p a.bottone_bianco:focus {
    box-shadow: 0 0 0 5px #d8e900 !important;
    outline: 3px dashed #0b294e !important;
    outline-offset: 1px !important;
}
/* 2026-07-28 - TASK-028 Correzioni focus e link homepage << */

html.accessibile .layout_header #show-menu:checked ~ nav:before {
    cursor: pointer;
    opacity: 1 !important;
    pointer-events: auto;
}

html.accessibile .layout_header #show-menu:checked ~ nav {
    pointer-events: auto;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container ul {
    background-color: #ffffff !important;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li > a {
    color: #111111 !important;
    line-height: 1.45;
    text-decoration: underline !important;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li > a:hover,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li > a.hover,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li > a.selected,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li.menu0_selected > a {
    background-color: #d8e900 !important;
    color: #111111 !important;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container .menu-submenu-toggle {
    border-color: #0b294e;
    color: #0b294e;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container .menu-submenu-toggle:hover,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container .menu-submenu-toggle.hover {
    background-color: #d8e900;
    border-color: #111111;
    color: #111111;
}

/* 2026-07-28 - TASK-028 Focus menu non clippato >> */
html.accessibile .layout_header .menu-superiore p {
    box-sizing: border-box;
    padding-bottom: 6px;
    padding-top: 6px;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container {
    scroll-padding-bottom: 1em;
    scroll-padding-top: 1em;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li.has-submenu-toggle > a {
    width: calc(100% - 2.5em);
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container > li.flags {
    margin-top: 6px;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li.submenu-open > ul.menu1_container,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li.submenu-open > ul.menu2_container {
    overflow: visible !important;
    padding-bottom: 6px;
}

/* 2026-07-29 - TASK-028 Rimuove velatura menu terzo livello */
.layout_header nav .menu2_container:after {
    content: none !important;
    display: none !important;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li > a:focus,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container .flag:focus,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li.social a:focus {
    position: relative;
    scroll-margin-bottom: 0.75em;
    scroll-margin-top: 0.75em;
    z-index: 4;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container .menu-submenu-toggle:focus {
    position: absolute;
    scroll-margin-bottom: 0.75em;
    scroll-margin-top: 0.75em;
    z-index: 4;
}

html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container li:focus-within,
html.accessibile .layout_header #show-menu ~ nav > ul.menu0_container ul:focus-within {
    position: relative;
    z-index: 5;
}
/* 2026-07-28 - TASK-028 Focus menu non clippato << */

html.accessibile .layout_footer,
html.accessibile .layout_footer .footer1,
html.accessibile .layout_footer .footer2,
html.accessibile .layout_footer .footer3 {
    background-color: #ffffff !important;
    color: #111111 !important;
}

html.accessibile .layout_footer h1,
html.accessibile .layout_footer h2,
html.accessibile .layout_footer h3,
html.accessibile .layout_footer h4,
html.accessibile .layout_footer p,
html.accessibile .layout_footer li,
html.accessibile .layout_footer td,
html.accessibile .layout_footer span,
html.accessibile .layout_footer b,
html.accessibile .layout_footer strong {
    color: #111111 !important;
}

html.accessibile input,
html.accessibile select,
html.accessibile textarea {
    background-color: #ffffff !important;
    border: 2px solid #0b294e !important;
    color: #111111 !important;
    font: inherit;
}

html.accessibile input::placeholder,
html.accessibile textarea::placeholder {
    color: #444444 !important;
    opacity: 1;
}

html.accessibile a:focus,
html.accessibile button:focus,
html.accessibile input:focus,
html.accessibile select:focus,
html.accessibile textarea:focus,
html.accessibile label[tabindex]:focus,
html.accessibile [tabindex]:focus {
    box-shadow: 0 0 0 5px #d8e900 !important;
    outline: 3px dashed #0b294e !important;
    outline-offset: 1px !important;
}


html.accessibile .layout_header > div > label.show-menu:focus,
html.accessibile .hamburger-menu .layout_header > div > label.show-menu:focus {
    background-color: #ffffff !important;
    border-color: #0b294e !important;
    box-shadow: inset 0 0 0 5px #d8e900 !important;
    color: #0b294e !important;
    outline: 3px dashed #0b294e !important;
    outline-offset: -6px !important;
}

.accessibilita-skip-link {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *:before,
    *:after {
        animation: none !important;
        scroll-behavior: auto !important;
        transition: none !important;
    }

    *[class*="animate_"],
    *[class*="animateforever_"] {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }

    .layout_header #show-menu:checked ~ nav:before {
        opacity: 1 !important;
    }
}
/* 2026-07-28 - TASK-028 Presentazione accessibile << */

/* 2026-07-29 - TASK-031 Compatibilita pulsanti share SCM 1.9m >> */
:root {
    --Colore-Testo-Button-Social: #ffffff;
    --Colore-XTwitter: #494949;
}

.share.buttons .button {
    min-width: 2.5em;
    margin: 0.5em 0.5em 0.5em 0;
    border-radius: 0.25em;
    color: var(--Colore-Testo-Button-Social);
    display: inline-block;
    font-size: 1.5em;
    line-height: 2em;
    text-align: center;
    vertical-align: middle;
}

.share.buttons .button.facebook {
    background-color: var(--Colore-Facebook);
}

.share.buttons .button.whatsapp {
    background-color: var(--Colore-Whatsapp);
}

.share.buttons .button.twitter {
    background-color: var(--Colore-Twitter);
}

.share.buttons .button.xtwitter {
    background-color: var(--Colore-XTwitter);
}

.share.buttons .button.telegram {
    background-color: var(--Colore-Telegram);
}

.share.buttons .button.linkedin {
    background-color: var(--Colore-Linkedin);
}

.share.buttons .button:hover {
    background-color: var(--Colore--Azzurro-Logo);
    color: var(--Colore-Logo-Scritta);
}
/* 2026-07-29 - TASK-031 Compatibilita pulsanti share SCM 1.9m << */