/* 
Theme Name:     WEBLOFT
Theme URI: 		http://www.webloft.ca/
Description: Thème personnalisé pour le client. Habituellement développé à partir d'un PSD fournis par votre agence de communication. Pour plus d'informations, veuillez communiquer avec votre agence ou le support de Webloft au 514-945-3700 / support@webloft.ca
Author:         WEBLOFT // JFRanger, Maxime & Dominique
Theme URI: 		http://www.webloft.ca/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.nomargin,
.nomargin p,
.no-margin,
.no-margin p,
.nopadding,
.nopadding p,
.no-padding,
.no-padding p{margin:0 !important; padding:0 !important}


/*MEGA MENU*/
.cm-cta-megamenu .elementor-cta__bg{
	transition: all 0.25s !important;
} 

.cm-cta-megamenu .elementor-cta__bg-overlay,
.cm-cta-solutions-megamenu .elementor-cta__bg-overlay{
	transition: all 0s !important;
} 

.cm-cta-megamenu .elementor-cta__bg,
.cm-cta-solutions-megamenu .elementor-cta__bg{
	filter: grayscale(100%) !important;
	transition: all 0s !important;
} 

.cm-cta-megamenu:hover .elementor-cta__bg-overlay,
.cm-cta-solutions-megamenu:hover .elementor-cta__bg-overlay{
	background-color: rgba(255, 27, 45, 0.65) !important;
	filter: grayscale(1) sepia(0.8) hue-rotate(-48deg) saturate(9) brightness(2.5);  
	opacity: 0.7;
} 

.cm-cta-solutions-megamenu .elementor-cta__title{
	display: block !important;
	background: #25282a;
	padding: 8px 22px !important; 
}

@media screen and (max-width: 1024px) {
	.wl-menu .e-n-menu-item.active .e-n-menu-title .e-n-menu-title-text {
		font-family: "Gotham", Sans-serif;
		font-size: 22px;
		font-weight: 700!important;
		line-height: 1.2em;
		fill: var(--e-global-color-text);
		color: var(--e-global-color-text);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 18px 18px;
		background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9L2.5 9M2.5 9L7.1875 14M2.5 9L7.1875 4' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		padding-left: 28px;
	}
	.wl-menu .e-n-menu-item.active .e-n-menu-title .e-n-menu-dropdown-icon {
		display: none;
	}
	.wl-menu:has(.e-n-menu-item.active) .e-n-menu-item {
		display: none!important;
	}
	.wl-menu:has(.e-n-menu-item.active) .e-n-menu-item.active {
		display: flex!important;
	}
	
	.wl-menu .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
		order: -5;
	}
	.wl-menu .elementor-widget-n-accordion .e-n-accordion:has(.e-n-accordion-item[open]) .e-n-accordion-item {
		display: none!important;
	}
	.wl-menu .elementor-widget-n-accordion .e-n-accordion:has(.e-n-accordion-item[open]) .e-n-accordion-item[open] {
		display: flex!important;
	}
	.wl-menu .elementor-widget-n-accordion .e-n-accordion .e-n-menu-content>div {
		min-height: auto!important;
	}
	
	/*
	.wl-menu .e-n-tabs .e-n-tab-title {
		order: 1!important;
		margin-bottom: 0!important
	}
	.wl-menu .e-n-tabs .e-n-tab-title .e-n-tab-title-text {
		font-family: "Roboto", Sans-serif;
		font-size: 14px;
		font-weight: 500!important;
		line-height: 1.2em;
		fill: var(--e-global-color-text);
		color: var(--e-global-color-text);
	}
	.wl-menu .e-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 18px 18px;
		background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9L2.5 9M2.5 9L7.1875 14M2.5 9L7.1875 4' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		padding-left: 28px;
	}
	.wl-menu .e-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-icon,
	.wl-menu .e-n-tabs .e-n-tab-title .e-n-tab-icon svg {
		display: none!important;
	}
	.wl-menu .e-n-tabs .e-n-tab-title[aria-selected="false"] .e-n-tab-icon {
		width: 10px;
		height: 8px;
		background-position: right center;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url("data:image/svg+xml,%3Csvg width='9' height='11' viewBox='0 0 9 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.5L4.5 10.5M4.5 10.5L8.5 6.75M4.5 10.5L0.500001 6.75' stroke='%23AB1A2D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	}
	.wl-menu .e-n-tabs:has(.e-n-tab-title[aria-selected="true"]) .e-n-tab-title {
		display: none!important;
	}
	.wl-menu .e-n-tabs:has(.e-n-tab-title[aria-selected="true"]) .e-n-tab-title[aria-selected="true"] {
		display: flex!important;
	}
	*/
	
}

/*Hero*/

.cm-hero-slider .swiper-pagination-bullet {
	opacity: 1 !important;
	background: transparent !important;
	border: 1px solid var(--e-global-color-primary) !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	transition: all 0.3s ease;
}  

.cm-hero-slider .swiper-pagination-bullet-active {
	background: var(--e-global-color-primary) !important;
}

/*General*/

.cm-button .elementor-button:hover {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.cm-button-arrow .elementor-button-content-wrapper .elementor-button-icon svg {
	transition: all 0.25s;
	width: 18px;
}

.cm-button-arrow .elementor-button:hover .elementor-button-icon svg {
	transform: translateX(5px);
	stroke: var(--e-global-color-primary) !important;
}

.cm-button-arrow .elementor-button:hover .elementor-button-icon svg path {  
	stroke: var(--e-global-color-primary) !important;
}

.cm-menu .e-n-menu-item button.e-n-menu-dropdown-icon{
	transition: all 0.25s;
	transform: rotate(0deg) scale(1.1) translateY(0px);
} 

.cm-menu .e-n-menu-item:hover button.e-n-menu-dropdown-icon{
	transform: rotate(180deg) scale(1.1) translateY(0px) !important;
} 

.cm-category-box .elementor-cta,
.cm-category-box .elementor-cta__content{
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
}

.cm-category-box .elementor-cta__title{
	margin-top: auto !important;
}

.cm-category-box .elementor-cta__button-wrapper .elementor-cta__button {
	display: none !important;
}

.cm-category-box .elementor-cta__button-wrapper:after {
	content: url('/wp-content/uploads/2025/11/right-arrow.svg');
	transition: all 0.25s;
}

.cm-category-mega-box{
	border: 1px solid #f2f2f2;
	padding-top: 2px;
	padding-bottom: 5px;	
	transition: all 0.25s;
}

.cm-category-mega-box:hover{
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
	border-bottom: 2px solid var(--e-global-color-primary);
}

.cm-cat-box:hover{
	background: #f7eeee !important
}

.cm-cat-box:hover .cm-category-box .elementor-cta__button-wrapper:after {
	filter: brightness(0) saturate(100%) invert(19%) sepia(31%) saturate(5520%) hue-rotate(334deg) brightness(92%) contrast(103%);
	margin-left: 10px;
}

.cm-accordeon .e-n-accordion-item-title {
	min-height: 60px !important;
}

.cm-accordeon .e-n-accordion-item .e-n-accordion-item-title-icon {
	transition: transform 0.3s;
	margin-right: 10px;
}

.cm-accordeon .e-n-accordion-item[open] .e-n-accordion-item-title-icon  {
	transform: rotate(180deg) !important;
	transition: transform 0.3s;
}

@media (max-width: 767px){
	.cm-hero-slider .swiper-pagination-bullet {
		margin: 5px !important;
	}

	.cm-hero-slider .swiper-pagination{		
		margin-top: -5px !important;
	} 
	
	.cm-category-box .elementor-cta__image{
	  display: none !important;
	}

	.cm-category-box .elementor-cta__title{
	  padding-top: 10px;
	}
}

@media (min-width: 767px) {
	.cm-hero-slider.elementor-widget-n-carousel.elementor-pagination-position-outside>.elementor-widget-container>.swiper{
		padding-bottom: 0 !important;
	}

	.cm-hero-slider .swiper-pagination{
		bottom: auto !important;
		left: 33% !important;
		width: auto !important;
		top: 50% !important;
		right: 15px !important;
		transform: translateY(-50%) translatex(5px) !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
	}
}

@media (max-width: 1024px) and (min-width: 768px){
	.cm-hero-slider .swiper-pagination{
		left: 37% !important;		
	}
}

/* Yoast */
#breadcrumbs .sep {
	display: inline-block;
	width: 6.811px;
	height: 9.907px;
	margin: 0 3px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85747 0L0 1.85747L3.09579 4.95326L0 8.04904L1.85747 9.90652L6.81073 4.95326L1.85747 0Z' fill='black'/%3E%3C/svg%3E%0A");
}

#breadcrumbs a:hover {
	color: var(--e-global-color-primary);
}
/* /Yoast */

/* FacetWP */
body .facetwp-facet {
	margin-bottom: 0;
}
body .facet-wrap > h1,
body .facet-wrap > h2,
body .facet-wrap > h3,
body .facet-wrap > h4,
body .facet-wrap > h5,
body .facet-wrap > h6,
body .flyout-row > h1,
body .flyout-row > h2,
body .flyout-row > h3,
body .flyout-row > h4,
body .flyout-row > h5,
body .flyout-row > h6 {
	color: #000;
	font-family: "Roboto";
	font-size: 20px;
	font-style: normal;
	font-weight: 800;
	line-height: 1.2em;
	margin-top: 0;
}

.facetwp-type-checkboxes {
	display: flex;
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 0;
}
body .facetwp-checkbox {
	margin-bottom: 0;
	display: inline-block;
	padding: 3px 8px 3px 28px;
	border: 1px solid #F2F2F2;
	color: rgba(37, 40, 42, 1);
	font-family: "Roboto";
	font-size: 15px;
	font-weight: 300;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.375' y='0.375' width='13.25' height='13.25' fill='white'/%3E%3Crect x='0.375' y='0.375' width='13.25' height='13.25' stroke='%2325282A' stroke-width='0.75'/%3E%3C/svg%3E%0A");
	background-position: left 8px center;
	background-size: 14px 14px;
}
body .facetwp-checkbox.checked {
	background: rgba(171, 26, 45, 1);
	color: #ffffff;
	background-size: 14px 14px;
	background-position: left 8px center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.375' y='0.375' width='13.25' height='13.25' stroke='white' stroke-width='0.75'/%3E%3Cpath d='M10.5036 3L7 6.50365L3.49635 3L3 3.49635L6.50365 7L3 10.5036L3.49635 11L7 7.49635L10.5036 11L11 10.5036L7.49635 7L11 3.49635L10.5036 3Z' fill='white'/%3E%3C/svg%3E%0A");
}
body .facetwp-checkbox:hover {
	background-color: #F7EEEE;
	border-color: #F7EEEE;
}

body .facetwp-checkbox .facetwp-display-value {
	padding-right: 0;
}

body .facetwp-selections ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
	gap: 20px;
}

body .facetwp-selections li {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
	gap: 20px;
}

.facetwp-selections li .facetwp-selection-value {
	margin: 0;
	padding: 15px 42px 15px 15px;
	font-family: "Gotham";
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	color: #000;
	background: #F2F2F2;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2555 0L6 5.25547L0.744526 0L0 0.744526L5.25547 6L0 11.2555L0.744526 12L6 6.74453L11.2555 12L12 11.2555L6.74453 6L12 0.744526L11.2555 0Z' fill='black'/%3E%3C/svg%3E%0A");
	background-size: 12px 12px;
	background-position: right 15px center; 
}

body .facetwp-slider-wrap {
	padding-bottom: 0;
}
.facetwp-slider-wrap .noUi-horizontal {
	height: 3px;
}
.facetwp-slider-wrap .noUi-target {
	background: #B3B2B2;
	border-radius: 0;
	border: none;
	padding: 0;
}
.facetwp-slider-wrap .noUi-connect {
	background: rgba(171, 26, 45, 1);
}
.facetwp-slider-wrap .noUi-handle {
	border: 1px solid #fff;
	border-radius: 100px;
	background: rgba(171, 26, 45, 1);
}
.facetwp-slider-wrap .noUi-horizontal .noUi-handle {
	width: 15px;
	height: 15px;
	right: 0;
	top: -6px;
}
.facetwp-slider-wrap .noUi-horizontal .noUi-handle.noUi-handle-lower {
	right: -14px;
}

.facetwp-facet-pagination .facetwp-pager {
	display: flex;
	gap: 10px;
	flex-direction: row;
	align-items: center;
}
.facetwp-facet-pagination .facetwp-page {
	min-width: 32px;
	display: flex;
	padding: 8px;
	margin-right: 0;
	justify-content: center;
	align-items: center;
	color: #000;
	text-align: center;
	font-family: "Roboto";
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	transition: all 0.5s;
	padding: 4px;
}
.facetwp-facet-pagination .facetwp-page:not(.prev):not(.next) {
	border: 1px solid rgba(242, 242, 242, 1);
}
.facetwp-facet-pagination .facetwp-page:not(.prev):not(.next):hover,
body .facetwp-facet-pagination .facetwp-pager .facetwp-page.active:not(.prev):not(.next):hover {
	border-color: #F7EEEE;
	background-color: #F7EEEE;
}
.facetwp-facet-pagination .facetwp-page.prev:hover svg {
	transform: translateX(-10px);
	transition: all 0.5s;
}
.facetwp-facet-pagination .facetwp-page.next:hover svg {
	transform: translateX(10px);
	transition: all 0.5s;
}
.facetwp-facet-pagination .facetwp-page.prev:hover svg path,
.facetwp-facet-pagination .facetwp-page.next:hover svg path {
	stroke: rgba(171, 26, 45, 1);
}
body .facetwp-facet-pagination .facetwp-pager .facetwp-page.active:not(.prev):not(.next) {
	border: 1px solid rgba(37, 40, 42, 1);
	min-width: 50px!important;
	font-size: 20px;
	font-weight: 700;
	padding: 8px;
	min-width: 40px;
}

.facetwp-flyout .facetwp-counter,
.flyout-row.name-search {
	display: none;
}
.facetwp-flyout-content>.flyout-row:not(:last-child) {
	margin-bottom: 30px;
}
.facetwp-flyout .facetwp-facet.facetwp-facet-capacity {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.facetwp-flyout .facetwp-facet.facetwp-facet-capacity>div:last-child {
	display: none;
}
.facetwp-flyout .facetwp-slider-label {
	order: -1;
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: space-between;
}
.facetwp-flyout .facetwp-slider-label>span {
	padding: 3px 8px 3px 8px;
	border: 1px solid #F2F2F2;
	color: #000;
	font-family: "Gotham";
	font-size: 12px;
	font-weight: 700;
}
.facetwp-flyout .facetwp-facet.facetwp-facet-license .facetwp-checkbox {
	background-image: none;
	padding-left: 8px;
}
.facetwp-flyout-close {
	text-align: right;
	line-height: 20px;
	cursor: pointer;
	font-size: 30px;
	font-family: 'Gotham';
	font-weight: 700;
	padding: 15px;
}
body .facetwp-flyout-content {
	padding: 10px 20px 30px;
}
/* /FacetWP */

/* Shortcodes */

	/* acf_gallery_slider */
	.splide {
	  width: 100%;
	  margin: 0 auto;
	}
	
	.splide__slide {
		margin-right: 0!important;
	}
	
	.splide__track--loop .splide__slide img {
		height: 480px;
		object-fit: cover;
	}

	.splide__slide img {
	  display: block;
	  width: 100%;
	  height: auto;
	}

	.splide__thumbs {
	  margin-top: 8px;
	}

	.splide__thumbs .splide__slide {
	  height: 110px;
	  cursor: pointer;
	  overflow: hidden;
	  border: none;
	}

	.splide__thumbs .splide__slide img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  transition: border-color 0.3s;
	}
	.splide__thumbs .splide__list {
		gap: 10px;
	}
	body .splide__track--nav>.splide__list>.splide__slide {
		border: none;
	}
	
	body button.splide__arrow {
		background-color: transparent;
		padding: 0;
		border-radius: 0;
		width: auto;
		height: auto;
		opacity: 1;
	}
	body button.splide__arrow:hover {
		border: none!important;
	}
	body button.splide__arrow svg {
		fill: transparent;
		height: initial;
		width: initial;
	}
	
	body .splide__track--nav>.splide__list>.splide__slide.is-active {
		position: relative;
		border: none;
	}
	body .splide__track--nav>.splide__list>.splide__slide.is-active:before {
		content: "";
		height: 100%;
		width: 100%;
		border: 4px solid var( --e-global-color-primary );
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
	}
	@media (max-width: 1024px) {
		.splide__track--loop .splide__slide img {
			height: 350px;
		}
	}
	@media (max-width: 767px) {
		.splide__track--loop .splide__slide img {
			height: 450px;
		}
	}
	@media (max-width: 500px) {
		.splide__track--loop .splide__slide img {
			height: 400px;
		}
	}
	/* /acf_gallery_slider */
	
	/* wl_product_status */
	.wl-product-status {
		display: flex;
		flex-direction: row;
		gap: 10px;
	}
	.wl-product-status span {
		color: #FFF;
		font-family: "Gotham";
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		background: rgba(171, 26, 45, 1);
		padding: 3px 10px;
	}
	.wl-product-status span:not(.term-64) {
		display: none;
	}
	/* /wl_product_status */
	
	/* wl_fwp_search */
	#facetwp-search-form input {
		min-width: 200px;
		border: none;
		border-radius: 0;
		font-family: "Roboto";
		font-size: 12px;
		font-style: normal;
		font-weight: 300;
		color: #000;
		background: #fff;
		padding: 8px 40px 8px 15px;
		background-repeat: no-repeat;
		background-position: right 15px center;
		background-size: 18px 18px;
		background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9L15.5 9M15.5 9L10.8125 4M15.5 9L10.8125 14' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
	/* /wl_fwp_search */
	
	/* wl_product_brand_name */
	.wl-product-brand {
		font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
		font-size: var(--e-global-typography-secondary-font-size);
		font-weight: var(--e-global-typography-secondary-font-weight);
		line-height: var(--e-global-typography-secondary-line-height);
		color: var(--e-global-color-secondary);
	}
	.wl-product-brand img {
		height: 120px;
		width: auto;
	}
	/* /wl_product_brand_name */

/* /Shortcodes */