/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
 /********************************/
/********* GLOBAL **********/
/******************************/
#header #_desktop_logo {
	display: flex;
    align-items: center;
    justify-items: left;
    text-align: left;
}
#header #_desktop_logo a,
#header #_desktop_logo h1 {
	max-width: 28%;
}
#header #_desktop_logo p {
	margin: 0;
    color: #000;
	font-weight: 700;
	font-size: 1rem;
}
#header #_mobile_logo p {
	font-weight: 700;
}

@media (max-width: 767px) {
	#wrapper .breadcrumb {
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
}

 #wrapper .breadcrumb li:after {
    content: ">";
	color: #232323;
}
.btn-primary {
    background-color: rgb(57,185,198);
}
#cart #wrapper,
#checkout #wrapper,
#order-confirmation #wrapper {
	padding-top: 4rem;
}

/* ps_customersignin */
#header .header-nav .user-info {
	padding: .625rem 0;
}
#header .header-nav .user-info .account {
    display: inline;
	transition: all .3s;
}
#header .header-nav .user-info .logout {
    color: #aaa;
	display:none;
	opacity:0;
	position: absolute;
    background: #ffffff;
    left: 0;
    right: 0;
    box-shadow: 1px 5px 10px rgba(0,0,0,0.1);
    text-align: center;
    margin-left: .625rem;
    padding: .3rem 0;
	transition: all .3s;
}
#header .header-nav .user-info:hover .logout {
	display:block;
	opacity:1;
}
#header .header-nav .user-info .logout:hover {
	color: #2fb5d2;
	transition: all .3s;
}
@media only screen and (max-width: 768px) {
	#header .header-nav .user-info {
		padding: 1rem .75rem;
	}
}

/********************************/
/********* CATEGORIES **********/
/******************************/
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
    height: 348px;
}
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
	height:100px;
}
#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% - 100px);
}
#products .product-title {
	margin-bottom: 0;
}
#products .product-title a {
	color: #000000;
}
#products .product-brand {
	text-align: center;
	color: #000000;
}
#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: 5.7rem;
}
#products .thumbnail-container:focus .highlighted-informations, #products .thumbnail-container:hover .highlighted-informations, .featured-products .thumbnail-container:focus .highlighted-informations, .featured-products .thumbnail-container:hover .highlighted-informations, .product-accessories .thumbnail-container:focus .highlighted-informations, .product-accessories .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:focus .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations {
    bottom: 7.5rem;
}

/* block-categories */
.block-categories {
	background-color: transparent;
	color:#232323;	
    box-shadow: none;
}
.block-categories p.univers-title {
	color: rgb(57,185,198);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1rem;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid rgb(57,185,198);
}
.block-categories a {
    color: #232323;
}
	.block-categories a:hover {
		color: rgb(57,185,198);
	}
.block-categories .category-sub-menu li[data-depth="0"]>a {
    border-bottom: 0;
}
.block-categories .category-sub-menu .category-sub-menu {
	padding-left: 1.5rem;	
    margin-bottom: 2rem;
}
#mobileCategoryTreeBtn {
	margin: 0 auto 2rem;
    display: block;
}
@media (max-width: 767px) {
	.block-categories {
		margin-bottom: 0rem;
	}
	#category #left-column #search_filter_controls {
		display: none !important;
	}
	#category #left-column #search_filters .facet,
	#category #left-column #search_filters .facet .navbar-toggler,
	#category #left-column #search_filters .facet ul li,
	#category #left-column #search_filters {
		border: none !important;
	}
	#category #left-column #search_filters .facet .facet-title {
		color:rgb(57,185,198);
		padding-bottom: 1.2rem;
	}
	#category #left-column #search_filters .facet .title {
		margin-bottom: 1.2rem;
	}
	#category #left-column #search_filters .facet {
		padding-bottom: 2rem;
	}
	#category #left-column #search_filters .facet ul li {
		padding-top: .3rem;
		padding-bottom: .3rem;
	}
}

/* filters */
#search_filters .facet .facet-title {
    width: 100%;
}
#search_filters, #search_filters_brands, #search_filters_suppliers {
	padding-top:0;
}
#search_filters .facet .custom-checkbox input[type=checkbox]+span .checkbox-checked {
	color: #232323;
}

/* pagination */
.pagination .page-list {
    background: transparent;
    box-shadow: none;
}
.pagination a {
    color: #232323;
	font-weight:600;
}
.pagination .current a {
    color: #232323;
	font-weight:700;
}
.pagination .next,
.pagination .previous {
    float: none;
}
.pagination .next {
	margin-left: 1rem;
}
.pagination .previous {
	margin-right: 1rem;
}

/********************************/
/********* PRODUCTS **********/
/******************************/

#product #main > .row {
	margin-right: 0;
	margin-left: 0;
}
#product #main > .row > .col-md-6 {
	margin-right: 0;
	margin-left: 0;
	padding-left: 2rem;
	padding-right: 2rem;
}

#product #main {
	background-color: #ffffff;
	margin-bottom: 6rem;
	color: rgb(35,35,35);
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#product #content {
    max-width: 100%;
    margin: 0 auto;
	background: #ffffff;
}

/* images */
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: 3px solid rgb(35,35,35);
}
.product-images>li.thumb-container>.thumb {
	box-shadow: none;
}
.product-cover .layer {
	transition: all .3s;
}
.product-cover img {
	box-shadow: none;
}
#product .product-flags {
	padding-left: 0rem;
	padding-right: 0rem;
}

/* titre */
#product h1 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 3rem;
}

/* prix */
#product .product-prices div {
	display: inline;
}
.product-price {
    color: rgb(35,35,35);
}

/* description */
.product-information {
	margin-top: 1.5rem;
}
.product-information div[itemprop="description"] p {
	color: rgb(35,35,35);
	font-weight: 500;
}

/* variations */
.product-actions .control-label {
    font-weight:700;
}
.product-variants>.product-variants-item label > span.color {
	position: relative;
    z-index: 2;
	height: 90px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: cover;	
    box-shadow: none;
}
.product-variants>.product-variants-item label > span:not(.color) {
    position: relative;
    z-index: 0;
	height: 48px;
    width: 100%;
	min-width: 48px;
    text-align: center;
    line-height: 40px;
    box-shadow: none;
	border: 1px solid rgb(35,35,35);
	cursor: pointer;
}
.product-variants>.product-variants-item label > span:not(.color) .sr-only {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    margin: -1px;
    clip: unset;
    border: 0;
    left: 0;
    color: #000;
    text-align: center;
    top: 0;
    right: 0;
    overflow: hidden;
    bottom: 0;
}
.input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span {
    border: 1px solid rgb(35,35,35);
}
.input-color:checked+span:not(.color), .input-color:hover+span:not(.color), .input-radio:checked+span:not(.color), .input-radio:hover+span:not(.color) {
	background-color: rgb(35,35,35);
	color:#232323;
}

/* quantité */
.qty .input-group {
	box-shadow: none;
}

/* CTA add to cart */
.product-actions .add-to-cart {
	box-shadow: none;
}
.product-actions .add-to-cart .material-icons {
	display: none;
}

/* Share */
#product .social-sharing {
	display: block;
}
#product .social-sharing > span {
	display: block;
	margin-bottom: 1.5rem;
}
#product .social-sharing li {
	margin-right: .5rem;
	margin-left: 0;
}
.social-sharing li {
    box-shadow: none;
    border-radius: 0;
}

/* tabs */
.tabs {
    padding: 0;
    box-shadow: none;
}
.tabs .nav-tabs .nav-link {
    color: rgb(35,35,35);
    border: 0 solid transparent;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 3px solid rgb(57,185,198);
}
.tabs .nav-tabs .nav-link.active {
    color: rgb(57,185,198);
}
.tabs p {
    color: rgb(35,35,35);
}

 /********************************/
/********* PANIER **********/
/******************************/

.product-line-info .value {
	color: #000;
	font-weight: 700;
}
 /********************************/
/********* CHECKOUT **********/
/******************************/
#checkout #checkout-personal-information-step ul.nav {
	border: none;
    border-bottom: 2px solid #f1f1f1;
}
#checkout #checkout-personal-information-step ul.nav li.nav-item {
	margin-bottom: -.125rem;
	margin-left:0;
}
#checkout #checkout-personal-information-step ul.nav li.nav-item a.nav-link {
	font-weight: 700;
	color: rgb(35,35,35);
    border: 0 solid transparent;
	padding: .5em 1em;
}
#checkout #checkout-personal-information-step ul.nav li.nav-item a.nav-link.active {
	border: none;
    border-bottom: 3px solid rgb(57,185,198);
	color: rgb(57,185,198);
}
#checkout #checkout-personal-information-step ul.nav li.nav-item a.nav-link:hover {
	border-bottom: 3px solid rgb(57,185,198);
}
#checkout #checkout-personal-information-step ul.nav li.nav-item span.nav-separator {
	display:none;
}

#checkout #wrapper {
	color: rgb(35,35,35);
}

 /********************************/
/********* CONFIRMATION COMMANDE **********/
/******************************/
#order-confirmation #wrapper {
	color: rgb(35,35,35);
}

/********************************/
/********* ORDER INFO **********/
/******************************/

#order-detail #content {
	color: rgb(35,35,35);
}