﻿:root {
    --sfondo-nero--sfondo: #000000;
    --sfondo-nero--testo: #ffffff;
    --sfondo-nero--testo-minore: #ffffff; /*#aaaaaa;*/
    --sfondo-nero--hover--sfondo: #ffffff;
    --sfondo-nero--hover--testo: #000000;
    --sfondo-bianco--sfondo: #ffffff;
    --sfondo-bianco--testo-enfasi: #000000;
    --sfondo-bianco--testo-normale: #666666;
    --sfondo-sfumato--sfondo: #000000; /* #11111155;*/
    --sfondo-sfumato--testo: #ffffff; /* #000000; */
    --sfondo-sfumato--testo-su-foto: #ffffff;
}
:root {
    /*--max-width-breakpoint--hamburger-menu: 900px;
    --min-width-breakpoint--classic-menu: 901px;*/
    --max-width-breakpoint--hamburger-menu: 768px;
    --min-width-breakpoint--classic-menu: 769px;
}

/* #region generic elements */

html *,
html *:before,
html *:after,
html body,
html button,
html input,
html select,
html textarea {
    font-family: 'Oswald', sans-serif !important;
}
html .fa,
html .fa:before {
    font-family: 'FontAwesome' !important;
}

html, body, form {
    max-width: 100%;
    overflow-x: unset; 
}

h1, 
h2, 
h3, 
h4 {
    color: var(--sfondo-bianco--testo-enfasi);
    /*font-weight: normal;*/
    font-weight: bold;
    text-align:center;
}

h2 strong, 
h3 strong, 
h4 strong, 
b, 
strong {
    color: var(--sfondo-bianco--testo-enfasi);
    /*font-weight: normal;*/
    font-weight: bold;
}

a {
    color: var(--sfondo-bianco--testo-enfasi);
}


/*#endregion generic elements */
/* #region header */
.layout_header {
    background-color: var(--sfondo-nero--sfondo);
    color: var(--sfondo-nero--testo);
    transition: all 0.25s ease 0s;
}

/* #region header logo */

.layout_header .logo,
.hamburger-menu .layout_header .logo {
    background-color: transparent;
    position: absolute;
    top: 0.25em;
    bottom: 0.25em;
    left: 0.25em;
    right: unset;
    width: 5em;
    height: unset;
    margin: 0;
    padding: 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.25s ease 0s;
}

.layout_header.mini .logo,
.hamburger-menu .layout_header.mini .logo {
    width: 4em;
    transition: all 0.25s ease 0s;
}

.layout_header .logo:after,
.hamburger-menu .layout_header .logo:after {
    content: '';
    display: block;
    position: absolute;
    top: 0.5em;
    left: 5.5em;
    right: unset;
    bottom: 0.5em;
    width: 16em;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/graphics/claim.png');
    transition: all 0.25s ease 0s;
}

.layout_header.mini .logo:after,
.hamburger-menu .layout_header.mini .logo:after {
    left: 4.5em;
    width: 13em;
    transition: all 0.25s ease 0s;
}

@media screen and (max-width: 1200px) {
    .layout_header .logo,
    .hamburger-menu .layout_header .logo {width: 4em;}
    .layout_header .logo:after,
    .hamburger-menu .layout_header .logo:after {left: 4.5em;width: 12em;}
}

@media screen and (max-width: 1024px) {
    .layout_header .logo:after,
    .hamburger-menu .layout_header .logo:after {width: 6em;}
    .layout_header.mini .logo:after,
    .hamburger-menu .layout_header.mini .logo:after { width: 8em; }
}

@media screen and (max-width: 768px) {
    .layout_header .logo,
    .layout_header.mini .logo,
    .hamburger-menu .layout_header .logo,
    .hamburger-menu .layout_header.mini .logo {left:0.25em; width: 3em;}
    .layout_header .logo:after,
    .layout_header.mini .logo:after,
    .hamburger-menu .layout_header .logo:after,
    .hamburger-menu .layout_header.mini .logo:after {left: 3.5em; width: 12em; }
}

@media screen and (max-width: 480px) {
    .layout_header .logo,
    .layout_header.mini .logo,
    .hamburger-menu .layout_header .logo,
    .hamburger-menu .layout_header.mini .logo { left: 0.25em; width: 3em; }
    .layout_header .logo:after,
    .layout_header.mini .logo:after,
    .hamburger-menu .layout_header .logo:after,
    .hamburger-menu .layout_header.mini .logo:after { left:3.5em; width: 8em;}
}

/* #endregion header logo*/

/* #region header .show-menu*/

.layout_header .show-menu,
.layout_header .show-menu:hover,
.layout_header .show-menu.hover {
    color: var(--sfondo-nero--testo);
}

/* #endregion  */

/* #region header nav */

.layout_header nav {
    margin-right: 0;
}

.layout_header #show-menu:checked ~ nav,
.hamburger-menu .layout_header #show-menu:checked ~ nav {
    background-color: var(--sfondo-nero--sfondo);
}

.layout_header.mini #show-menu:checked ~ nav,
.hamburger-menu .layout_header.mini #show-menu:checked ~ nav {
    font-size: 1em;
}

/* #region header nav ul */

.layout_header nav > ul.menu0_container {
    padding-right: 0 !important;
    padding-top: 1.5em !important;
    padding-bottom: 0em !important;
    position:relative;
    transition: all 0.25s ease 0s;
    background:transparent;
}

.layout_header.mini nav > ul.menu0_container {
    padding-top: 0.75em !important;
    padding-bottom: 0.75em !important;
}

.layout_header #show-menu:checked ~ nav > ul.menu0_container,
.hamburger-menu .layout_header #show-menu:checked ~ nav > ul.menu0_container,
.layout_header.mini #show-menu:checked ~ nav > ul.menu0_container,
.hamburger-menu .layout_header.mini #show-menu:checked ~ nav > ul.menu0_container {
    background-color: transparent;
    position: relative;
    padding-top: 1.5em !important;
    padding-bottom: 0em !important;
}

/* #region header nav ul li */

.layout_header nav li {
    margin-left: 0.25em;
    margin-right: 0.25em;
    transition: all 0.25s ease 0s;
    display:inline-block;
}

/* #region header nav ul li a */


.layout_header nav li a,
.layout_header nav > ul.menu0_container li a {
    border-radius: 0;
    display: inline-block !important;
    transition: all 0.25s ease 0s;
    font-weight: normal;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    line-height: 2em;
}

.layout_header nav li.menu0_selected a {
    color: var(--sfondo-nero--testo);
}

.layout_header nav li a,
.layout_header nav li.hover,
.layout_header nav li:hover,
.layout_header nav li.hover a,
.layout_header nav li:hover a,
.hamburger-menu .layout_header nav li a,
.hamburger-menu .layout_header nav li.hover,
.hamburger-menu .layout_header nav li:hover,
.hamburger-menu .layout_header nav li.hover a,
.hamburger-menu .layout_header nav li:hover a {
    background-color: transparent;
    color: var(--sfondo-nero--testo);
}

.layout_header nav li a.hover,
.layout_header nav li a:hover,
.hamburger-menu .layout_header nav li a.hover,
.hamburger-menu .layout_header nav li a:hover {
    background-color: var(--sfondo-nero--hover--sfondo) !important;
    color: var(--sfondo-nero--hover--testo) !important;
}

.layout_header #show-menu:checked ~ nav a,
.hamburger-menu .layout_header #show-menu:checked ~ nav a {
    font-size: 1.2em;
}

/* #endregion // header nav ul li a */

/* #endregion // header nav ul li */

/* #endregion // header nav ul */

/* #region header nav .menu_secondario */

.layout_header nav .menu_secondario {
    color: var(--sfondo-nero--testo-minore);
    display:block;
}

.layout_header #show-menu:checked ~ nav .menu_secondario,
.hamburger-menu .layout_header #show-menu:checked ~ nav .menu_secondario,
.layout_header.mini #show-menu:checked ~ nav .menu_secondario,
.hamburger-menu .layout_header.mini #show-menu:checked ~ nav .menu_secondario {
    display: block;
    position: relative;
    bottom: 1em;
    top: unset;
    right: 2em;
    margin-top: 2em;
    max-height: unset;
}

/* #region header nav .menu_secondario p */

.layout_header nav .menu_secondario p {
    border-left: 0;
    border-right: 0;
    margin-top: 0.125em;
    margin-bottom: 0;
    color: var(--sfondo-nero--testo);
    cursor: default;
}

/* #region header nav .menu_secondario p a*/

.layout_header nav .menu_secondario p a {
    background-color: transparent;
    /*color: var(--sfondo-nero--testo-minore);*/
    color: var(--sfondo-nero--testo);
    cursor: pointer;
    text-decoration: none;
    border-radius:0;
}

html[lang=it] .layout_header nav .menu_secondario p a.it,
html[lang=en] .layout_header nav .menu_secondario p a.en {

}

.layout_header nav .menu_secondario p a:hover,
.layout_header nav .menu_secondario p a.hover {
    /*background-color: transparent;
    color: var(--sfondo-nero--testo);*/
    background-color: var(--sfondo-bianco--sfondo);
    color: var(--sfondo-bianco--testo-enfasi);
}

/* #endregion // header nav .menu_secondario p a*/

/* #endregion // header nav .menu_secondario p */

/* #endregion // header nav .menu_secondario */

/* #endregion // header nav */

/* #endregion // header */

/* #region page*/

.layout_page {
    /*color:var(--sfondo-bianco--testo-normale);*/
    color:var(--sfondo-bianco--testo-enfasi);
}

.layout_page a:hover,
.layout_page a.hover {
    color: var(--sfondo-bianco--testo-enfasi);
}

/* #endregion // page*/

/*#region footer*/

.layout_footer {
    color:var(--sfondo-nero--testo-minore);
    background-color:var(--sfondo-nero--sfondo);
    border-top:0;
}

.layout_footer b,
.layout_footer strong {
    color: var(--sfondo-nero--testo);
}

.layout_footer a {
    color: var(--sfondo-nero--testo-minore);
    text-decoration:none;
    margin-left:0;
    padding-left:0;
}

.layout_footer a:hover,
.layout_footer a.hover {
    color: var(--sfondo-nero--testo) !important;
}

.layout_footer a.tondo_footer {
    background-color:var(--sfondo-nero--hover--sfondo);
    color:var(--sfondo-nero--hover--testo);
}

.layout_footer a.tondo_footer:hover,
.layout_footer a.tondo_footer.hover {
    background-color: var(--sfondo-nero--sfondo);
    color: var(--sfondo-nero--testo);
}

.layout_footer > div td {
    text-align:left;
}

/*#endregion // footer*/
/* #region .classes */
/* #region .bottone */
.bottone,
.box_ricerca_annunci .bottone {
    display: inline-block;
    /*v1* /
    border: 1px solid var(--sfondo-nero--sfondo) !important;
    background-color: var(--sfondo-nero--sfondo) !important;
    color: var(--sfondo-nero--testo) !important;
    padding: 0.25em 1.5em 1em 1.5em;
    background-image: url('/graphics/glifo25x12_close.png');
    background-position: center bottom 0.25em;
    background-repeat: no-repeat;
    border-radius: 0;
    /**/
    /*v2*/
    font-weight: bold;
    color: var(--sfondo-bianco--testo-enfasi) !important;
    text-transform: uppercase;
    padding: 0.25em 1.5em 1.5em 1.5em;
    background-color: transparent !important;
    background-image: url('/graphics/glifo_mainmenu_black_50x24.png');
    background-position: center bottom 0.25em;
    background-repeat: no-repeat;
    /**/
}

.box_ricerca_annunci .bottone,
.box_ricerca_annunci .bottone:hover {
    color: var(--sfondo-nero--testo) !important;
    background-image: url('/graphics/glifo_mainmenu_50x25.png');
}
 
.box-ricerca-annunci-su-foto .box_ricerca_annunci .bottone {
    /*color: var(--sfondo-sfumato--testo-su-foto) !important;*/
    color: var(--sfondo-nero--testo) !important;
}

.bottone.hover,
.bottone:hover {
    /*v1* /
    background-color: var(--sfondo-nero--hover--sfondo) !important;
    color: var(--sfondo-nero--hover--testo) !important;
    /**/
    /*v2*/
    color: var(--sfondo-bianco--testo-enfasi) !important;
    background-position: center bottom 0.35em;
    /**/
}

.box-ricerca-annunci-su-foto .box_ricerca_annunci .bottone.hover,
.box-ricerca-annunci-su-foto .box_ricerca_annunci .bottone:hover {
    /*color: var(--sfondo-sfumato--testo-su-foto) !important;*/
    color: var(--sfondo-nero--testo) !important;
}


/* #endregion // .bottone */

/* #region .box_ricerca_annunci */

.box_ricerca_annunci,
.layout_page > div > .text_block .box_ricerca_annunci {
    /*background-color: var(--sfondo-sfumato--sfondo);
    color: var(--sfondo-sfumato--testo);*/
    background-color: var(--sfondo-nero--sfondo);
    color: var(--sfondo-nero--testo);
}

/* #region .box_ricerca_annunci .campo span */

.box_ricerca_annunci .campo > span {
    /*color: var(--sfondo-sfumato--testo);*/
    color: var(--sfondo-nero--testo);
    margin-bottom: 0.25em;
    display: inline-block;
}

.box-ricerca-annunci-su-foto .box_ricerca_annunci .campo > span {
    /*color: var(--sfondo-sfumato--testo-su-foto);*/
    color: var(--sfondo-nero--testo);
}

/* #endregion // .box_ricerca_annunci .campo span */

/* #endregion // .box_ricerca_annunci */

/*#region .elenco_annunci*/

.elenco_annunci .annuncio .info {
    background-image: url('/graphics/glifo_mainmenu_50x25.png');
    background-position: 2em bottom;
    background-repeat: no-repeat;
    padding-bottom:2em;
}

.elenco_annunci .annuncio.hover .info,
.elenco_annunci .annuncio:hover .info {
    bottom: 0;
    padding-bottom: 1.5em;
}

.elenco_annunci .annuncio .info h3 {
    text-align:left;
}

/*#endregion // .elenco_annunci*/
/*#region .dettaglio_annuncio*/
.dettaglio_annuncio .sezione {
    text-align: center;
}

.dettaglio_annuncio .sezione h1.titolo_sezione,
.dettaglio_annuncio .sezione .titolo_sezione,
.titolo_h2_azzurro h2 {
    color: var(--sfondo-bianco--testo-enfasi);
    text-align:center;
}

.dettaglio_annuncio .sezione h2.titolo_sezione {
    text-align:center;
}

.dettaglio_annuncio .sezione .titolo_sezione + h4 {
    color:var(--sfondo-bianco--testo-normale);
}

.dettaglio_annuncio .sezione ul {
    text-align:center;
}

.dettaglio_annuncio .sezione.dati li:hover,
.dettaglio_annuncio .sezione.dati li:hover b {
    /* background-color: var(--sfondo-sfumato--sfondo); */
    background-color: var(--sfondo-sfumato--sfondo);
    color: var(--sfondo-sfumato--testo);
}

.dettaglio_annuncio .sezione.pulsanti {
    text-align: center;
}

.dettaglio_annuncio .sezione.pulsanti .bottone {
    background-image: url('/graphics/glifo25x12_close.png');
}

.dettaglio_annuncio .sezione p {
    text-align: left;
}

/*#endregion // .dettaglio_annuncio*/


/*#region .contatti_form*/

.contatti_form {
    background-color:var(--sfondo-nero--sfondo);
    color:var(--sfondo-nero--testo);
}

.contatti_form .bottone {
    background-color: var(--sfondo-nero--sfondo) !important;
    color: var(--sfondo-nero--testo) !important;
    cursor: pointer;
    background-image: url('/graphics/glifo_mainmenu_50x25.png');
}

/*#endregion // .contatti_form*/


.layout_page > div .back_block.cycle-slideshow > .cycle-pause {
    text-align: center;
}

/* #endregion // .classes */