input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px #2a2f4a;
    color: #2a2f4a;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 600;
    height: 3.5em;
    letter-spacing: 0.25em;
    line-height: 3.5em;
    padding: 0 1.75em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

    input[type="submit"]:hover, input[type="submit"]:active,
    input[type="reset"]:hover,
    input[type="reset"]:active,
    input[type="button"]:hover,
    input[type="button"]:active,
    button:hover,
    button:active,
    .button:hover,
    .button:active {
        box-shadow: inset 0 0 0 2px #015060;
        color: #015060 !important;
    }

    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active,
    button:active,
    .button:active {
        background-color: rgba(155, 241, 255, 0.1);
        box-shadow: inset 0 0 0 2px #015060;
        color: #015060 !important;
    }

input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
    background-color: #015060;
    box-shadow: none;
    color: #ffffff;
}

input[type="submit"].primary:hover,
input[type="submit"].primary:active,
input[type="reset"].primary:hover,
input[type="reset"].primary:active,
input[type="button"].primary:hover,
input[type="button"].primary:active,
button.primary:hover,
button.primary:active,
.button.primary:hover,
.button.primary:active {
    background-color: #015060;
    color: #ffffff !important;
}

input[type="submit"].primary:active,
input[type="reset"].primary:active,
input[type="button"].primary:active,
button.primary:active,
.button.primary:active {
    background-color: #015060;
}

#banner::after {
    background-color: #015060;
}

.spotlights > section {
    background-color: #015060;
}

.spotlights > section:nth-child(2n) {
    background-color: #ffffff;
    color: #2a2f4a;
}


.container-title,
.container-chapter,
.container-image,
.container-audio,
.container-video,
.container-mcq {
    border-color: #015060
}


.container-mcq.bottom input[type="button"],
.container-mcq.bottom button,
.container-mcq.bottom .button {
    color: #015060;
    border-color: #015060;
}

.container-mcq.bottom input[type="button"]:hover,
.container-mcq.bottom button:hover,
.container-mcq.bottom .button:hover {
    color: #015060;
    border-color: #015060;
}

.container-mcq.bottom input[type="button"]:active,
.container-mcq.bottom button:active,
.container-mcq.bottom .button:active {
    color: #015060;
    border-color: #015060;
}