.weedhangman .btn,
.hangman-workspace h4,
.hangman-workspace h3 { font-family:'Arial Black',Helvetica, Arial, sans-serif;}
.hangman-game { width:50%;display:block;height:auto;position:relative;float:left;box-sizing:border-box;}
.hangman-bg { width:50%;position:relative;background:transparent;display:block;float:left;box-sizing:border-box;}

.hangman-relative { position:relative;}
.hangman-workspace { overflow:hidden;margin:0 0 20px 0;text-align:center;background:transparent;padding:15px;display:block;}
.hangman-valign { position: absolute;width:100%;left:0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
.hangman-dialog-valign { position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
.hangman-alphabet { position:relative;z-index:100; }
#hangman-letters { background:transparent;width:auto;margin:0 auto;border-radius:10px;padding:5px 10px;margin-bottom:20px;display:inline-block;position:relative;z-index:100;}
#hangman-letters span { font-family:'Arial Black',san-serif;margin:0 3px 2px 0;padding-bottom:0px;width:32px;text-align:center;display:inline-block;border-bottom:4px solid rgba(255,255,255,1);color:#fff;
    text-indent:-9999px;font-size:1.8em !important;}
#hangman-letters span.space { border-bottom:0;width:15px;display:inline-block;}
#hangman-letters span.found-letter { border-bottom:4px solid #c0ffcb;color:#c0ffcb;text-indent: inherit;}


.hangman-alphabet p { margin:0 0 5px 0;}
.hangman-alphabet-spacer { margin-bottom:5px;}
.hangman-alphabet a { font-family:'Arial Black',san-serif;display:inline-block;text-transform:uppercase;width:48px;height:54px;line-height:54px;font-size:1.8em !important;text-align:center;border-radius:5px;background:#fff;color:rgba(0,0,0,0.8);text-decoration:none;}
.hangman-alphabet a:hover { background:#fff;color:rgba(0,0,0,0.8);text-decoration:none;}
.hangman-alphabet a.found { background:#c0ffcb;color:rgba(0,0,0,0.8);cursor:not-allowed; }
.hangman-alphabet a.found:hover { background:#c0ffcb;color:rgba(0,0,0,0.8);cursor:not-allowed;}
.hangman-alphabet a.not-found { background:#eb4141;color:rgba(128,21,21,1);cursor:not-allowed;}
.hangman-alphabet a.not-found:hover { background:#eb4141;color:rgba(128,21,21,1); cursor:not-allowed;}

.hangman-stats { text-align:center;width:100%;margin-bottom:20px;color:#666;font-size:1em;}
@media screen and (max-width:1200px) {
    .hangman-alphabet a { width:32px !important;}
    .hangman-stats { text-align:center;width:100%;color:#666;font-size:14px;}
}

@media screen and (max-width:1024px) {
    .hangman-alphabet a { width:24px !important;height:28px;line-height:28px;margin-right:-4px;}
}

@media screen and (max-width:960px) {
    .hangman-alphabet a { width:24px !important;height:28px;line-height:28px;margin-right:-4px;}
}

#hangman-overlay { display:none;background:rgba(0,0,0,0.7);z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;}
.no-area {
    position: absolute;
    left: -999em
}
#hangman-timeout-game { display:none;}
#hangman-won-game { display:none;}
#hangman-lost-game { display:none;}
.hangman-modal a,
#hangman-lost-game a,
#hangman-won-game a,
.hangman-game-type a { font-family:'Arial Black',san-serif;text-transform:uppercase;letter-spacing:2px;padding:10px 15px;border-radius:10px;background:#46883f;color:#fff;text-decoration:none;}

h3,
h2,
h1 {  font-weight:bold !important; }
.hangman-bg,
h1 { filter: url(#chalk);font-size:2.8em !important;}
#hangman-letters span { filter: url(#chalk);font-size:2em !important;}
.hangman-bg { opacity:0.9;}


.hangman-alphabet-instructions small { color:#fff !important;}
.hangman-modal a:hover,
#hangman-lost-game a:hover,
#hangman-won-game a:hover,
.hangman-game-type a:hover { background:#66a85f;color:#fff;text-decoration:none;}
.game_word { white-space: nowrap;}
.hangman-modal a:last-child,
#hangman-lost-game a:last-child,
#hangman-won-game a:last-child,
.hangman-game-type a:last-child { background:#89704d;}
#hangman-lost-game a:last-child:hover,
#hangman-won-game a:last-child:hover,
.hangman-game-type a:last-child:hover { background:#a9906d;}
.hangman-workspace h4 { margin:0 0 20px 0;font-size:1.1em !important ;font-family:'Arial';display:block;color:rgba(255,255,255,0.8);font-weight:normal !important;}
.hangman-workspace h3 { margin:0 0 20px 0;font-size:2.4em;display:block;color:#fff;}
.hangman-workspace h3 span { color:#c0ffcb;}
.hangman-workspace img { max-width:100%;margin:0 !important;box-sizing:border-box;}
.hangman-menu-screen { display:block; }
.hangman-game-screen { display:none; }
.hangman-loading-screen { display:none;text-align:center;}
.hangman-screen { position:relative;}

.game_word { display:inline-block;white-space: nowrap; }
.hangman-word { display:inline-block;white-space: nowrap;margin:0 15px 5px 0; }


.desktop { display:block;}
.mobile { display:none;}
.hangman-stats { color:#fff;}
.hangman-stats i { margin-right:5px;color:#fff !important;}
.hangman-time-is-short { color:#900;}

.hangman-alphabet a { width:7% !important;margin:0 -2px 3px 0;display:inline-block;height:32px !important;line-height:32px !important;box-sizing:border-box;}

.hangman-modal { position:absolute !important;top:20% !important;left:50% !important;margin-top:-120px !important; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box;-moz-background-clip: padding-box;margin-left:-230px;height:200px;padding:20px;width:420px;background:#fff;border-radius:15px;z-index:102 !important; }
.hangman-modal h3 { color:#0d6632;}

.hangman-alphabet { margin-top:10px; }
#hangman-sound-toggle { color:#666;text-decoration:none !important; }
@media screen and (max-width:600px) {
    .desktop { display:none;}
    .mobile { display:block;}
    h1 { font-size:2em !important;margin:0 0 5px 0; }
    h1 + p { display:none; }
    .hangman-bg { float:none;width:100%;}
    .hangman-bg img { max-height:180px;}
    .hangman-stats { margin-bottom:10px;}
    .hangman-game { float:none;width:100%;padding:20px 0;}
    .hangman-game-screen .hangman-heading { display:none;}
    .hangman-game h3 { font-size:1.6em;margin-bottom:10px;}
    .hangman-game h4 { font-size:1.1em;margin-bottom:15px;}
    .hangman-valign { position:relative;top:inherit;left:inherit;-webkit-transform: none;-ms-transform: none;transform: none;}
    .hangman-spacer {display:none;  }
    .hangman-alphabet a { width:12.5% !important;margin:0 2px 6px 2px;display:inline-block;height:32px !important;line-height:32px !important;box-sizing:border-box;font-size:1.55em !important;}
    .hangman-game-type a { font-size:12px;padding:6px 10px;}
    #hangman-letters span { font-size:12px;}
    .hangman-alphabet-spacer { margin-bottom:3px;}

    .hangman-modal { position:absolute !important;top:12% !important;left:50% !important;margin-top:-120px !important; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box;-moz-background-clip: padding-box;margin-left:-180px;height:200px;padding:20px;width:340px;background:#fff;border-radius:15px;z-index:102 !important; }
    .hangman-modal p { font-size:14px;}
    .hangman-modal a { font-size:12px !important;padding:6px 10px !important;}

}

.hangman-stats i { color:#0d6632; }

#hangman-sound-toggle.sound-on { color:#000;}
#hangman-sound-toggle.sound-off { color:#ccc;}