/**
 * WatuPRO theme – Soft Sage (custom)
 * Based on Green Namaste theme
 */

.watupro-sortable {
    margin: 0 auto;
}
.watupro-sortable li {
    list-style: none;
}

.watupro-nmatrix-selected {
    border-color: #7A9487;
    border-radius: 4px;
}

.watupro-nmatrix-unselect {
    color: #5F7F70;
    font-size: 80%;
}

.watupro-question-choice {
    margin: 0.438em 0 !important;
}

/* Input fields & gaps */
.watupro-user-feedback,
.watupro-textarea-medium,
.watupro-text,
.watupro-gap {
    border: 1pt solid rgba(143, 168, 154, 0.45) !important;
    background-color: rgba(143, 168, 154, 0.25) !important;
    color: #5F7F70 !important;
}

/* Buttons */
.watupro_buttons input[type=button],
.watupro_buttons input[type=submit],
.watupro-exam-description button {
    cursor: pointer;
    padding: 0.6em 1em;
    border: 1px solid #7A9487;
    background: #8FA89A;
    color: #FAF7F2;
    margin-left: 5px;
    border-radius: 0.188em;
    font-size: 1.1em;
}

.watupro_buttons input[type=button]:hover,
.watupro_buttons input[type=submit]:hover,
.watupro-exam-description button:hover,
.watupro_buttons input[type=button]:focus,
.watupro_buttons input[type=submit]:focus {
    background: #7A9487;
    color: #FAF7F2;
}

.watupro_buttons tr {
    border-bottom: none;
}

/* Radio & checkbox layout */
.watupro-2-columns > *, li.watupro-2-columns > *,
.watupro-3-columns > *, li.watupro-3-columns > *,
.watupro-4-columns > *, li.watupro-4-columns > * {
    display: inline-block;
}

.watupro-question-choice.watupro-ansnum i {
    width: 2em;
    vertical-align: top;
    padding-top: 0.55em;
}

.watupro-ansnum.watupro-2-columns,
li.watupro-ansnum.watupro-2-columns,
.watupro-ansnum.watupro-3-columns,
li.watupro-ansnum.watupro-3-columns,
.watupro-ansnum.watupro-4-columns,
li.watupro-ansnum.watupro-4-columns {
    padding-left: 0.5em;
    padding-right: 0;
}

.watupro-ansnum.watupro-2-columns:first-of-type,
.watupro-ansnum.watupro-3-columns:first-of-type,
.watupro-ansnum.watupro-4-columns:first-of-type,
.watupro-ansnum.watupro-2-columns:nth-of-type(2n+1),
.watupro-ansnum.watupro-3-columns:nth-of-type(3n+1),
.watupro-ansnum.watupro-4-columns:nth-of-type(4n+1) {
    padding-left: 0;
}

/* Custom radio / checkbox buttons */
.watupro-question-choice input[type=radio],
.watupro-question-choice input[type=checkbox] {
    display: none !important;
}

.watupro-question-choice input[type=radio] + label,
.watupro-question-choice input[type=checkbox] + label {
    margin: 0.25em 0 0 0;
    padding: 0.25em 0.75em;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #E3DDD2;
    background: #FAF7F2;
    color: #3A3A3A;
}

.watupro-question-choice input[type=radio]:checked + label,
.watupro-question-choice input[type=checkbox]:checked + label {
    background-image: none;
    outline: 0;
    background: #8FA89A;
    color: #FAF7F2;
}

.watupro-question-choice.watupro-ansnum input[type=radio] + label,
.watupro-question-choice.watupro-ansnum input[type=checkbox] + label {
    max-width: calc(100% - 2.5em);
}

/* Progress bar */
.watupro-progress-percent {
    color: #5F7F70;
}

.watupro-progress-bar {
    border-radius: 0.625em;
    background: #7A9487 !important;
}

/* Paginator */
ul.watupro-paginator,
ul.watupro-category-paginator {
    justify-content: center;
}

ul.watupro-paginator li {
    border: 1px solid #7A9487;
    color: #5F7F70;
    background-color: #FAF7F2;
    flex-grow: 0;
}

ul.watupro-paginator li.answered {
    background-color: #8FA89A !important;
    border-color: #7A9487 !important;
    color: #FAF7F2;
}

ul.watupro-paginator li.unanswered {
    background-color: #E3DDD2 !important;
    border-color: #E3DDD2 !important;
    color: #FAF7F2;
}

ul.watupro-paginator li.active {
    padding: 0.4em 1em;
    box-shadow: 0 6px 4px -4px rgba(0,0,0,0.25),
                inset 0 0 4px 1px rgba(143,168,154,0.35);
    transform: scale(1.05);
    border: none !important;
}

ul.watupro-category-paginator li.active {
    transform: scaleY(1.05) scaleX(1.02) translateY(-1px);
}