/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

:root{
    --theme-color:#9A231A;
    --color-white:#FFF;
    --nth-color: #5285C3;
}
.theme-color{
    color:var(--theme-color);
}
.color-second{
    color:var(--nth-color);
}

.white-color{
    color:var(--color-white);
}
p{
    font-weight: 400 !important;
}

/*** displays none ***/

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

/*** width ***/

.w-100{
    width: 100%;
}
/*** opacity ***/

.op-5{
    opacity: .5 !important;
}

/*** rotate ***/
.rotate-5{
    transform: rotate(5deg) !important;
}
.rotate-10{
    transform: rotate(10deg) !important;
}
.rotate-15{
    transform: rotate(15deg) !important;
}
.rotate-20{
    transform: rotate(20deg) !important;
}
.rotate-25{
    transform: rotate(25deg) !important;
}
.rotate-30{
    transform: rotate(30deg) !important;
}
.rotate-35{
    transform: rotate(35deg) !important;
}
.rotate-m10{
    transform: rotate(-10deg) !important;
}
.rotate-m15{
    transform: rotate(-15deg) !important;
}
.rotate-m20{
    transform: rotate(-20deg) !important;
}
.rotate-m25{
    transform: rotate(-25deg) !important;
}
.rotate-m30{
    transform: rotate(-30deg) !important;
}
.rotate-m35{
    transform: rotate(-35deg) !important;
}
.rotate-m40{
    transform: rotate(-40deg) !important;
}

.blur{
    filter: blur(5px);
}
.blur-15{
    filter: blur(15px);
}
.invert{
    transform: scaleX(-1) rotate(20deg) !important;
}
.invert-m10{
    transform: scaleX(-1) rotate(-10deg) !important;
}
/*** body hp ***/



/*** text small ***/

.text-80{
    font-size:80%;
    line-height: 1.2;
}

/*** display ***/

@media screen and (max-width: 1024px){
    .dx-none{
        display: none !important;
    }
}
/*** sgvs angolo ***/

#page-header-bg .page-header-bg-image-wrap .page-header-bg-image:after{
    content:'';
    width:352px;
    height:352px;
    bottom: 0;
    left:-5%;
    background-image: url("/wp-content/uploads/2024/05/sgvs-angolo.png");
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
.single-post #page-header-bg .page-header-bg-image-wrap .page-header-bg-image:after{
    width: 100%;
    height: 100%;
}
/** form ***/


.form-contatti{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.form-contatti .name input,
.form-contatti .surname input,
.form-contatti .company input,
.form-contatti .provincia input,
.form-contatti .email input,
.form-contatti .phone input,
.form-contatti .message textarea{
    border-radius:2px;
    padding-left:10px;
}
.form-contatti .name,
.form-contatti .surname,
.form-contatti .company,
.form-contatti .email,
.form-contatti .mobile,
.form-contatti .phone,
.form-contatti .citta
{
    width: calc(50% - 11px);
}
.form-contatti .tipologia
{
    width: 100%;
}

.form-contatti .name input,
.form-contatti .surname input,
.form-contatti .company input,
.form-contatti .email input,
.form-contatti .mobile input,
.form-contatti .phone input,
.form-contatti .citta input,
.form-contatti .message textarea,
.form-contatti .tipologia{
    background-color: transparent !important;
    border-radius:0px;
    border:none;
    border-bottom: 1px solid var(--theme-color);
}
.form-contatti .tipologia select{
    background-color: transparent;
    padding-left: 5px;
}
.form-contatti-red label span,body .form-contatti-red a{
    color:var(--color-white)
}
body[data-form-submit="regular"] .container-wrap input[type=submit].custom-btn-expert{
    background: transparent;
    background: transparent;
    border: 1px solid var(--theme-color);
    color:var(--theme-color);
    padding: 15px 50px !important;

}
.form-prodotto .form-contatti .name input,
.form-prodotto .form-contatti .surname input,
.form-prodotto .form-contatti .company input,
.form-prodotto .form-contatti .email input,
.form-prodotto .form-contatti .mobile input,
.form-prodotto .form-contatti .phone input,
.form-prodotto .form-contatti .citta input,
.form-prodotto .form-contatti .message textarea{
    border-color:#12253A !important;
}
.form-contatti .message,
.form-contatti .acceptance,
.form-contatti .disclaimer{
    width:100%;
}
.form-footer{
    margin-top:20px;
}
.form-footer .acceptance{
    margin-bottom: 20px;
    font-size: .8em;
    line-height: 1.4;
}
.form-footer .acceptance .wpcf7-list-item{
    margin:0;
}
.form-footer .disclaimer {
    margin-bottom:30px;
}
#footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright {
    padding-top: 10px;
    padding-bottom: 10px;
}
.form-contatti .button input[type=submit]{
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--theme-font);
    color:var(--color-dark);
    padding: 10px 70px !important;
    border-radius: 20px !important;
}
.wpcf7-acceptance span,.disclaimer{
    font-size:.7em;
}
.form-hp .wpcf7-acceptance span a{
    color:#000
}

.form-hp .button .custom-btn-expert,.form-hp .button .custom-btn-expert:hover{
    background-color:#12253a !important;
}

.wpcf7 .form-contatti .email{
    widht:100%;
}
.acceptance .wpcf7-form-control-wrap{
    display: inline-block !important;
}

@media screen and (max-width:1024px){
    .form-contatti .name,
    .form-contatti .surname,
    .form-contatti .company,
    .form-contatti .email,
    .form-contatti .mobile,
    .form-contatti .phone,
    .form-contatti .animale,
    .form-contatti .eta,
    .form-contatti .citta
    {
        width: 100%;
    }
}

/*** form b2b ***/
.form-contatti.b2b .username,
.form-contatti.b2b .password,
.form-contatti.b2b .confirm-password,
.form-contatti.b2b .indirizzo,
.form-contatti.b2b .cap,
.form-contatti.b2b .ragione-sociale{
    width: calc(33% - 11px);
}
.form-contatti.b2b .indirizzo,
.form-contatti.b2b .citta,
.form-contatti.b2b .name,
.form-contatti.b2b .surname,
.form-contatti.b2b .phone,
.form-contatti.b2b .email{
    width: calc(24% - 11px);
}
.form-contatti.b2b .cap{
    width:15%;
}

.form-contatti.b2b .ateco,
.form-contatti.b2b .partita-iva{
    width: calc(50% - 11px);
}

.form-contatti.b2b .username input,
.form-contatti.b2b .password input,
.form-contatti.b2b .confirm-password input,
.form-contatti.b2b .indirizzo input,
.form-contatti.b2b .cap input,
.form-contatti.b2b .ragione-sociale input,
.form-contatti.b2b .partita-iva input,
.form-contatti.b2b .ateco input{
    background-color: transparent !important;
    border-radius:0px;
    border:none;
    border-bottom: 1px solid var(--theme-color);
}
.form-contatti.b2b .password .toggle-password,
.form-contatti.b2b .confirm-password .toggle-password{
    position: absolute;
    top: 10px;
    right: 5px;
}

/*** scrolling text ***/
.nectar-scrolling-text{
    margin-bottom: 0;
}
.nectar-scrolling-text .nectar-scrolling-text-inner>.nectar-scrolling-text-inner__text-chunk *{
    font-size:5em;
    line-height: .79;
}
@media screen and (max-width: 1024px){
    .nectar-scrolling-text .nectar-scrolling-text-inner>.nectar-scrolling-text-inner__text-chunk *{
        font-size: 3em;
    }
}

/*** bottle effect ***/

.bottle-big-amarot .wpb_column .column-bg-overlay:before{
    content:'';
    position: absolute;
    height: 100vw;
    width: 50vw;
    top: -65vh;
    right: -20vw;
    transform:rotate(-45deg);
    background-image: url('/wp-content/uploads/2024/06/prodotto-bottiglia-big.png');
    background-size: contain;
    background-repeat:no-repeat;

}

/*** z-index ***/

.wpb_row>.span_12{
    z-index:2;
}

/*** bg custom etichetta ***/

.bg-etichetta .row-bg-wrap .row-bg.using-bg-color:before{
    content:'';
    top: 0;
    left: 0;
    width: 100%;
    height: 2560px;
    position: absolute;
    background-image:url('/wp-content/uploads/2024/06/background-1-scaled.jpg');
    background-position: center;
    background-size: contain;
    opacity: .6;

}

@media screen and (max-width: 1024px){
    .bg-etichetta.wpb_row .row-bg-wrap .row-bg-overlay{
        background: rgb(47,8,7);
        background: linear-gradient(0deg, rgba(47,8,7,1) 0%, rgba(43,9,12,1) 23%, rgba(36,10,21,0) 70%, rgba(47,8,7,1) 100%) !important;
        z-index:2
    }
}

/*** slider hp ***/

.nectar-scrolling-text{
    opacity: .3;
    margin:0;
}

/*** custom cta ***/

.custom-cta h2{
    font-size:6em;
    line-height: .8;
    text-transform: uppercase;
}

/*** off canvas menu ***/

#slide-out-widget-area-bg.open {
    background-color: transparent !important;
    background-image: url('/wp-content/uploads/2024/06/background-1-scaled.jpg');
    opacity: 1 !important;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}
#slide-out-widget-area.fullscreen-split .inner>.container{
    max-width:1500px;
}
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container>ul>li{
    margin-bottom: 40px !important;
}
#slide-out-widget-area.fullscreen-split.open .right-side p {
    color: #E0CFBD;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li a{
    color:#E0CFBD;
}
#slide-out-widget-area.fullscreen-split .right-side-inner{
    align-self: start !important;
}
/*** footer widgets ***/

#footer-widgets{
    display:none;
}
@media screen and (max-width: 1024px){
    .nectar-fancy-ul ul li{
    padding-left: 20px;
    }
}

/*** product buy inline ***/

p.woocommerce.add_to_cart_inline{
    text-align: left;
}
body .woocommerce.add_to_cart_inline a.button.add_to_cart_button{
    background-color:transparent !important;
    border: 1px solid #9A231A;
    color: #9A231A;
    text-transform: uppercase;
    font-weight: 700;
}

/*** ombre ***/

.ombra-01 .img-with-aniamtion-wrap .hover-wrap-inner:before{
    content: '';
    position: absolute;
    bottom: 160px;
    height: 400px;
    width: 900px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 53%;
}

.ombra-01 .img-with-aniamtion-wrap .hover-wrap-inner:before{
    background-image:url('/wp-content/uploads/2024/06/shadow-01.png');
    right: 3em;
    bottom: -19em;
    height: 24em;
    background-size: 100%;
    width: 33em;
}
.ombra-02 .img-with-aniamtion-wrap .hover-wrap-inner:before{
    content: '';
    position: absolute;
    bottom: 160px;
    height: 400px;
    width: 414px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 110%;
}

.ombra-02 .img-with-aniamtion-wrap .hover-wrap-inner:before{
    background-image:url('/wp-content/uploads/2024/06/shadow-02.png');
    right: -20%;
    bottom: -19em;
    height: 24em;
    background-size: 100%;
    width: 33em;
}
.ombra-03 .img-with-aniamtion-wrap .hover-wrap-inner:before{
    content: '';
    position: absolute;
    bottom: 152px;
    height: 400px;
    width: 900px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 55%;
}

.ombra-03 .img-with-aniamtion-wrap .hover-wrap-inner:before{
    background-image:url('/wp-content/uploads/2024/06/shadow-03.png');
    left: 9%;
    bottom: -20em;
    height: 24em;
    background-size: 100%;
    width: 33em;
}

.cicinetti:after{
    content:'';
    position: absolute;
    bottom: 5em;
    left: 0;
    width: 100%;
    height: 85em;
    background-image:url('/wp-content/uploads/2024/06/historic-elements-03.png');
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}

.custom-margins{
    margin-top:-64em !important;
    padding-bottom:60em;
}
@media screen and (max-width:1024px){
    .custom-margins{
        margin-top: 0em !important;
        padding-bottom: 10em;
        margin-top: -4em !important;
    }
    .ombra-01 .img-with-aniamtion-wrap .hover-wrap-inner:before,
    .ombra-02 .img-with-aniamtion-wrap .hover-wrap-inner:before,
    .ombra-03 .img-with-aniamtion-wrap .hover-wrap-inner:before{
        width: 13em;
    }
    .ombra-01 .img-with-aniamtion-wrap .hover-wrap-inner:before{
        bottom: -22.5em;
        right: 1.5em;
    }
    .ombra-02 .img-with-aniamtion-wrap .hover-wrap-inner:before{
        bottom: -22.5em;
        width: 12.2em;
        right: -14%;
    }
    .ombra-03 .img-with-aniamtion-wrap .hover-wrap-inner:before{
        bottom: -22.7em;
    }
}

.cicinetti:before{
    content:'';
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgb(47,8,7);

    background: -moz-linear-gradient(0deg, rgba(47,8,7,1) 22%, rgba(47,8,7,0) 93%);

    background: -webkit-linear-gradient(0deg, rgba(47,8,7,1) 22%, rgba(47,8,7,0) 93%);

    background: linear-gradient(0deg, rgba(47,8,7,1) 22%, rgba(47,8,7,0) 93%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f0807",endColorstr="#2f0807",GradientType=1);
    bottom: -1em;
    z-index: -1;
}
.hover-bottle-01 a,
.hover-bottle-02 a,
.hover-bottle-03 a{
    transition: all .3s ease-in-out;
}
 .hover-bottle-01 a:after,
 .hover-bottle-02 a:after,
 .hover-bottle-03 a:after{
    opacity: 0;
     content:'';
     width: 100%;
     height:100%;
     position: absolute;
     z-index:1000;
     top:0;
     left:0;
     background-size: contain;
     background-repeat: no-repeat;
     transition: all .3s ease-in-out;
 }
.hover-bottle-01 a:hover:after{
    background-image:url('/wp-content/uploads/2024/06/home-VERMUT-hover.png');
    opacity: 1;
}
.hover-bottle-02 a:hover:after{
    background-image:url('/wp-content/uploads/2024/06/home-VERMUT-ROSSO-hover.png');
    opacity: 1;
}
.hover-bottle-03 a:hover:after{
    background-image:url('/wp-content/uploads/2024/06/home-AMAROT-hover.png');
    opacity: 1;
}

/*** slider title ***/
@keyframes blurFadeIn {
    0% {
        opacity: 0;
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        filter: blur(0px);
    }
}
.titolone-custom{
    opacity: 0; /* Inizia con trasparenza totale */
    filter: blur(0); /* Effetto blur iniziale */
    animation: blurFadeIn .7s ease-in-out .7s forwards; /* Animazione con durata di 1 secondo, ritardo di 1 secondo e forwards */
}
.titolone-custom h3{
    text-transform: none !important;
    font-weight:200 !important;
    display: inline-block;
    vertical-align: top;
    font-size:1.5em !important;
}
.titolone-custom h3:first-of-type{
}
.titolone-custom h2{
    text-transform: none !important;
    font-weight:700 !important;
    display: inline-block;
    font-size:5em;
}
.titolone-custom .bottom-title{
    font-style: italic;
    vertical-align: bottom;
    display: inline;
    margin-left: -95px;
    top: 35px;
    position: relative;
    font-size: 2.2em !important;
}

@media screen and (max-width: 1024px){
    .titolone-custom h2{
        font-size:2em;
    }
    .titolone-custom .bottom-title{
        font-size: 1em !important;
        margin-left: -40px;
        top: 12px;
    }
}

/*** card shop ***/

.woocommerce .classic.product .woocommerce-Price-amount.amount{
    font-weight: 700;
    font-size: 1.3em;
}
.woocommerce .classic.product del .woocommerce-Price-amount.amount{
    font-size: 1em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 3em;
    font-weight: 700;
    color: var(--theme-color);
    line-height: 1;
    margin: 0;
    padding: 0;
}
.woocommerce .classic.product .product-subtitle{
    margin-bottom: 30px;
    font-family: Merriweather;
    font-size:1.4em;
    color: var(--theme-color);
    text-transform: uppercase;
    font-weight: 600;
}
.woocommerce .classic .add_to_cart_button,
.woocommerce .classic .product-add-to-cart a.button{
    background: transparent;
    background-color:#FFF !important;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}
.woocommerce li.classic.product .product-wrap a img:first-of-type{
    transition: opacity .3s cubic-bezier(.21,.6,.35,1);
    opacity: 1;
}
.woocommerce li.classic.product .product-wrap:hover a img:first-of-type{
    opacity: 0;
    transition: opacity .3s cubic-bezier(.21,.6,.35,1);
}
.woocommerce ul.products li.product.classic .onsale{
    border-radius:2px;
    background-color:#FFF !important;
    border:1px solid var(--theme-color);
    color:var(--theme-color);
    font-weight: 700;
    text-transform: uppercase;
    font-size: .68em;
    min-height: auto;
    line-height: 1;
}
@media screen and (max-width: 1024px){
    .woocommerce ul.products li.product .woocommerce-loop-product__title{
        font-size: 2em;
    }
    .woocommerce .classic.product .product-subtitle{
        margin-bottom: 10px;
    }
    body .wpb_wrapper>.woocommerce.columns-1 ul.products.columns-1 li.product{
        padding: 20px;
    }
    body .woocommerce .nectar-woo-flickity[data-item-shadow="1"] li.product.classic .price,
    body .woocommerce .nectar-woo-flickity[data-item-shadow="1"] li.product.classic .woocommerce-loop-product__title{
        padding-left: 0;
    }
}
/*** mini cart ***/

#header-outer .widget_shopping_cart_content,
#header-outer .widget_shopping_cart .cart_list li,
body:not([data-header-format="left-header"]) #header-outer .sf-menu li ul{
    background-color:#3B0A06 !important;
}
#header-outer .widget_shopping_cart.open .buttons{
    background-color: #FFF;
    padding:20px 10px;
}
#header-outer .widget_shopping_cart.open .buttons{
    padding:10px;
}
body[data-button-style*="slightly_rounded"] #header-outer .widget_shopping_cart a.button{
    background: transparent;
    background-color:transparent !important;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    display: block;
    width: 100%;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size:1.2em;
}
#header-outer .total strong{
    letter-spacing:0;
}
body[data-button-style*="slightly_rounded"] #header-outer .widget_shopping_cart a.button:last-of-type{
    margin-bottom: 0;
}
body[data-button-style*="slightly_rounded"] #header-outer .widget_shopping_cart a.button:hover{
    background-color:var(--theme-color) !important;
}
.woocommerce-mini-cart__total.total{
    text-align: right;
}
.woocommerce-mini-cart__total .woocommerce-Price-amount.amount{
    font-weight: 700;
}
.woocommerce-mini-cart__empty-message{
    color:#FFF;
}
#header-outer .widget_shopping_cart_content{
    background-image:url('/wp-content/uploads/2024/06/background-1-scaled.jpg');
    background-size: cover;
    background-position: center;
}
body:not([data-header-format="left-header"]) #header-outer .sf-menu li ul,
#header-outer .widget_shopping_cart .cart_list li{
    background-color:transparent !important;
}
.material #header-outer ul.product_list_widget li img{
    background-color:rgba(155,35,26,.4);
}
body #header-outer{
    background-color:rgba(59, 10, 6, .8);
}
/*** single product ***/

.prodotto h1.product_title.entry-title{
    font-family: Merriweather;
    color: var(--theme-color);
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.prodotto .woocommerce-Price-amount.amount{
    margin-bottom: 30px;
    font-size:2em;
    color: var(--theme-color);
    text-transform: uppercase;
    font-weight: 700;
}
.prodotto del{
    color:rgba(145,145,145,.5);
    font-size: 1.2em;
}
.prodotto del .woocommerce-Price-amount.amount{
    font-size:1em;
    color:rgba(145,145,145,.5);
    line-height: 1em;
}
.prodotto .woocommerce-mini-cart-item .woocommerce-Price-amount.amount,
.prodotto .woocommerce-mini-cart__total.total .woocommerce-Price-amount.amount{
    color:#FFF;
}
.prodotto .product-subtitle{
    margin-bottom: 30px;
    font-family: Merriweather;
    font-size:1.4em;
    color: var(--theme-color);
    text-transform: uppercase;
    font-weight: 600;
}
.prodotto .price{
    display: inline-block;
}
.prodotto .woocommerce-product-details__short-description{
    margin-bottom: 20px;
}
.prodotto .quantity-wrap label{
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
}
.prodotto .quantity-wrap .quantity{
    margin-bottom: 40px;
}
body[data-form-submit="regular"].prodotto button[type=submit]{
    background: transparent;
    background-color:transparent !important;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    display: block;
    text-transform: uppercase;
    font-size:1em;
    font-weight: 700;
}
.cart .quantity input.plus, .cart .quantity input.minus, .woocommerce-mini-cart .quantity input.plus, .woocommerce-mini-cart .quantity input.minus{
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

/*** age verification ***/
.age-gate{
    background-color:rgba(59,10,6,.7);
    border-radius:5px;
}
.age-gate-heading-title-logo, .age-gate__heading-title--logo{
    width: 50%;
    margin-bottom: 0;
}

.age-gate__challenge{
    font-family: Merriweather;
    font-size: 2em;
    line-height: 48px;
    font-weight: 700 !important;
    padding-bottom: 20px;
}
body button.age-gate-submit-no,
body button.age-gate-submit-yes,
body button.age-gate__submit--no,
body button.age-gate__submit--yes{
    background-color:transparent !important;
    color:#FFF;
    border:1px solid #fff;
    padding: 5px 40px;
    border-radius:0 !important;
    -webkit-border-radius: 0 !important;
    font-size: 1em;
    text-transform: uppercase;
}
button.age-gate-submit-no:focus,
button.age-gate-submit-yes:focus,
button.age-gate__submit--no:focus,
button.age-gate__submit--yes:focus,
button.age-gate-submit-no:hover,
button.age-gate-submit-yes:hover,
button.age-gate__submit--no:hover,
button.age-gate__submit--yes:hover{
    border:1px solid #fff;
    background-color: #FFF !important;
    color:var(--theme-color);
}
.age-gate-remember-text, .age-gate__remember-text{
    color:#FFF;
}
.age-gate-error, .age-gate__error{
    color: #FFF;
}

/*** OTP password ***/
.otp-password {
    font-size: 2em !important;
    text-align: center;
    letter-spacing: .1em;
    font-weight: 600;
    line-height: 2em !important;
}
input.otp-password::placeholder{
    font-size: 20px !important;
    line-height: 2.5em !important;
}
.woocommerce-message.b2b-otp-verification {
    color: #fff;
    border: none;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    padding: 1em;
}

/*** flag menu ***/
.sf-menu .menu-item:last-of-type a{
    padding: 0 !important;
}
img.wpml-ls-flag{
    border-radius: 100%;
    width: 20px !important;
    height: 20px !important;
    overflow: hidden;
    object-fit: cover;
    margin-top: 0;
    display: block !important;
}