@media (min-width: 1200px) {
  .container {
    width: 1400px;
  }
}

.product-title, .h3.product-title a{ 
display: -webkit-box; 
-webkit-line-clamp: 2 !important; /* <-- due righe */ 
-webkit-box-orient: vertical; 
overflow: hidden; 
white-space: normal !important; /* permette di andare a capo */ 
}

:root {
--colore_dorato: #c8b270;
--colore_txt: #232323;
--colore_bianco: #ffffff;
--colore_grigio: #ededed;
--font_family: "Montserrat",sans-serif; 
}

/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@font-face{
font-family:"Montserrat";
src:url(../css/Montserrat-Black.ttf) format("ttf");
font-style:normal;
font-weight:800
}
@font-face{
font-family:"Montserrat";
src:url(../css/Montserrat-Black.ttf) format("ttf");
font-style:normal;
font-weight:700
}
@font-face{
font-family:"Montserrat";
src:url(../css/Montserrat-Black.ttf) format("ttf");
font-style:normal;
font-weight:600
}
@font-face{
font-family:"Montserrat";
src:url(../css/Montserrat-Bold.ttf) format("ttf");
font-style:normal;
font-weight:500
}
@font-face{
font-family:"Montserrat";
src:url(../css/Montserrat-Medium.ttf) format("ttf");
font-style:normal;
font-weight:400
}
@font-face{
font-family:"Montserrat";
src:url(../css/Montserrat-Regular.ttf) format("ttf");
font-style:normal;
font-weight:300
}
@font-face{
font-family:"Montserrat";
src:url(../css/Montserrat-Light.ttf) format("ttf");
font-style:normal;
font-weight:200
}

body,html{
font-family: var(--font_family); 
color: var(--colore_txt);
font-size: 95%;
}

#wrapper{
background: var(--colore_bianco); 
padding: 0;
}

a:hover{ color: var(--colore_dorato) !important; }
a{ color: var(--colore_txt); }

#header{ padding: 0 40px; }
#header .logo{
max-width: 120px;
height: auto;
}

.slidehp{
position: relative;
width: 99vw;
left: 50%;
transform: translateX(-50%);
min-height: 450px;
margin: -25px 0 0 0;
background-image: url("../img/header_hp03.jpg");
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
text-align: center;
display: flex;
align-items: flex-end; /* Allinea i figli in basso */
justify-content: center;
padding-bottom: 100px;
}

.slidehp h1{
color: var(--colore_bianco);
font-size: 400%;
font-weight: 400;
font-style: italic;
}

.js-footer{ background: var(--colore_txt); }

.block-contact, .footer-container li a{
color: var(--colore_bianco);
font-size: 80%;
}

#footer { padding: 0; }
.footer-container .h3, .footer-container .h4{ color: var(--colore_bianco); }
#block_myaccount_infos .myaccount-title a, .block-contact .block-contact-title{ color: var(--colore_bianco); }

.footer-container{ padding: 20px 0 20px 0; }

.footer-container a{ color: var(--colore_bianco); }

.box_vantaggi img{
width: 60%;
height: auto;
}

.box_vantaggi h3{
color: #232323;
}

img.box_vantaggi_ico{
width: 45px;
height: auto !important;
margin-bottom: 15px;
position: absolute;
top: 30px;
right: 35px;
background: var(--colore_bianco);
padding: 10px;
border-radius: 20px;
}

#form_hp{
background: var(--colore_bianco);
padding: 6.563rem 1.25rem;
margin-bottom: 0;
}

#wrapper .breadcrumb{
background: var(--colore_grigio);
padding: 5px;
text-align: center;
font-size: 95%;
margin: 0 0 40px 0;
}

.breadcrumb a{ font-weight: 600; }

.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage{ background: var(--colore_dorato); }
.has-discount .discount{ background: var(--colore_dorato); font-size: 0.8rem; border-radius: 15px; }
.has-discount .page-content.page-cms ul, .has-discount p, .has-discount.product-price, .page-content.page-cms .has-discount ul{ color: var(--colore_dorato); }
.product-price{
color: var(--colore_dorato);
font-size: 140%;
}

.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
background-color: var(--colore_dorato);
}
.btn-primary.focus, .btn-primary:focus {
  background-color: var(--colore_dorato);
}

#blockcart-modal .product-name {
color: var(--colore_dorato);
}
#blockcart-modal .modal-title i.material-icons {
color: var(--colore_dorato);
}

.btn-primary{
color: #fff;
background-color: #c8b270;
border-color: transparent;
border-radius: 100px;
}
.btn-primary:hover {
color: #fff;
background-color: #232323;
border-color: transparent;
}

.category-cover{ display: none; }

.product-miniature .product-flags li.product-flag{
font-size: 85%;
background: var(--colore_dorato);
}

.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover{
background: var(--colore_bianco);
}

.brands-sort .dropdown-menu, .products-sort-order .dropdown-menu, .suppliers-sort .dropdown-menu{
font-size: 90%;
font-weight: 600;
}

.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover{
border: 0;
}

.pagination .current a{ color: var(--colore_dorato); }
#header .header-nav .cart-preview.active{ background: var(--colore_grigio); }
#header .header-nav .blockcart.active a:hover, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i{
color: var(--colore_txt);
}

.product-flags li.product-flag{
background: var(--colore_dorato);
font-size: 85%;
}

.tabs{ padding: 0; }

.tabs .nav-tabs .nav-link{
text-transform: uppercase;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover{
border-bottom: var(--colore_dorato) 3px solid;
color: var(--colore_dorato);
}

.tabs .nav-tabs .nav-link:hover{
border-bottom: var(--colore_grigio) 3px solid;
}

.products{
margin-top: 30px;
}

.product-features{
margin-left: 0;
}

.product-features h2{
margin-bottom: 25px;
}

.featured-products{
text-align: center;
margin: 100px 0 50px 0 !important;
}

.top-menu .sub-menu ul[data-depth="1"]>li {
    width: calc(33% - 2.5rem);
}

.category-thumbnail {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.blockreassurance_product{
    padding: 20px;
    border: 1px solid #ededed;
    border-radius: 25px;
}

.blockreassurance_product .item-product {
height: 50px;
width: 50px;
}

.block-title{
font-size: 110%;
font-weight: bold;
}

.card-block { padding: 1.25rem 0 .5rem; }
.block-category { min-height: 0; }

.products-selection {
display: none;
}