/* Overrides to bootstrap and USWDS templates for HERO application */

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

small.form-text {
    font-size: 90%;
}

.dropdown-header {
    color: #006dcc;
    font-weight: bold;
}

.btn-group-toggle > .active {
    text-decoration: underline;
    background-color: #ffcb7e !important;
}

/* Tables */
.table td, .table th {
    border: 1px solid #5b616b;
}

.table thead th {
    border-bottom: 1px solid #5b616b;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f0f4f9;
}

tfoot > tr > td {
    font-size: 80%;
    border-top: none;
}

/* Buttons */
.btn-primary {
    color: var(--epa-white) !important;
    background-color: var(--epa-blue-base);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .show > .btn-primary.dropdown-toggle {
    background-color: var(--epa-blue-dark);
}

section button.btn,
section input[type="button"].btn,
section a.btn {
    border: 0 !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    white-space: normal
}

section button.btn-outline-dark {
    border: #343a40 solid 1px !important;
    border-radius: 0.2rem;
}

/* increase contrast */
.btn-light {
    background-color: #e6e6e6
}

.btn-light:hover {
    background-color: #cccccc
}

/* btn-group dropdown-menu */
.dropdown-header {
    color: var(--epa-blue-base);
}

/* preserve original color for some `a:visited` */
a.btn:visited, a.badge:visited {
    color: white;
}

a.btn.outline-btn:visited {
    color: #666666;
}

a.btn-light:visited, a.badge-light:visited,
a.btn-warning:visited, a.badge-warning:visited {
    color: black;
}

.dropdown-menu a:visited:not(.disabled) {
    color: #212529;
}

:focus {
    outline: none !important;
}

* {
    -webkit-transition-duration: unset;
    transition-duration: unset;
    -webkit-transition-property: background-color, border-color, color, opacity, text-shadow, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, color, opacity, text-shadow, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
    transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-timing-function: unset;
    transition-timing-function: unset;
}

/* this rule was disabled in the epa style; re-enable to header and buttons */
header.l-header *, .usa-button {
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: background-color, border-color, color, opacity, text-shadow, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, color, opacity, text-shadow, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
    transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

/* usa-banner */
.usa-banner__button[aria-expanded=true]::after {
    -webkit-mask: url("/static/vendor/uswds/3120/img/usa-icons/expand_less.2c35ebbd317e.svg") no-repeat center/contain;
}

.usa-banner__button[aria-expanded=false]::after {
    -webkit-mask: url("/static/vendor/uswds/3120/img/usa-icons/expand_more.868144ec9169.svg") no-repeat center/contain;
}

section.main-content {
    color: #212121;
}

/* Header */
#search-box {
    margin-top: 0px;
}

/* list items  */
li:last-child, ul:last-child, ol:last-child, li {
    margin-bottom: unset;
}

/* headers */
.h2, .h3, .h4, .h5 {
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: 500;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 0 0 0.5em;
}

.h4, h4 {
    font-size: 1.5rem;
}

.h5, h5 {
    font-size: 1.25rem;
}

.h3, h3 {
    font-size: 1.7rem;
}

/* Top nav */
.nav-hero .navbar-toggler {
    color: initial;
}

.nav-hero .navbar-toggler:focus {
    outline: initial;
}

.navbar-toggler {
    border-color: #5f7aa1 !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(250, 250, 250)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

a:visited {
    color: #005ea2;
}

.menu--main .menu__link, .menu--main .menu__link, .menu--main .menu__link:visited {
    color: #fff;
}

.usa-nav.is-visible .menu--main .menu__link, .usa-nav.is-visible .menu--main .menu__link, .usa-nav.is-visible .menu--main .menu__link:visited {
    color: #565c65;
}

.menu--main .menu__link:hover, .menu--main .menu__link:focus, .menu--main .menu__link.is-active {
    background: #edeff0;
    color: #005ea2;
    text-decoration: underline;
}

.site-logo--small {
    max-width: 50%;
    max-height: 50%;
    padding: 0;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    font-size: 1.06rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.usa-search--small .usa-search__submit-icon {
    height: 1.5rem;
    width: 1.5rem;
    display: block;
}

section button, section input[type='button'], section input[type='reset'], section input[type='submit'], section .button, section #edit-cancel, section .addtocal {
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    white-space: normal;
}

.invalid-feedback {
    display: block;
}

.btn.btn-sm {
    line-height: 1.5;
}

.dropdown-menu a:visited:active {
    color: #fff;
}

.input-group-append .btn {
    z-index: unset;
}

.text-black:hover {
    color: black;
}