/*
This file defines the styles for Explorer, these built on top of Bootstrap
styles, so only where deviations from Bootstrap are desired are styles
required.

The colors in this sheet are defined in the 'themes' sheets, those in turn
get the color pallet from the 'base-colors' sheet.
*/

/* HTML overrides */

body {
    background-color: var(--background) !important;
    color: var(--font-color);
    font-family: Inter, "IBM Plex Sans", sans-serif !important;
    --webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 1.1em;
}

h1 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1.8em !important;
    line-height: 2em;
}

h2 {
    font-size: 1.1em !important;
    padding: 0.7em 0em 0em 0.2em;
}

small {
    padding: 0em 0em 0.5em 0.25em;
}

/* this is also a .small */

h5 {
    font-family: Inter, "IBM Plex Sans", sans-serif;
    font-size: 1.1em !important;
    line-height: 1.6em;
}

/* end HTML overrides */


/* main content wrapper */

#content {
    padding: 8px 0 0 0;
    min-height: 100vh;
    top: 0;
    right: 0;
    width: 80%;
}

/* -- form values -- */

.dropdown-item>i {
    width: 2em;
}

.btn {
    border-radius: 0.2rem;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    padding: 0.3em 0.6em;
}


.btn-primary {
    background-color: var(--primary-action-background);
    color: var(--primary-action-text);
    border: 1px solid transparent;
}

.btn-primary:hover {
    background-color: var(--primary-action-background-hover);
    color: var(--primary-action-text);
    border: 1px solid transparent;
}


.wrapper {
    display: flex;
    width: 100%;
}