/*
Theme Name: Escape Mind Theme
Author: Frederic Henry
Description: Escape Mind Theme est le thème destiné au site Escape-mind.com.
Template: hello-elementor
Version: 1.0
*/

/* caché par défaut via [hidden] */
:root {
  --submenu-max: 420px;
  --defaultColor: #2C3E50;
  --whiteColor: #FFFFFF;
  --defautTxtSize: 16;
}

.menu-heading {
  padding: 0;
}

.menu-heading .sub-menu-content[hidden] { 
  display: none;
}

.menu-heading li.menu-item {
  list-style-type: none;
}

.menu-heading li.menu-item > a,
.menu-heading .sub-menu-content > a {
  color: var(--defaultColor);
  font-size: var(--defautTxtSize) + 'px';
  font-weight: 500;
  line-height: 40px;
}

.menu-heading li.menu-item .sub-menu-content {
  display: flex;
  flex-direction: column;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition:
    max-height .5s ease,
    opacity .5s ease;
  will-change: max-height, opacity;
  padding-left: 1rem;
  margin: 0;
}

.menu-heading li.menu-item.is-open > .sub-menu-content {
  max-height: var(--submenu-max);
  opacity: 1;
  pointer-events: auto;
  margin: 0 0 .5rem;
}

.menu-heading > .menu-item > a { 
  position: relative; padding-right: 1.25rem;
}

.menu-heading > .menu-item:has(> .sub-menu-content) > a::after{
  content: "▾";
  position: absolute; right: 0; top: -3px;
  line-height: 1.8;
  transition: transform .2s ease;
  font-size: .9em;
}
.menu-heading > .menu-item.is-open > a::after { 
  transform: rotate(180deg);
}

.elementor-message.elementor-message-success.elementor-message-svg {
  color: var(--whiteColor);
}

@media screen and (max-width:640px) {
  .menu-heading li.menu-item > a,
  .menu-heading .sub-menu-content > a {
    line-height: 30px;
  }
}