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

/*
* le Labo du Boucher
* rouge : #ec4249
* old rouge : #c2000c
* gris clair : #323232
* bois : #323232
*/

/* JQUERY UI SEARCH */
/* disable for joli search
.ui-autocomplete {
	display: block;
    top: 125px!important;
    left: auto!important;
	right: 147px!important;
    width: 800px!important;
}
*/

.ui-corner-all {
	border-radius:inherit;
	border-top-right-radius:4px!important;
	border-top-left-radius:4px!important;
	border-bottom-right-radius:4px!important;
	border-bottom-left-radius:4px!important;
}
.ui-menu .ui-menu-item a {
    padding: 0.3rem;
}
.ui-state-focus {
	border:none!important;
	background: #ec4249!important;
	color:white!important;
	padding:1rem!important;
}
@media (max-width: 767px) {
	.ui-autocomplete {
		display: block;
		top: 99px!important;
		left: auto!important;
		right: 0px!important;
		width: 100%!important;
	}
}

/* BOOTSTRAP */
a {color: #ec4249;}
a:hover {color: #323232;}


.btn-primary {
    color: #fff!important;
    background-color: #ec4249;
}

.btn-primary:focus, .btn-primary:hover {
    color: #fff!important;
    background-color: #ec8289;
    border-color: transparent;
}

main {
}

#header {
	background-image: url(/img/cms/bois-sombre.jpg);
    background-size: cover;
	color:#fff;
}
#header .header-nav {border-bottom: 1px solid #fff;}
#header .header-nav .blockcart {background:transparent;}
#header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {color:white!important;}
#header .header-nav .cart-preview.active {background:#ec4249;}
#header .header-top a[data-depth="0"] {color: #fff;}
#header .header-top a[data-depth="0"]:hover {color: #ec4249;}
#header a {color: #ec4249;}
#header a:hover {color: #fff;}

#header .menu {
	margin:auto;
	display:block;
	width:100%;
	text-align:center;
}

#wrapper {
  padding-top: 0 !important;

  background: 
    url('/img/cms/motif-rouge-1.png') left bottom no-repeat,
    url('/img/cms/motif-rouge-2.png') right top no-repeat;
   
  background-size: 
    35vw auto,
    35vw auto;
}

#wrapper .breadcrumb {
	padding:2rem 0;
	margin-bottom:2rem;
	border-bottom: 1px solid #323232;
}

/* Uniquement sur la homepage */
body#index #wrapper > .container {
	max-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
#wrapper > .container {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
#wrapper .breadcrumb li a, section#main h1, section#main .h1, section#main .h2, section#main .h3, section#main .h5, .control-label, p,  .product-information {color:#323232 !important;}

section#main {min-height: 60vh;}
section#main .product-description p, .cart-grid-body p, .js-checkout-summary p {color:black!important;}
section#main .blockreassurance_product p.block-title {color:#323232!important;}
section#main .card {color:black;}

#custom-text {
	background:transparent!important;
	padding: 0 !important;
}
#custom-text .lldb-h1 {
    font-size: 1rem;
    text-align: center;
}

#carousel .carousel-inner {height:auto;}

section.featured-products {margin-left: 10rem;}

section.brands .product-carousel {text-align:center;}
section.brands .product-carousel a {padding: 20px; color: #323232 !important}
#pstbrand-grid .brand-image img {width:100px;}

.block-category {
    min-height: 6rem;
    margin-bottom: 1.563rem;
}
#block-reassurance {background-color:white; font-size:10px;}
#block-reassurance .h6 {font-size:12px;}
.block-reassurance-item, .block-category .h1, #category-description, .product-description, .product-description a, .product-description span, .tab-content {color:black!important;}

#block-reassurance, #products .thumbnail-container, .featured-products .thumbnail-container,.product-accessories .thumbnail-container, .product-description,.card,.pagination .page-list, .products-sort-order .select-title, .btn, img, .tabs, .product-cover img, .product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover, .header-top .search-widget form input[type=text], .cart-grid-body, body#checkout section.checkout-step {border-radius: 4px;}
.search-widget form input[type=text]:focus {outline:none;border:3px solid #ec4249;}

.modal-body p {color:black!important;}
#blockcart-modal .product-name {color:#ec4249;}


/* PRODUCTS LIST */
#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {text-align: center;text-transform: none;margin-top: .7rem;}
#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {
    margin: 1rem 5rem !important;
}
.products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {height : 6.125rem!important}
.products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
	height:358px !important;
	box-shadow: none !important; /* pas de shadow par défaut */
	transition: box-shadow 0.3s ease; /* transition fluide */
}
.products .thumbnail-container:hover, .featured-products .thumbnail-container:hover, .product-accessories .thumbnail-container:hover, .product-miniature .thumbnail-container:hover {
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2) !important;
}

#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {box-shadow:none !important;}
.products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-accessories .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail {height:calc(100% - 110px)!important;}
.products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {height:110px!important;}
.products .product-description .product-title {height:3rem; margin-bottom: 0;}
.products .unit_price {font-size:13px;}
.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
    background-color: #ffc107;
    color: black;
}

/* PRODUCT */
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {border:3px solid #ec4249;}
.product-container .product-price {color: #ebd8c7; font-size:2rem}
.product-container .tax-shipping-delivery-label {color: #ebd8c7; display:inline-block;}
.product-accessories {margin-top:1rem;}
.product-accessories .h5 {margin:1rem;padding:1rem 0;border-bottom: 3px solid #ec4249;}
.product-accessories .product-description, .product-miniature .product-description {width:248px;}
.product-flags {top:-1px;}
.tabs .nav-tabs .nav-item {font-size: 0.88rem;}
.tabs .nav-tabs .nav-link.active {color:#ec4249;}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {border-bottom:3px solid #ec4249;}
.has-discount .discount, .product-flags li.product-flag.on-sale {background: #ffc107; color:black;}

.modal-content .product-price {color: #ec4249; font-size: 2rem}
.modal-content .tax-shipping-delivery-label {color: black; display:inline-block;}

/* DIVERS */
.scroll-box-arrows.scroll { color:white;}
.banner {text-align:center;}
.sitemap h2 {color:#ebd8c7; border-bottom: 3px solid #ec4249;}
.sitemap a {color:#ebd8c7;}
.sitemap a:hover {color:#ec4249;}
.brands .container {background-image:none!important;padding-top: 20px;}
.page-my-account #content .links a:hover i {color:#2c000c;}
#blockcart-modal .modal-dialog {max-width: 550px!important;}


/* CMS */
.page-cms {border-radius:4px;}
.page-cms, .page-cms p {color:black!important}
.page-cms .card p {margin:1rem;}


/* FOOTER */
#footer {
	margin-top:-1.6rem;
	padding-top:1rem;
	background-image: url(/img/cms/bois-sombre.jpg);
    background-size: cover;
	padding-bottom:2rem;
}
#footer .container .block-social {display:none;}
.footer-container {margin-top: 0rem;}
.block_newsletter p {
	color: #fff !important;	
}
#footer .h3, #footer .h4 {
	color:#fff!important;
    border-bottom: 1px solid #fff!important;
	margin-bottom: 1rem;
    padding-bottom: 1rem;
}
#block_myaccount_infos .myaccount-title a {	color:#fff!important;}
.block-contact, .block-contact .title p {color: #fff!important;}
.footer-container li a {color: #fff	!important;}


/* BRAND */
.brand {position: relative;margin:1rem;background:#fff;box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}
.brand-img {float:left;}
.brand-img img {width:200px;max-width:200px;padding:1rem;}
.brand-products {padding: 1rem;height:200px;}
.brand-infos h2 a {
   color: #ec4249!important;
   border-bottom: 1px solid #ec4249!important;
}
.brand-infos a:hover{
	color: #323232!important;
}


/* BRAND CAROUSEL */
section.brands .customNavigation {display:none;}
.pstbrand-carousel li {display: inline-block;}
.pstbrand-carousel .brand-image img {
	width: 120px;
	padding:0;
	border-radius:4px;
	margin:20px;
	transition: transform .2s;
}
.pstbrand-carousel .brand-image img:hover {
	transform: scale(1.2); 
}


/* MEGAMENU */
.ets_mm_megamenu {
	background-color: transparent;
}
.layout_layout1 .ets_mm_megamenu_content {
	background:none!important;
}
#header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a {
	color:#ec4249!important;
}
.layout_layout1 .mm_menus_li,  .layout_layout1 .ets_mm_megamenu_content {
    border: none!important;
}

.ets_mm_block_content li {font-size: large;width:100%}
.ets_mm_block_content a {font-size: large; display:block}
.ets_mm_block_content a:hover {font-size: large; color:white!important; background-color:#ec4249!important; border-radius:4px;padding:1rem}
.ets_mm_block_content hr { display: block; height: 1px; border: 0; border-top: 4px solid #ec4249; margin: 1em 0; padding: 0; }


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

@media (min-width: 768px) {
	.ets_mm_megamenu_content ul.mm_columns_ul{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
	.hook-default.layout_layout4:not(.scroll_heading) .mm_columns_ul > .mm_columns_li, .hook-default.layout_layout5:not(.scroll_heading) .mm_columns_ul > .mm_columns_li {margin: 0;}
}

@media (max-width: 767px) {
	.ets_mm_megamenu.hook-default {
    	background-color: transparent!important;
    	padding: 0;
    	width: 100%;
    	margin: -17px 10px 0px -16px;
	}
	.hook-default .ets_mm_megamenu_content .container {
		background-color:transparent!important;
	}

	.transition_floating .mm_menus_ul {
		max-width: 300px!important;
	}

	.mm_menus_li>a {
		padding:15px!important;
	}
	.mm_menus_ul .arrow::before {
		border-top: 1px solid #fff !important;
	}
	.mm_menus_ul .arrow::after {
		border-left: 1px solid #fff !important;
	}
	.ets_mm_megamenu .mm_columns_ul {
		border: none;
	}
	.transition_floating .mm_menus_ul.active {
		margin-top:3.2rem;
	}
	.ets_mm_megamenu .mm_menus_ul .close_menu {
		display: none!important;
	}
	.ybc-menu-toggle {
		padding-top: 2rem;
	}
	.ybc-menu-toggle .icon-bar {

	}
}

/* JOLI SEARCH */
@media (min-width: 1200px) {
	.ui-menu.ui-jolisearch .jolisearch-body {width:auto!important;}
}

/* LLDB */
.lldb-header {
	padding:10px !important;
	text-align: center !important;
	color: white;
}
.lldb-franco p {
	color: #ffcc00 !important;
	font-size: 1.5rem;
}
.lldb-franco img {width: 60px !important;}
.lldb-franco span {	font-size: 1rem;}


/* MOBILE */
@media (max-width: 767px) {
	main {background-position-x: center;}
	#header .header-top {
		background-image: url(/img/cms/fond.jpg);
	    background-size: cover;
	    position: fixed;
    	top :0;
    	left:0;
        right:0;
	    padding: 1rem 0 1rem 0;
        z-index: 10;
	}
	#header .header-nav {
		margin-bottom: 0;
		color: #fff!important;
    	border-radius: 4px;
	}
	#header .header-nav .top-logo {
	    padding-top: 0;
	}
 	#header .header-nav .top-logo a img {
    	max-height: 40px;
    	max-width: 100%;
	}
	#header .header-nav .user-info .logged {
    	color:#ec4249;
	}
	#search_widget {
		margin-top:1rem;
	}
	#wrapper {
		margin-top:7rem;
	}
	#wrapper .container{
		background-image:none!important;
	}
	#wrapper .breadcrumb li a, section#main h1, section#main .h1, section#main .h2, section#main .h3, section#main .h5, .control-label, p,  .product-information, #products, .product-container, section#main .blockreassurance_product p.block-title {color:black!important;}
	.banner {
		background-image: url(/img/cms/fond.jpg);
    	background-size: cover;
    	border-radius: 4px;
	}
	section.brands .product-carousel a {
    	color: black!important;
	}
	.product-container .tax-shipping-delivery-label {color: black; display:inline-block;}

	.blockreassurance_product .block-title {
    	font-size:10px;
	}
	svg path {
    	fill:black!important;
	}
	#footer {
		margin-top:0rem;
		padding-top:0rem;
	}
	#footer .h3, #footer .h4 {
    	color: #fff!important;
    	border-bottom: none!important;
    	margin-bottom: 1rem;
    	padding-bottom: 1rem;
	}
	#footer .links .title {
    	border-bottom: none;
	}
	#footer .block-contact .title p {
		color: #fff!important;
	}
	#footer .block-contact p:not(:first-child) {padding-left:3rem;}
	.links .navbar-toggler {
		color: #fff!important;
	}
	.footer-container .links ul {
    	background-color: transparent;
    	margin-bottom: 0;
	}
	.footer-container .links ul li {
    	margin-left: 3rem;
    	border-bottom:none;
	}
}