/* Button Style Override */

/* Style all buttons with solid orange background matching the second screenshot */
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, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
    background-color: #E25541 !important; /* Solid orange background */
    border-radius: 0.375em;
    border: 0;
    box-shadow: none !important; /* No shadow */
    color: #ffffff !important; /* White text */
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto Slab", serif;
    font-size: 0.8em;
    font-weight: 700;
    height: 3.5em;
    letter-spacing: 0.075em;
    line-height: 3.5em;
    padding: 0 2.25em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button:focus,
.button:focus {
    background-color: #ffffff !important; /* White background on hover */
    color: #E25541 !important; /* Orange text on hover */
    box-shadow: inset 0 0 0 2px #E25541 !important; /* Orange border on hover */
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
    background-color: #d04b39 !important; /* Slightly darker orange when active */
    color: #ffffff !important;
}

/* Ensure primary buttons maintain the same style */
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
    background-color: #E25541 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover,
input[type="submit"].primary:focus,
input[type="reset"].primary:focus,
input[type="button"].primary:focus,
button.primary:focus,
.button.primary:focus {
    background-color: #ffffff !important; /* White background on hover */
    color: #E25541 !important; /* Orange text on hover */
    box-shadow: inset 0 0 0 2px #E25541 !important; /* Orange border on hover */
}

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

/* Override any existing button styles */
.button.big, 
.button {
    background: #E25541 !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.button.big:hover, 
.button:hover,
.button.big:focus, 
.button:focus {
    background: #ffffff !important;
    color: #E25541 !important;
    border: 2px solid #E25541 !important;
    box-shadow: none !important;
}

/* Override .more-articles-button style */
.more-articles-button a.button {
    background-color: #E25541 !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.more-articles-button a.button:hover,
.more-articles-button a.button:focus {
    background-color: #ffffff !important;
    color: #E25541 !important;
    border: 2px solid #E25541 !important;
    box-shadow: none !important;
}

/* Make sure sidebar buttons also match */
#sidebar .button {
    background-color: #E25541 !important;
    border: 0 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

#sidebar .button:hover,
#sidebar .button:focus {
    background-color: #ffffff !important;
    color: #E25541 !important;
    border: 2px solid #E25541 !important;
    box-shadow: none !important;
}