/* TLGA ww-header.css — WW burger trigger clone, adapted to TLGA body.menu-visible. */

:root {
  --ww-menu-padding: 40px;
  --timing: .25s;
  --easing1: cubic-bezier(0.83, 0, 0.17, 1);
}

.menutrig {
  position: fixed !important;
  right: var(--ww-menu-padding) !important;
  top: var(--ww-menu-padding) !important;
  width: var(--ww-menu-padding) !important;
  height: var(--ww-menu-padding) !important;
  min-width: var(--ww-menu-padding) !important;
  min-height: var(--ww-menu-padding) !important;
  border-radius: 50% !important;
  background-color: #FFFFFF !important;
  display: block !important;
  z-index: 9999 !important;
  cursor: pointer !important;
}

.menutrig > div {
  width: calc(var(--ww-menu-padding) / 2) !important;
  height: calc(var(--ww-menu-padding) / 2) !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.menutrig span {
  width: 100% !important;
  height: 2px !important;
  border-radius: 2px !important;
  background-color: #000000 !important;
  display: block !important;
  transition: all var(--timing) var(--easing1) !important;
}

.menutrig span:first-of-type {
  position: absolute !important;
  top: 25% !important;
}

.menutrig span:last-of-type {
  position: absolute !important;
  bottom: 25% !important;
}

body.menu-visible .menutrig span:first-of-type {
  position: absolute !important;
  top: 45% !important;
  transform: rotate(45deg) !important;
}

body.menu-visible .menutrig span:last-of-type {
  position: absolute !important;
  bottom: 45% !important;
  transform: rotate(-45deg) !important;
}

@media (max-width: 720px) {
  :root { --ww-menu-padding: 30px; }

  .menutrig {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    top: var(--ww-menu-padding) !important;
    right: var(--ww-menu-padding) !important;
  }

  .menutrig > div {
    width: 22px !important;
    height: 22px !important;
  }
}

@media (max-width: 640px) {
  :root { --ww-menu-padding: 20px; }
}