/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');

:root {
	--bb-brand: #9A0909;
	--bb-yellow: #FAF6DF;
	--bb-white: #FCFFFF;
	--bb-black: #353535;
	--title-font: "DM Serif Display", serif;
	--body-font: "Karla", sans-serif;
}

h1, h2, h3 {
	font-family: var(--title-font);
}

h4, h5, h6, body, small {
	font-family: var(--body-font);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}

h1 {font-size: 3.5rem}
h2 {font-size: 2.688rem}
h3 {font-size: 2.063rem}
h4 {font-size: 1.75rem}
h5 {font-size: 1.5rem}
h6 {font-size: 1.25rem}
body {font-size: 1rem}
small {font-size: 0.875rem}

div#MainContent_ascx_def1 .row.catalog .dx, body {
    background: #f2f2f2;
}

div#MainContent_ascx_def1 .row.catalog .product-grid4, div#MainContent_ascx_def1 .row.catalog .sx {
    background: white;
} 

/* Navbar */

nav.navbar.navbar-expand-md.navbar-light.bg-light.M1.sticky-top {
	background-color: var(--bb-brand) !important;
}

ul.navbar-nav.menu-left.mdl li.nav-item a, li.country a,
ul.navbar-nav.menu-right.mdr li.nav-item a {
	color: var(--bb-white);
	    font-weight: bold;
    padding-left: 2rem;
}

.nav-link a.country_ott, .nav-link #contact, .nav-item.login, .nav-item.search, .nav-item.sideCart, .nav-item.edit, .col.menutoplog, .col.menutopcart.bounce {
    filter: invert(1);
}

div#jquery-accordion-menu .submenu .cam a.active {
	background-color: var(--bb-yellow);
}


/* Button */

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {background-color: var(--bb-brand)}

.homepage .btn-primary {padding: .8rem 1.2rem; border:1px solid var(--bb-brand); opacity: 1.0}


/* Homepage */

div#pnl_slide .carousel-caption.slide {
    text-align: left;
	max-width: 720px;
}

div#pnl_slide .carousel-caption.slide h1 {
	padding-bottom: 1rem;
	text-wrap: pretty;
}

div#pnl_slide .carousel-caption.slide .btn {
	margin-top: 1rem;
	padding: 1rem 1.5rem;
	border: 0;
	opacity: 1;
}

.grid1 .row.pag .prodcont .product-grid4 .row.direct-buy .lx a {
    border: 0;
}


/* Products */

#grdchat .product-grid4 .title,
.grid1 .product-grid4 .title,
#homeshuffle .product-grid4 .title {
    white-space: unset;
    line-height: 20px;
    min-height: 40px !important;
    max-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: none;
}

.product-grid4 .product-content {
    text-align: center;
	background-color: var(--bb-yellow);
}

#productNameText h1, #MainContent_productNameText h1 {
	text-transform: unset !important;
	font-size: 2rem;
	font-weight: bold;
}
#product_body #MainContent_add_to_basket_new {
	border-radius: .5rem;
	padding: 1rem 1.5rem;
	background-color: var(--bb-brand);
	transition: all 0.2s ease;
}
#product_body #MainContent_add_to_basket_new:hover {
	color: #fff !important;
	background-color: var(--bb-brand) !important;
	border-color: var(--bb-brand)
}
#product_body #MainContent_dpl_quantita {
	border-radius: .5rem;
	height: 3.4rem;
}
#product_body #MainContent_lbl_quantita {
	font-size: .7rem !important;
}
#product_body #MainContent_dpl_quantita {
    font-size: large;
}
#product_body #MainContent_prod_details .testo_dett #MainContent_pnl_product_actions.product-actions {
	gap: 16px;
}
#product_body #MainContent_pnl_product_actions a#btnwl, #product_body #MainContent_pnl_product_actions #btnsh {
	padding: 16px;
	border-radius: .5rem;
}
#product_body #MainContent_pnl_product_actions .whishlist, #product_body #MainContent_pnl_product_actions .share {
	padding-top: 16px;
}
div#MainContent_prod_details .bul.top ul {
	margin-top: 2rem;
}
div#MainContent_prod_details .bul.top ul li {
	font-size: 1.1rem;
}
div#MainContent_pnl_ordine {
	margin-top: 8rem;
}
input#btn_checkout {
	background: var(--bb-brand);
	color: white;
}
a#MainContent_Ordine1_btn_checkout1 {
	padding: 24px 8px;
	font-size: 1rem;
	border: 0;
}
#main_cassa .form-control, #main_cassa input {
	margin-top: 0.3rem;
	border-radius: .5rem;
}
#sideCart .btn-checkout {
	font-size: .9rem;
	padding: 16px 4px;
	background: var(--bb-brand);
	border-radius: .5rem;
}
#sideCart .subtot {
	font-weight: bold !important;
	letter-spacing: -1px;
}

input#btn_continue, input#btn_checkout {
	height: 48px;
	border: 0;
	border-radius: .5rem;
}
div#MainContent_Ordine1_cassa_wrap3 {
	padding-top: 0; /* 5rem; */
}
.product-grid4 {
    border: 0;
    border-radius: 1rem;
	box-shadow: 0 0 24px rgba(0, 0, 0, .10);
	padding-top: 0;
}
.product-grid4:hover {
   transform: none;
}

.jquery-accordion-menu ul li a {
	background: var(--bb-yellow);
}

.jquery-accordion-menu ul li.tip a.toggle {
    font-weight: bold !important;
	font-family: var(--body-font);
}

.jquery-accordion-menu>ul>li.active>a, .jquery-accordion-menu>ul>li:hover>a {
	background: var(--bb-yellow);
	color: var(--bb-brand);
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
    padding-left: 1.5rem;
    border-left-color: white;
    border-left-width: 1.5rem;
}

.jquery-accordion-menu a.submenu-indicator-minus {
    background-color: var(--bb-yellow) !important;
}

.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: transparent;
	background: var(--bb-yellow);
}

.row.catalog .dx #headcat {
    padding-top: 2.7rem;
}

div.grid1 {
	padding-top: 0
}

.product-grid4:hover img{
    transform: none !important;
}

span#MainContent_lbl_disponibile_off {
    display: none;
}

span#MainContent_lbl_offerta_off {
    padding: .7rem 1.3rem 0.9rem 1.3rem;
    margin: 0;
}

.direct-buy .rx input {
		background: var(--bb-brand);
}

.occ_btn_checkout1 {
	background: var(--bb-brand) !important;
	opacity: 1.0;
	border-radius: .5rem !important;
}

.rhcassa, .rpcassa {
	background: var(--bb-yellow);
}
div.product-content h3.firm a {
	font-family: var(--body-font);
}

.row.catalog span#MainContent_ctl00_dtl_subcat .more {
    background: var(--bb-yellow);
    padding: 0 1rem;
    border-radius: .5rem;
    color: black;
    border: 1px solid var(--bb-brand);
    text-transform: uppercase;
    border-radius: 100px;
}

a.btn {
    border-radius: 100px;
}

a.progroup p {
	border-bottom: 0;
	font-weight: bold;
	letter-spacing: -1px;
	border-top: 1px solid #ccc;
	padding-top: 1rem;
}

a.progroup .more {
	letter-spacing: 0;
}

div.product-image4 img {
    transform: scale(.85);
}

div#MainContent_headcat div#head-shop.head_shop {
    margin-top: 4rem;
}


@media (min-width:991px) {
div#MainContent_ascx_def1 .row.catalog .dx {
    padding-left: 4rem;
    padding-right: 4rem;
}	
	
}

div#MainContent_ascx_def1 .row.catalog .dx {
    padding-left: 4rem;
    padding-right: 4rem;
}


/* Contact Page */
#MainContent_btn_invia {
    background-color: var(--bb-brand) !important;
    color: white;
	border: 0;
}

#MainContent_btn_invia:hover {
	box-shadow: 0 2rem 4rem rgba(0, 0, 0, .2);
}


div#contact-form .col-12.prv span label {
	margin-left: 0.4rem;
	font-size: .8rem;
}

div#contact-form .col-12.prv span label a {
	color: var(--bb-brand);
	text-decoration: underline;
}

#main-contact .contacts.row.text-left .col-12 a {
	padding-left: 0.6rem;
}

#main-contact .contact-info .col-12.prv {
	padding-left: 4px;
	padding-bottom: 1rem;
}

/* Track Order */

input#MainContent_btn_order {
    background-color: var(--bb-brand) !important;
    border: 0 !important;
    padding: 1rem !important;
}

#MainContent_pnl_order {
	box-shadow: none !important;
}


/* Contact */

div#MainContent_pnl_cont_ana i.fa-phone {
    display: none;
}

/* Newsletter Fix */
div#MainContent_pnl_register1 fieldset:before {
    /* 
	content: "Newsletter"; 
    font-weight: bold;
    display: block;
    padding-bottom: 1rem;
    text-align: center;
    font-size: 1.5rem;
	*/
}
input#MainContent_btnlogin, input#MainContent_btn_thankyou {
    font-size: 1rem;
    padding: 1rem .5rem;
	background: var(--bb-brand);
	color: white;
	    border-radius: .4rem;
	border:0;
	opacity: 1;
}
#MainContent_pnl_register1 input {
	margin-top: .4rem;
}
div#MainContent_pnl_register1 .form-control {
	border-radius: .4rem;
}
div#MainContent_pnl_register1 a {
	color: var(--bb-brand);
	text-decoration: underline;
}
div#MainContent_pnl_register1 label {
	padding-left: 0;
	font-weight: bold !important;
	padding-left: 5px;
}
div#MainContent_pnl_register1 a:hover {
	text-decoration: underline;
}
.container2 {border: 0 !important}

#MainContent_pnl_googlemap { width: 100%; }

@media (min-width: 991px) {
	div#MainContent_pnl_register1 {
		margin-top: 7rem;
		margin-bottom: 7rem;
	}
}


/* Login */

.row.loginascx {
    margin-right: unset;
    margin-left: unset;
}

.row.loginascx .row.log input#MainContent_ctl00_btnLogin2 {
    font-size: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: var(--bb-brand);
}

.row.loginascx .btn-link {
	color: var(--bb-brand);
}

.row.password input#MainContent_btn_email {
    font-size: 1rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.row.password span#MainContent_lbl_titsend {
    display: block;
    padding-top: 2rem;
	text-transform: lowercase;
}

.row.password span#MainContent_lbl_titsend:first-letter {
	text-transform: uppercase;
}


/* Mobile */

@media only screen and (max-width:991px) {
	.container.body-content {
		padding-right: 0;
		padding-left: 0;
	}
	.row.menu-top {
    	background: var(--bb-brand);
	}
	input#btnSearch {
		opacity: 1;
		border: 0;
		height: 2.4rem;
	}
	nav.navbar #txtSearch {
		border: 1px solid;
		padding-left: .6rem !important;
	}
	nav.navbar input#btnSearch, nav.navbar #txtSearch {
    	border-radius: .4rem;
	}
	nav.navbar h3.menu-head {
    	display: none;
	}
	nav.navbar ul.navbar-nav.mr-auto.menu-left {
    	padding-top: 1rem;
	}
	nav.navbar div#navbarNav {
		text-align: center;
		font-size: 1.2rem;
		font-weight: bold;
	}
	.grid1 div#MainContent_ctl00_gcat3 {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	div#MainContent_ascx_def1 .row.catalog .dx {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.jquery-accordion-menu ul li a {
		font-size: 1rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.jquery-accordion-menu ul ul.submenu>li>a {
		font-size: 1rem;
	}
	.row.catalog .dx #headcat {
    	text-align: center;
	}
	nav ol.breadcrumb {
		float: none !important;
		justify-content: center;
		margin-bottom: 0;
		font-size: .9rem;
	}
	.row.prod_main1 {
		max-width: 92vw;
		margin-left: 1rem;
	}
}