/* BUTTONS
   ========================================================================== */

button,
input[type="submit"],
[class$="Button"],
.button {
    font-family: var(--font);
    font-size: 1.8rem;
    font-weight: var(--font--weight--semibold);
}

.button--cancel,
.button--cancel:link,
.button--cancel:visited,
.cancelButton,
.cancelButton:link,
.cancelButton:visited,
.partialSaveButton,
.partialSaveButton:link,
.partialSaveButton:visited,
.previousButton,
.previousButton:link,
.previousButton:visited,
.homeButton,
.homeButton:link,
.homeButton:visited,
.clearButton,
.clearButton:link,
.clearButton:visited,
.removeFile,
.removeFile:link,
.removeFile:visited {
    border: 0;
}

.button--cancel:hover,
.button--cancel:focus,
.button--cancel:active,
.cancelButton:hover,
.cancelButton:focus,
.cancelButton:active {
    color: #FFFFFF;
}

.button--secondary,
.clearButton,
.button--secondary:link,
.clearButton:link,
.button--secondary:visited,
.clearButton:visited {
    border-color: #FFFFFF;
}

.button--primary:hover,
.submitButton:hover,
button:hover,
input[type="submit"]:hover,
.button--primary:hover,
.saveButton:hover,
.submitButton:hover,
.nextButton:hover,
.gotoButton:hover,
.redirectUrlButton:hover,
.previousButton:hover {
    color: var(--buttons--colors--sub-2);
}

.button--secondary:hover,
.clearButton:hover,
.button--secondary:focus,
.clearButton:focus,
.button--secondary:active,
.clearButton:active {
    color: #FFFFFF;
}

.button--secondary,
.clearButton, {
    border-color: #FFFFFF;
}

.previousButton {
    background-color: var(--buttons--colors);
    border-color: var(--buttons--colors);
    color: #FFFFFF;
}

.previousButton:hover {
    border-color: var(--buttons--colors--sub-1);
    background-color: var(--buttons--colors--sub-1);
}

button:focus,
button:active,
input[type="submit"]:focus,
input[type="submit"]:active,
.button--primary:focus,
.button--primary:active,
.saveButton:focus,
.saveButton:active,
.submitButton:focus,
.submitButton:active,
.nextButton:focus,
.nextButton:active,
.gotoButton:focus,
.gotoButton:active,
.redirectUrlButton:focus,
.redirectUrlButton:active,
.button--secondary:focus,
.button--secondary:active,
.partialSaveButton:focus,
.partialSaveButton:active,
.previousButton:focus,
.previousButton:active,
.homeButton:focus,
.homeButton:active,
.clearButton:focus,
.clearButton:active,
.removeFile:focus,
.removeFile:active,
.button--cancel:focus,
.button--cancel:active,
.cancelButton:focus,
.cancelButton:active {
    text-decoration: underline;
    text-underline-offset: 6px;
}

.social-share .fv {
    font-size: 2.4rem;
}

.form--search .button-bar__wrap {
    display: flex;
}

@media (min-width: 751px) {
    .button-bar--2col button, .button-bar--2col input[type="submit"], .button-bar--2col .button {
        width: fit-content;
        width: -moz-fit-content;
        margin-right: var(--spacer--s);
    }

    .social-share--open .social-share__button {
        color: #FFFFFF;
    }

}