/* Loaded after core's bootstrap amember.css (see Theme.php themeRefsStandard); overrides only. */

html {
    height: auto;
}

.am-body-content input,
.am-body-content textarea,
.am-body-content select,
.am-body-content button,
.am-popup input,
.am-popup textarea,
.am-popup select,
.am-popup button {
    font-family: Roboto, Helvetica, Tahoma, Arial, sans-serif;
}

#mask {
    opacity: .55;
    background-color: var(--am-ink);
}

.am-popup {
    box-shadow: 0 30px 80px rgba(20, 10, 60, .35);
}

@media all and (min-width: 321px) {
    .am-popup {
        border-radius: 20px;
    }
}

.am-popup .am-popup-close-icon:after {
    color: var(--am-muted);
}

.am-popup .am-popup-header {
    font-weight: 700;
    color: var(--am-ink);
    background: #fff;
    border-bottom: 1px solid var(--am-line);
    padding: 1em 20px;
}

.am-body-content a.button,
.am-body-content button,
.am-body-content input[type=button],
.am-body-content input[type=submit],
.am-popup a.button,
.am-popup button,
.am-popup input[type=button],
.am-popup input[type=submit] {
    background: #fff;
    border: 1px solid var(--am-line);
    border-radius: 999px;
    color: var(--am-ink);
}

.am-body-content a.button:hover,
.am-body-content button:hover,
.am-body-content input[type=button]:hover,
.am-body-content input[type=submit]:hover,
.am-body-content a.button:active,
.am-body-content button:active,
.am-body-content input[type=button]:active,
.am-body-content input[type=submit]:active,
.am-popup a.button:hover,
.am-popup button:hover,
.am-popup input[type=button]:hover,
.am-popup input[type=submit]:hover,
.am-popup a.button:active,
.am-popup button:active,
.am-popup input[type=button]:active,
.am-popup input[type=submit]:active {
    border-color: var(--am-accent);
    background: #fff;
    color: var(--am-accent);
}

.am-body-content button:disabled,
.am-body-content input[type=button]:disabled,
.am-body-content input[type=submit]:disabled,
.am-popup button:disabled,
.am-popup input[type=button]:disabled,
.am-popup input[type=submit]:disabled {
    border: 1px solid var(--am-line);
    background: var(--am-bg);
}

/* the site login/sendpass forms sit in their own card */
.am-login-form-wrapper,
.am-sendpass-form-wrapper {
    margin-top: 0;
}

/* Bootstrap form theme has no centered .am-element column */
.am-2fa-app-links {
    justify-content: flex-start;
}

.am-filter-wrap {
    background: none;
    padding: 0;
    border-radius: 0;
}

.am-filter-wrap form.filter input,
.am-filter-wrap form.filter select {
    background-color: #fff;
}