#menuToggle {display: flex;flex-direction: column;align-items: flex-end;-webkit-user-select: none;user-select: none;}
/* #menuToggle input {
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
} */
#menuToggle input {display: none;}
#menuToggle span {display: flex;height: 6px;width: 50px;margin-bottom: 5px;position: relative;border: 2px solid #c1b19b;transform-origin: 5px 0px;transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;z-index: 1;}
#toggle-container {display: flex;flex-direction: column;justify-content: center;align-items: center;position: fixed;width: 100%;height: 100%;top: 0;right: 0;margin: 0;background-color: #323031;background-image: url(/wp-content/uploads/2024/03/MENTOR_STROKE_w.svg); stroke: #98785f; background-repeat: no-repeat;background-size: contain;background-position: center; -webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(120%, 0);transition: transform 0.5s;}
#toggle-container a {color: #c1b19b;transition: 200ms; font-family: 'Tinos';}
#toggle-container a:hover {opacity: 0.5;}
#language-switcher {display: inline-flex;margin-bottom: 1rem;}
#mobile-style-menu li {padding: 1rem 0;transition-delay: 2s;}
#mobile-style-menu {display: flex;flex-direction: column;justify-content: center;align-items: center;}

/*Font Size*/
#language-switcher li {margin: 0 1rem;}
#language-switcher a {font-size: 2rem;}
#language-switcher a:hover {font-size: 3rem;}
#mobile-style-menu a {font-size: 3rem;font-weight: 500;}
#mobile-style-menu a:hover {font-size: 4rem;}

/*Checked*/
#menuToggle input:checked ~ span {transform: rotate(45deg) translate(-2px, -8px);opacity: 1;}
#menuToggle input:checked ~ span:nth-child(3) {transform: rotate(0deg) scale(0.2, 0.2);opacity: 0;}
#menuToggle input:checked ~ span:nth-child(4) {width: 50px;transform: rotate(-45deg) translate(0, -1px);}
#menuToggle input:checked ~ #toggle-container {transform: none;}

@media (max-width: 767.98px) {
  #toggle-container a {text-align: center;}
  #language-switcher a {font-size: 1.2rem;}
  #language-switcher a:hover {font-size: 2.2rem;}
  #mobile-style-menu li {padding: .2rem 0;}
  #mobile-style-menu a {font-size: 2rem;line-height: 2rem;}
  #mobile-style-menu a:hover {font-size: 3rem;}
}