#top * {
    border-radius: 0;
}


@font-face {
  font-family: 'Futura-Light';
  src:url('Futura-Light.woff') format('woff'),
        url('Futura-Light.woff2') format('woff2'),
        url('Futura-Light.eot'),
        url('Futura-Light.eot?#iefix') format('embedded-opentype'),
        url('Futura-Light.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura-Medium';
  src:url('Futura-Medium.woff') format('woff'),
        url('Futura-Medium.woff2') format('woff2'),
        url('Futura-Medium.eot'),
        url('Futura-Medium.eot?#iefix') format('embedded-opentype'),
        url('Futura-Medium.otf') format('truetype');


  font-weight: normal;
  font-style: normal;
  font-display: swap;

}

@font-face {
  font-family: 'Futura-Book';
  src:url('Futura-Book.woff') format('woff'),
        url('Futura-Book.woff2') format('woff2'),
        url('Futura-Book.eot'),
        url('Futura-Book.eot?#iefix') format('embedded-opentype'),
        url('Futura-Book.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura-Bold-03';
  src:url('Futura-Bold-03.woff') format('woff'),
        url('Futura-Bold-03.woff2') format('woff2'),
        url('Futura-Bold-03.svg#Futura-Bold-03') format('svg'),
        url('Futura-Bold-03.eot'),
        url('Futura-Bold-03.eot?#iefix') format('embedded-opentype'),
        url('Futura-Bold-03.ttf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura-PT-Demi';
  src:url('Futura-PT-Demi.woff') format('woff'),
        url('Futura-PT-Demi.woff2') format('woff2'),
        url('Futura-PT-Demi.eot'),
        url('Futura-PT-Demi.eot?#iefix') format('embedded-opentype'),
        url('Futura-PT-Demi.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

#header_main {
    border-bottom-width: 0px!important;
 
}

.main_menu { font-family: 'Futura-Light'; font-size: 14px;  letter-spacing: 0.1em; }

h1 { font-family: 'Futura-Light'!important; font-size: 22px;  letter-spacing: 0.1em; color:#525252;}

h2 { font-family: 'Futura-Light'!important; font-size: 22px;  letter-spacing: 0.1em; color:#525252;}

.av-subheading_below, .av-subheading_above { font-family: 'Futura-Light'; font-size: 22px!important;  letter-spacing: 0.1em; color:#525252; font-weight:bold; }

.text_a { font-family: 'Futura-Light'; font-size: 22px;  letter-spacing: 0.1em; color:#525252; line-height:1.5em; }

.text_f { font-family: 'Futura-Light'; font-size: 16px;  letter-spacing: 0.1em; color:#000; line-height:1.5em; font-weight:bold; }

.text_footer { font-family: 'Futura-Light'; font-size: 16px;  letter-spacing: 0.1em; color:#000; line-height:1.5em; }
.text_artist { font-family: 'Futura-Light'; font-size: 16px;  letter-spacing: 0.1em; color:#525252; line-height:1.5em; }

.text_med { font-family: 'Futura-Medium'; font-size: 16px;  letter-spacing: 0.1em; color:#525252; line-height:1.5em; }

.price{ font-family: 'Futura-Light'; font-size: 13px;  letter-spacing: 0.1em; color:#525252; line-height:1.5em; }


p.text_artist { font-family: 'Futura-Light'; font-size: 16px;  letter-spacing: 0.1em; color:#525252; line-height:1.5em; }

/* immagine del footer */ 

.img-wrap{
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;     /* utile per centrare verticalmente la centrale */
}

/* immagine centrale */
.img-center{ width:80px; height:auto; display:block; z-index:1; }

/* il LINK a destra prende la posizione assoluta */
.img-right-link{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  display:block;
  z-index:2;               /* se serve sopra ad altri elementi */
}

/* l’immagine dentro al link NON deve essere absolute */
.img-right{
  width:35px;
  height:auto;
  display:block;
}


/* link */
a.ex5 {
    text-decoration:none!important;
    
    
}

a.ex5:hover, a.ex5:active {
    text-decoration:none!important; color:#525252!important;
    
}

.cap {
  text-transform: uppercase!important;
}

h1 {
  text-transform: uppercase!important;
  font-weight: 600px;
}



/* bottone */ 
#top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title {
    font-family: 'Futura-Light'; font-size: 13px;  letter-spacing: 0.1em; color:#525252; line-height:1.5em;
}

#top .avia-button.avia-color-dark {
    
    border: 1px solid #525252!important;
   
}

/* breadcrumb */ 
.title_container { background-color: white!important; }
#top .alternate_color.title_container .main-title a { color: white; }

#top .title_container .container {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 36px;
    font-family: 'lato';
   
}

.breadcrumb-trail {
  font-size: 11px;
  color:#525252;
}

/* colonne */ 


.bottom-stack {
  position: relative;             /* riferimento per l’assoluto */
  padding-bottom: 30px;           /* spazio per il testo in fondo */
}

/* l'ULTIMO blocco di testo (quello con <p class="bottom-text">) va fissato in basso */
.bottom-stack .av_textblock_section:last-of-type {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;                      /* attacca al bottom della colonna */
}

/* rifiniture */
.bottom-stack .bottom-text {
  margin: 0;                      /* evita salti */
}


/* image overlay */ 
.image-overlay .image-overlay-inside {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
  }

  /* Rimuove l’effetto schiarito al rollover delle immagini linkate */
.image-overlay,
.image-overlay .image-overlay-inside,
.image-overlay .image-overlay-inside:before {
  background: none !important;
  opacity: 1 !important;
  filter: none !important;
  transition: none !important;

}


.image-overlay img {
  transition: transform 0.6s cubic-bezier(0.25,0.1,0.25,1), filter 0.4s ease!important;
}

.image-overlay:hover img {
  transform: scale(1.05)!important; /* ingrandisce del 5% */

}

a, a * {
  cursor: pointer !important;
}

/* form */ 
.avia_ajax_form .button {
   
    font-family: 'Futura-Light'; font-size: 13px;  letter-spacing: 0.1em; color:#525252; line-height:1.5em;
    font-size: 13px;
    letter-spacing: 0.1em;
    color: #525252;
    line-height: 1.5em;

}

#top div .av-dark-form .input-text, #top div .av-dark-form input[type=email], #top div .av-dark-form input[type=input], #top div .av-dark-form input[type=number], #top div .av-dark-form input[type=password], #top div .av-dark-form input[type=search], #top div .av-dark-form input[type=tel], #top div .av-dark-form input[type=text], #top div .av-dark-form input[type=url], #top div .av-dark-form select, #top div .av-dark-form textarea, div div .av-dark-form .button {
    color: #222;
    border-color: #222;
    border-width: 1px !important;
    background-color: transparent;
    border-radius: 3px;
    text-transform: uppercase!important;
    font-family: 'Futura-Light'; font-size: 13px;  letter-spacing: 0.1em; color:#525252; line-height:1.5em;
}


/* background gatto*/ 

#gatto {
  background-image: url(https://www.maxygallery.com/wp-content/uploads/2025/10/maxgallery_gatto_blub.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* background-position: -20px center; ← sposta a destra di 20px */
}


/* artisti rollover*/



.artist-container {
            display: flex;
            gap: 0px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .artist-column {
            flex: 0 0 20%;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .image-column {
            flex: 1;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            min-height: 500px;
            position: relative;
        }

        .image-preview {
            width: 100%;
            max-width: 500px;
            max-height: 500px;
            height: auto;
            display: none;
            border-radius: 8px;
            /*box-shadow: 0 4px 12px rgba(0,0,0,0.1);*/
            position: absolute;
            object-fit: contain;
        }

        .image-preview.active {
            display: block;
            animation: fadeIn 0.3s ease-in;
            position: relative;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        .text_a a {
            display: inline-block;
            padding: 0px 0;
            transition: all 0.3s ease;
            line-height: 1.5!important; /* o 1, o 100%, a seconda del design */
        }

        .text_a a:hover {
            padding-left: 10px;
        }

        @media (max-width: 768px) {
            .artist-container {
                flex-direction: column;
            }
        }

  .img-scale {
  transform: scale(0.7);     /* 0.7 = 70%, quindi -30% */
  transform-origin: center;  /* mantiene il centro dell'immagine */
  transition: transform 0.3s ease; /* opzionale: effetto morbido */
}



/* 1) L’overlay non deve rubare il mouse */
.image-overlay,
.image-overlay-inside,
.image-overlay .image-overlay-inside:before,
.av-overlay {
  pointer-events: none !important;
}

/* Ma il link dentro DEVE restare cliccabile */
.image-overlay a,
.av-overlay a {
  pointer-events: auto !important;
}

/* 2) Forza il cursore a "mano" sui link e sui figli */
a, a * {
  cursor: pointer !important;
}

/* 3) Se usi effetto zoom/hover, taglia i bordi ma NON toccare il cursore */
.image-overlay { overflow: hidden; }

/* (opzionale) Se hai link “finti” con #, evita rimbalzi */
a[href="#"] { cursor: pointer; }

.image-overlay, .image-overlay * { cursor: pointer !important; }

/* freccia torna su */

#scroll-top-link.avia-svg-icon svg:first-child, #av-cookie-consent-badge.avia-svg-icon svg:first-child {
    
    fill: #000000!important;
}

#scroll-top-link, #av-cookie-consent-badge {
    background-color: rgba(0,0,0,0.0)!important;
    border: 0px!important;
}


/* cookie pagina*/

.fullsize .content .entry-content-wrapper {
font-family: 'Futura-Light'; font-size: 16px;  letter-spacing: 0.1em; color:#525252; line-height:1.5em;
    }

#cmplz-manage-consent .cmplz-manage-consent {
    border-radius: 10 !important;
}

#cmplz-cookiebanner-container {
    border-radius: 10 !important;

}


/* Pulsante CSS per info */ 

/* Base modal */
.mx-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.mx-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

/* backdrop */
.mx-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.mx-modal.is-open .mx-modal__backdrop {
  opacity: 1;
}

/* finestra */
.mx-modal__dialog {
  position: relative;
  z-index: 2;
  width: min(900px, 95vw);
  max-height: 90vh;
  background: #fff;
  border-radius: 16px;
  padding: 24px 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  overflow: auto;

  transform: translateY(30px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.mx-modal.is-open .mx-modal__dialog {
  transform: translateY(0);
  opacity: 1;
}

/* bottone chiudi */
.mx-modal__close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}

.mx-lock {
  overflow: hidden;
}


/* Form richiesta info */ 

/* etichette */
.mx-modal .wpcf7 form label {
  display: block;
  font-size: 16px!important;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--mx-text);
  
}

/* bottone invio */
.mx-modal .wpcf7 input[type="submit"] {
  appearance: none;
  background: var(--mx-accent);
  color: #525252;
  border: 1px solid #525252 !important;
  border-radius: 10px;
  padding: 10px 10px;
  font-size: 16px;
  font-family: 'Futura-Light';  letter-spacing: 0.1em; 
  cursor: pointer;
  transition: transform .06s ease, background-color .15s ease, box-shadow .2s ease;
}
.mx-modal .wpcf7 input[type="submit"]:hover { background: var(--mx-accent-weak); }
.mx-modal .wpcf7 input[type="submit"]:active { transform: translateY(1px); }




/* Banner "Venduto" sopra il titolo quando la sezione ha id="venduto" */
/* Il contenitore del titolo diventa relativo */
#venduto_old .avia_textblock {
    position: relative;
}

/* Banner "Venduto" sotto il titolo (ma assoluto, non sposta nulla) */
#venduto_old .avia_textblock::after {
    content: "VENDUTO";
    position: absolute;

    /* Posizione: subito sotto il <p> del titolo, ma senza occupare spazio */
    top: 110%; /* puoi regolare: 100–120% */
    left: 50%;
    transform: translateX(-50%);

    background: #fff;
    color: #525252;
    padding: 0px 2px;
    border-radius: 4px;
    font-size: 9px;
   
    text-transform: uppercase;
    z-index: 5;
    border: 1px solid #525252 !important;
    font-family: 'Futura-Medium';

    pointer-events: none; /* non interferisce coi clic */
}


/* Badge "Venduto" con trattino sopra */
#sold .avia_textblock::after {
    content: "—\A SOLD";   /* \A = a capo */
    white-space: pre;        /* necessario per il ritorno a capo */

    position: absolute;
    top: 110%;               /* distanza dal titolo */
    left: 50%;
    transform: translateX(-50%);

    background: #fff;
    color: #525252;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.3;

    text-transform: uppercase;
    z-index: 5;
    /*border: 1px solid #525252 !important;*/
    font-family: 'Futura-Bold-03';

   

    pointer-events: none;    /* non interferisce coi clic */
    text-align: center;
}

/* Badge "Venduto" con trattino sopra */
#sold2 .avia_textblock::after {
    content: "—\A SOLD";   /* \A = a capo */
    white-space: pre;        /* necessario per il ritorno a capo */

    position: absolute;
    top: 110%;               /* distanza dal titolo */
    left: 50%;
    transform: translateX(-50%);

    background: #fff;
    color: #525252;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.3;

    text-transform: uppercase;
    z-index: 5;
    /*border: 1px solid #525252 !important;*/
    font-family: 'Futura-Medium';

   

    pointer-events: none;    /* non interferisce coi clic */
    text-align: center;
}

/* CONTENITORE: deve essere relativo */
#venduto1 .avia_textblock {
    position: relative;
}

/* Trattino sopra (fuori dal box) */
#venduto1 .avia_textblock::before {
    content: "—";
    position: absolute;

    top: 100%;              /* subito sotto il titolo */
    left: 50%;
    transform: translateX(-50%);

    font-size: 10px;
    color: #000;
    line-height: 1;
    margin-top: 2px;

    pointer-events: none;
}

/* Badge VENDUTO con box */
#venduto1 .avia_textblock::after {
    content: "SOLD";
    position: absolute;

    top: calc(100% + 12px); /* spazio sotto il trattino */
    left: 50%;
    transform: translateX(-50%);

    background: #fff;
    color: #525252;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.2;

    text-transform: uppercase;
    z-index: 5;
    /*border: 1px solid #525252 !important;*/
    font-family: 'Futura-Medium';

    pointer-events: none;
}


/* CONTENITORE: deve essere relativo */
#venduto .avia_textblock {
    position: relative;
}

/* Trattino sopra (fuori dal box) */
#venduto .avia_textblock::before {
    content: "—";
    position: absolute;

    top: 100%;              /* subito sotto il titolo */
    left: 50%;
    transform: translateX(-50%);

    font-size: 10px;
    color: #000;
    line-height: 1;
    margin-top: 2px;

    pointer-events: none;
}

/* Badge VENDUTO con box */
#venduto .avia_textblock::after {
    content: "SOLD";
    position: absolute;

    top: calc(100% + 12px); /* spazio sotto il trattino */
    left: 50%;
    transform: translateX(-50%);

    background: #fff;
    color: #525252;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.2;

    text-transform: uppercase;
    z-index: 5;
    /*border: 1px solid #525252 !important;*/
    font-family: 'Futura-PT-Demi';

    pointer-events: none;
}