/*
============================================================

	Theme Name: Aurum - Child Theme
	Theme URI: http://www.laborator.co/view-theme/aurum
	Author: Laborator
	Author URI: http://laborator.co/
	Description: Use this theme if you want to extend features of Aurum theme or prevent overwriting the changes you make when new theme update is available.
	Version: 1.0
	Template: aurum
	Text Domain: aurum

============================================================
*/
footer.site-footer {
    padding-top: 0px;
   
}
.customcontact {

    display: inline;
    padding: 10px;
}
.recontactpanel{
	display: flex;
    justify-content: space-between;
}

footer .vc_row[data-vc-full-width].vc_hidden {
    opacity: 1;
}
footer .wpb_column .vc_column_container .vc_col-sm-3 span{
	color: #F3F3F3;
}
.reassurance{
	padding: 40px 0;
	background: #F3F3F3;
	margin-bottom: 40px;
}
.reassurance .card {
color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.reassurance .card .card-title h4{
	color: black;
	font-size: 17px;
}
.reassurance .card .card-desc {
	text-align: center;
	font-size: 12px;
}
.reassurance .card .fa{
	font-size: 3rem;
}

@media only screen and (max-width: 790px) {
	.reassurance .col-md-3{
		margin-bottom: 40px;
	}
}


/*******************************************/
/** CUSTOM CSS Catalogue SPORTEL - by MBS **/
/*******************************************/
.clearb {
	clear: both;
}

.catalogue.page-container {
	margin-bottom: 20em;
}

.moncatalogue-head {
	display: grid;
	grid-template: auto 1fr / 1fr auto;
}

.user_delivery, .user_billing {
	margin: 2em 0;
}



.moncatalogue-order .porteur  {
	font-size: 1.3em;
}


.moncatalogue-order .porteur input  {
	border: 1px solid #000;
	padding: .5em;
}



.close-product-popup {
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	z-index: 995;
	background-color: rgba(0,0,0,0.7);
	display: none;
}

.close-product-popup.active {
	display: block;
}

.close-product-popup::after {
	content: 'X';
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 17px;
	font-weight: bold;
	border-radius: 50%;
	background-color: #ff0000;
	color: #fff;
	position: absolute;
	top: 5vh;
	right: 10vw;
	z-index: 999;
	text-align: center;
	cursor: pointer;
}




.user_catalog--product {
	padding: 2em;
	border: 1px solid black;
	display: grid;
	grid-template-columns: 1fr 2fr;
	display: none;
	background-color: #fff;
}

.user_catalog--product.active{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	position: fixed;
	top: 45%;
	left: 50%;
	z-index: 999;
	width: 75vw;
	height: 70vh;
	overflow-y: auto;
	transform: translate(-50%,-50%);
}



.user_catalog--image {
	position: relative;
}

	.user_catalog--image button {
		position: absolute;
		display: inline-block;
		font-weight: bold;
	}
		.user_catalog--image button.img-prev {
			left: 0;
			top: 200px;
		}
		.user_catalog--image button.img-next {
			right: 0;
			top: 200px;
		}

	.user_catalog--image img {
		display: none;
		margin-left: 10%;
	}
		.user_catalog--image img.active {
			display: block;
		}


.user_catalog--content {
	grid-column: 2 / 4;
}

	.user_catalog--content .title {
		font-size: 32px;
		font-weight: bold;
		line-height: 32px;
	}






.price-table {
	width: 100%;
	clear: both;
	background-color: #666666;
	display: none;
}
	.single-produit .price-table {
		display: block;
	}


.price-table .price-table--line span {
	width: 20%;
	display: inline-block;
	float: left;
	padding:  1em;

}

.price-table .price-table--head {
	position: sticky;
	top: 0px;
}

.page-template-tpl-mon-catalogue-v2 .price-table .price-table--head {
	position: sticky;
	top: -30px;
}
	.price-table .price-table--head span {
		background-color: #333333;
		color: #fff;
		font-weight: bold;		
		border-bottom: 1px solid #fff;
	}



.price-table .price-table--item {
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
}
	.price-table .price-table--item span {
		background-color: #666666;
		color: #fff;
		padding: 1.1em;
	}

	.price-table .price-table--item span:nth-child(3) {
		padding: .8em;
	}

	.price-table--item input {
		color: #fff;
		background-color: #333333;
		padding: .5rem;
		border: 0;
		font-size: 1em;
		width: 90%;
	}




.catalogue-btn {
	background-color: #333333;
	color: #fff;
	padding: 1em 2em;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.1em;
	cursor: pointer;
}

.show-table-product i {
	display: inline-block;
	height : 0;
	width : 0;
	border-top : 9px solid #fff;
	border-right : 5px solid transparent;
	border-left : 5px solid transparent;
	margin-left: .5em;
	transform: rotate(0deg);
	transition: transform .4s ease;
}
	.show-table-product.active i {
		transform: rotate(180deg);
	}



.bat-non-pourquoi {
	display: none;
}
	.bat-non-pourquoi label {
		font-size: 1.1em;
	}
	textarea {
		width: 30%;
		height: 5em;
	}


.pack-oui-nombre {
	display: none;
}
	.pack-oui-nombre label {
		font-size: 1.1em;
	}


.catalogue-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 7em;
	background-color: #333;
	border-top: 2px solid #DE7C31;
	color: #fff;
	text-align: center;
	padding-top: 2em;
}

	.catalogue-bar span {
		font-weight: 500;
		font-size: 1.1em;
		padding: 1em 2em;
		margin: 0 1em;
		font-size: 1.2em;
	}

		.catalogue-bar .nouveau {
			background-color: #fff;
			color: #333333;
			cursor: pointer;
		}

		.catalogue-bar .valider {
			background-color: #DE7C31;
			color: #333333;
			cursor: pointer;
		}



.catalogue .wpgb-card {
	cursor: pointer;
}

#reference-number {
	width: 5em;
	background-color: #616161;
	color: #fff;
	font-weight: bold;
}




.clearb {
	clear: both;
}

/* ORDER PAGE : Ma demande en cours devis **/
.page-template-tpl-order #totalTotal,
.page-template-tpl-order-public #totalTotal {
	background-color: #de7c31;
		margin: 1em 0;
}
.page-template-tpl-order #totalTotal p,
.page-template-tpl-order-public #totalTotal p {
	font-size: 1.5em;
	padding: .5em 1em;
}

.page-template-tpl-order ul,
.page-template-tpl-order-public ul {
	position: relative;
	display: block;
	list-style: none;
}
.page-template-tpl-order li,
.page-template-tpl-order-public li {
	list-style: none;
}
.page-template-tpl-order ul ul li p,
.page-template-tpl-order-public ul ul li p {
	display: inline-block;
	float: left;
	width: 15em;
	padding: 0 .5em;
}

.page-template-tpl-order ul ul li:nth-child(even),
.page-template-tpl-order-public ul ul li:nth-child(even) {
	background-color: #fff;
}
.page-template-tpl-order ul ul li:nth-child(odd),
.page-template-tpl-order-public ul ul li:nth-child(odd) {
	background-color: #ebebeb;
	border-bottom: #000 1px solid;
}
.page-template-tpl-order ul ul li p:last-child,
.page-template-tpl-order-public ul ul li p:last-child {
	display: inline-block;
	float: none;
	padding: 0 .5em;
}



.wpgb-grid-4,
.wpgb-grid-8 {
	margin-bottom: 4em !important;
}
.wpgb-grid-4 .wpgb-area-bottom-2,
.wpgb-grid-8 .wpgb-area-bottom-2 {
	margin-top: 2em !important;
}
.wpgb-grid-4 .wpgb-area-top-1>div,
.wpgb-grid-8 .wpgb-area-top-1>div {
	min-width: 45% !important;
}


.wpgb-hierarchy-label {
	font-size: 18px !important;
}



.categorie-produit-block {
	position: relative;
	float: left;
	margin: 1em;
	overflow: hidden;
	border: 2px solid #000;
	border-radius: 6px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 30%;
	height: 250px;
}

.categorie-produit-block span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: .5em;
	font-size: 1.6em;
	width: 100%;
	background-color: #fff;
	color: #000;
}

@media all and (max-width: 900px) {
	.categorie-produit-block {
		display: block;
		width: 97% !important;
		height: 300px !important;
		float: none;
	}

	.categorie-produit-block span {
		font-size: 1.4em;
	}
}

.contenu-post p {
line-height: 1.3em !important;
margin: 1em 0  !important;
font-size: 1.2em !important;
}




.couleurs-container .infobulle {
	display: none;
	position: absolute;
	border: 1px solid #000;
	padding: 4px 8px; 
	border-radius: 5px;
	background-color: #fff;
	font-size: 14px;
}

.couleurs-container .couleur-rond:hover + .infobulle {
	display: block;
}


.couleurs-disponibles .couleur-block {
	cursor: pointer;
}

.couleur-block.active:after {
	content: '';
    width: 110%;
    height: 110%;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    top: -105%;
    margin-left: -5%;
    z-index: -1;
    left: 0;
    border: 3px solid #de7c31;
    display: block;
}



.wpgb-card .wpgb-card-inner::after {
	content: '';
	position: absolute;
	display:block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 70%, rgba(34,34,34,0.4640231092436975) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 70%, rgba(34,34,34,0.4640231092436975) 100%);
background: linear-gradient(0deg, rgba(255,255,255,0) 70%, rgba(34,34,34,0.4640231092436975) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#222222",GradientType=1);

}


.wpgb-card {
	position: relative;
}