/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


 /*
    font-family: 'Spartan', sans-serif;
    font-family: 'Unna', serif;
    
    Palette colori

    #F39200   Arancio
    #945942   Marroncino
    #4A3214   MArrone
    #FFFFFF   Bianco
    #F7F4ED   Grigio chiaro
    #6F6F6F   Grigio intermedio
    #111111   Grigio scuro 

    #          Marrone scuro
    #          Marrone menu scuro
    #33220E marrone header e footer


*/


@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&family=Unna:wght@400;700&display=swap');


body {
    font-family: 'Unna', serif!important;
    background-color: #3D2811!important;
}


p {
    font-size: 1.2em!important;
}

a:hover {
   color: #F39200;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Spartan', sans-serif!important;
}

header {
  background-color: #33220E!important;
}

header h1, header h2, header h3, header h4, header h15, header h6 {
    color: #33220E!important;
    background-color: #FFFFFF!important;
    padding: 5px;
}

header h1 {
    font-size: 1.0em;
}

footer {
  background-color: #FFFFFF!important;
}


#wrapper {
   background-color: #FFFFFF!important;  
}

a {
    color:  #F39200;
}


#_desktop_logo, #_desktop_logo h1 {
    background-color: #33220E!important;
}

#_desktop_logo .col-md-1 {
    padding-left: 0px!important;
    padding-right: 0px!important;
}


.col-md-1 .col-md-1-mod {
    padding-left: 0px!important;
    padding-right: 0px!important;
}


#header .header-top a[data-depth="0"] {
    text-transform: none!important;
}

#header .menu, #header .menu > ul > li {
    font-family: 'Spartan', sans-serif!important;
    text-transform: none!important;
    font-size: 1.01em!important;
    padding-left: 1px!important;
    padding-right: 1px!important;
    padding-top: 10px!important;
}

.top-menu a[data-depth="0"] {
    padding-left: 3px!important;
    font-weight: 400!important;
    color: #FFFFFF!important;
}


.top-menu a:hover {
    color:  #F39200!important;
}



.top-menu .sub-menu {
    background-color: #3D2811!important;
    width: calc( 100% - 100px)!important;
    min-width: calc( 100% - 100px)!important;
    margin-left: 90px!important;
}

.top-menu .sub-menu a {
    color: #FFFFFF!important;
    text-transform: capitalize!important;
    font-size: 0.9em!important;
}

.popover{
    top: 50px!important;

}



.user-info, .user-info a {
  color: #FFFFFF!important;
}

.user-info a:hover {
  color: #F39200!important;
}

#header .header-nav .blockcart {
    color: #FFFFFF!important;
    background-color:  #F39200!important;
}

.blockcart i {
    color: #FFFFFF!important;
}


#header .header-top .search-widget {
    display: none!important;
}


.featured-products {
   margin-top: 50px!important;
}


.featured-products h2 {
   font-size: 2.0em!important;
   text-transform: none!important;
}


.featured-products p {
    font-size: 1.3em!important;
    color: #6F6F6F!important;
    text-align: center;
 }

main {
    padding-top: 170px;
}

 #header {
     display: block!important;
     width: 100%!important;
     position: relative!important;
     z-index: 1000!important;
     margin-top: 0px!important;
 }


 main #header {
    margin-top: -170px!important;
    position: fixed!important;
 }

 .header-link {
     display: inline-table!important;
     float: left!important;
     color: #FFFFFF!important;
     margin-left: 10px;
     font-family: 'Spartan', sans-serif;
     font-size: 0.9em!important;
 }

 .header-link a {
     color: #FFFFFF!important;
 }

 .header-link a:hover {
    color: #F39200!important;
}



.righetta-center {
    position: relative;
    display: block;
    width: 50px;
    height: 5px;
    border-bottom: 3px solid #F39200;
    margin-left: calc(50% - 50px )!important;
    margin-bottom: 30px;
} 


#header .header-nav {
    border-bottom: 1px solid #945942!important;
}





.product-flags li.product-flag {
    background: #945942!important;
    text-transform: none!important;
    font-family: 'Spartan', sans-serif!important;
    font-weight: 400!important;

}

#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {
    font-family: 'Unna', serif!important;
}

#products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {
    font-size: 1.2em!important;
    color: #33220E!important;
}


#products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping {
    font-family: 'Spartan', serif!important;
}


.footer-container li a {
    font-size: 1.1em;
}



.block-contact p, .block-contact p a, .links p, .links p a {
  color: #6F6F6F!important;
  font-size: 1.0em!important;
}

.block-contact p {
    font-size: 1.0em!important;
}


.block-contact p a:hover, .links p a:hover {
color: #F39200!important;
}


/* scheda categoria */


.block-categories {
    background-color: #4A3214!important;
    font-family: 'Spartan', sans-serif;
}

.block-categories a {
    color: #FFFFFF!important;
    text-transform: none!important;
}

.category-top-menu ul li {
    font-family: 'Spartan', sans-serif;
    color: #FFFFFF!important;
    text-transform: none!important;
}



.block-category {
   /* background-image: url(../../../../img/banner-categoria-confetture.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    border: 0px;
    background-color: #4A3214!important;
    min-height: 50px!important;
}

.block-category h1 {
    font-family: 'Spartan', sans-serif;
    color: #FFFFFF!important;
    text-transform: none!important;
}


#block-category-10 {
    background-image: url(../../../../img/banner-categoria-vini.jpg);
 }
 

 #block-category-11 {
    background-image: url(../../../../img/banner-categoria-grappe.jpg);
 }

 #block-category-12,  #block-category-22, #block-category-23, #block-category-24, #block-category-25, #block-category-2226 {
    background-image: url(../../../../img/banner-categoria-frutta-secca.jpg);
 }

 #block-category-13 {
    background-image: url(../../../../img/banner-categoria-confetture.jpg);
 }


 #block-category-14 {
    background-image: url(../../../../img/banner-categoria-sughi.jpg);
 }


 #block-category-15 {
    background-image: url(../../../../img/banner-categoria-riso.jpg);
 }
 

 #block-category-16 {
    background-image: url(../../../../img/banner-categoria-creme.jpg);
 }


 #block-category-17 {
    background-image: url(../../../../img/banner-categoria-olio.jpg);
 }


 #block-category-18 {
    background-image: url(../../../../img/banner-categoria-confezioni.jpg);
 }
 
 
 .block-categories .category-sub-menu li[data-depth="0"] > a {
    border-bottom: 1px solid #F39200; 
 }

 .block-categories .category-sub-menu li[data-depth="0"] > a:hover {
    color: #F39200!important;
 }

/* scheda prodotto */


.breadcrumb a {
    color:  #6F6F6F !important;
}

.breadcrumb a:hover {
  color: #F39200!important;
}

#product h1 {
    color: #33220E!important;
    font-family: 'Spartan', sans-serif!important;
    text-transform: none!important;
    margin-bottom: 15px!important;
    font-size: 1.4em!important;
}

.product_description_palevino p {
   color: #6F6F6F!important;
   font-size: 1.2em!important;
   text-transform: none!important;
}

.product-price {
    color: #F39200!important;
    font-family: 'Spartan', sans-serif;
    font-size: 1.3em!important;
}

.product-price small {
    color: #6F6F6F!important;
    font-size: 0.7em!important;
}

.product-actions .control-label {
    color:#33220E!important;
    font-size: 1.2em!important;
    font-weight: 700;
    font-family: 'Spartan', sans-serif;
}


.block-reassurance-item {
   color: #945942!important;
   background-color: #FFFFFF!important;
}


.tax-shipping-delivery-label {
    color: #FFFFFF!important;
}


.btn .btn-primary .add-to-cart {
    background-color: #945942!important;
}

.btn-primary {
    color: #fff;
    background-color: #F39200!important;
    border-color: transparent;
}


.tabs .nav-tabs .nav-link {
    font-family: 'Spartan', sans-serif;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom: 3px solid #F39200!important;
}

.tabs .nav-tabs .nav-link.active {
    color: #F39200!important;
}


.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover {
    border: 1px solid #F39200!important;
}


.footer-container li a:hover {
    color: #F39200!important;
}

#products .highlighted-informations .quick-view:hover, .featured-products .highlighted-informations .quick-view:hover, .product-accessories .highlighted-informations .quick-view:hover, .product-miniature .highlighted-informations .quick-view:hover {
    color: #F39200!important;
}

#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
    height: 110px;
}

.product-miniature .product-title {
    font-size: 1.0em;
    margin-left: 5px;
    margin-right: 5px;
    height: 65px;
    color: #33220E!important;
}

#products .thumbnail-container:focus .highlighted-informations.no-variants, #products .thumbnail-container:hover .highlighted-informations.no-variants, .featured-products .thumbnail-container:focus .highlighted-informations.no-variants, .featured-products .thumbnail-container:hover .highlighted-informations.no-variants, .product-accessories .thumbnail-container:focus .highlighted-informations.no-variants, .product-accessories .thumbnail-container:hover .highlighted-informations.no-variants, .product-miniature .thumbnail-container:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants {
    bottom: 6.2rem;
}


.products-sort-order .select-list:hover {
    background: #F39200!important;
}

#blockcart-modal .product-name {
    color: #3D2811!important;
    font-size: 1.125rem;
}


.modal-body figure {
    background-color: #FFFFFF;
    text-align: center!important;
}


.box-rassicurazioni-desktop {
    display: block!important;
}

.box-rassicurazioni-mobile{
    display: none!important;
}


/* checkput */

.product-line-info {
  font-size: 1.1em;
}

.card-block {
    font-size: 1.1em;
}

.cart-summary-line .label {
   font-size: 1.1em; 
}

body#checkout a:hover {
    color: #F39200;
}



/* form */

.label, label {
    font-size: 1.0em!important;
}

.register-form label {
    font-size: 1.3em!important;
}

#authentication .radio-inline, #identity .radio-inline {
    font-size: 1.3em!important;
}


/* newsletter */

p#block-newsletter-label {
    font-size: 1.2em!important;
}

.block_newsletter form input {
    font-size: 1.2em!important;
}


.lpsproaccount-title {
    font-size: 1.5em!important;
    margin-bottom: 20px;
}

#login-form-particular, #login-form-professionnal {
    text-align: center!important;
}

.no-account {
    display: none;
}


/* slider */

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {
    color: #F39200!important;
}


.carousel-item h2 {
    font-size: 2.0em!important;
}

carousel-item

/* form */
.form-control:active, .form-control:focus, .form-control:hover {
    border: 1px solid #F39200!important;
 }



/* header durante checkout */






 /* ottimizzazione mobile */


@media screen and (max-width: 1024px) {
   
    #header .menu, #header .menu > ul > li {
       font-size: 0.9em!important;
    }

    .header-top .col-md-11 {
        padding-left: 2px!important;
        padding-right: 2px!important;
    }

    /*
    #products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {

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

    }

*/
 

}


@media screen and (max-width: 1024px) AND (min-width: 1024px)  {
   
    #products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {
        width: 30.3%;
    }

}


@media screen and (max-width: 768px) {
   
    #header .menu, #header .menu > ul > li {
       font-size: 0.9em!important;
    }

    .header-top .col-md-11 {
        padding-left: 2px!important;
        padding-right: 2px!important;
    }

    #header .header-top .menu {
        margin-top: -30px;
    }

    .header-link {
        margin-bottom: 3px!important;
    }

    .header-link i {
        margin-right: 10px;
    }

    #header .header-top {
        padding-bottom: 5px;
    }

    .label, label {
        font-size: 1.1em!important;
    }

    .product-price {
        font-size: 1.1em!important;
        margin-top: 5px;
    }

}

@media screen and (max-width: 767px) {

    #header .header-nav {
       background-color: #33220E;
       color: #FFFFFF;
    }

    #mobile_top_menu_wrapper {
        padding: 15px;
        background-color: #33220E;
    }

    header h1, header h2, header h3, header h4, header h15, header h6 {
        color: #33220E!important;
        background-color: transparent!important;
    }

    .page-header h1 {
        color: #33220E!important;
        background-color: #FFFFFF!important;
    }


    main #header {
        margin-top: -70px!important;
        position: fixed!important;
    }

    main {
        padding-top: 70px;
    }

    .product-accessories {
        margin-top: 30px;;
    }

    #products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {

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

    }

    #_mobile_user_info, #_mobile_cart {
        margin-top: 5px;
    }

    #_mobile_user_info {
        margin-right: 5px;
    }

    #header .header-top {
        padding-bottom: 0px;
    }
    
    #header .header-nav {
      border-bottom: 1px solid #33220E!important;   
    }

    #login-form-particular, #login-form-professionnal {
        margin-bottom: 15px;
    }

    

}

