/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
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
*/

#custom-header {
	backdrop-filter: blur(6px);
}

#custom-top-header{
	backdrop-filter: blur(20px);
}

.logo-container img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(342deg) brightness(102%) contrast(102%);
}

#custom-submenu .elementor-nav-menu {
	gap: 20px;
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}

#custom-submenu .menu-item {
	flex-direction: column;
}

#custom-submenu .menu-item a {
	flex-grow: initial;
	white-space: normal;
	border: 0;
}

#custom-submenu .menu-item a .sub-arrow {
	display: none
}

#custom-submenu .sub-menu{
	display: block !important;
	position: relative !important;
	top: initial !important;
	left: initial !important;
}

/* Button 
.elementor-button:hover {
  animation: rotate 0.7s ease-in-out both;
}
.elementor-button:hover span {
  animation: storm 0.7s ease-in-out both;
  animation-delay: 0.06s;
}
*/

.card-btn {
	margin-top: auto
}

.card-title {
	hyphens: auto
}

.elementor-button:hover {
letter-spacing: 1px;
box-shadow: 5px 40px -10px rgba(0,0,0,0.2);
transition: all 0.4s ease 0s;
}

a.anchor {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  25% {
    transform: rotate(3deg) translate3d(0, 0, 0);
  }
  50% {
    transform: rotate(-3deg) translate3d(0, 0, 0);
  }
  75% {
    transform: rotate(1deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
}
@keyframes storm {
  0% {
    transform: translate3d(0, 0, 0) translateZ(0);
  }
  25% {
    transform: translate3d(4px, 0, 0) translateZ(0);
  }
  50% {
    transform: translate3d(-3px, 0, 0) translateZ(0);
  }
  75% {
    transform: translate3d(2px, 0, 0) translateZ(0);
  }
  100% {
    transform: translate3d(0, 0, 0) translateZ(0);
  }
}

.tracker-wrapper {
	overflow: hidden;
}
.elementor-scrolling-tracker.elementor-scrolling-tracker-horizontal {
width: 310vh;
}

.graphomemo-logo img {
	filter: brightness(0) saturate(100%) invert(30%) sepia(99%) saturate(1667%) hue-rotate(289deg) brightness(90%) contrast(91%);
}

.happigaido-logo img {
	filter: brightness(0) saturate(100%) invert(43%) sepia(54%) saturate(4705%) hue-rotate(356deg) brightness(99%) contrast(93%);
}

/* Tarte au citron */
#tarteaucitronRoot, #tarteaucitronAlertBig {
	background: #004E98;
}

@media screen and (max-width: 1024px){
	#custom-top-menu, #custom-top-menu .e-n-menu {
		position: initial;
	}
	#custom-top-menu .e-n-menu-wrapper {
		width: 100%;
		left: 0;
		border-radius: 20px;
		overflow: hidden;
	}
}


@media screen and (max-width: 768px){
	#custom-submenu .elementor-nav-menu {
	display: flex;
	flex-direction: column;
}
}

@media screen and (min-width: 768px){
#custom-top-menu .custom-submenu-container {
	left: 10% !important;
	width: 80% !important;
}
	}