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

body {
	font-family:Roboto Condensed, sans-serif;
	background:#fff;
}

.btn-primary {background-color:#bf3a77;}
.btn-primary:hover {background-color:#f14b97;}

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

.lm-background-wrapper {
	background:url('/img/cms/fond-vagues-3.jpg') #fff;
	background-position:top left;
	background-size:26% auto;
	position:relative;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0.015;
}

.page-header {display:none;}

.login-information {
    margin: 1rem 0;
    color: #bf3d47;
	font-size:1.1rem;
	line-height:1.3;
}
.login-form-header {padding:1rem 0; text-align:center;}
.tabs .nav-tabs .nav-link.active {color:#bf3a77;}

#lgcookieslaw_banner { padding:1rem !important; }

#wrapper {
	padding-top:0 !important;
	background:#fff !important;
}

/* body#index div.elementor-search__container {top:120px;} */

body#category div.container,
body#product div.container {
	width:100% !important;
	padding:0 !important;
}

.block-category {
	margin:0;
	padding:0;
	min-height:auto;
}

.category-header {
	background-size:100% 100% !important;
	min-height:37.5rem;	
}

@media screen and (max-width:420px) {
	.category-header {
		background-size:auto !important;
		min-height:17rem;
	}
}

.category-submenu {
	background:#fff;
}

.category-ul-table {
	display:table;
	margin:0 auto;
	padding-top:2rem;
}

.category-subcats ul {
	list-style:none;
}

.category-subcats li {
	float:left;
	padding:0 10px;
	text-transform:uppercase;
}

.category-subcats a.subcategory-name:hover {color:#bf3a77;}

@media screen and (max-width:420px) {
	.category-subcats li {
		float:none;
		text-align:center;
	}
}

.category-subcats li h5 {
	font-size:130%;
}

.block-category-title {
	width:100%;
	padding:5px 10px;
	background:rgba(0,0,0,0.25);
}

.block-category-title div {
	max-width:1280px;
	margin:0 auto;
}

.block-category-title h1 {
	font-weight:400;
	font-size:2.5rem;
	color:#fff;
	margin:0.5rem;
}

.block-category-title p {
	font-weight:200;
	font-size:1.5rem;
	color:#fff;
	margin:0.5rem;
}

@media screen and (max-width:420px) {
	.block-category-title h1 {
		margin-left:0;
		text-align:center;
		font-size:1.5rem;
	}
	.block-category-title p {
		margin-left:0;
		text-align:center;
		font-size:1rem;
	}
}

.category-header-spacer {
	width:100%;
	height:25rem;
}

@media screen and (max-width:420px) {
	.category-header-spacer {
		height:4rem;
	}
}

.search_container, .facets_wrapper { display: flex;}

.search_container {max-width:1280px; margin:0 auto;}

.facets_wrapper {flex-grow:1;}
#search_wrapper {margin-bottom:0;background:#fff;}

#search_filters {box-shadow:none;background:none;flex-grow:1;margin-bottom:0;}

.sort-order-wrapper { padding: 1.563rem 1.25rem;}

.facet p.h6 {padding:0;padding-left:0.5rem;text-transform:uppercase;}

.facets_title_wrapper {
	margin-right:1rem;
}

.facet {
	margin:0 1rem;
	padding:0 !important;
}

.facet-dropdown {min-width:280px;margin:0;}

.custom_sort_by_wrapper {float:right;}

@media screen and (max-width:420px) {
	.search_container, .facets_wrapper { display: inline;}
	section.facet {margin:0;}
	section.facet:not(:first-of-type) {display:none;}
	span.float-xs-right {display:none;}
	.facet-title {width:auto;padding:0 !important;}
	/* #search_filters { display:none !important; } */
}

p.sort-by {text-transform:uppercase; font-weight:bold; color:#000;}

@media screen and (max-width:420px) {
	#search_wrapper p.h6:not(.facet-title.hidden-sm-down) {
		display:block !important;
	}
}

body#category section#products { position:relative; background:#fff; }

body#category .product-list-background {
	background:url('/img/cms/fond-vagues-3.jpg') #fff;
	background-position:top left;
	background-size:26% auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0.015;
}

@media screen and (max-width:420px) {
	body#category .product-list-background {
		background-size:100% auto;
	}
}

body#category .product-list-wrapper {
	max-width:1280px;
	margin:0 auto;
}

.products-sort-order .select-title {
	box-shadow:none;
	border:none;
	background:#f1f1f1;
}

body#category section#products {
	padding-top:3rem;
}

body#category section#products .products {
	justify-content: flex-start;
}

@media screen and (max-width:420px) {
	body#category section#products .products {
		justify-content: center;
		max-width:100%;
	}
}
.subcategory-section-header {
	padding:1.5rem 0; 
	text-align:center;
	padding-top:5rem;
}

section.subcategory:not(:first-child) .subcategory-section-header {
	padding-top:5rem;
}

@media screen and (max-width:420px) {
	section.subcategory:not(:first-child) .subcategory-section-header {
		padding-top:1.5rem;
	}
}

section.subcategory:nth-of-type(even) .subcategory-section-header {
	text-align:right; 
}

section.subcategory:nth-of-type(odd) .subcategory-section-header {
	text-align:left;
}

section.subcategory:nth-of-type(even) .subcategory-title:after {
	content:"";
	display:inline-block;
	background: url('/img/cms/vaguesG-1.png') no-repeat;
	width:25rem;
	height:40px;
	background-size:140% auto;
	margin-left:1.5rem;
}

section.subcategory:nth-of-type(odd) .subcategory-title:before {
	content:"";
	display:inline-block;
	background: url('/img/cms/vaguesG-1.png') no-repeat;
	width:25rem;
	height:40px;
	background-size:140% auto;
	margin-right:2rem;
}

@media screen and (max-width:420px) {
	section.subcategory .subcategory-title:before,
	section.subcategory .subcategory-title:after {
		margin:0 !important;
		position:absolute;
		top:25px;
		left:15px;
		width:21rem !important;
		background-size:145% auto !important;
	}
}

h5.subcategory-title {
	font-size:2rem;
	color:#000;
	text-transform:uppercase;
}

@media screen and (max-width:420px) {
	h5.subcategory-title {
		position:relative;
		text-align:center;
		font-size:1.25rem;
		padding-bottom:1rem;
	}
}

#products .product-miniature {
	margin:0 1.25rem;
}

@media screen and (max-width:420px) {
	#products .product-miniature {
		margin:0 auto;
	}	
}

#products .thumbnail-container,
.product-miniature .thumbnail-container,
#products .thumbnail-container .product-thumbnail img,
.product-miniature .thumbnail-container .product-thumbnail img {
	width:270px;
}

#products .thumbnail-container,
.product-miniature .thumbnail-container {
	box-shadow:none;
	margin-bottom:2.5rem;
}

@media screen and (max-width:420px) {
	#products .thumbnail-container .product-thumbnail, 
	.featured-products .thumbnail-container .product-thumbnail, 
	.product-accessories .thumbnail-container .product-thumbnail, 
	.product-miniature .thumbnail-container .product-thumbnail {
	    position: relative;
	    height: calc(100% - 85px);
	}
	#products .thumbnail-container,
	.product-miniature .thumbnail-container,
	#products .thumbnail-container .product-thumbnail img,
	.product-miniature .thumbnail-container .product-thumbnail img {
		margin-bottom:0;
	}
}

nav#multicolnav {
	height:0;
	overflow:hidden;
	-webkit-transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-ms-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
	transition: height 0.5s ease-in-out;
}

nav#multicolnav.active {
	/* height:440px; */
	height:auto;
	overflow-y:scroll;
}

a#elmtopmenu > span > span {line-height:0;}

a#elmtopmenu i:before {
	content:"\f0c9";
}

a#elmtopmenu i.active {
	width:54px;
	height:54px;
	color:#000;
	transition: color .5s;
	position:relative;
}

a#elmtopmenu i.active:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:70px;
	margin-left:-44px;
	margin-top:-5px;
	border-top:2px solid;
}

a#elmtopmenu i.active:after {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:70px;
	margin-left:-44px;
	margin-top:-5px;
	border-top:2px solid;
}

a#elmtopmenu i.active:before { transform: rotate(45deg); }
a#elmtopmenu i.active:after { transform: rotate(-45deg); }

@media screen and (max-width:420px) {
	a#elmtopmenu i.fa {
		font-size:2rem !important;
		width:25px;
		height:25px;
	}
	
	a#elmtopmenu i.active:before {
		width:35px;
		margin-left:-20px;
	}
	a#elmtopmenu i.active:after {
		width:35px;
		margin-left:-20px;
	}
}

.cat-shipping-submenu {
    padding-top: 1rem;
    text-align: center;
    font-style: italic;
}

a.catheader-static-link {
    line-height: 1.4em;
    font-family: inherit;
    font-size: 1.25rem;
    padding: 1rem;
    /* position: absolute; */
    /* margin-top: 1rem; */
}

@media screen and (max-width:420px) {
	a.catheader-static-link {
		font-size:0.9rem;
		white-space: nowrap;
		display:block;
		padding:0.5rem;
	}
}

/** PRODUCT PAGE STYLE **/

body#product section#main {
	background:#fff;
}

body#product .product-single-background {
	background:url('/img/cms/fond-vagues-3.jpg') #fff;
	background-position:top left;
	background-size:26% auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0.015;
}

@media screen and (max-width:420px) {
	body#product .product-single-background {
		background-size:100% auto;
	}
}

body#product nav.breadcrumb {max-width:1280px; margin:0 auto;padding:1rem 2.5rem;}
.row.product-container {margin-top:3rem;max-width:1280px; margin:0 auto; padding:0; padding-bottom:2rem;}
body#product .container > .row {max-width:1280px; margin:0 auto; background:transparent;}

#product .product-description, .product-miniature .product-description {width:100% !important; /*display:flex;*/}
.product-miniature .product-description {display:flex;}
#product .highlighted-informations, .product-miniature .highlighted-informations {width:100% !important;box-shadow:none !important;}
.product-miniature .product-title {text-align:left !important;text-transform:uppercase !important;flex-grow:1;padding-right:1rem;word-break:keep-all;}
.product-miniature .product-title a {color:#000 !important; font-weight:bold !important;font-size:0.9rem !important;}
.product-miniature .product-price-and-shipping {margin-top:0.7em !important;}
.product-miniature .product-price-and-shipping span {font-size:0.9rem !important;}

.product-flags li.product-flag, .product-flags li.product-flag.on-sale {background:#bf3a77;}

.current-price span {color:#bf3a77;font-size:1.2rem;}

/* style of product-add-to-cart.tpl quantity warning message for Lotus categories (48 to 53) */
.limited-quantity {display:flex; margin-top:2rem;}
.limited-quantity-warning, .limited-quantity-message {color:#bf3a77;}
.limited-quantity-warning {font-size:1.5rem; margin-top:-0.25rem;}
.limited-quantity-message {flex-grow:1; font-size:1.15rem;font-weight:400;}

section.featured-products h2, div.products {
	width:1280px;
	margin:0 auto;
	background:transparent;
}

section.featured-products h2 {padding-left:0.8rem;text-transform:uppercase;}

@media screen and (max-width:420px) {
	#products .thumbnail-container .product-description {
		box-shadow:none;
		background:transparent;
	}
}

/* CHECKOUT */
.blockreassurance_product p {
	margin-left:2.5rem;
}

#promo-code, .promo-code-button {display:block !important;}
.promo-code-button {padding:0 !important;padding-top:1rem !important;text-transform:uppercase;}
#promo-code .cancel-promo {display:none !important;}
.promo-code-icon {width:3.5rem;}
/* a#elmtopmenu i.active:after {
	top:O;
	border-top:5px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0s,.16s;
    transition-delay: 0s,.16s;
}

/* a#elmtopmenu.active i:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0s,.16s;
    transition-delay: 0s,.16s;
}

a#elmtopmenu i:before {
    top: .24em;
	left: .58em;
    -webkit-transition: top .16s .16s,-webkit-transform .16s;
    transition: top .16s .16s,transform .16s;
}

a#elmtopmenu i:after, a#elmtopmenu i:before {
    content: '';
    display: block;
    position: absolute;
    width: .9em;
    height: .12em;
    background: transparent;
}

a#elmtopmenu.active i:before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0s,.16s;
    transition-delay: 0s,.16s;
}

a#elmtopmenu i:after {
    bottom: .44em;
	left: .58em;
    -webkit-transition: bottom .16s .16s,-webkit-transform .16s;
    transition: bottom .16s .16s,transform .16s;
}

a#elmtopmenu i:after, a#elmtopmenu i:before {
    content: '';
    display: block;
    position: absolute;
    width: .9em;
    height: .12em;
    background: transparent;
} */