/*

 Theme Name:   Aprendo Easy

 Theme URI:    http://educationwp.thimpress.com/

 Description:  Aprendo easy, tu portal de educación de referencia

 Author:       ThimPress

 Author URI:   http://thimpress.com

 Template:     eduma

 Version:      1.0.0

 Text Domain:  eduma-child

*/
#quizGame {
  transition: display .3s ease allow-discrete;
  height: calc(100vh - 150px);
}
#popup-course {
  #popup-content {
    margin-bottom: 0;
  }
  #popup-footer {
    display:none;
  }
}
li.menu-right {
  position: relative!important;
  overflow: visible;
  &:after {
    content:"\263B";
    display: block;
    position: absolute;
    top: -1rem;
    left: -5px;  
    z-index: 99992;
    color: white;
    font-size: 2.5em;
    opacity: .75;
    transition: opacity .3s ease;
    cursor: pointer;
  }
  &:hover, &:active, &:focus {
    &:after {
      opacity: 1;
    }
  }
  ul {
    transform: scale(0) translateY(80px);
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease;
    transform-origin: top center;
    position: absolute;
    display: block;
    #show_pass {
      display: none;
    }
  }
}
li.menu-right.active {
  &:after {
    opacity: 1;
  }
  ul {
    right: -30px;
    opacity: 1;
    transform: scale(1) translateY(0px);
    li {
      width: 70vw;
      max-width: 425px;
      min-width: 325px;
    }
  }
}
@media (max-width: 1024px) {
  li.menu-right {
    &:after {
      left:  -35px;
    }
  }
}
@media (max-width: 578px) {
  li.menu-right.active {
    ul {
      right: -50px;
      li {
        width: 92vw;
        min-width: initial;
        .pmpro_form_field-password-toggle-state {
          max-width: 1px;
          visibility: hidden;
        }
        .login-remember {
          margin-top: 20px!important;
        }
        .login-username label{
          white-space: normal;
          text-align: left;
        }
        h3 {
          text-align: center;
        }
        .pmpro_card_content {
          padding-bottom: 10px;
        }
      }
    }
  }
}
@media (max-width: 390px) {
  li.menu-right.active ul li .pmpro_card_content {
    padding: 15px;
  }
}