@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

/* Menù */

::selection {
    background-color: #1c4da1!important; /* colore di evidenziazione */
    color: #d0a348!important; /* colore del testo selezionato */
}

/* header top */ 
#top .av_header_transparency #header_meta {

    background: url('https://soleemare.davidebonetti.com/image/top_bar.jpg') no-repeat top left / auto !important;
    box-shadow: none;
    border-bottom: 1px solid rgba(208, 162, 73, 1)!important;
}



.html_header_transparency #header_meta {
    
    background: url(https://soleemare.davidebonetti.com/image/top_bar.jpg) no-repeat top left / auto;
    border-bottom: 1px solid rgba(208, 162, 73, 1);
}


#header_meta {
   
    background: url(https://soleemare.davidebonetti.com/image/top_bar.jpg) no-repeat top left / auto;
    border-bottom: 1px solid rgba(208, 162, 73, 1);
}


.html_header_top.html_logo_center .logo {
   
    top:10px;
}


/* icone social */ 


/* responsive logo e mobile */ 

@media only screen and (max-width: 767px) {
    .responsive #top .logo {
       
        padding: 10px;
        
       
    }
}

@media only screen and (max-width: 767px) {
    .responsive #top .av-main-nav .menu-item-avia-special {
      
        margin-top: 10px;
    }
}


#top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks {
    position: absolute;
    top: 125%!important;
    margin-top: -15px;
    right: 0;
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li {
    line-height: 1em!important;
}

#av-burger-menu-ul li a span {
    font-size: 24px!important;
}

/* */

p {

  font-family: "Montserrat", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;

}


a.top-info {

  font-family: "Montserrat", sans-serif!important;
  font-weight: 300!important;
  font-optical-sizing: auto;
  font-style: normal;
  color:#fff!important;
  font-size: 13px;

}


a.top-info:hover {
 color:#d7d7d7!important;

}

/* cambio colore al menù quando scrollo in basso  e stili del menu principale*/
#top #wrap_all .av_header_transparency .main_menu ul:first-child>li>a,
#top #wrap_all .av_header_transparency #top .av_header_transparency #header_main_alternate,
.av_header_transparency #header_main .social_bookmarks li a {
  font-family: 'Montserrat', sans-serif !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
 

}

.header_color .sub_menu>ul>li>a,
.header_color .sub_menu>div>ul>li>a,
.header_color .main_menu ul:first-child>li>a,
#top .header_color .main_menu .menu ul .current_page_item>a,
#top .header_color .main_menu .menu ul .current-menu-item>a,
#top .header_color .sub_menu li ul a {
  color: #1c4da1 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  

}


.header_color .sub_menu>ul>li>a:hover,
.header_color .sub_menu>div>ul>li>a:hover,
.header_color .main_menu ul:first-child>li>a:hover,
#top .header_color .main_menu .menu ul .current_page_item>a:hover,
#top .header_color .main_menu .menu ul .current-menu-item>a:hover,
#top .header_color .sub_menu li ul a:hover {
  color: #001429 !important;
 
}

h3 {
  font-family: 'Cormorant Garamond', serif!important;
}

.container_wrap {
  border-top-width: 0px!important;
}


#cordino {
    background-image: url('https://soleemare.davidebonetti.com/wp-content/uploads/2026/04/nodi_pattern.jpg');
    background-repeat: repeat; /* si ripete su tutta l'area */
    background-position: top left;
    background-repeat: repeat-x;
}

/* sezioni colore*/ 
.avia-section {
    min-height: 10px!important;
}

/* Stato iniziale: invisibile e leggermente traslata verso il basso */
.sezione-fade {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
    will-change: opacity, transform;
}

/* Stato finale: quando la classe 'visible' viene aggiunta da jQuery */
.sezione-fade.visible {
    opacity: 1;
    transform: translateY(0);
}

/* SCRITTE SEZIONI HOME*/ 


.hero-section {
  position: relative;
  text-align: center;
  padding: 2rem 2rem;
  overflow: hidden;
}

.hero-section-newsletter {
  position: relative;
  text-align: left;
  overflow: hidden;
}

.hero-bg-text {
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translate(-50%, -60%);
  font-family: 'Cormorant Garamond', serif;
  font-size: 100px;
  font-weight: 700;
  text-transform: uppercase;
  color: #d0a249;
  opacity: 0.05; /* aumenta o diminuisci per più/meno visibilità */
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  letter-spacing: 8px;
  z-index: 0;
}

.hero-content {
  position: relative;
  z-index: 1;
}

.hero-testo1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0.3rem;
  color: #d0a249;
}

.hero-testo-white {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 0.3rem;
  color: #fff;

}

.hero-testo2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0 0 1rem;
}

.hero-testo3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  max-width: 900px;
  display: inline-block;
  color: #000;
}

/* pulsanti */ 


#top .avia-button.avia-color-dark {
    color: #d0a348!important;
    border: 1px solid #d0a348!important;
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .6);
    background: 0 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-transform: uppercase;

}


.avia-button.avia-size-large { 
    padding: 15px 30px 13px;
    font-size: 13px;
    min-width: 139px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #d0a348!important;
}


/* call to action invia una email */ 

/* Pulsante Email Fisso */ 
.floating-email-button {
    position: fixed;
    bottom: 110px;      /* Distanza dal fondo */
    right: 45px;       /* Distanza da destra */
    width: 60px;
    height: 60px;
    background-color: #d0a348; /* Colore blu (puoi cambiarlo con #000 se lo vuoi nero) */
    color: #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    z-index: 9999;     /* Sempre sopra a tutto */
    transition: all 0.3s ease;
    text-decoration: none !important;
}

/* Effetto al passaggio del mouse */
.floating-email-button:hover {
    transform: scale(1.1); /* Si ingrandisce leggermente */
    background-color: #e2b14f; /* Diventa nero al passaggio del mouse */
    color: #ffffff !important;
}



/* Nascondilo su schermi molto piccoli se disturba la navigazione (opzionale) */
@media (max-width: 480px) {
    .floating-email-button {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        font-size: 20px;
    }
}


/* form modal */

.floating-email-form {
    position: fixed;
    right: 45px;
    bottom: 185px;
    width: 340px;
    max-width: calc(100vw - 40px);
    background: #ffffff;
    color: #222222;
    border-radius: 4px;
    padding: 22px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.22);
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px) scale(0.96);
    transition:
        opacity 0.28s ease,
        transform 0.28s ease,
        visibility 0.28s ease;
    pointer-events: none;
}

.floating-email-form.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.floating-form-overlay {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(0,0,0,0.25);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.28s ease,
        visibility 0.28s ease;
    pointer-events: none;
}

.floating-form-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.floating-form-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #222222;
    font-family: 'Montserrat', sans-serif;
}

.floating-form-close {
    position: absolute;
    top: 8px;
    right: 12px;
    border: 0;
    background: transparent;
    color: #222222;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.floating-email-form .wpcf7-form p {
    margin: 0 0 12px;
}

.floating-email-form input[type="text"],
.floating-email-form input[type="email"],
.floating-email-form textarea {
    width: 100%;
    margin-top: 0;
    padding: 10px 12px;
    border-color: #222222 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #222222;
}

.floating-email-form input::placeholder,
.floating-email-form textarea::placeholder {
    color: #777777;
    opacity: 1;
}

.floating-email-form textarea {
    min-height: 90px!important;
    resize: vertical;
}

.floating-email-form input[type="submit"] {
    width: 100%;
    background: #d0a348;
    color: #ffffff;
    border: 0;
    font-family: 'Montserrat', sans-serif;
    padding: 12px 16px;
    font-weight: 400;
    cursor: pointer;
}

.floating-email-form input[type="submit"]:hover {
    background: #e2b14f;
}

.floating-email-form .wpcf7-spinner {
    margin: 8px auto 0;
    display: block;
}

.floating-email-form .wpcf7-response-output {
    margin: 12px 0 0 !important;
    padding: 8px 10px !important;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 4px;
}

@media (max-width: 600px) {
    .floating-email-form {
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 14px 14px 0 0;
        padding: 24px 20px 28px;
        box-sizing: border-box;
        max-height: 85vh;
        overflow-y: auto;
        transform: translateY(100%);
    }

    .floating-email-form.is-open {
        transform: translateY(0);
    }

    .floating-email-button {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        font-size: 20px;
    }
}




#top .input-text, #top input[type=email], #top input[type=input], #top input[type=number], #top input[type=password], #top input[type=search], #top input[type=tel], #top input[type=text], #top input[type=url], #top select, #top textarea {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 8px 6px;
    outline: 0;
    font: 1em;
    color: #777;
    margin: 0;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;

}

.wpcf7-form textarea{ 
    
    height:60px;
}


/* chi sono */

.av-horizontal-gallery-img {
   
    border-radius: 4px;
}

 .image-wrapper {
    position: relative;
    width: 1310px;
    height: 738px;
    overflow: hidden;
  }

  .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    display: flex;
    flex-direction: column;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);

    width: 90%;
    max-width: 1100px;

    font-family: 'Cormorant Garamond', serif;
    font-size: 48px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0 0 1rem;
    color: white;
    text-align: center;

  }

  .foto-tonda {
    width: 292px;
    height: 292px;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    object-position: -190px center;   /* sposta di 50px a sinistra */

  }
  
.contatti {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.contatto-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.icona-box {
    width: 44px;
    height: 44px;
    background-color: #d0a249;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px; /* 0px se vuoi spigoli vivi */
    flex-shrink: 0;
}

.icona-box i {
    color: #ffffff;
    font-size: 18px;
}

.contatto-testo {
    display: flex;
    flex-direction: column;
    line-height: 0.9;
}

.contatto-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contatto-valore {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}




/* */

.hero-section-pages {
  position: relative;
  text-align: left;
  overflow: hidden;
}


.hero-bg-text-pages {
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translate(-50%, -60%);
  font-family: 'Cormorant Garamond', serif;
  font-size: 100px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  opacity: 0.05; /* aumenta o diminuisci per più/meno visibilità */
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  letter-spacing: 8px;
  z-index: 0;
}

.hero-content-pages {
  position: relative;
  z-index: 1;
}

.hero-testo1-pages {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0.3rem;
  color: #d0a249;
}

.hero-testo2-pages {
  font-family: 'Cormorant Garamond', serif;
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0 0 1rem;
  color: #000!important;
}

.hero-testo3-pages {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  max-width: 900px;
  display: inline-block;
  color: #000;
} 

/* contatti*/

a.ex5 {
    color:#d0a249!important;
} 

a.ex5:hover {
    color:#d0a249!important;
    text-decoration: underline!important;

} 

a.ex6:hover {
   text-decoration: underline!important;
} 



#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;
    
    border-radius:4px;
    font-size: 14px;
}



.avia_ajax_form .button {
    margin: 0;
    padding: 16px 20px;
    border-radius: 0px!important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: 400;
    
    min-width: 142px;
    outline: 0;
    background-color:#d0a249!important;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

/* Selettore mirato per il pulsante del form Enfold */
#top .avia_wpcf7_form .button, 
#top .avia-ajax-form .button,
#top input[type="submit"].button {
    color: #ffffff !important;
    
    text-shadow: none !important; /* Rimuove ombre che potrebbero sporcare il bianco */
}

/* Assicuriamoci che rimanga bianco anche al passaggio del mouse */
#top .avia_wpcf7_form .button:hover, 
#top .avia-ajax-form .button:hover,
#top input[type="submit"].button:hover {
    color: #ffffff !important;
    opacity: 0.9;
}

/* blog*/

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1!important;
}

.av-masonry-entry .av-masonry-entry-title {
    line-height: 1.3em;
    margin: 0;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 400;
    font-size: 15px;
}

.image-overlay {
display: none !important;
opacity: 0 !important;
}

.main_color .av-masonry-outerimage-container {
    background-color: var(--enfold-main-color-bg);
    border-radius: 4px;
}

/* footer */ 

#sfondofooter { 

    background: url('https://soleemare.davidebonetti.com/image/onde_pattern.png') repeat top left / auto;
    box-shadow: none;
    
}

#sfondosocket {

    background: url('https://soleemare.davidebonetti.com/image/onde_pattern_socket.jpg') repeat top left / auto;
    box-shadow: none;
    
}


.title_container {

    background: url('https://soleemare.davidebonetti.com/image/onde_pattern.png') repeat top left / auto!important;
    box-shadow: none!important;

}



.footer_color {

    border-top: 1px solid rgba(208, 162, 73, 1)!important;

}


.social-simple-white {
    display: flex !important;
    flex-direction: row !important; /* Forza la disposizione orizzontale */
    gap: 10px !important;           /* Spazio tra le icone */
    align-items: center;
    justify-content: flex-start;    /* Allinea a sinistra (usa 'center' se le vuoi al centro) */
}

.social-simple-white a {
    color: #ffffff !important;
    font-size: 25px !important;
    line-height: 0 !important;
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: opacity 0.2s ease;
}

.social-simple-white a:hover {
    opacity: 0.6 !important;
}

/* Rimuove eventuali icone extra create dal tema Enfold sui link */
.social-simple-white a .avia_button_icon,
.social-simple-white a::before {
    display: none !important;
}