.visible-auth-no {
    display: none;
}
.visible-auth-yes {
    display: none;
}
body.auth-no .visible-auth-no {
    display: block;
}
body.auth-yes .visible-auth-yes {
    display: block;
}

.visible-it, .visible-en {
	display: none;
}

body.it .visible-it {
    display: block;
}
body.en .visible-en {
    display: block;
}

/* nascondi punti 
#fidelitybox { display: none; }
*/

/* switch logo per pagine con slider

.primary-logo img {
	display: none;
}

.primary-logo {
	height: 60px;
	position: relative;
	top: 10px;
	background-size: contain;
	background-image: url(/custom/img/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 200px;
	margin: 0 auto;
}

#header.menu-transparent-dark .primary-logo {
	background-image: url(/custom/img/logo-black.png);
}

@media (min-width:992px) {
	.primary-logo {
		background-position: left center;
	}
}

#age-popup {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-image: url('/custom/img/age-popup-bg.jpg');
}
*/

/* layout categoria e prodotti invertito per foto con fondo bianco

#layout-category {
	background-color: #F5F5F5;
}

#product-list .bg-lightgrey {
	background-color: #FFF;
}


#layout-product .bg-newlightgrey {
	background-color: #FFF;
}

#layout-product .bg-lightgrey {
	background-color: #FFF;
}

#layout-product {
	background-color: #F5F5F5;
}

#layout-product #header {
	background-color: #F5F5F5;
}

#layout-product .wrap-ls-product {
	border-right:1px solid rgba(165,165,165,0.2);
}


*/

/* colore principale */

::selection {
    background-color: #584946;
    color: #FFF;
}

#header .menu > ul > li > a:after {
	border-bottom: 1px solid #584946;
}

#header .menu a:hover, #header .menu a:focus {
	color: #584946;
	text-decoration: none;
}

#header.menu-transparent-dark .menu a:hover, #header.menu-transparent-dark .menu a:focus {
        color: #584946;
    }

.text-primary {
    color:#584946
}

a {
    color: #333333;
    text-decoration:none
}

a:hover, a:focus {
    color: #584946;
}

.btn-primary {
    color: #584946;
    background-color: #FFF;
    border-color:#584946
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #584946;
    border-color:#584946
}

.btn-primary:hover {
    color: #fff;
    background-color: #584946;
    border-color:#584946
}

.btn-link {
    color: #584946;
}
.btn-link:hover, .btn-link:focus {
    color: #584946;
}

.menu-top .btn-small:hover, .menu-top .text-btn-small:hover {
		color: #584946;
	}

 .menu-top .dropdown-menu > li > a:hover, .menu-top .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #584946;
        background-color: transparent;
    }

.primary-nav a {
    color: #FFF;
}

    .primary-nav a:hover, .primary-nav a:focus {
        color: #584946;
        text-decoration: none;
    }

#footer .btn-dark:hover, #footer .btn-dark:focus, #footer .btn-dark:active, #footer .btn-dark.active {
	color: #FFF;
	background-color: #584946;
	border-color: #584946;
}

#footer a {
    color: #FFF;
}

#footer a:hover, #footer a:focus {
    color: #584946;
}

.product-view-tabs .nav-pills > li > a:after {
    border-bottom: 1px solid #584946;
}

 /* fine colore principale */

/* prodotti con foto cover 
#layout-product #header { background-color: #FFF; }
@media (min-width:992px) {
	#layout-product .ls-fullheight { top: 132px; }
}
fine prodotti con foto cover */


/* elenco prodotti con  blocco testo sulla foto

#layout-category[data-id='8'] #product-list .product-item > a {
	display: block;
	position: relative;
}
#layout-category[data-id='8'] #product-list .product-item .product-text-wrap {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	white-space: nowrap;
	background-color: rgba(0,0,0,0.4);
	padding-bottom: 40px;
}

#layout-category[data-id='8'] #product-list .product-item .product-text-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

#layout-category[data-id='8'] #product-list .product-item .product-text {
	display: inline-block;
	vertical-align: bottom;
	width:100%;
	white-space: normal;
	color: #fff;
}

#layout-category[data-id='8'] #product-list .product-item .product-text .h3, #layout-category[data-id='8'] #product-list .product-item .product-text .text-black {
	color: #fff;
}

#layout-category[data-id='8'] #product-list .product-item .product-text .text-primary {
	color: #aaa;
	margin-top: 5px;
}

#layout-category[data-id='8'] #product-list .product-item .product-text img {
	opacity: .4;
}
fine elenco prodotti con  blocco testo sulla foto */

/* testo fattura obbligatoria italia
#layout-checkout-complete #invoicerequired-text:before {
	content: "Se è un acquisto personale inserire il proprio nome e cognome nel campo 'Ragione Sociale'";
	display: block;
	padding-left: 10px;
}
*/




body { background-color: #F8EDDB; color: #111; font-family: 'Playfair Display', serif; font-size: 16px; line-height: 26px; }

body {
    background-image: url(/custom/img/content/home-00.png);
    background-position: center center;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.form-control { color: #111; background-color: #FFF; border: 1px solid #FFF; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); }

.btn { font-family: 'Lato', sans-serif; font-size: 11px; }
input { font-family: 'Lato', sans-serif; }
.breadcrumb { font-family: 'Lato', sans-serif; }

.btn-primary { color: #FFF; background-color: #584946; border-color:#584946 }

.btn-primary:focus, .btn-primary.focus {
    color: #FFF;
    background-color: #584946;
    border-color:#584946;
}

.btn-primary:hover {
    color: #FFF;
    background-color: #382E2C;
    border-color:#382E2C;
}

.btn-default {
    color: #111;
    background-color: #fff;
    border-color:#fff;
}

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color:#e6e6e6;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color:#e6e6e6;
}

.btn-dark.transparent, .btn-dark.transparent:visited {
    color: #584946;
    background-color: transparent;
    border-color:#584946;
}

.btn-dark.transparent:hover, .btn-dark.transparent:focus, .btn-dark.transparent:active, .btn-dark.transparent.active {
    color: #fff;
    background-color: #584946;
    border-color:#584946;

}

.text-grey { color: #333; }
.bg-newlightgrey { background-color: #FFF7EB; }
.bg-lightgrey { background-color: #FFF7EB; }


#header hr { border-top: 1px solid #D7CCBC; }

#header .menu > ul > li > a { padding: 36px 15px 26px 15px; } 

#header { position: relative; font-family: 'Lato', sans-serif; font-size: 14px; color:#111; }
#header.menu-transparent-dark { position: absolute; }

#header .menu-top { position: relative; color:#111;  }
#header .menu-middle { padding-bottom: 0px; padding-top: 0px; }


#header.menu-transparent-dark .menu a, #header .menu a, #header .menu-top a { color:#111; text-transform: uppercase; font-weight: bold; }
#header.menu-transparent-dark .menu a:hover, #header.menu-transparent-dark .menu a:focus, #header .menu a:hover, #header .menu a:focus { color:#584946 }

#header .menu-wrap { padding-top:0; }

#header .menu-wrap { padding-top:0; }
.primary-logo img { max-height: 60px; }

#header .menu-middle-mobile { padding-bottom: 20px;}

.primary-nav { background:#F8EDDB; padding: 250px 0 0 0; }
body.navigation-is-open .menu-wrap { background:#F8EDDB; }

.primary-nav a { color: #111; }
.primary-nav a:hover, .primary-nav a:focus { color: #584946; text-decoration: none; }

.primary-nav-trigger .menu-icon { width: 30px; background-color: #111; }
.primary-nav-trigger .menu-icon::before, .primary-nav-trigger .menu-icon:after { background-color: #111; }
.primary-nav-trigger .menu-icon::before { top:-8px }
.primary-nav-trigger .menu-icon::after { top:8px }

.primary-nav-trigger .menu-icon.is-clicked::before, .primary-nav-trigger .menu-icon.is-clicked::after { background-color: #111; }

.menu-middle-mobile .primary-logo img { max-height: 60px; }

/*
#header hr { display: none; }
#header .menu-middle .menu > ul > li > a { padding: 62px 15px 30px 15px; }
#header .menu-middle .menu > ul.menu-dx > li > a { padding:62px 10px 30px 10px; }
*/

#layout-home .fullheight { min-height: calc(100vh - 190px); }
#layout-home .ls-banner-wrap { padding: 0 15px; }

.scroll-down { left: 0; right: 0; width: auto; }

.dropcap p:first-child:first-letter { float: left; font-size: 100px; line-height: 80px; padding-right: 10px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: 'Playfair Display', serif; font-weight: 400; }
h5, .h5 { font-family: 'Lato', sans-serif; font-weight: 800; letter-spacing: 1px; font-size: 13px; }

hr { border-top:1px solid #D6C9B2; }


#layout-home h1, #layout-home .h1 { font-size: 44px; line-height:1em; }
#layout-home h2, #layout-home .h2 { font-size: 28px; line-height:1.4em; }
#layout-home h3, #layout-home .h3 { font-size: 20px; line-height:1.4em; }

#layout-home .news { overflow: hidden; }

#layout-home .news .description-short { font-size: 16px; padding-left: 80px; }

#layout-news-list .description-short { font-size: 16px; }

#layout-category #product-list .product-text .product-subtitle { font-family: 'Lato', sans-serif; font-weight: 800; font-size: 14px; padding-top: 5px; }
#layout-category #product-list .product-text .product-price-wrap { font-family: 'Lato', sans-serif; font-size: 16px; }


#layout-product .product-view-tabs p::first-letter { text-transform: uppercase; }
#layout-product { background-color: #fff4e3; }
#layout-product .bg-lightgrey { background-color: #fff4e3;  }

#layout-product #variant-prices, #layout-product #options, #layout-product #variants { font-family: 'Lato', sans-serif; }

#layout-checkout-cart, #layout-checkout-complete { font-family: 'Lato', sans-serif; background-image: none; }
#layout-account, #layout-checkout-login { font-family: 'Lato', sans-serif; }

#shippingmethods #shippingmethod_list .shippingmethod.active label { background-color:#fff4e3; }
#payments #payment_list .payment .content { background-color: #fff4e3; }

.quote::before {
    content: '“';
    font-size: 1.8em;
    font-family: 'Playfair Display', serif;
    position: absolute;
    left: -20px;
}
.quote::after {
    content: '”';
    font-size: 1.8em;
    font-family: 'Playfair Display', serif;
    position: absolute;
    margin-left: 10px; 
}

#layout-home #slider-02 .ls-item .wrap-ratio { position: relative; padding-top: 50px; overflow: hidden; }
#layout-home #slider-02 .ls-item .ls-content { position: absolute; top:0; right: 40%; left: 0; padding: 0 30px; }
#layout-home #slider-02 .ls-item .ls-content img { max-width: 100%; }

#footer { background: #584946; }
#footer-bottom { background: #584946; text-align: center; font-size: 0.9em; color: #999; font-weight: bold; }
#footer-bottom a { color: #999; }

.form-dark .form-control {
    color: #FFF;
    background-color: #4E413F;
    background-image: none;
    border:1px solid #4E413F;
}

#footer .btn-dark, #footer .btn-dark:visited {
    color: #fff;
    background-color: #302826;
    border-color:#302826;
}

#footer .btn-dark:hover, #footer .btn-dark:focus, #footer .btn-dark:active, #footer .btn-dark.active {
    color: #fff;
    background-color: #302826;
    border-color:#302826;
}

#footer-bottom { font-size: 14px; font-family: 'Lato', sans-serif; }

#footer-bottom a, #footer-text { color:#FFF;  }
#footer-bottom a:hover, #footer-bottom a:focus { color:#302826 }

#header-stripe {
    font-family: 'Lato', sans-serif;
    font-weight: 800;
    background-color: #584946;
    line-height: 20px;
    margin-bottom: 10px;
}

#layout-home .news > .container { width: 100%; }


@media (min-width:768px) { 
    
    body { font-size: 18px; line-height: 30px; }
    
    #layout-home h1, #layout-home .h1 { font-size: 80px; line-height:1em; }
    #layout-home h2, #layout-home .h2 { font-size: 40px; line-height:1.4em; }
    #layout-home h3, #layout-home .h3, #layout-news-list h3, #layout-news-list .h3 { font-size: 24px; line-height:1.4em; }
    
    .quote::before { left: -60px; }
    .quote::after { margin-left: 40px; }
    
    #layout-home #slider-02 .ls-item .wrap-ratio { padding-top: 250px; }
    #layout-home #slider-02 .ls-item .ls-content { right: 50%; left: 10%; padding: 0; }
}

@media (min-width:992px) {
    #layout-home h1, #layout-home .h1 { font-size: 100px; line-height:1em; }
    #layout-home h2, #layout-home .h2 { font-size: 50px; line-height:1.4em; }
    h3, .h3 { font-size: 28px; line-height:1.4em; }
    
    .quote::before { left: -100px; }
    .quote::after { margin-left: 40px; }
    
    .mt-md-120n { margin-top:-120px; }
    
    #layout-home #slider-02 .ls-item .wrap-ratio { padding-top: 250px; }
    #layout-home #slider-02 .ls-item .ls-content { right: 50%; left: 10%; padding: 0; }

    
    #layout-home .news > .container {
        padding-top: 140px; 
    }
    
    #layout-home .news > .container > .row {
        position: absolute;
        width: 100%;
        z-index: 0;
        top:40px;
        text-align: left;
    }

    #layout-home .news .wrap-ls-news {
        position: relative;
        left: 30%;
        width: 100%;
    }
    
    #layout-home #content_related {
        padding-top: 40px;
        background: linear-gradient(#000, #000) no-repeat center/1px 100%;
    }
    
    #header-stripe { margin: 0 -30px 10px -30px; }

}

@media (min-width:1200px) {
    #layout-home h1, #layout-home .h1 { font-size: 120px; line-height:1em; }
    #layout-home h2, #layout-home .h2 { font-size: 60px; line-height:1.4em; }
    #layout-home .news h1, #layout-home .news .h1 { font-size: 100px; line-height:1em; }
    
    #layout-home .ls-banner-wrap { padding: 0 30px; }
    
    #layout-home #slider-02 .ls-item .ls-content { text-align: right; }
    
    #header { padding: 0 30px; }
}

@media (min-width: 1460px) {
    .container { width:1170px; }
    
    #layout-home #slider-02 .ls-item .ls-content img { max-width: 600px; }
}






