/*---------------------------------------------------!Vocab -----*/

.VocabPicOuterCont{

    text-align:center;

      .TransCardCont{ font-size: 6em; }
}

.VocabPicCont{ font-size:3em; padding: 0.2em; }

.Vocab_TypingCont{margin: 0.2em 0em 1em 0em;}

.MainGamePicCont {
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    font-size: 0.5em;
    background-size: 90%;
    background-position: center;
    background-color: #F2F2F2;
 
}

.VocabSentenceTextCont { font-size: 2em;  margin: 0.2em 1em 0.2em 1em; }

.VocabSentenceTextCont_Char { display: inline-block; white-space: pre; }

.Vocab_HandHolder {
  
    top: -3em;
    left: -3.3em;
    height: 3em;
    width: 3em;
    transition: all .2s;
}

.Vocab_HandHolder.HandHigh {
    top: -8em;
}

.VocabWordContainer {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: .5em;
    margin: .1em .2em .5em .6em;
    padding: 0 1.0em 3em 0;
    min-height:13em; 
    background-color: white;

    
    
    &.VocabWordContainer_Typing {
    margin-top: 4em;
    font-size: 1em;
    padding-bottom: .5em;
    }

    &.CanPlaySound:
        after {
        font-size: 0.8em!important;
    }
}

.VocabWordContainer_Trans{

}

.VocabWordContainer.MultiSyllWord {
    margin-left: 4em;
}
.VocabWordCardContainer{
    font-size: 1.5em;
    margin: 2em 0em;
    
}

.VocabWordContainer_Large {
    
    font-size: 2em;
    
}


.VocabWordContainer_Med {
    
    font-size: 1em;
    
}

.VocabWordContainer_MedSmall {
    
    font-size: 0.6em;
    
}

.VocabWord_CardCont_Multi {
    position: relative;
    display: inline-block;
}

.VocabWord_CardCont {
    
    display: inline-block;
    vertical-align: top;
    
}

.VocabWordSyllContainer {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.VocabWordSyllStressCont {
    position: relative;
    display: inline-block;
    margin: 0 .2em 0 .8em;
    text-align: center;
    vertical-align: top;
    width: 1em;
}

.VocabWordSyllStressCont:first-of-type {
    left: -.7em;
}

.VocabWordSyllStressChar {
    text-shadow: 0 0 1em black;
    text-align: center;
    font-family: "IE";
    font-size: 3em;
    color: black;
}

.VocabSent_TypingChar{

    display: inline-block;
    white-space:pre-wrap;
    font-size: 1.7em;
    
}

.VocabWordLetterCont {
    
    position: relative;
    display: inline-block;
    vertical-align: top;

    &.OnMenuListItem{
        
        font-size: 0.15em;
        margin-left: 0.3em;
        margin-left: 0.1em;
        pointer-events: none;
        
    }
}



.LetterDispCard_WordMarkerEnd {
    font-family: "IE";
    position: absolute;
    font-size: 1.5em;
    padding: .3em;
    bottom: -1.2em;
    left: 80%;
    letter-spacing: -.15em;
    white-space: nowrap;
    overflow: visible;
}

.LetterDispCard_WordMarkerStart {
    font-family: "IE";
    position: absolute;
    font-size: 1.5em;
    padding: .3em;
    bottom: -1.2em;
    left: -1.2em;
    letter-spacing: -.1em;
}

.VocabWordContainer .LetterDispCard {
    margin-bottom: .1em;
}

.VocabWordContainer.PlainText {
    border: none;
    background-color: transparent;
}

.VocabWordContainer.PlainText .LetterDispCard {
    top: 4;
    background-color: transparent;
    padding: 0;
    margin: 0;
    overflow: visible;
}

.VocabWordContainer_PlainText_Cont {
    position: relative;
    display: inline-block;
    padding: .2em;
    font-family: "IE";
    font-size: 2em;
    line-height: 1.1em;
}

.VocabWordContainer_PlainTextGroupMark {
    &.GroupStart {
        margin-right: -.11em;
    }
}

.VocabWordContainer_PlainText_QuestionCard {
    font-size: 3em;
}

.VocabWordContainer_PlainTextGroupNum {
    font-size: .5em;
    vertical-align: super;
    letter-spacing: -.3em;
}

.VocabWordContainer_PlainTextAndTransCont {
    display: flex;
    justify-content: space-between;
    background-color: white;
}

.VocabWordContainer_ForShowTrans {
    font-size: .3em;
    border:none;
    box-shadow:none;
}

.VocabWordContainer_Trans {
    display: inline-block;
    position: relative;
    top: .3em;
    right: .4em;
    vertical-align: top;
    text-align: left;
    padding: 0.3em ;
    
}
.VocabWordContainer_TransSimpleWords {
    display: inline-block;
    margin-top: 0.2em;
    font-family:"IE_Norm";
    font-size: 1.8em;
    line-height: .8em;
    padding: 0 0 0 .05em;
    overflow: visible;
}

.VocabWordContainer_TransWords {
    display: inline-block;
    font-family:"IE_Norm";
    font-size: 1.8em;
    line-height: .8em;
    padding: 0 0 0 .05em;
    overflow: visible;
}

.VocabWordContainer_TransGrammicon {
    position: relative;
    display: inline-block;
    font-family: "Grammicons";
    margin: 0 0 0 .4em;
    font-size: 1.6em;
    color: blue;
}

.VocabWordContainer_Trans_QuestionCard {
    position: relative;
    font-size: 7em;
    padding: .2em 1em;
    border:none;
    box-shadow:none;
    background-color: transparent;
}