/*
 Theme Name:   Qwantum Child
 Theme URI:    -
 Description:  -
 Author:       Simon Collignon
 Author URI:   -
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         -
 Text Domain:  qwantumchild
*/

/*=======================================
 * Custom Stacking Order Snippet
 * ======================================*/

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
	}
	 
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
	-webkit-order: 1;
	order: 1;
	}
	 
	.second-on-mobile {
	-webkit-order: 2;
	order: 2;
	}
	 
	.third-on-mobile {
	-webkit-order: 3;
	order: 3;
	}
	 
	.fourth-on-mobile {
	-webkit-order: 4;
	order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
	margin-bottom: 30px;
	}
	 
	}

/*=======================================
 * Filterable Portfolio Module 
 * ======================================*/

.et_pb_filterable_portfolio .et_pb_portfolio_item h2 {
	font-size: 18px !important;
}

.post-brand {
	color: #0c71c3;	
	margin-top: 15px; 
	padding: 0;
}
.post-specifications {
    margin-top: 0;
	padding-top: 0;
    color: #555;
    font-size: 12px !important;
}
.post-button {
	font-size: 0.8rem;
	display: inline-block;
	position: relative; 
	line-height: 0.8rem; 
	color: #fff;
	padding: 0.45rem 0.8rem 0.4rem 0.8rem;
	background: rgba(189, 26, 37, 1); 
	border-radius: 0.75rem;
}
.post-button:hover {
	background: rgba(189, 26, 37, 0.8); 
	transition: background 0.2s linear;
}
.post-button {
	margin: 5px 5px 5px 0;
}
@media (min-width: 981px) {
	.et_pb_tabs, .et_pb_wc_tabs {
    	width: 450px;
	}
}
@media (min-width: 1100px) {
	.et_pb_tabs, .et_pb_wc_tabs {
    	width: 500px;
	}
}

/*=======================================
 * Transfusion Page
 * ======================================*/

.transfusion-list li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	min-height: 3em; 
	display: flex;
	align-items:center; 
	font-size: 14px;
}
.transfusion-list li a {
	display: flex; 
	align-items: bottom;
	color: #0c71c3; 	 
}
.transfusion-list li a::after {
	font-family: 'ETmodules';
	content:"5";
	color: #2f8cff; 
	opacity: 0; 
	transform:translateX(-10px); 
	font-size: 20px; 
	transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out
}
.transfusion-list li a:hover {
	color: #2f8cff; 
	cursor:pointer;
}
.transfusion-list li a:hover::after {
	opacity: 1; 
	transform:translateX(0px); 
}

/* portfolio */

.portfolio-constraint .et_pb_portfolio_filter {
	display: none; 
}
.portfolio-constraint .et_pb_portfolio_items {
	display: flex; 
	flex-direction: row;
	justify-content: space-evenly;
}
.portfolio-constraint .et_pb_portfolio_item {
	width: 250px; 
	margin: 0px 10px;
}

/*=======================================
 * Product cards
 * ======================================*/

 .product-card {
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
}
 .product-card__image {
	object-fit: cover;
	width:100%; 
	height:170px;
 }
 .product-card__description {
	padding:30px;
	min-height:200px;
	background:#fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:space-between;
	border-radius: 0 0 25px 25px;
	box-shadow: 0px 30px 50px -50px rgba(0,0,0,0.1);
 }
 .product-card__title {
	text-align:center;
	line-height:1.8em;
}
 .product-card__btn-wrapper {
	background:rgba(0, 0, 0, 0.05);
	border-radius: 100px;
	transition:all 0.3s ease-in-out;
 }
 .product-card__btn {
	display:inline-block;
	color:#2F8CFF;
	padding:0.3em 1em; 
	letter-spacing: 1px;
	transition: all .3s ease-in-out;
 }
 .product-card__btn-wrapper:hover {
	background:#bd1a25;
	transition:all 0.3s ease-in-out;
 }
 .product-card__btn-wrapper:hover .product-card__btn {
	color:#fff;
	transition: all .3s ease-in-out;
 }
.cgv {
	color:#666 !important;
	font-weight: 700;
}