/* Theme metadata
@NAME: Tituya's V43 theme
@AUTHOR: Tituya
*/

:root {
    --background: #fff;
    --text: #030303;
    --text-light: #b62727;

    --links: #c02020;

    --ok: #b62727;
    --ok-text: #ffffff;
    --ok-active: #950c0c;

    --warn: #ffa01a;
    --warn-text: #000;
    --warn-active: #ff9600;

    --error: #d23a2f;
    --error-text: #ffffff;
    --error-active: #b32a20;

    --info: #2e7aec;
    --info-text: #ffffff;
    --info-active: #215ab0;

    --hr-border: 1px solid #aaa2a2;
}

.form {
    --background: #fff;
    --text: #000;
    --border: 1px solid #aaa2a2;
    --border-focused: #577799;
    --shadow-focused: rgba(87, 143, 228, 0.5);
}

.editor button {
    --background: #ffffff;
    --text: #030303;
    --border: 1px solid rgba(0, 0, 0, 0);
    --border-focused: 1px solid rgba(0, 0, 0, .5);
}

#light-menu {
    --background: linear-gradient(90deg, #c01a1a 0%, #750d0d 150%);
    --text: #ffffff;
    --icons: #ffffff;
    --shadow: 0 0 10px #a49594;

    --logo-bg: transparent;
    --logo-shadow: 0 0 2px rgba(0, 0, 0, .7);
    --logo-active: rgba(0, 0, 0, .15);
}

#light-menu li > a {
    opacity: 1;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#light-menu li > a:hover {
    background: rgba(0, 0, 0, .15);
}

#menu {
    --background: #fff;
    --text: #030303;
    --shadow: 0 0 8px rgb(155, 155, 155);

    --input-bg: #fff;
    --input-text: #000;
    --input-border: 1px solid #aaa2a2;
}

#menu.opened svg > path {
    fill: #be1818;
}

header {
    --background: #fff;
    --border: 1px solid #be1818;
}

header .title a {
    color: var(--links);
}

footer {
    --background: #fff;
    --text: #a0a0a0;
}

.flash {
    --background: #ffffff;
    --text: #000;
    --shadow: 0 1px 12px rgba(0, 0, 0, 0.3);

    /* Uncomment to inherit :root values
    --ok: #149641;
    --warn: #f59f25;
    --error: #d23a2f;
    --info: #2e7aec; */
    --btn-bg: rgba(0, 0, 0, 0);
    --btn-text: #000000;
    --btn-bg-active: rgba(0, 0, 0, .15);
}

.profile-xp {
    --background: #fff;
    --border: 1px solid #be1818;
    --background-xp: #be1818;
    --border-xp: 1px solid #be1818;
}

table {
    --border: #aaa2a2;
}

table tr:nth-child(even) {
    --background: #fff;
}

table tr:nth-child(odd) {
    --background: #ecb0b0;
}

/*background of the code block. Match with friendly theme Pygments*/
table.codehilitetable tr {
    --background: #f0f0f0;
}

table th {
    --background: #b62727;
    color: #fff;
}

table.thread {
    border: 1px dashed #b62727;
}

table.thread.topcomment {
    border: 1px solid #c0c0c0;
}

div.editor-toolbar {
    --border: #aaa2a2;
    --background-light: #c0c0c0;
    --separator: #aaa2a2;
    --text-disabled: #c0c0c0;
    --text: #797474;
    opacity: 1;
}

div.editor-toolbar:hover {
    opacity: 1;
}

div.CodeMirror {
    --border: #aaa2a2;
    --background-preview: #fff;
}

div.CodeMirror:hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}

div.pagination {
    font-size: 14px;
    margin: 13px;
}