/* 
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}

/*
html, body {
	overflow-x: hidden;
}
*/

body a.wl-post-btn.elementor-button {
	background: var(--e-global-color-accent);
}
body a.wl-post-btn.elementor-button:hover {
	background: var(--e-global-color-87a90e7);
}

/* Horizontal scrolling */
body:not(.elementor-editor-active) .horizontalScrollContainer {
    overflow: hidden;
}
body .horizontalScrollContainer {
    position: sticky;
    top:0;
}
body .horizontalScrollTranslate.e-con {
    width: fit-content;
    transition: transform 0.14s cubic-bezier(.03,.89,.74,1.01);
}
body .horizontalScrollTranslate > .e-con.e-con {
   min-width: 100vw;
   height: 100vh;
   max-height: 100vh;
   max-width: 100vw; 
}
body.elementor-editor-active .horizontalScrollTranslate {
	flex-direction: column!important;
}
/* /Horizontal scrolling */

/* Scrolling words */
.changing-words {
	display: block;
	position: relative;
	min-width: max-content; /* prend la largeur du mot le plus long */
	height: 1em;
	vertical-align: bottom;
}

.changing-words span {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: max-content;
	white-space: nowrap;
	opacity: 0;
	margin: 0 auto;
	
	opacity: 1;
	display: none; 
}
/* /Scrolling words */