/* Defaults */
:root {
    --radius: 5px;
    --accent: rgb(25, 91, 66);
    --link: rgb(27, 94, 117);
    --muted: rgb(203, 208, 198);
    --faded: #899;
    --border: #dee2e6;
    --card: #eef3f3;
}

body {
    font-size: 11pt;
}

nav {
    display: flex;
    background-color: var(--card);
    padding: .4rem;
}

#nav-title {
    font-family: Kanit, serif;
}

body {
    font-family: Rubik, sans-serif;
}

h1, h2, h3 {
    font-family: Kanit;
}

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

h4 {
    font-size: 120%;
    margin-top: 0.4rem;
}

label {
    font-size: 120%;
}

p:last-child {
    margin-bottom: 0;
}

.site-title {
    text-align: center;
}

.site-title a {
    text-decoration: none;
    color: var(--link);
}

.site-linkbar {
    text-align: center;
    display: flex;
    gap: 0.2rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.6rem;
}

.site-time {
    background-color: var(--faded);
    color: white;
    border-radius: var(--radius);
    padding: .4rem;
}

.site-link {
    background-color: var(--link);
    color: white;
    border-radius: var(--radius);
    padding: .3rem .4rem .4rem;
    text-decoration: none;
}

.spacer {
    height: 2rem;
}

.wrapped-radio {
    display: inline-block;
    font-size: 80%;
}

.wrapped-radio input {
    display: none;
}

.wrapped-radio label {
    padding: .4rem;
    border-radius: var(--radius);
    margin: 0.2rem;
    border: 1px solid var(--border);
}

.wrapped-radio input:checked ~ label {
    background-color: var(--muted);
}

.collapser::after {
    content: " -";
}
.collapser.collapsed::after {
    content: " +";
}

.row-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
}

/* UTILITY */
.hide {
    display: none !important;
}

.col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.large {
    font-size: 120%;
}

.small {
    font-size: 70%;
}

#graph {
    height: 300px;
}

/* Project form */
.blurb {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 0.6rem;
    background-color: white;
}

.card-simple {
    background-color: var(--card);
    border: none;
    border-radius: var(--radius);
    padding: 0.4rem;
}

.ace_editor {
    height: 150px;
    margin-bottom: 0;
}

/* Bootstrap override */
.border {
    border-color: var(--border);
}

.text-muted {
    color: var(--muted);
}

.bg-primary, .btn-primary {
    background-color: var(--link) !important;
    border-color: var(--link);
}

/* Selectize */
.selectize-control.single .selectize-input {
	background-image: none !important;
}