/*off-screen text for screen readers*/
.off-screen{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    
    /*Avoid contrast alerts in automated accessibility checks. This text is not visible and serves as an
    accessibility augment On the off chance that it makes sense to display such text in print, */
    background-color: #FFF;
    color: #000;
}

/*reset button styling so we can use them for accessibility purposes*/
button, input[type='submit'], input[type='button']{
    /*Get rid of most browser-provided styling.*/
    background-color: transparent;
    border: 0 none currentColor;
    padding: 0;
    /*Probably what browsers do anyway:*/
    display: inline-block;
    /*iOS:*/
    -webkit-appearance: none;
    /*Applies to Firefox. No known affect, just for good measure:*/
    -moz-appearance: none;
    /*IE*/
    width: inherit;
    height: inherit;
    /*Other just for good measure:*/
    width: auto;
    font-size: inherit;
    line-height: inherit;
}