/* --------------------------------------------------- !SpellssWin - */

.SpellCardCont{
    position:relative;
    display:inline-block;
    margin: 1em 0.2em 0.2em 0.2em;
    vertical-align:top;
    font-size: 1.7em;

    & .SentenceDisp_JustText{
        text-align: center;
        font-size: 0.8em;
        margin : 0.2em 0em;
        color: black;
        
    }
}

@scope(.SpellsWin_AlllCardsCont) {
    .SpellCardCont{
        position:relative;
        display:inline-block;
        margin: 1em 0.2em 0.2em 0.2em;
        vertical-align:top;
        font-size: 1.7em;
        height: 8em;
        border-radius: 0.3em;
    }

}

.ListWin_SpellCard{
    
    position:relative;
    top:-2.75em;
    background-color:white;;
    border:1pt solid gray;
}

.Spells_SoundCard{
    
    display:block;
    left: 0.1em;
    top:0;
    text-align:center;
    font-size: 3.1em;
    border:1pt solid gray;
    height:2.3em;
    

    .Spells_SoundCardText{
        
        position:relative;
        top:-0.05em;
        
       &.Spells_SoundCardTextSoundicon{
           font-family:"Soundicons";
           font-size: 0.6em;
           top: 1.2em;
           -webkit-text-stroke-width: 0.05em;
           -webkit-text-stroke-color: black;
       }
        
    }
    
}

.SpellsWinCont {
   
    padding-left: 0.3em;
    padding-right: 0.3em;

    .SpellCardCont{
        
        margin-bottom: 3.3em; 
        
    }
    
    .ListWin_NavBar {

        
    }

    .SpellsWin_SpellCharsCont{
        height:5.5em;
        padding: 0 1em;
        font-size: 3em;
        margin: 0.5em 0 0.5em 3em;
}

.SpellsWin_SpellTextCont{

    font-size: 2em;

}

.SpellsWin_SpellTransTextCont{

    display: inline-block;
    font-size: 2em;

}

}
.SpellDesc_Item  {

     display: inline-block;
}

.SpellDesc_SoundiconItem  {

   font-family: "Soundicons";
    color:purple;
    margin: 0 0 0 0.3em;
    -webkit-text-stroke:0.05em purple;
    
}


.SpellsWin_AlllCardsCont{
    
    position:relative; 
    font-size:0.8em;


}
    
.SpellCard{
    
    text-align:center;
    height: 5.9em;
    width: 3.5em;
    vertical-align:top;
    margin: 0.2em 0.2em;
    
}
    
.SpellCard_Soundicon{
    
    position: relative;
    top:0.2em;
    font-family: "Soundicons";
    font-size: 2em;
    -webkit-text-stroke-width:  0.02em;
    
}

.SpellCard_ExampleWord{

    position: relative;
    top: -0.4em;
    font-size: 0.8em;

    b{
        color:red;
        font-weight:500;
    }

     u{
        color:red;
        font-weight:600;
        text-decoration: none;
    }
    
}

.SpellCard_SpellItemsCont{
    
    position:relative;
    width: 110%;
    left: -0.15em;
    height: 3.0em;
    top: 0.75em;
    padding: 0.4em 0 0 0;
        
}
.SpellCard_ExampleWord{

    font-size: 1.2em;
}


 .SpellBox_Cont { /* in em */
     
     position: relative;
     font-size: 2.0em;
     height: 2em;
     width: 4em;
     margin: 0.3em;
     padding-top: 0.3em;
     text-align: center;
     background-color: ivory;

        &.OnMenuListItem{
            
             vertical-align:top;
             font-size:0.5em;
             margin: 0.05em;
             width:4.5em;
             height:2.2em;
        }
    }

.SpellBox_ExampleWord{
        
    position:relative;
    top: -0.4em;
    color:blue;
    font-size: 0.5em;
    font-family:"IE";
    color:black;
    
}