/* ======================================================
    Word Pairs
   ====================================================== */

.wordPairsItem {
    padding: 2%;
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wordPairsItem ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wordPairsItem .itemNumber {
    line-height: 1;
}

.wordPair {
    float: left;
    min-width: 28%;
}

.wordPairsItemText {
    font-weight: bold;
}

.wordPairOptions {
    min-width: 25%;
    margin: 0 5% 0 10%;
}

.wordPairOptions > button.btn {
	background-color: #076BB2 !important;
	padding-left: 5px;
	padding-right: 5px;
}

.wordPairOptions > button.btn.active {
	background-color: #24ABFF !important;
}

.wordPairOptions > button.btn {
    background-color: var(--c_button_wordpair_background);
    color: var(--c_button_text_light);
}

.wordPairOptions > button.btn:active,
.wordPairOptions > button.btn.active {
    background-color: var(--c_button_wordpair_active_background);
}

.wordPairOptions > button.btn:disabled {
    background-color: var(--c_button_wordpair_disabled_background);
}

.wordPairItemNumber {
    text-align: right;
    width: 7%;
    float: left;
    padding-right: 10%;
    padding-top: 2px;
}

@media screen and (max-width: 1200px) {
    .wordPairOptions {
        min-width: 30%;
    }
}