﻿/*
Theme Name: Juliette Child
Theme URI: http://juliette.novaworks.net
Description: This is a child theme for Juliette Theme.
Author: Novaworks
Author URI: http: //www.novaworks.net/
Template: juliette
Version: 1.0
*/

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

@font-face {
    font-family: 'nersans';
    src: url('../../uploads/fonts/nersans-three.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
body.single-post .entry-title,
body.page .entry-title,
body.category .entry-title,
.widget-title,
.site-title,
.site-description,
.menu-topbar-menu-container li a,
.menu-topbar-menu-container li span,
#menu-topbar-menu li a,
#menu-topbar-menu li span {
    font-family: 'nersans', sans-serif !important;
}
/* UTILITY */
/* HEADER MOBILE*/
.header-mobiles-wrapper .header-mobiles .header-cart-box .count-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    line-height: 1;
}

.count-badge.js_count_bag_item {
    border-radius: 50% !important;
	background: rgb(75, 51, 41) !important;
}

@media (min-width: 1280px ) {
	li#menu-item-3647 {
		display: none;
	}
}

.grecaptcha-badge {
	visibility: hidden !important;
}

/* HOME */
@media (max-width: 1279px) {
    .page-id-2806 .elementor-2806 .elementor-element.elementor-element-d8c8ce7.e-con.e-atomic-element.e-flexbox-base.e-3e9461d {
        padding: 20px 10px !important;
    }

    .page-id-2806 .elementor-2806 .elementor-element.elementor-element-8c6b4cf {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .page-id-2806 .elementor-2806 .elementor-element.elementor-element-3c522a3 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .page-id-2806 .elementor-2806 .elementor-element.elementor-element-9eb5112 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .page-id-2806 .elementor-2806 .elementor-element.elementor-element-91969a5 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 991px) {
    .page-id-2806 .elementor-2806 .elementor-element.elementor-element-ae415cf,
    .page-id-2806 .elementor-2806 .elementor-element.elementor-element-3774fb3 {
        width: 100% !important;
        max-width: 100% !important;
    }
	
	.elementor-2806 .elementor-element.elementor-element-6f8c1242 {
        width: 100%;
    }
	
	.elementor-2806 .elementor-element.elementor-element-526702a4 {
        width: auto;
        max-width: none;
	}
	.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
		display: block;
	}
	
	.elementor-element.elementor-element-ae37fa4.e-con.e-atomic-element.e-flexbox-base.e-4e54b75 {
		display: none;
	}
}

/*sezione chi sono */
.lady-about-content{
    max-width:600px;
}

/* Etichetta */
.lady-about-label{
    display:block;
    font-family:'Poppins', sans-serif;
    font-size:16px;
    font-weight:600;
    letter-spacing:5px;
    text-transform:uppercase;
    color:#829AB2;
    margin-bottom:15px;
}

/* Divisore */
.lady-about-divider{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:30px;
    color:#829AB2;
}

.lady-about-divider span{
    width:120px;
    height:1px;
    background:#829AB2;
}

.lady-about-divider i{
    font-size:18px;
}

/* Titolo */
.lady-about-content h2{
    margin:0 0 30px;
    font-family:'Nersans', sans-serif;
    font-size:50px;
    line-height:1.05;
    font-weight:700;
    color:#4B2F25;
}

/* Testi */
.lady-about-content p{
    margin:0 0 25px;
    font-family:'Poppins', sans-serif;
    font-size:18px;
    line-height:1.8;
    color:#3D3D3D;
}

/* Firma */
.lady-about-signature{
    margin-top:40px;
    margin-bottom:35px;
}

.lady-sign-name{
    font-family:'Poppins', sans-serif;
    font-size:42px;
    font-weight:300;
    font-style:italic;
    color:#829AB2;
    line-height:1;
}

.lady-sign-brand{
    margin-top:10px;
    font-family:'Poppins', sans-serif;
    font-size:18px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#829AB2;
}

/* Bottone */
.lady-about-button{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:15px 32px;
    background:#4B2F25;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-family:'Poppins', sans-serif;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    transition:.3s;
}

.lady-about-button:hover{
    transform:translateY(-2px);
    color:#fff;
}

.lady-about-button span{
    transition:.3s;
}

.lady-about-button:hover span{
    transform:translateX(4px);
}

/* Tablet */
@media(max-width:1024px){

    .lady-about-content h2{
        font-size:33.6px;
    }

    .lady-about-content p{
        font-size:18px;
    }

    .lady-sign-name{
        font-size:34px;
    }

}

/* Mobile */
@media(max-width:767px){

    .lady-about-label{
        font-size:14px;
        letter-spacing:4px;
    }

    .lady-about-divider span{
        width:70px;
    }

    .lady-about-content h2{
        font-size:34px;
        line-height:1.1;
        margin-bottom:20px;
    }

    .lady-about-content p{
        font-size:16px;
        line-height:1.7;
        margin-bottom:20px;
    }

    .lady-sign-name{
        font-size:28px;
    }

    .lady-sign-brand{
        font-size:14px;
    }

    .lady-about-button{
        width:100%;
        justify-content:center;
    }

}

/* sezione azzurra */
.lady-why-section{
    position:relative;
    overflow:hidden;
    padding:70px 50px;
    background:url("/wp-content/uploads/2021/02/bottega-lady-cocca-banner-punti-di-forza.webp");
    background-size:cover;
    background-position:center center;
}

.lady-why-content{
    max-width:1200px;
    margin:0 auto;
}

.lady-why-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
    margin-bottom:50px;
}

.lady-why-title{
    flex:0 0 45%;
}

.lady-script-title{
    display:block;
    font-family:'Poppins', sans-serif;
    font-size:18px;
    font-weight:500;
    letter-spacing:5px;
    text-transform:uppercase;
    color:#6f879f;
    margin-bottom:10px;
}

.lady-why-title h2{
    margin:0;
    font-size:33.6px;
    line-height:1;
    font-weight:900;
    text-transform:uppercase;
    color:#4B2F25;
}

.lady-why-intro{
    flex:1;
}

.lady-why-intro p{
    margin:0;
    font-size:18px;
    line-height:1.7;
    color:#2f211b;
}

.lady-why-benefits{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(5px);
    border-radius:24px;
    padding:40px 20px;
}

.lady-why-box{
    text-align:center;
    padding:10px 30px;
    border-right:1px solid rgba(111,135,159,.45);
}

.lady-why-box:last-child{
    border-right:none;
}

.lady-why-icon{
    width:95px;
    height:95px;
    border-radius:50%;
    background:#7f98b3;
    border:2px dashed rgba(255,255,255,.7);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
    color:#fff;
}

.lady-why-icon i{
    font-size:38px;
}

.lady-why-box h3{
    margin:0 0 14px;
    font-size:20px;
    font-weight:800;
    color:#4B2F25;
    text-transform:uppercase;
}

.lady-why-box p{
    margin:0;
    font-size:16px;
    line-height:1.6;
    color:#2f211b;
}

/* Tablet */
@media(max-width:1024px){

    .lady-why-section{
        padding:55px 30px;
    }

    .lady-why-header{
        gap:35px;
    }

    .lady-why-title h2{
        font-size:44px;
    }

    .lady-why-intro p{
        font-size:18px;
    }

    .lady-why-benefits{
        grid-template-columns:repeat(2, 1fr);
    }

    .lady-why-box{
        border-right:none;
        border-bottom:1px solid rgba(111,135,159,.45);
        padding:30px;
    }

    .lady-why-box:nth-child(odd){
        border-right:1px solid rgba(111,135,159,.45);
    }

    .lady-why-box:nth-child(3),
    .lady-why-box:nth-child(4){
        border-bottom:none;
    }
}

/* Mobile */
@media(max-width:767px){

    .lady-why-section{
        padding:45px 20px;
        background-position:center;
    }

    .lady-why-header{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
        margin-bottom:35px;
    }

    .lady-why-title,
    .lady-why-intro{
        width:100%;
        flex:none;
    }

    .lady-script-title{
        font-size:14px;
        letter-spacing:4px;
    }

    .lady-why-title h2{
        font-size:34px;
    }

    .lady-why-intro p{
        font-size:17px;
    }

    .lady-why-benefits{
        grid-template-columns:1fr;
        padding:25px;
    }

    .lady-why-box{
        width:100%;
        border-right:none !important;
        border-bottom:1px solid rgba(111,135,159,.45);
        padding:28px 0;
    }

    .lady-why-box:last-child{
        border-bottom:none;
    }

    .lady-why-icon{
        width:78px;
        height:78px;
        margin-bottom:18px;
    }

    .lady-why-icon i{
        font-size:30px;
    }

    .lady-why-box h3{
        font-size:18px;
    }

    .lady-why-box p{
        font-size:15px;
    }
}

/* FOOTER */
a.elementor-icon.elementor-social-icon.elementor-social-icon-facebook.elementor-animation-shrink.elementor-repeater-item-e90e3d7 {
    margin-right: 20px;
}

/* SHOP */

.site-wrapper .site-content-wrapper .site-content {
	padding-top: 0px !important;
}

.woocommerce-product-details__short-description.has-toggle {
    min-height: 180px !important;
}

div#showmore-1 {
    margin: 0px !important;
}

div#showmore-button-1,
.product_meta,
li.panel_reviews,
li.panel_additional_information {
    display: none;
}

.single-product .product .cart .button {
    background-color: #4b3329 !important;
}

.button.checkout.wc-forward {
  background: #4b3329 !important;
}

.widget.woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons.buttons .button:not(.checkout) {
	border-color: #4b3329 !important;
	color: #4b3329 !important;
}
.widget.woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons.buttons .button:not(.checkout):hover {
    background: #4b3329 !important;
    border-color: #4b3329 !important;
    color: #fff !important;
}

div#MiniCartCanvas h2 {
    color: #4b3329 !important;
}

form.cart .quantity .qty-button.dec:after,
form.cart .quantity .qty-button.inc:after,
.single-product .product .entry-summary .nova-product-info-mn li a:after{
	color: #4b3329 !important;
}

.single-product .product .cart {
    flex-direction: column;
}

p.form-row.form-row-wide {
    width: 100%;
}

.woocommerce table tbody th {
	padding: 0px;
}
.single-product .product.product-type-variable .variations_form .variations td.value select {
	margin: 0px;
}
.single-product .product.product-type-variable .variations_form .variations td {
    border: 1px solid black;
    border-radius: 20px;
}
select#spargimiele {
    border-radius: 20px;
}
.single-product .product.product-type-variable .variations_form .variations td.value .reset_variations,
.woocommerce-variation-availability {
	display: none !important;
}
.single-product .product.product-type-variable .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
	flex-direction: column;
}

/* CONTATTI */
.lady-contact-info{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.contact-item{
    display:flex;
    align-items:center;
    gap:20px;
}

.contact-icon{
    width:70px;
    height:70px;
    min-width:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#E8D8C8;
    border:1px solid #D8C1AE;

    color:#6B4330;
    font-size:28px;

    transition:.3s;
}

.contact-item {
	margin-bottom: 20px;	
}

.contact-item:hover .contact-icon{
    transform:translateY(-3px);
}

.contact-content h3{
    margin:0 0 5px;
    font-size:22px;
    font-weight:700;
    text-transform:uppercase;
    color:#4F382E;
}

.contact-content p{
    margin:0;
    font-size:18px;
    color:#5D5D5D;
}

.contact-content a{
    color:#5D5D5D;
    text-decoration:none;
}

.contact-content a:hover{
    color:#6B4330;
}

@media(max-width:767px){

    .contact-icon{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:22px;
    }

    .contact-content h3{
        font-size:18px;
    }

    .contact-content p{
        font-size:16px;
    }

}

/* form contatti */
.lady-form-row{
    margin-bottom:20px;
}

.two-col{
    display:flex;
    gap:20px;
}

.two-col > div{
    flex:1;
}

.lady-form-row label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#4F382E;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea{
    width:100%;
    border:1px solid #D8C1AE;
    border-radius:10px;
    padding:14px 18px;
    font-size:16px;
    background:#fff;
    box-sizing:border-box;
}

.wpcf7 textarea{
    height:180px;
    resize:none;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus{
    outline:none;
    border-color:#6B4330;
}

.privacy{
    font-size:14px;
}

.privacy .wpcf7-list-item{
    margin:0;
}

.lady-form-submit{
    margin-top:25px;
}

.wpcf7-submit{
    background:#6B4330 !important;
    color:#fff !important;
    border:none !important;
    border-radius:50px !important;
    padding:15px 35px !important;
    font-weight:700 !important;
    cursor:pointer;
    transition:.3s;
}

.wpcf7-submit:hover{
    transform:translateY(-2px);
    opacity:.9;
}

@media (max-width: 991px) {
    .elementor-2892 .elementor-element.elementor-element-650d0d56 {
        width:calc(100% - 40px);
        margin:20px;
    }
	
	.elementor-2892 .elementor-element.elementor-element-2f013cc {
        width: 100%;
    }
}

@media(max-width:767px){

    .two-col{
        flex-direction:column;
        gap:20px;
    }

}

/* Elimina margini automatici CF7 */
.wpcf7 p{
    margin:0;
}

/* Container form */
.wpcf7{
    background:#F8F3EE;
    padding:40px;
    border-radius:20px;
    border:1px solid #E5D6C8;
}

/* Riga */
.lady-form-row{
    margin-bottom:20px;
}

/* Due colonne */
.two-col{
    display:flex;
    gap:20px;
}

.two-col > div{
    flex:1;
}

/* Titolo campo */
.field-label{
    display:block;
    margin-bottom:8px;
    font-size:15px;
    font-weight:600;
    color:#5A3D2B;
}

/* Textarea */
.wpcf7 textarea{
    height:180px;
    resize:none;
}

/* Focus */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus{
    outline:none;
    border-color:#8B5E3C;
}

/* Checkbox privacy */
.privacy{
    font-size:14px;
    color:#666;
}

.privacy .wpcf7-list-item{
    margin:0;
}

/* Pulsante */
.wpcf7-submit{
    background:#6B4330 !important;
    color:#fff !important;
    border:none !important;
    border-radius:40px !important;
    padding:14px 35px !important;
    font-weight:700 !important;
    cursor:pointer;
    transition:.3s;
}

.wpcf7-submit:hover{
    transform:translateY(-2px);
}

/* Mobile */
@media(max-width:768px){

    .wpcf7{
        padding:25px;
    }

    .two-col{
        flex-direction:column;
        gap:20px;
    }

}

@media (min-width: 576px) {
    .elementor-section.elementor-section-height-full {
        height: auto;
    }
}

.lady-form-row p{
    margin:0;
}

.lady-form-row br{
    display:none;
}

.wpcf7 select {
    display: block;
    width: 100%;
    height: auto;
    min-height: 52px;
    color: #4F382E !important;
    background-color: #fff !important;
    border: 1px solid #D8C1AE;
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 16px;
    line-height: 1.4;
    box-sizing: border-box;
    appearance: auto;
}

/* banner contatti */
.lady-benefits-banner{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#F8F3EE;
    padding:35px 50px;
}

.lady-benefit{
    display:flex;
    align-items:center;
    gap:22px;
    padding:0 30px;
    border-right:1px solid #D8C1AE;
}

.lady-benefit:last-child{
    border-right:none;
}

.lady-benefit-icon{
    flex-shrink:0;
}

.lady-benefit-icon i{
    font-size:48px;
    color:#8B5E3C;
}

.lady-benefit-content h4{
    margin:0 0 8px;
    font-size:16px;
    font-weight:700;
    color:#3D2418;
    text-transform:uppercase;
}

.lady-benefit-content p{
    margin:0;
    font-size:15px;
    line-height:1.7;
    color:#4D4038;
}

/* Tablet */
@media(max-width:1024px){

    .lady-benefits-banner{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

    .lady-benefit:nth-child(2){
        border-right:none;
    }

}

/* Mobile */
@media(max-width:767px){

    .lady-benefits-banner{
        grid-template-columns:1fr;
        padding:25px;
    }

    .lady-benefit{
        border-right:none;
        border-bottom:1px solid #D8C1AE;
        padding:0 0 25px;
    }

    .lady-benefit:last-child{
        border-bottom:none;
        padding-bottom:0;
    }

    .lady-benefit-icon i{
        font-size:40px;
    }

}

/* Tablet */
@media (max-width: 1024px) {

    .lady-benefits-banner{
        grid-template-columns:1fr;
        padding:30px;
        gap:0;
    }

    .lady-benefit{
        width:100%;
        border-right:none;
        border-bottom:1px solid #D8C1AE;
        padding:25px 0;
    }

    .lady-benefit:last-child{
        border-bottom:none;
    }

}

/* Mobile */
@media (max-width: 767px) {

    .lady-benefits-banner{
        width:100%;
        padding:20px;
    }

    .lady-benefit{
        width:100%;
        gap:18px;
        padding:20px 0;
    }

    .lady-benefit-icon{
        width:50px;
        text-align:center;
    }

    .lady-benefit-icon i{
        font-size:34px;
    }

    .lady-benefit-content{
        flex:1;
    }

    .lady-benefit-content h4{
        font-size:15px;
        margin-bottom:5px;
    }

    .lady-benefit-content p{
        font-size:14px;
        line-height:1.6;
    }

}

@media (max-width: 991px) {
    .elementor-2892 .elementor-element.elementor-element-1ec10c9 {
        width: 100%;
    }
}

/****************************************************************/
/****************************************************************/
/****************************************************************/



