@charset "UTF-8";
html, body {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-callout: none
}

.hidden {
    display: none !important
}

.gameTitle {
    font-size: 2em;
    font-family: 'Lora', serif !important;
    color: #29675f;
}

h2 {
    font-size: 1.2em;
    font-family: 'Lora', serif !important;
    color: #29675f;
    margin-bottom: 10px;
}

*, .active, :active, :focus {
    outline: 0
}

.crosswordContainer {
    padding: 0px 50px;
}

.crosswordContainer table tbody td.hasField {
    border: 1px solid #d5bc97;
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0px;
    position: relative;
}

.crosswordContainer table tbody td.hasField .questionLabel {
    position: absolute;
    color: #d5bc97;
    font-size: 12px;
}

.crosswordContainer table tbody td.hasField .questionLabel.vertical {
    top: -20px;
    left: 0px;
}

.crosswordContainer table tbody td.hasField .questionLabel.horizontal {
    top: 0px;
    left: -16px;
}

.crosswordContainer table tbody td.hasField input {
    border: none;
    width: 40px;
    height: 40px;
    background: #fff;
    font-weight: 700;
    color: #29675f;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
}

.questionsContainer {
    width: 100%;
}

ol ::marker {
    font-size: 1.1em;
    font-family: 'Lora', serif !important;
    color: #29675f;
    margin-bottom: 10px;
}

ol li {
    color: #706a62;
}

.crosswordContainer table tbody td.hasField input.correct {
    border-color: #9ac00a;
    border-width: 2px;
    color: #9ac00a;
    background-color: #f5f9e7
}

.crosswordContainer table tbody td.hasField input.incorrect {
    border-color: #e2001a;
    border-width: 2px;
    color: #e2001a;
    background-color: #fce5e8
}