:root {
    --primary-color: #4E4A9E;
    --primary-color-50: color-mix(in srgb, var(--primary-color), white 10%);
    --secondary-color: #955972;
    --tertiary-color: #61606A;
    
    --font-family: aktiv-grotesk-extended, Verdana, sans-serif !important;
}

body {
    height: 100%;
}

body, button, input, optgroup, select, textarea {
    font-family: var(--font-family);
}

.title, .label, .input, .select select, .textarea, .tabs a {
    color: var(--tertiary-color);
}

.container.is-fullhd {
    min-height: calc(100vh - 200px);
}


.navbar.is-danger {
    background-color: var(--primary-color);
    /*background-image: url("/assets/img/gradient.png");
    background-repeat: repeat-y;
    background-size: 100%;*/
    background-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    padding: 1rem 5rem;
}

.navbar.is-danger .navbar-brand .navbar-link.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand>a.navbar-item.is-active,
.navbar.is-danger .navbar-brand>a.navbar-item:focus,
.navbar.is-danger .navbar-brand>a.navbar-item:hover,

.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,

.navbar.is-danger .navbar-end .navbar-link.is-active,
.navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end>a.navbar-item.is-active,
.navbar.is-danger .navbar-end>a.navbar-item:focus,
.navbar.is-danger .navbar-end>a.navbar-item:hover {
    background-color: transparent;
    text-decoration: underline;
    text-decoration-thickness: .25rem;
    text-underline-offset: .5rem;
}


.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: transparent;
    color: var(--primary-color);
}

.navbar-item, .navbar-link {
    padding: 0;
}

.navbar-item img {
    margin-right: 6px;
    max-height: 4rem;
}

.navbar-item .subtitle {
    cursor: default;
}

.navbar-dropdown {
    top: 2.85rem;
}


.field-body {
    flex-grow: 2;
}

.px-8 {
    padding-left: 8rem!important;
    padding-right: 8rem!important;
}

.select.is-normal select {
    font-size: .85rem;
    margin-top: .2rem;
}

.section {
    padding: 1rem 0 2rem;
}
.section + .section {
    padding-top: 0;
}

.subtitle.is-5 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.tab-content {
    display: none;
    flex-direction: column;
}
.tab-content.is-active {
    display: flex;
}

label.file-label {
    min-width: 35vw;
}

.reddit > .level {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
} 

.reddit > .tile.is-parent {
    padding: 0;
    min-height: 60vh;
    overflow-y: scroll;
}

.reddit .tile.is-child {
    border: solid 1px #f5f5f5;
    cursor: pointer;
}
.reddit .tile.is-child.is-success {
    border-color: #257953;
    position: relative;
}
.reddit .tile.is-child.is-success::after {
    color: #effaf5;
    content: '✔';
    position: absolute;
    left: 5px;
    top: -3px;
    font-size: 1.1rem;
}
.reddit .tile.is-child.is-success::before {
    border-top: 35px solid #257953;
    border-right: 35px solid transparent;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.reddit article .subtitle:not(:last-child) {
    margin-bottom: .75rem;
}

.reddit textarea[hidden] {
    display: none;
}


.footer {
    background: none;
    padding: 1rem;
    text-align: right;
}
.footer img {
    width: 3rem;
    margin-left: auto;
}


.has-gradient {
    background-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}


pre {
    border: 1px solid #ddd;
    word-break: break-word;
    white-space: break-spaces;
    padding: 2px 10px;
}

.tag:not(body).is-dark {
    background-color: #c6c6c6;
    color: #000;
}