/* Base Font Sizes */

* {
    font-family: var(--theme-font-family-body-copy);
}
body {
    font-size: 0.8750em;
}

a {
    color: var(--theme-link-color);
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--theme-font-family-header);
}

h1 { font-size: var(--base-header-1);}
h2 { font-size: var(--base-header-2);}
h3 { font-size: var(--base-header-3);}
h4 { font-size: var(--base-header-4);}
h5 { font-size: var(--base-header-5);}
h6 { font-size: var(--base-header-6);}

:root {
    --base-header-1: 1.875em;
    --base-header-2: 1.3125em;
    --base-header-3: 1.125em;
    --base-header-4: 1em;
    --base-header-5: 0.8750em;
    --base-header-6: 0.7500em;
}


/* Base Buttons */
.btn, .btn.btn-primary, 
.btn-primary:hover, button, 
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active,
.btn-lg:not(:disabled):not(.disabled),
.btn-lg:not(:disabled):not(.disabled):active,
.btn-sm:not(:disabled):not(.disabled) {
    font-weight: bold;
    border: 1px solid var(--theme-secondary-color);
    background-color: var(--theme-secondary-color);
    color: var(--theme-secondary-text-color);
    font-size: var(--froala-p-size);
    border-radius: 0px;
    transition: transform 300ms ease, all 400ms ease;
}

.btn:hover, .btn:not(:disabled):hover, 
.btn-primary:not(:disabled):not(.disabled).active:hover,
 button:not(:disabled):not(.disabled).active:hover {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2); 
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
    transform: translate(0px, -3px) perspective(1px) translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: pointer;
}

.btn:hover {
    color: var(--theme-secondary-text-color);
}

button:not(.dropdown-toggle) * {color: var(--theme-secondary-text-color);}

/* button, .btn:focus, .btn:active, .btn.focus, .btn:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .form-control:focus {
    outline: 0;
    box-shadow: unset;
} */

/* Consolidating edge case buttons */
.btn-clear-search, .directory-search-container button, .btn.directory__filter-dropdown, .btn.agenda__filter-dropdown, .btn.directory__filter-dropdown:hover, .btn.agenda__filter-dropdown:hover, button.btn.dropdown-toggle.bs-placeholder.btn-light, button.btn.dropdown-toggle.bs-placeholder.btn-light:hover, .agenda__search-bar button *,  .agenda__search-bar .btn.btn-primary,
.directory-search-container button *, .directory__filter-dropdown-content .btn:not(:disabled):not(.disabled),
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus, .agenda__filter-dropdown:active:focus, button.btn.btn-primary.agenda__filter-dropdown:not(:disabled):not(.disabled):active, .btn.btn-link.agenda__clear-search-button:hover, button.btn.btn-primary.agenda__filter-dropdown {
    background-color: transparent;
    background: transparent;
    border: unset;
    transform: none;
    transition: none;
    box-shadow: none;
    outline: 0;
}

.directory-search-container .btn:not(:disabled):hover {
    transform: none;
    box-shadow: none;
    outline: 0;
}

.form-nav__tab a {
    text-decoration: unset;
}

.directory-search-container button * {
    color: var(--theme-secondary-color);
}

.btn.enrollable-btn__unenroll, .btn--inverted {
    border: 1px solid var(--theme-secondary-color);
    background-color: var(--theme-secondary-text-color);
    color: var(--theme-secondary-color);
}

.btn--inverted:hover {
    border: 1px solid var(--theme-secondary-color);
    background-color: var(--theme-secondary-color);
    color: var(--theme-secondary-text-color);
}

.btn.btn-primary,
.btn.btn-secondary {
    min-width: 130px;
}

.btn-lg {
    width: 100%;
    max-width: 300px;
    padding-top: 13.5px;
    padding-bottom: 13.5px;
}

img {
    image-rendering: -webkit-optimize-contrast;
}