/*
 Theme Name:   Melanzi  theme 2025
 Theme URI:    https://menostudio.it/project/melanzi
 Description:  Melanzi child theme
 Author:       Menostudio
 Author URI:   http://menostudio.it
 Template:     twentytwentythree
 Version:      3.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentythree
*/


@view-transition{
    navigation: auto;
}

body * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: auto;
}

:root{
    --swiper-theme-color: var(--wp--preset--color--custom-porpora-melanzi);
    --swiper-navigation-color: var(--wp--preset--color--custom-porpora-melanzi);
    --swiper-navigation-size: 26px;
}

.woocommerce-page main{
    max-width: calc(100vw + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left));
}



body{
   font-size: 16px;
   line-height: 32px;
   font-family: "DM Sans", sans-serif;
}

h1,h2,h3,h4,h5,h6,.title,.section-title{
    letter-spacing: 2px;
    font-family: "DM Serif Display", serif;
}

.wp-site-blocks{
    padding-top: 0px;
    padding-bottom: 0px;
}
.wp-block-group{
   margin-block-start: 0px;
}


.btn-default{
    font-size: 1em;
    padding: 16px 26px;
}

#riga-icone-home{
    padding-bottom: 32px;
}

.gruppo-prodotti{
    margin-bottom: 0px;
}
.gruppo-prodotti:hover .title{
    transform: translateX(60px);
}

.header{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    width: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
}
body.scrollme .header{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    padding: 12px;
    border: 0px;
    box-shadow: none;
}

.hfg_header.site-header{
    box-shadow: none;
}

body.scroll .site-header .header--row-inner{
    border-radius: 22px;
    border-top: 4px solid #fff;
}

body.scrollme .builder-item--logo .site-logo{
    padding: 0px;
}
body .nv-navbar{
    transition: all 300ms ease-in-out;
}
body.scrollme .nv-navbar{
    width: 95%;
    margin: auto;
    animation: showMenu 1s 1;
    background-color: transparent;
    box-shadow: none;
}

body.scroll .builder-item--logo{
    --maxwidth: 160px;
}
body.scroll .header--row.header-top{
    display: none;
}
.header-main-inner .hfg-slot.center{
   align-items: start;
}
.header-main-inner .hfg-slot.center .desktop-center{
    margin-top: 0px;
    background-color: #fff;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
}

@keyframes showMenu{
    0%{
        margin-top: -160px;
        height: 12px;
    }

    100%{
        margin-top: 0px;
        height: auto;
    }
}

#gototop {
  position: fixed;
  bottom: 24px;
  right: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}

body.scroll #gototop {
  opacity: 1;
  pointer-events: auto;
}

.hfg_header .header-top-inner{
    z-index: 10;
}

@keyframes compari{
    0%{
        right: -100vw;
        padding: 20px 0px;
    }

    60%{
        
        padding: 8px;
    }

    100%{
        right: 0px;
        
    }
}


.social-button:hover{
    text-decoration: none;
    background-color: #333;
    color: #333;
}
.social-button{
    background-color: #35224f;
    display: inline;
    padding: 8px 12px;
    text-decoration: none;
}

.obfx-cookie-bar{
    background-color: #333!important;
    color: #fff;
}

.header.fixed .header-top{
    display: none;
}

.header.fixed .site-logo img{
    max-width: 120px;
}

#destfull{
    transition: all 2s linear;
}
.fullimage figure{
    border: 4px solid #E9CE67;
    overflow: hidden;
}
.fullimage figure img{}
.fadeOut{
    transition: all 2s linear;
    animation: fade 3s 1;
}

@keyframes fade{
    60%{
        opacity: .2;
        transform: scale(1.2);
    }
}

p > a{
    color: #348d3d!important;
}
.title > a{color: #fff;}

.builder-item--primary-menu .nav-menu-primary > .primary-menu-ul li > a,
.builder-item--secondary-menu #secondary-menu li > a{
    color: #592f98!important;
}
.builder-item--primary-menu .nav-menu-primary > ul.primary-menu-ul > li:hover>a{
     color: #333!important;
}

#header-menu-sidebar-inner .primary-menu-ul li a{
    color: #fff!important;
    text-transform: uppercase;
    padding: 0px 8px;
}

.elementor-button a{
    color: #fff;
}

#media_image-2.widget_media_image{
	text-align: center;
}

.notizia-home{

}

.dettaglio-prodotto{
    margin-top: 60px;
}

#box-galleria figure{
    border: 2px solid #E9CE67;
    margin-bottom: 12px;
    cursor: pointer;
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,.3);
}
#box-galleria figure img{
    width: 100%;
}

#box-galleria .foto-scroll{
    overflow-y: scroll;
    padding: 22px 8px 22px;
}

#box-caratteristiche{
    padding: 60px 12px 30px;
    border-left: 2px solid #E9CE67;
}

#category-list-post{
    margin-top: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #eee;
}



.btn-category{
    padding: 12px 0px 12px;
    text-align: center;
    display: block;
    word-wrap: nowrap;
    text-overflow: none;
    font-size: 1rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
    margin-bottom: 22px;
    background-color: #fff;
    transition: all .3s ease-in-out;
}
.btn-category:hover .icona{
    border: 2px solid #64367e;
}

.btn-category .icona{
    border: 2px solid #aaa;
   
    display: block;
    clear: both;
    margin: 0px auto 0px;
    padding: 62px 12px;
}
.btn-category .icona > svg,
.img-icon-term{
    max-height: 90px;
    clear: both;
    margin: 0px auto 0px;
    display: block;
}
.btn-category .icona > svg{
    height: 60px;
    width: 60px;
}


.site-logo .brand{
    padding-top: 10px;
}

.header-page-center{
    text-align: center;
    background-color: #E9CE67;
    padding: 22px 0px 12px;
    margin-bottom: 0px;
    box-shadow: 0px 30px 20px -10px rgb(0 0 0 / 5%) inset;
}
.header-page-center h3{
    margin-top: 6vh;
    color: #fff;
    font-size: 2rem;
}

.nv-navbar{
    width: 100%;
    background-color: transparent!important;
}

.nv-navbar ul > li > a{
	font-size: 12pt!important;
    line-height: 22px!important;
    text-transform: uppercase;
}


.default-margin-top{
	margin-top: 60px;
}
.default-margin-bottom{
	margin-bottom: 60px;
}
.custom-shape-divider-top-1593630907{
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 100;
}

.custom-shape-divider-top-1593630907 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 28px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1593630907 svg {
    fill: #E9CE67;
}

.float-right{
	float: right;
}

.immagine-prodotto{
	text-align: center;
	position: relative;
	width: 100%;
}

.prodotto-block{
    padding: 12px;
    margin-bottom: 22px;
    margin-top: 22px;
}
.prodotto-block,
.prodotto-home,
.itemprodotto{
    border: 1px solid #eaeaea;
    box-shadow: 0px 0px 14px -5px rgba(0,0,0,.2);
    border-radius: 14px;
    background-color: #fff;
    padding-bottom: 22px;
}
.itemprodotto h3{
    padding-left: 22px;
}
.itemprodotto .descrizione-prodotto{
    padding: 0px 22px 12px;
}
.itemprodotto .immagine-prodotto{
    margin-top: 12px;
}
#articoli-collegati{
    padding: 22px 0px 22px;
    margin-bottom: 32px;
}

#archivio-prodotti{
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: row;
    gap: 22px;
}


.immagine-post-ambientata{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4/3;
}
.immagine-post-ambientata img{
    width: 100%;
    height: 100%;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
}

/*
.prodotto-home:before{
    content: " ";
    width: 29px;
    height: 53px;
    background-color: #623A8A;
    display: block;
    position: absolute;
    top: 0px;
    transform: rotate(45deg) translate(-17px, -7px);
}
*/
.prodotto-home{
    background-color: #fff;
    padding: 23px 0px 23px;
    margin-bottom: 42px;
    flex: 1;
    width: 100%;
}
.prodotto-home a{
    font-weight: 600;
    text-decoration: none!important;
    font-size: 1.5rem;
    text-align: center!important;
    display: block;
}
.prodotto-home h3{
    text-transform: uppercase;
}
.prodotto-home .thumb{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;
}
.prodotto-home:hover,
.prodotto-home:hover .thumb{
    
    background-blend-mode: normal;
}


.cornice-immagine{
    transform: translateY(-120px);
    border: 8px solid #fff;
}

.cornice-immagine .elementor-widget-image{
    position: absolute;
    z-index: 8;
}
.cornice-immagine:before{
    content: " ";
    background-color: rgba(0,0,0,.3);
    width: 100%;
    height: 360px;
    position: absolute;
    z-index: 1;
    float: none;
    left: 4%;
    top: 0%;
}

.box-categoria-prodotto{
   
    text-align: center;
    padding: 32px 0px 32px;
}
.box-categoria-prodotto a{
    padding: 20px 12px;
    background-color: #fff;
    margin: 0px 22px 0px;
    font-weight: bold;
    text-transform: uppercase;
}

.content-prodotto{
    padding: 2vh 0px 2vh;
}
.content-link-acquisto{
    text-align: center;
    display: block;
    padding: 42px;
}

.riga-carattere{
    margin-bottom: 8px;
    font-size: 16px;
}
.riga-carattere h5{
    text-transform: uppercase;
    margin-bottom: 0px;
}

#altriprodotti{
    background-color: #f9f6e8;
    padding: 32px 0px 32px;

}

.section-title,
.section-title h2{
    font-size: 1.9rem;
    line-height: 2rem;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/** WIDGET POST */
.widget_recent_posts .eaw-recent-posts{
    background-color: #fff;
    margin-bottom: 22px;
}
.widget_recent_posts .eaw-recent-posts img{
    width: 100%;
}
.widget_recent_posts .eaw-recent-posts h3 > a{
    color: #aaa!important;
}

.site-footer{
    margin-top: 42px;
    padding-top: 42px;
}

/** IMMAGINI **/
.filler-image-header{
    padding: 12vh 0px 12vh;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    background-color: rgba(255,255,255,.8);
    margin-bottom: 22px;
    
}
.filler-image-header .title{
    color: #fff;
    font-size: 8vh;
    text-align: left;
    text-shadow: 2px 2px 22px rgba(0,0,0,.7);
    transition: all .3s ease-in-out;
    padding: 0px 22px;
}
.image-radius{
    border-radius: 90px;
}

.calendario-produzione{
    background-color: #fff;
    padding: 22px 12px;
    border-left: 2px solid #E9CE67;
    margin-bottom: 22px;
}

.calendaritem{
    border: 1px solid #aaa;
    text-align: center;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 8px;
}

.calendaritem:after{
    content: " ";
    width: 22px;
    height: 22px;
    display: block;
    margin: 8px auto 8px;
    background-color: #dc5555;
}

.calendarvalue-1:after{
    background-color: #dc5555;
}
.calendarvalue-2:after{
     background-color: #ffe000;
}
.calendarvalue-3:after{
     background-color: #5fc75e;
}

.text-center{
    text-align: center;
}


/** FOOTER **/
#cb-row--footer-bottom{
    margin-top: 32px;
}

#copertina-fullscreen{
    position: relative;
    top: 0px;
    z-index: 0;

}

header .sticky-header{
    position: absolute;
    z-index: 9999;
    width: 100%;
    top: 0px;
}


body.scroll .sticky-header{
    position: fixed;
    top: 0px;
    width: 100%;
    animation: showmenu2 1s 1;
    background-color: #e2e2e2;
}
body.scroll .sticky-header .wp-block-site-logo img{
    width: 120px;
}

.svg-menu-icon{
    display: none;
    transition: all 500ms ease-in-out;
}

.menu-elenco-items a:hover{
    font-weight: 700;
}

.menu-elenco-items .wp-block-group:hover .svg-menu-icon{
    display: block;
    transition: all 500ms ease-in-out;
}

@keyframes showmenu2{
    0%{
        margin-top: -160px;
        height: 12px;
    }

    100%{
        margin-top: 0px;
        height: auto;
    }
}

#hambuger-menu-full .wp-element-button{
    border-radius: 40px;
    color: #fff;
}

#close-button-menu{
    cursor: pointer;
    padding: 22px;
}
.gsbp-e5485e1{
    width: 140px;
}