/* 
Theme Name: Theme Idylliq
Theme URI: https://idylliq.ca/
Description: Theme wordpress/woocommerce
Author: Idylliq team
Author URI: https://idylliq.ca/
Template: hello-elementor
Version: 2.0.0
Text Domain: theme-idylliq
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/**** Home Menu ****/
.home header div:first-child {
	background-color: var(--e-global-color-primary) !important;
}
.home .logo-menu svg path {
   fill: var(--e-global-color-text) !important;
}
.home .icon-menu svg path {
   fill: var(--e-global-color-text) !important;
}
.home .icon-menu-contact svg path {
   fill: var(--e-global-color-text) !important;
}
.icon-menu a:hover svg path,
.icon-menu-contact a:hover svg path {
   fill: var(--e-global-color-secondary) !important;
}
/**** Lignes de fond (droite & gauche) ****/
.line::before {
	left: 10%;
}
.line::after {
   right: 10%;
}
.line::after,
.line::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;	
	width: 1px;
	background-color: var(--e-global-color-accent);	
	pointer-events: none;
	z-index: 0;
}
.line.light::after,
.line.light::before {
	background-color: var(--e-global-color-primary)!important;
}
@media (max-width:767px){
.line::before {
	left: 5%;
}
.line::after {
	right: 5%;
}
}
/**** Rotation image ****/
.rotation svg {
  animation: rotation 20s linear infinite;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/**** Icon BTN ****/
.btn svg {
    width: 29px;
}
.btn:hover svg {
  animation: bounce-x 0.7s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
}
@keyframes bounce-x {
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(8px); }
}
/**** Footer ****/
.footer-fixe {
    z-index: -1 !important;
}